MediaWiki:Common.css: Difference between revisions

Line 19:

text-align: center;

padding: 1px;

font-family: Arial, Verdana, sans-serif;

}

⚫

.sp-menu a, .sp-menu a.extiw, .sp-menu a.extiw:visited .sp-menu strong {

.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~~;

color: white;

padding: ~~5px 10px~~ 5px 10px;

padding: 5px 10px;

background: #6588a3; /* #617F8A; 2C5463 */

margin: 1px;

white-space: nowrap;

}

.sp-menu ul li a:~~hover~~ { ~~background~~: ~~#77a0c1~~; ~~/* #95A9B1; */~~ }

.sp-menu a.new, .sp-menu a.new:visited { color: pink; }

.sp-menu ~~li:hover ul~~ { z-~~index: 2; display: block; position~~: ~~absolute;~~ }

.sp-menu a.mw-redirect { text-decoration: underline }

⚫

.sp-menu li:hover li { display: block; float: none; ~~font-size~~: ~~11px;~~ }

/* light colors: 89b0cc/79a2bf/9cbfd9/7dabcc/b3d0e6 */

⚫

.sp-menu li~~:hover~~ a { background: #80acd0; /* #95A9B1; */}

.sp-menu li:~~hover~~ li a { margin: 0; ~~border-top~~: ~~1px~~ ~~solid~~ ~~white~~; }

.sp-menu ul { font-size: 14px; margin: 0; padding: 0; list-style: none; }

.sp-menu li~~:hover~~ li ~~a:hover~~ ~~{ background~~: ~~#89b9df~~; /* ~~#b4c6cd~~; */ }

.sp-menu li { display: inline-block; position: relative; }

.sp-menu ~~a.new~~ { ~~color~~: ~~red~~; }

.sp-menu li ul { display: none; text-align: left; min-width: 100%; }

.sp-menu ~~.extiw~~ { ~~color~~: ~~white~~; }

.sp-menu li:hover > ul { z-index: 2; display: block; position: absolute; }

⚫

.sp-menu li:hover li { font-size: 11px; display: block; float: none; margin: 0}

.sp-menu li:hover a { background: #77a0c1; /* #95A9B1; */ }

⚫

.sp-menu li li a { background: #80acd0; /* #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,

Line 60:

Line 70:

#tm-Analysis { background-position: -16px 0 }

#tm-Characters { background-position: -32px 0 }

#tm-Recap { background-position: -48px 0 }

#tm-Recap, #tm-By_Medium { 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-Crowners { background-position: -112px 0 }

#tm-Fridge { background-position: -128px 0 }

#tm-Funny { background-position: -144px 0 }

Line 85:

Line 95:

#tm-Allothers { background-position: -400px 0 }

#tm-New { background-position: -416px 0 }

#tm-Playing_With { background-position: -432px 0 }

/* Examples and tropelist templates, et al. */

.examplesbox {

font-size: 16px;