Template:ItemInfo/style.css: Difference between revisions
Template page
More actions
Content deleted Content added
imported>76561198018895007 Created page with ".item_panel { border-image-source: url('/skins/common/images/item_panel_border.png'); border-image-slice: 4 4 fill; border-image-width: auto; overflow: auto;..." |
m add vertical align Tag: Manual revert |
||
(11 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 { |
|||
⚫ | |||
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; |
|||
⚫ | |||
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; |
||
⚫ | |||
} |
} |
||
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_recipe { |
|||
position: relative; |
|||
} |
|||
.tt_rec_arrow { |
|||
background-image: url('/skins/common/images/45x45_arrow.png'); |
|||
width: 45px; |
|||
height: 45px; |
|||
text-align: center; |
|||
⚫ | |||
font-size: 12pt; |
|||
padding-top: 7px; |
|||
} |
|||
.tt_recipe_item, |
|||
.tt_output_item { |
|||
width: 45px; |
|||
height: 45px; |
|||
text-align: right; |
|||
⚫ | |||
display: inline-block; |
|||
font-size: 12px; |
|||
position: relative; |
|||
} |
|||
.tt_recipe_item { |
|||
/*margin-left: -5px;*/ |
|||
} |
|||
.tt_recipe_icon { |
|||
max-width: 45px; |
|||
max-height: 45px; |
|||
} |
} |
||
.tt_no_rep { |
|||
.tt_recipe_item>div, |
|||
⚫ | |||
.tt_output_item>div { |
|||
⚫ | |||
position: absolute; |
|||
bottom: -6px; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
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');
}