MediaWiki:Common.css: Difference between revisions
Content added Content deleted
(add a bit more spoiler coverage) |
(update CSS to allow nesting menus) |
||
Line 19: | Line 19: | ||
text-align: center; |
text-align: center; |
||
padding: 1px; |
padding: 1px; |
||
font-family: Arial, Verdana, sans-serif; |
|||
} |
} |
||
⚫ | |||
.sp-menu ul { font-family: Arial, Verdana; font-size: 14px; margin: 0; padding: 0; list-style: none; } |
|||
.sp-menu ul li { display: inline-block; position: relative; } |
|||
.sp-menu li ul { display: none; text-align: left; min-width: 100%; } |
|||
⚫ | |||
border-radius: 5px; |
border-radius: 5px; |
||
display: block; |
display: block; |
||
text-decoration: none; |
text-decoration: none; |
||
color: |
color: white; |
||
padding: |
padding: 5px 10px; |
||
background: #6588a3; /* #617F8A; 2C5463 */ |
background: #6588a3; /* #617F8A; 2C5463 */ |
||
margin: 1px; |
margin: 1px; |
||
white-space: nowrap; |
white-space: nowrap; |
||
} |
} |
||
.sp-menu |
.sp-menu a.new, .sp-menu a.new:visited { color: pink; } |
||
.sp-menu |
.sp-menu a.mw-redirect { text-decoration: underline } |
||
⚫ | |||
/* light colors: 89b0cc/79a2bf/9cbfd9/7dabcc/b3d0e6 */ |
|||
⚫ | |||
.sp-menu |
.sp-menu ul { font-size: 14px; margin: 0; padding: 0; list-style: none; } |
||
.sp-menu li |
.sp-menu li { display: inline-block; position: relative; } |
||
.sp-menu |
.sp-menu li ul { display: none; text-align: left; min-width: 100%; } |
||
.sp-menu |
.sp-menu li:hover > ul { z-index: 2; display: block; position: absolute; } |
||
⚫ | |||
.sp-menu li:hover a { background: #77a0c1; /* #95A9B1; */ } |
|||
⚫ | |||
.sp-menu li li:hover a { background: #89b9df; /* #b4c6cd; */ } |
|||
.sp-menu li li li:hover a { background: #a0c8ec; } |
|||
.sp-menu li li li li a:hover { background: #b3d0e6; } |
|||
.sp-menu li li a { margin: 0; border-top: 1px solid white; } |
|||
.sp-menu li li ul { |
|||
position: absolute; left: 100%; top:0; min-width: inherit; |
|||
} |
|||
#tm-Analysis, #tm-Characters, #tm-Laconic, #tm-Recap, #tm-Trivia, #tm-YMMV, |
#tm-Analysis, #tm-Characters, #tm-Laconic, #tm-Recap, #tm-Trivia, #tm-YMMV, |
||
Line 60: | Line 70: | ||
#tm-Analysis { background-position: -16px 0 } |
#tm-Analysis { background-position: -16px 0 } |
||
#tm-Characters { background-position: -32px 0 } |
#tm-Characters { background-position: -32px 0 } |
||
#tm-Recap |
#tm-Recap, #tm-By_Medium { background-position: -48px 0 } |
||
#tm-Setting { background-position: -64px 0 } |
#tm-Setting { background-position: -64px 0 } |
||
#tm-Trivia { background-position: -80px 0 } |
#tm-Trivia { background-position: -80px 0 } |
||
#tm-YMMV { background-position: -96px 0 } |
#tm-YMMV { background-position: -96px 0 } |
||
#tm-Awesome { background-position: -112px 0 } |
#tm-Awesome { background-position: -112px 0 } |
||
#tm- |
#tm-Crowners { background-position: -112px 0 } |
||
#tm-Fridge { background-position: -128px 0 } |
#tm-Fridge { background-position: -128px 0 } |
||
#tm-Funny { background-position: -144px 0 } |
#tm-Funny { background-position: -144px 0 } |
||
Line 85: | Line 95: | ||
#tm-Allothers { background-position: -400px 0 } |
#tm-Allothers { background-position: -400px 0 } |
||
#tm-New { background-position: -416px 0 } |
#tm-New { background-position: -416px 0 } |
||
#tm-Playing_With { background-position: -432px 0 } |
|||
/* Examples and tropelist templates, et al. */ |
|||
.examplesbox { |
.examplesbox { |
||
font-size: 16px; |
font-size: 16px; |