Template:ItemInfo/style.css: Difference between revisions
Template page
More actions
Content deleted Content added
imported>76561198018895007 No edit summary  | 
				m add vertical align Tag: Manual revert  | 
				||
| (8 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
.item_panel {  | 
  .item_panel {  | 
||
    border-image  | 
      border-image: url('/skins/common/images/item_panel_border.png') 4 4 fill / auto;  | 
||
    border-image-slice: 4 4 fill;  | 
  |||
    border-image-width: auto;  | 
  |||
    overflow: auto;  | 
  |||
    display: inline-block;  | 
      display: inline-block;  | 
||
    min-width: 250px;  | 
      min-width: 250px;  | 
||
| Line 11: | Line 8: | ||
    font-weight: 400;  | 
      font-weight: 400;  | 
||
    padding: 13px;  | 
      padding: 13px;  | 
||
| ⚫ | |||
}  | 
  }  | 
||
.tech_header {  | 
|||
  display:flex;  | 
|||
  justify-content: space-between;  | 
|||
| ⚫ | |||
.tt_glow {  | 
  .tt_glow {  | 
||
    color: #ffd28e;  | 
      color: #ffd28e;  | 
||
| Line 25: | Line 29: | ||
    font-size: 11pt;  | 
      font-size: 11pt;  | 
||
    color: #ffffff;  | 
      color: #ffffff;  | 
||
    max-width: 300px;  | 
  |||
    margin-bottom: 10px;  | 
      margin-bottom: 10px;  | 
||
| ⚫ | |||
.tt_lg_icon {  | 
  |||
    float: left;  | 
  |||
| ⚫ | |||
    height: 90px;  | 
  |||
}  | 
  }  | 
||
.tt_info {  | 
  .tt_info {  | 
||
    overflow: auto;  | 
  |||
    vertical-align: top;  | 
      vertical-align: top;  | 
||
    margin  | 
      margin: 10px;  | 
||
    display: flex;  | 
|||
}  | 
  }  | 
||
.tt_info_table {  | 
  .tt_info_table {  | 
||
    padding-left: 10px;  | 
|||
    flex-grow: 1;  | 
|||
    font-size: 14px;  | 
      font-size: 14px;  | 
||
    line-height: 16px;  | 
      line-height: 16px;  | 
||
    white-space: nowrap;  | 
|||
}  | 
|||
.tt_info_table tbody, .tt_info_table tr {  | 
|||
| ⚫ | |||
}  | 
  }  | 
||
.tt_info_table td {  | 
  .tt_info_table td {  | 
||
    color: #a3a4a4;  | 
      color: #a3a4a4;  | 
||
    vertical-align: top;  | 
|||
}  | 
  }  | 
||
| Line 59: | Line 62: | ||
.tt_bar {  | 
  .tt_bar {  | 
||
    background-image: url('/skins/common/images/tt_bar.png');  | 
      background-image: url('/skins/common/images/tt_bar.png');  | 
||
    min-height: 3px;  | 
  |||
    height: 3px;  | 
      height: 3px;  | 
||
    border: 0;  | 
|||
}  | 
|||
| ⚫ | |||
.tt_no_rep {  | 
|||
	color: #ff9278;  | 
|||
    text-shadow: 0 0 3px #f00, 0 0 6px #f00;  | 
|||
}  | 
  }  | 
||
Latest revision as of 23:00, 24 December 2023
.item_panel {
    border-image: url('/skins/common/images/item_panel_border.png') 4 4 fill / auto;
    display: inline-block;
    min-width: 250px;
    max-width: 400px;
    font-family: TemplateStyles-SairaM;
    font-size: 14pt;
    font-weight: 400;
    padding: 13px;
    margin: 10px;
}
.tech_header {
  display:flex;
  justify-content: space-between;
}
.tt_glow {
    color: #ffd28e;
    text-shadow: 0 0 3px #ff8250, 0 0 6px #ff8249
}
.tt_category {
    color: #a3a4a4;
    font-size: 11pt;
}
.tt_desc {
    font-size: 11pt;
    color: #ffffff;
    margin-bottom: 10px;
}
.tt_info {
    vertical-align: top;
    margin: 10px;
    display: flex;
}
.tt_info_table {
    padding-left: 10px;
    flex-grow: 1;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}
.tt_info_table tbody, .tt_info_table tr {
	width: 100%;
}
.tt_info_table td {
    color: #a3a4a4;
    vertical-align: top;
}
.tt_info_table td+td {
    text-align: right;
    color: #ffffff;
}
.tt_bar {
    background-image: url('/skins/common/images/tt_bar.png');
    height: 3px;
    border: 0;
}
.tt_no_rep {
	color: #ff9278;
    text-shadow: 0 0 3px #f00, 0 0 6px #f00;
}
@font-face {
    font-family: 'TemplateStyles-SairaM';
    src: url('/skins/common/font/SAIRAM.ttf') format('truetype');
}