MediaWiki:Common.css: Difference between revisions
Content deleted Content added
CSS for new work template |
|||
Line 10: | Line 10: | ||
.tropemenu { text-align:center; font-weight: bold; } |
.tropemenu { text-align:center; font-weight: bold; } |
||
.tropemenu li { white-space: nowrap } |
.tropemenu li { white-space: nowrap } |
||
div.sp-menu { |
|||
background-color: #F6F6F6; |
|||
background-image: linear-gradient(to bottom, #FFF 50%, #F6F6F6 90%); |
|||
border-bottom: 2px solid #CCC; |
|||
text-align: center; |
|||
padding: 1px; |
|||
} |
|||
.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%; } |
|||
.sp-menu ul li a, .sp-menu ul li strong { |
|||
border-radius: 5px; |
|||
display: block; |
|||
text-decoration: none; |
|||
color: #ffffff; |
|||
padding: 5px 10px 5px 10px; |
|||
background: #617F8A; /* 2C5463 */ |
|||
margin: 1px; |
|||
white-space: nowrap; |
|||
} |
|||
.sp-menu ul li a:hover { background: #95A9B1; } |
|||
.sp-menu li:hover ul { z-index: 2; display: block; position: absolute; } |
|||
.sp-menu li:hover li { display: block; float: none; font-size: 11px; } |
|||
.sp-menu li:hover a { background: #95A9B1; } |
|||
.sp-menu li:hover li a { margin: 0; border-top: 1px solid white; } |
|||
.sp-menu li:hover li a:hover { background: #b4c6cd; } |
|||
.sp-menu a.new { color: red; } |
|||
#tm-Analysis, #tm-Characters, #tm-Laconic, #tm-Recap, #tm-Trivia, #tm-YMMV, |
|||
#tm-Awesome, #tm-crowners, #tm-Fridge, #tm-Fanfic_Recs, #tm-Haiku, |
|||
#tm-Headscratchers, #tm-Heartwarming, #tm-Ho_Yay, #tm-Image_Links, |
|||
#tm-Memes, #tm-Nightmare_Fuel, #tm-Quotes, #tm-Radar, #tm-Reviews, |
|||
#tm-Tear_Jerker, #tm-Useful_Notes, #tm-WMG, #tm-Wikipedia, |
|||
#tm-Allothers, #tm-New, #tm-Funny, #tm-Setting, #tm-Playing_With { |
|||
background-repeat: no-repeat; |
|||
position: relative; |
|||
display: inline-block; |
|||
width: 16px; height: 16px; |
|||
top: 3px; |
|||
margin: -3px 4px 0 0; |
|||
background-image: url(spriterow.png); |
|||
} |
|||
#tm-Laconic { background-position: 0px 0 } |
|||
#tm-Analysis { background-position: -16px 0 } |
|||
#tm-Characters { background-position: -32px 0 } |
|||
#tm-Recap { background-position: -48px 0 } |
|||
#tm-Setting { background-position: -64px 0 } |
|||
#tm-Trivia { background-position: -80px 0 } |
|||
#tm-YMMV { background-position: -96px 0 } |
|||
#tm-Awesome { background-position: -112px 0 } |
|||
#tm-crowners { background-position: -112px 0 } |
|||
#tm-Fridge { background-position: -128px 0 } |
|||
#tm-Funny { background-position: -144px 0 } |
|||
#tm-Fanfic_Recs { background-position: -160px 0 } |
|||
#tm-Haiku { background-position: -176px 0 } |
|||
#tm-Headscratchers { background-position: -192px 0 } |
|||
#tm-Heartwarming { background-position: -208px 0 } |
|||
#tm-Ho_Yay { background-position: -224px 0 } |
|||
#tm-Image_Links { background-position: -240px 0 } |
|||
#tm-Memes { background-position: -256px 0 } |
|||
#tm-Nightmare_Fuel { background-position: -272px 0 } |
|||
#tm-Quotes { background-position: -288px 0 } |
|||
#tm-Radar { background-position: -304px 0 } |
|||
#tm-Reviews { background-position: -320px 0 } |
|||
#tm-Tear_Jerker { background-position: -336px 0 } |
|||
#tm-Useful_Notes { background-position: -352px 0 } |
|||
#tm-WMG { background-position: -368px 0 } |
|||
#tm-Wikipedia { background-position: -384px 0 } |
|||
#tm-Allothers { background-position: -400px 0 } |
|||
#tm-New { background-position: -416px 0 } |
|||
#tm-Playing_With { background-position: -432px 0 } |
|||
.examplesbox { |
.examplesbox { |