MediaWiki:Common.css: Difference between revisions

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 }