pagination style
imported>76561198018895007 (Created page with "body { background-color: black; color:#ccc; } .wrapper { margin-left: 200px; margin-top: 200px; } .upgrade_panel { border-image: url('/skins/common/images/item_pan...") |
imported>76561198045853337 (pagination style) |
||
(6 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
.upgrade_panel { | .upgrade_panel { | ||
border-image: url('/skins/common/images/item_panel_border.png') 4 4 fill / auto; | border-image: url('/skins/common/images/item_panel_border.png') 4 4 fill / auto; | ||
display: inline-block; | display: inline-block; | ||
min-width: 250px; | min-width: 250px; | ||
max-width: | max-width: 300px; | ||
font-family: TemplateStyles-SairaM; | font-family: TemplateStyles-SairaM; | ||
font-size: 14pt; | font-size: 14pt; | ||
Line 22: | Line 12: | ||
.upgrade_header { | .upgrade_header { | ||
display:flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
margin-bottom: 5px; | |||
} | |||
.upgrade_level { | |||
font-size: 11pt; | |||
margin-left: 5px; | |||
} | |||
.upgrade_editlink { | |||
font-size: 11pt; | |||
text-align: right; | |||
} | } | ||
Line 31: | Line 32: | ||
} | } | ||
.upgrade_unlocks | .upgrade_unlocks .tech_icon_container { | ||
min-width: 80px; | |||
min-height: 80px; | |||
} | |||
.upgrade_unlocks { | |||
display: flex; | |||
align-items: flex-start; | |||
object-fit: contain; | |||
} | |||
.upgrade_unlocks>a>img { | |||
height: 80px; | height: 80px; | ||
max-width: 80px; | max-width: 80px; | ||
max-height: 80px; | max-height: 80px; | ||
} | } | ||
Line 44: | Line 53: | ||
display: inline-block; | display: inline-block; | ||
vertical-align:top; | vertical-align:top; | ||
padding-left: | padding-bottom: 5px; | ||
padding-right: | padding-left: 5px; | ||
padding-right: 5px; | |||
} | |||
.upgrade_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; | |||
} | } | ||
Line 79: | Line 103: | ||
.tt_recipe_item { | .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 { | .tt_recipe_item>a>img { | ||
margin: 0 auto; | |||
height: 45px; | |||
width: 45px; | |||
object-fit: contain; | |||
} | } | ||
.tt_recipe_item>div { | .tt_recipe_item>div { | ||
position: absolute; | |||
bottom: -6px; | |||
right: -6px; | |||
color: #ffffff; | |||
} | } | ||
.tt_bar { | .tt_bar { | ||
background-image: url('/skins/common/images/tt_bar.png'); | |||
height: 3px; | |||
border: 0; | |||
} | } | ||
Line 110: | Line 134: | ||
font-family: 'TemplateStyles-SairaM'; | font-family: 'TemplateStyles-SairaM'; | ||
src: url('/skins/common/font/SAIRAM.ttf') format('truetype'); | src: url('/skins/common/font/SAIRAM.ttf') format('truetype'); | ||
} | |||
.upgrade_pagination { | |||
font-size: 11pt; | |||
text-align: center; | |||
} | |||
.upgrade_pagination > a { | |||
display: inline-block; | |||
} | |||
.upgrade_page_button { | |||
background-color: #14323d; | |||
border: 2px solid #2e434b; | |||
border-radius: 2px; | |||
padding: 0 5px; | |||
margin: 2px; | |||
} | |||
.upgrade_page_button.active { | |||
color: white; | |||
font-weight: bold; | |||
} | |||
.upgrade_page.hidden { | |||
display: none; | |||
} | } |