Electromagnetism (Tech) and Template:TechInfo/sandbox/style.css: Difference between pages
From the Dyson Sphere Program Wiki
(Difference between pages)
imported>76561198018895007 m (76561198018895007 moved page Eletromagnetism (Tech) to Electromagnetism (Tech) without leaving a redirect) |
imported>76561198045853337 m (shrink "unlock" paddings) |
||
Line 1: | Line 1: | ||
{ | .tech_panel { | ||
border-image: url('/skins/common/images/item_panel_border.png') 4 4 fill / auto; | |||
display: inline-block; | |||
min-width: 250px; | |||
max-width: 300px; | |||
font-family: TemplateStyles-SairaM; | |||
font-size: 14pt; | |||
font-weight: 400; | |||
padding: 13px; | |||
color: #ffffff; | |||
} | |||
.tech_header { | |||
display:flex; | |||
justify-content: space-between; | |||
margin-bottom: 5px; | |||
} | |||
.tt_glow { | |||
color: #ffd28e; | |||
text-shadow: 0 0 3px #ff8250, 0 0 6px #ff8249 | |||
} | |||
.tech_unlocks, .tech_unlocks>a>img { | |||
height: 80px; | |||
display: flex; | |||
align-items: flex-start; | |||
max-width: 80px; | |||
max-height: 80px; | |||
object-fit: contain; | |||
} | |||
{ | .tech_unlock_text { | ||
color: #ccc; | |||
display: inline-block; | |||
vertical-align:top; | |||
padding-bottom: 5px; | |||
padding-left: 5px; | |||
padding-right: 5px; | |||
} | |||
.tech_unlock_items, .tech_research_cost { | |||
background-color: #14323d; | |||
border-radius: 2px; | |||
border-top-left-radius: 5px; | |||
display: flex; | |||
padding: 2px; | |||
} | |||
.tt_unlock_text { | |||
font-size: 11pt; | |||
color: #ffffff; | |||
padding-left: 25px; | |||
} | |||
.tech_research_cost { | |||
margin-top: 5px; | |||
padding-bottom: 5px; | |||
} | |||
.tech_unlock_item, .tech_unlock_item>a>img{ | |||
display: inline-block; | |||
max-width: 45px; | |||
max-height: 45px; | |||
object-fit: contain; | |||
} | |||
.tt_desc { | |||
font-size: 11pt; | |||
color: #ffffff; | |||
margin-bottom: 10px; | |||
} | |||
.tech_hashes, .tech_consumption { | |||
margin-top: 20px; | |||
} | |||
.tech_hashes { | |||
font-size: 11pt; | |||
} | |||
.hash_count { | |||
font-size: 16pt; | |||
} | |||
.tech_inner_header { | |||
color: #8bffff; | |||
font-size: 16pt; | |||
} | |||
.tt_recipe_item { | |||
max-width: 45px; | |||
max-height: 45px; | |||
text-align: center; | |||
vertical-align: bottom; | |||
display: inline-block; | |||
font-size: 12px; | |||
position: relative; | |||
} | |||
.tt_recipe_item>a>img { | |||
margin: 0 auto; | |||
height: 45px; | |||
width: 45px; | |||
object-fit: contain; | |||
} | |||
.tt_recipe_item>div { | |||
position: absolute; | |||
bottom: -6px; | |||
right: -6px; | |||
color: #ffffff; | |||
} | |||
.tt_bar { | |||
background-image: url('/skins/common/images/tt_bar.png'); | |||
height: 3px; | |||
border: 0; | |||
} | |||
@font-face { | |||
font-family: 'TemplateStyles-SairaM'; | |||
src: url('/skins/common/font/SAIRAM.ttf') format('truetype'); | |||
} |
Latest revision as of 11:46, 22 June 2021
.tech_panel {
border-image: url('/skins/common/images/item_panel_border.png') 4 4 fill / auto;
display: inline-block;
min-width: 250px;
max-width: 300px;
font-family: TemplateStyles-SairaM;
font-size: 14pt;
font-weight: 400;
padding: 13px;
color: #ffffff;
}
.tech_header {
display:flex;
justify-content: space-between;
margin-bottom: 5px;
}
.tt_glow {
color: #ffd28e;
text-shadow: 0 0 3px #ff8250, 0 0 6px #ff8249
}
.tech_unlocks, .tech_unlocks>a>img {
height: 80px;
display: flex;
align-items: flex-start;
max-width: 80px;
max-height: 80px;
object-fit: contain;
}
.tech_unlock_text {
color: #ccc;
display: inline-block;
vertical-align:top;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.tech_unlock_items, .tech_research_cost {
background-color: #14323d;
border-radius: 2px;
border-top-left-radius: 5px;
display: flex;
padding: 2px;
}
.tt_unlock_text {
font-size: 11pt;
color: #ffffff;
padding-left: 25px;
}
.tech_research_cost {
margin-top: 5px;
padding-bottom: 5px;
}
.tech_unlock_item, .tech_unlock_item>a>img{
display: inline-block;
max-width: 45px;
max-height: 45px;
object-fit: contain;
}
.tt_desc {
font-size: 11pt;
color: #ffffff;
margin-bottom: 10px;
}
.tech_hashes, .tech_consumption {
margin-top: 20px;
}
.tech_hashes {
font-size: 11pt;
}
.hash_count {
font-size: 16pt;
}
.tech_inner_header {
color: #8bffff;
font-size: 16pt;
}
.tt_recipe_item {
max-width: 45px;
max-height: 45px;
text-align: center;
vertical-align: bottom;
display: inline-block;
font-size: 12px;
position: relative;
}
.tt_recipe_item>a>img {
margin: 0 auto;
height: 45px;
width: 45px;
object-fit: contain;
}
.tt_recipe_item>div {
position: absolute;
bottom: -6px;
right: -6px;
color: #ffffff;
}
.tt_bar {
background-image: url('/skins/common/images/tt_bar.png');
height: 3px;
border: 0;
}
@font-face {
font-family: 'TemplateStyles-SairaM';
src: url('/skins/common/font/SAIRAM.ttf') format('truetype');
}