MediaWiki:Wikia.css/doc

/***** CSS placed here will be applied to Wikia skins on the entire site. *****/

/** [Font] Awesome | http://fortawesome.github.io/Font-Awesome/ | User:Cyan Wind **/ @import url(http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css); /** END [Font] Awesome **/

/** [Font] Lobster | https://www.google.com/fonts/specimen/Lobster | User:Cyan Wind **/ @import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin); /** END [Font] Lobster **/

/** [Font] News Cycle | https://www.google.com/fonts/specimen/News+Cycle | User:Cyan Wind **/ @import url(http://fonts.googleapis.com/css?family=News+Cycle&subset=latin); /** END [Font] News Cycle **/

/** [Font] Roboto | https://www.google.com/fonts/specimen/Roboto | User:VirusKA **/ @import url(http://fonts.googleapis.com/css?family=Roboto); /** END [Font] Roboto **/

/** [CSS] Normalize | http://necolas.github.io/normalize.css/ | User:Cyan Wind **/ @import url(http://cdn.jsdelivr.net/normalize/3.0.2/normalize.min.css); /** END [CSS] Normalize **/

/** [CSS] General | * | community **/ body { font-family: 'Roboto', sans-serif; font-size: 100%; }

img.avatar { border-radius: 50%; } /** END [CSS] General **/

/** [CSS] Accordion Menu | http://codepen.io/rbobrowski/pen/likvA | User:Cyan Wind **/ .accordion { width: 380px; margin: 20px auto; }

.accordion * { margin: 0 !important; }

.accordion h1, .accordion h2, .accordion h3, .accordion h4 { cursor: pointer; }

.accordion h1 { padding: 15px 20px; background-color: #333333; font-family: 'Lobster', sans-serif; color: #1ABC9C; }

.accordion h1:hover { color: #4AFCDC; }

.accordion h1:not(:last-of-type) { border-bottom: 1px dotted #1ABC9C; }

.accordion h2, .accordion h3, .accordion h4 { font-family: 'News Cycle', sans-serif; }

.accordion h2 { padding: 5px 20px 5px 25px; background-color: #1ABC9C; font-size: 1.2em; color: #333333; }

.accordion h2:hover { background-color: #09AB8B; }

.accordion h3 { padding: 5px 20px 5px 30px; background-color: #B94152; color: #DDDDDD; }

.accordion h3:hover { background-color: #A93142; }

.accordion h4 { padding: 5px 20px 5px 35px; background-color: #FFC25A; color: #AF720A; }

.accordion h4:hover { background-color: #E0B040; }

.accordion div, .accordion p { display: none; }

.accordion p { padding: 15px 35px; background-color: #DDDDDD; color: #333333; }

.accordion .opened { display: block; }

.accordion .completed { float: right; color: #FFFF00; } /** END [CSS] Accordion Menu **/

/** [CSS] Table | * | User:Cyan Wind **/ .leaderboard { margin: 1em 0; min-width: 300px; }

.leaderboard thead tr, .leaderboard tfoot tr { color: #FFFFFF; font-weight: 700; display: none; }

.leaderboard tbody tr:nth-child(odd) { background-color: #F6F6F6; }

.leaderboard tbody tr:nth-child(even) { background-color: #DEDEDE; }

.leaderboard tbody tr:hover { background-color: #ABCDEF; }

.leaderboard tr th, .leaderboard tr td { margin: .5em 1em; }

.leaderboard td { display: block; }

.leaderboard td:before { content: attr(data-th); font-weight: 700; width: 100%; display: inline-block; vertical-align: middle; }

.leaderboard td:first-child { padding-top: .5em; }

.leaderboard td:last-child { padding-bottom: .5em; }

@media (min-width: 600px) { .leaderboard thead { display: table-header-group; }

.leaderboard tfoot { display: table-footer-group; }

.leaderboard th, .leaderboard td { display: table-cell; padding: .5em 1em; text-align: center; vertical-align: middle; }

.leaderboard td:before { display: none; } }

.leaderboard.blue tr.club td:last-child, .leaderboard.green tr.club td:last-child, .leaderboard.red tr.club td:last-child, .leaderboard.special tr.club td:last-child, .leaderboard.teal tr.club td:last-child, .leaderboard.yellow tr.club td:last-child, .leaderboard.purple tr.club td:last-child, .leaderboard.purple-9 tr.club td:last-child, .leaderboard.purple-8 tr.club td:last-child, .leaderboard.purple-7 tr.club td:last-child, .leaderboard.purple-6 tr.club td:last-child { color: #FFFFFF; font-family: 'Lobster', sans-serif; font-size: 1.3em; font-weight: 700; }

.leaderboard.blue { background-color: #3DA8C1; }

.leaderboard.blue td:before { color: #3DA8C1; }

.leaderboard.blue tr.club { background-color: #45BCD7; }

.leaderboard.green { background-color: #47B365; }

.leaderboard.green td:before { color: #47B365; }

.leaderboard.green tr.club { background-color: #ADD688; }

.leaderboard.red { background-color: #BF4028; }

.leaderboard.red td:before { color: #BF4028; }

.leaderboard.red tr.club { background-color: #EC6948; }

.leaderboard.special { background-color: #0E4E65; }

.leaderboard.special td:before { color: #0E4E65; }

.leaderboard.special tr.club { background-color: #C0D3D9; }

.leaderboard.teal { background-color: #136A73; }

.leaderboard.teal td:before { color: #136A73; }

.leaderboard.teal tr.club { background-color: #4A9496; }

.leaderboard.yellow { background-color: #F9A11B; }

.leaderboard.yellow td:before { color: #F9A11B; }

.leaderboard.yellow tr.club { background-color: #FFE354; }

.leaderboard.purple { background-color: #BF207C; }

.leaderboard.purple td:before { color: #BF207C; }

.leaderboard.purple tr.club { background-color: #C366A1; }

.leaderboard.purple-9 { background-color: #CE2285; }

.leaderboard.purple-9 td:before { color: #CE2285; }

.leaderboard.purple-9 tr.club { background-color: #C872A8; }

.leaderboard.purple-8 { background-color: #DB268F; }

.leaderboard.purple-8 td:before { color: #DB268F; }

.leaderboard.purple-8 tr.club { background-color: #CD7EB0; }

.leaderboard.purple-7 { background-color: #DD3596; }

.leaderboard.purple-7 td:before { color: #DD3596; }

.leaderboard.purple-7 tr.club { background-color: #D18BB7; }

.leaderboard.purple-6 { background-color: #E0439E; }

.leaderboard.purple-6 td:before { color: #E0439E; }

.leaderboard.purple-6 tr.club { background-color: #D697BF; }

.leaderboard-confirmed { color: #228B22; }

.leaderboard-ordered-by { color: #00FFFF; }

.leaderboard-stats { font-size: 1.2em; text-shadow: #474747 3px 5px 2px, #FFFFFF 0 0 10px; }

.leaderboard-energy-points { font-weight: 700; color: #BF207C; }

.leaderboard-total-badges { font-weight: 700; color: #BF4028; } /** END [CSS] Table **/

/** [CSS] Profile | * | User:Cyan Wind **/ .cyan-avatar { text-align: center; background-color: #2D3847; padding: 0.5em; border-radius: 5px; }

.cyan-info { padding: 5% 10%; }

.cyan-statistics { width: 50%; margin: auto; }

.cyan-statistics tr td:first-child { font-weight: 700; text-align: left; width: 35%; }

.cyan-statistics tr td:last-child { text-align: center; width: 15%; }

.cyan-case { background-color: #EEEEEE; width: 75%; margin: auto; border: solid 2px #494949; }

.cyan-case tr td { text-align: center; padding: 0.5em 0; }

.cyan-badges { color: #00FFFF; font-size: 20px; font-weight: 700; display: block; background-color: #000000; padding: 3px; } /** END [CSS] Profile **/ /** [Template] Ambox | http://templates.wikia.com/wiki/Template:Ambox | User:TibetPrime **/ .ambox { font-size: 95%; width: 80%; margin: 0 auto; border: 1px #AAAAAA solid; border-left: 10px solid #228B22; border-collapse: collapse; background-color: #EEEEEE; }

.ambox-blue { border-left: 10px solid #1E90FF; }

.ambox-red { border-left: 10px solid #B22222; }

.ambox-orange { border-left: 10px solid #F28500; }

.ambox-yellow { border-left: 10px solid #F4C430; }

.ambox-purple { border-left: 10px solid #9932CC; }

.ambox-gray { border-left: 10px solid #BBBBAA; }

.ambox-green { border-left: 10px solid #228B22; }

.ambox-smalltext { font-size: smaller; margin-top: 0.5em; margin-left: 0.8em; }

.ambox-image { width: 60px; padding: 2px 0px 2px 0.5em; text-align: center; }

@media print { .ambox { display: none; } } /** END [Template] Ambox **/

/** [Template] Userbox | http://templates.wikia.com/wiki/Template:Userbox | User:TibetPrime **/ table.userbox { float: left; margin: 0.2em; padding: 0; border-width: 1px; border-style: solid; }

table.userbox td.left, table.userbox td.right { text-align: center; vertical-align: middle; font-size: 1.6em; padding: 0; }

table.userbox td.main { padding: 0 4px; vertical-align: middle; line-height: 125%; font-size: 0.9em; }

table.userbox { border-color: #AAAAAA; background: #F8F8F8; }

table.userbox td.left, table.userbox td.right { background: #D8D8D8; } /** END [Template] Userbox **/