1,066
edits
MediaWiki:Common.css: Difference between revisions
From ARMS Institute, the ARMS Wiki
Switched back to horizontal lists for each type in ARMS navbox.
(Added side margins for paragraphs inside armsbox.) |
(Switched back to horizontal lists for each type in ARMS navbox.) |
||
| Line 189: | Line 189: | ||
/* END Interim Info and Nav boxes */ | /* END Interim Info and Nav boxes */ | ||
/* BEGIN | /* BEGIN ARMS-themed boxes with yellow backgrounds and black, skewed headings */ | ||
div.armsbox { | div.armsbox { | ||
background: linear-gradient(to right, #eeee55, transparent, transparent, #eeee55), | background: linear-gradient(to right, #eeee55, transparent, transparent, #eeee55), | ||
| Line 229: | Line 229: | ||
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
/* END | /* END ARMS-themed boxes with yellow backgrounds and black, skewed headings */ | ||
/* BEGIN | /* BEGIN infobox */ | ||
div.infobox { | div.infobox { | ||
position: relative; | position: relative; | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
/* END | /* END infobox */ | ||
/* BEGIN | /* BEGIN fighter infobox */ | ||
div.infobox.fighter { | div.infobox.fighter { | ||
float: right; | float: right; | ||
| Line 425: | Line 425: | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* END | /* END fighter infobox */ | ||
/* BEGIN | /* BEGIN navbox */ | ||
div.navbox { | div.navbox { | ||
clear: both; | clear: both; | ||
| Line 445: | Line 445: | ||
} | } | ||
div.navbox ul | div.navbox > ul > li::before { | ||
content: " | content: " · "; | ||
} | } | ||
div.navbox > ul > li:last-child::before { | |||
div.navbox | content: normal; | ||
} | } | ||
/* END navbox */ | |||
/* BEGIN ARMS navbox */ | |||
div.navbox.arms ul { | div.navbox.arms ul { | ||
text-align: left; | text-align: left; | ||
} | |||
div.navbox.arms ul li { | |||
white-space: normal; | |||
} | } | ||
div.navbox.arms > ul { | div.navbox.arms > ul { | ||
column-width: | column-width: 600px; | ||
} | } | ||
div.navbox.arms ul li { | div.navbox.arms > ul > li { | ||
display: | display: flex; | ||
} | } | ||
div.navbox.arms ul li | div.navbox.arms > ul > li > b { | ||
flex: 1; | |||
max-width: 100px; | |||
white-space: nowrap; | |||
} | } | ||
div.navbox.arms > ul > li { | div.navbox.arms > ul > li > ul { | ||
flex: 1; | |||
padding-left: 0; | |||
} | } | ||
div.navbox.arms | div.navbox.arms ul li::before { | ||
content: normal; | |||
} | } | ||
div.navbox.arms | @media only screen and (max-width: 599px) { | ||
div.navbox.arms > ul > li { | |||
display: block; | |||
padding-bottom: 20px; | |||
} | |||
} | } | ||
/* END | /* END ARMS navbox */ | ||
