MediaWiki:Common.css

/* CSS */ /* Thanks Unai01 */ .card { background: #171515; border-radius: 3px; font-size: x-small; font-weight: 800; font-family: rubik; position: relative; line-height: 1.5em; margin: 5px; height: 100%; width: var(--card__size, 300px); transition: box-shadow 0.3s ease; overflow: hidden; } .card:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .card--img { position: relative; } .card--img::before { background: linear-gradient(.5turn, rgba(0, 0, 0, 0), var(--card__accent, #ae2745)); content: ''; height: 100%; opacity: 0.5; position: absolute; top: 0; width: var(--card__size, 300px); }

.card--wrapper { padding: 15px; position: relative; } .card--wrapper__title { margin: -7.5px 0 5px !important; font-size: 20px !important; }

.card--wrapper__content { color: #fff; }

.card--wrapper__actions { background: var(--card__accent, #770e6b); border-radius: 2px; color: #000; left: 15px; padding: 0.2em 0.6em; position: absolute; top: -30px; } .card.horizontal { background: 0; } .card.horizontal .card--wrapper__title { margin-top: -29px !important; color: var(--color__color,#f0f0f0); margin-left: 15px !important; transform: translatey(-5px); } .card.horizontal .card--wrapper__actions { transform: translatey(5px); } .card.horizontal .card--wrapper__content { display: none; } .card.horizontal .card--wrapper { padding: 0; } /* the zoom thing */ .card .card--img { overflow: hidden; } .card .card--img::before { z-index: 1; } .card .card--wrapper { z-index: 2; } .card .card--img > img { transition: transform  0.7s; z-index: 0; } .card:hover .card--img > img { transform: scale(1.12); } /** No more cards, Anon */

/***** Border *****/ .WikiaPage { border: 1px solid #082140; box-shadow: 0px 0px 28px #020e1e; } /* End */

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* Hover thingy */ .hoverimage { position: absolute; top: 0; left: 0; z-index: 4; } .hoverimage img { opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; } .hoverimage:hover img { opacity: 1; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; }

/* For Template:Yw */

.yourwiki-link, .wikia-button { cursor:pointer; } .yourwiki a { color: #09A; } /*- */ /* GNav */ .GNav img { text-decoration: none; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); margin: -2.6em 0px 0.5em; -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .GNav img:hover { -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15); transform:scale(1.15,1.15); -webkit-filter:brightness(100%); -moz-filter:brightness(100%); -ms-filter:brightness(100%); -o-filter:brightness(100%); filter:brightness(100%); z-index: 99; } /* End GNav */