MediaWiki:Common.css: Difference between revisions
From 2D Tower Wiki
This page was last edited on 8 September 2026, at 07:10.
Override TOC background color |
Finalize single themed TOC panel |
||
| Line 182: | Line 182: | ||
box-shadow: none !important; | box-shadow: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
} | |||
/* Final TOC panel normalization. */ | |||
#content .wiki-toc-panel { | |||
background: rgba(255,255,255,0.6) !important; | |||
border: 1px solid rgba(25,92,140,0.12) !important; | |||
border-radius: 1.25rem !important; | |||
padding: 1.25rem !important; | |||
} | |||
#content .wiki-toc-panel .chameleon-toc-wrapper, | |||
#content .wiki-toc-panel .chameleon-toc { | |||
display: contents !important; | |||
} | |||
#content .wiki-toc-panel .chameleon-toc #toc.toc { | |||
display: block !important; | |||
background: inherit !important; | |||
background-color: inherit !important; | |||
background-image: none !important; | |||
border: 0 !important; | |||
border-radius: 0 !important; | |||
box-shadow: none !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
min-width: 0 !important; | |||
} | } | ||
Revision as of 07:10, 8 September 2026
/* 2D Tower icon atlas */
.icon-sprite { display:inline-block; width:32px; height:32px; background-image:url("/wiki/images/d/d8/Iconset.png"); background-size:512px 512px; background-repeat:no-repeat; vertical-align:middle; }
.icon-alarm { background-position:-480px -0px; }
.icon-architecture { background-position:-32px -32px; }
.icon-bank { background-position:-320px -0px; }
.icon-calendar { background-position:-96px -0px; }
.icon-check { background-position:-256px -224px; }
.icon-cinema { background-position:-96px -96px; }
.icon-clinic { background-position:-224px -64px; }
.icon-condo_rent { background-position:-224px -160px; }
.icon-condo_sale { background-position:-192px -160px; }
.icon-cursor { background-position:-192px -0px; }
.icon-decor1 { background-position:-0px -320px; }
.icon-decor10 { background-position:-288px -320px; }
.icon-decor11 { background-position:-320px -320px; }
.icon-decor12 { background-position:-352px -320px; }
.icon-decor2 { background-position:-32px -320px; }
.icon-decor3 { background-position:-64px -320px; }
.icon-decor4 { background-position:-96px -320px; }
.icon-decor5 { background-position:-128px -320px; }
.icon-decor6 { background-position:-160px -320px; }
.icon-decor7 { background-position:-192px -320px; }
.icon-decor8 { background-position:-224px -320px; }
.icon-decor9 { background-position:-256px -320px; }
.icon-direction_down { background-position:-320px -256px; }
.icon-direction_up { background-position:-352px -256px; }
.icon-downgrade { background-position:-384px -96px; }
.icon-economy { background-position:-352px -64px; }
.icon-elevator { background-position:-0px -128px; }
.icon-elevator_car { background-position:-256px -128px; }
.icon-elevator_car_full { background-position:-320px -128px; }
.icon-elevator_car_idle { background-position:-288px -128px; }
.icon-elevator_express { background-position:-64px -128px; }
.icon-elevator_service { background-position:-32px -128px; }
.icon-elevator_stop { background-position:-416px -128px; }
.icon-elevator_stop_down { background-position:-384px -128px; }
.icon-elevator_stop_up { background-position:-352px -128px; }
.icon-elevator_turn_down { background-position:-448px -128px; }
.icon-elevator_turn_up { background-position:-480px -128px; }
.icon-escalator { background-position:-160px -128px; }
.icon-evaluating { background-position:-384px -64px; }
.icon-extinguisher { background-position:-480px -0px; }
.icon-facilities { background-position:-0px -64px; }
.icon-floor { background-position:-0px -32px; }
.icon-flower { background-position:-320px -224px; }
.icon-food { background-position:-64px -0px; }
.icon-garbage { background-position:-128px -64px; }
.icon-hall { background-position:-64px -96px; }
.icon-hotel { background-position:-32px -192px; }
.icon-hotel_room1 { background-position:-64px -192px; }
.icon-hotel_room2 { background-position:-96px -192px; }
.icon-hotel_room3 { background-position:-128px -192px; }
.icon-housekeeping { background-position:-0px -192px; }
.icon-i { background-position:-288px -32px; }
.icon-loading { background-position:-64px -64px; }
.icon-lobby { background-position:-64px -32px; }
.icon-lobby2 { background-position:-96px -32px; }
.icon-lock_closed { background-position:-448px -64px; }
.icon-lock_open { background-position:-416px -64px; }
.icon-magnifier { background-position:-32px -0px; }
.icon-magnifier_minus { background-position:-288px -0px; }
.icon-magnifier_plus { background-position:-256px -0px; }
.icon-mail { background-position:-96px -64px; }
.icon-maximize { background-position:-448px -256px; }
.icon-menu { background-position:-256px -32px; }
.icon-minimize { background-position:-480px -256px; }
.icon-money { background-position:-128px -0px; }
.icon-news { background-position:-320px -64px; }
.icon-office { background-position:-0px -160px; }
.icon-paint { background-position:-224px -0px; }
.icon-parking { background-position:-192px -64px; }
.icon-paternoster { background-position:-96px -128px; }
.icon-picker { background-position:-480px -32px; }
.icon-population { background-position:-160px -0px; }
.icon-power { background-position:-32px -64px; }
.icon-puzzle { background-position:-384px -32px; }
.icon-randomize { background-position:-416px -256px; }
.icon-residential { background-position:-128px -160px; }
.icon-restaurant { background-position:-32px -96px; }
.icon-restaurant1 { background-position:-192px -96px; }
.icon-restaurant2 { background-position:-224px -96px; }
.icon-restaurant3 { background-position:-256px -96px; }
.icon-security { background-position:-160px -64px; }
.icon-shops { background-position:-96px -160px; }
.icon-sky_bridge { background-position:-160px -32px; }
.icon-sky_lobby { background-position:-128px -32px; }
.icon-special { background-position:-480px -64px; }
.icon-stadium { background-position:-288px -64px; }
.icon-stairs { background-position:-192px -128px; }
.icon-star { background-position:-0px -224px; }
.icon-star_5e { background-position:-128px -224px; }
.icon-star_5o { background-position:-64px -224px; }
.icon-star_5r { background-position:-160px -224px; }
.icon-star_5t { background-position:-32px -224px; }
.icon-star_5w { background-position:-96px -224px; }
.icon-star_empty { background-position:-224px -224px; }
.icon-star_frame { background-position:-0px -224px; }
.icon-stats_clean { background-position:-384px -224px; }
.icon-stats_noise { background-position:-448px -224px; }
.icon-stats_price { background-position:-352px -224px; }
.icon-stats_rating { background-position:-416px -224px; }
.icon-stats_roach { background-position:-384px -256px; }
.icon-stats_traffic { background-position:-480px -224px; }
.icon-store { background-position:-160px -160px; }
.icon-subway { background-position:-128px -96px; }
.icon-target { background-position:-320px -32px; }
.icon-thought { background-position:-352px -32px; }
.icon-ui_bar_decrease { background-position:-448px -96px; }
.icon-ui_bar_increase { background-position:-480px -96px; }
.icon-ui_pause_down { background-position:-480px -192px; }
.icon-ui_pause_hover { background-position:-448px -192px; }
.icon-ui_pause_off { background-position:-384px -192px; }
.icon-ui_pause_on { background-position:-416px -192px; }
.icon-ui_play2_down { background-position:-352px -160px; }
.icon-ui_play2_hover { background-position:-320px -160px; }
.icon-ui_play2_off { background-position:-256px -160px; }
.icon-ui_play2_on { background-position:-288px -160px; }
.icon-ui_play3_down { background-position:-480px -160px; }
.icon-ui_play3_hover { background-position:-448px -160px; }
.icon-ui_play3_off { background-position:-384px -160px; }
.icon-ui_play3_on { background-position:-416px -160px; }
.icon-ui_play_down { background-position:-352px -192px; }
.icon-ui_play_hover { background-position:-320px -192px; }
.icon-ui_play_off { background-position:-256px -192px; }
.icon-ui_play_on { background-position:-288px -192px; }
.icon-ui_star { background-position:-416px -32px; }
.icon-ui_star_empty { background-position:-448px -32px; }
.icon-ui_timeslot_down { background-position:-488px -160px; }
.icon-ui_timeslot_empty { background-position:-360px -160px; }
.icon-ui_timeslot_hover { background-position:-456px -160px; }
.icon-ui_timeslot_off { background-position:-392px -160px; }
.icon-ui_timeslot_on { background-position:-424px -160px; }
.icon-upgrade { background-position:-416px -96px; }
.icon-vending { background-position:-160px -96px; }
.icon-wall1 { background-position:-0px -288px; }
.icon-wall2 { background-position:-32px -288px; }
.icon-wall3 { background-position:-64px -288px; }
.icon-wall4 { background-position:-96px -288px; }
.icon-wall5 { background-position:-128px -288px; }
.icon-wall6 { background-position:-160px -288px; }
.icon-warning { background-position:-480px -0px; }
.icon-washroom { background-position:-0px -96px; }
.icon-weather_cloudy { background-position:-416px -0px; }
.icon-weather_rain { background-position:-384px -0px; }
.icon-weather_snow { background-position:-448px -0px; }
.icon-weather_sun { background-position:-352px -0px; }
.icon-x { background-position:-288px -224px; }
.icon-cursor_tool { background-position:-192px 0; }
/* Text-sized icons in room category labels */
.navbox-group .icon-sprite { transform:scale(.625); transform-origin:left center; margin-right:-12px; }
/* Keep section edit links in the heading's inline text flow, including when
the heading wraps onto multiple lines. */
.mw-heading { display:block; }
#content .mw-heading > h1,
#content .mw-heading > h2,
#content .mw-heading > h3,
#content .mw-heading > h4,
#content .mw-heading > h5,
#content .mw-heading > h6 {
display:inline;
margin:0;
padding:0;
border:0;
}
.mw-heading .mw-editsection { display:inline; margin-left:0.5em; }
/* Keep wiki headings line-free and compact. */
#content .mw-heading { border-bottom:0; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin:0; }
.rating-stars { white-space:nowrap; }
.rating-stars .icon-sprite { transform:scale(.625); transform-origin:left center; margin-right:-12px; }
.inner-table .icon-sprite { transform:scale(.625); transform-origin:left center; margin-right:-12px; }
.inner-table .table-td-left, .inner-table .table-td-right { vertical-align:middle; }
/* Ensure the wiki TOC has only the outer panel background. */
#content .wiki-toc-panel .chameleon-toc #toc.toc {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
/* Final TOC panel normalization. */
#content .wiki-toc-panel {
background: rgba(255,255,255,0.6) !important;
border: 1px solid rgba(25,92,140,0.12) !important;
border-radius: 1.25rem !important;
padding: 1.25rem !important;
}
#content .wiki-toc-panel .chameleon-toc-wrapper,
#content .wiki-toc-panel .chameleon-toc {
display: contents !important;
}
#content .wiki-toc-panel .chameleon-toc #toc.toc {
display: block !important;
background: inherit !important;
background-color: inherit !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
min-width: 0 !important;
}