MediaWiki:Wikia.css

/************************************************/ /* Font */ /************************************************/ @font-face { font-family: "Opus"; src: local("Optimus Princeps"), url(https://images.wikia.nocookie.net/survivor/images/5/5d/Optimus_Princeps.ttf); } @font-face {font-family: "Raceway"; src: url("//db.onlinewebfonts.com/t/b5c3194ca425534d71725d909548487d.eot"); src: url("//db.onlinewebfonts.com/t/b5c3194ca425534d71725d909548487d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b5c3194ca425534d71725d909548487d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b5c3194ca425534d71725d909548487d.woff") format("woff"), url("//db.onlinewebfonts.com/t/b5c3194ca425534d71725d909548487d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b5c3194ca425534d71725d909548487d.svg#Raceway") format("svg"); } .WikiaPage .page-header__title { font-family: 'Raceway'; } /************************************************/

/* Default skin for navigation boxes */

/************************************************/

table.navbox {

background-color: #f9f9f9;

border: 1px solid #aaa;

clear: both;

font-size: 90%;

margin: 1em 0em 0em;

padding: 2px;

text-align: center;

width: 100%;

}

table.navbox th {

background-color: #ccf;

font-size: 120%;

padding-left: 1em;

padding-right: 1em;

}

@media print {

.navbox {

display: none;

}

}

/************************************************/

/* Tests for text */

/************************************************/


 * 1) Wikia {

font-family: Calibry;

font-size: 10px;

text-align: justify;

border: none;

}

/************************************************/

/* Glow */

/************************************************/

.WikiaPage {

border: 3px solid #8B0000;

border-radius:15px !important;

-moz-box-shadow:0 0 50px #8B0000;

-webkit-box-shadow:0 0 50px #8B0000;

box-shadow:0 0 30px #8B0000;

}

/**********************/

/* portable infoboxes */

/**********************/

.portable-infobox {

border-width: 1px;

border-style: solid;

border-collapse: separate;

border-spacing: 2px 2px;

padding-left: 0px;

width: 300px;

margin-bottom: 1em;

margin-left: 1em;

}

.portable-infobox.pi-theme-dao .pi-image-collection-tabs {

background: transparent;

text-align: center;

margin: -2px 0 0 0;

}

.portable-infobox.pi-theme-dao .pi-item-spacing.pi-tab-link {

font-weight: bold;

font-size: 12px;

padding: 0.1em 0.5em ;/* override previous !important */

border: 1px solid #ffffff;

}

.portable-infobox.pi-theme-dao .pi-tab-link.current {

background-image: url(https://wallpapercave.com/wp/wp5636871.jpg);

color: #FFFFFF;

}

.portable-infobox.pi-theme-dao .pi-image-collection .pi-image {

margin-top: 1px;

}

.portable-infobox .pi-background {}

.portable-infobox .pi-title,

.portable-infobox .pi-navigation,

.portable-infobox .pi-header {

border-width: 1px;

border-style: solid;

font-weight: bold;

text-align: center;

}

.portable-infobox .pi-item, .portable-infobox .pi-navigation {

margin: 2px;

}

.portable-infobox .pi-image {

border-width: 1px;

border-style: solid;

padding: 4px;

}

.portable-infobox .pi-item-spacing {

padding: 0 ;

}

.portable-infobox .pi-data .pi-data-label,

.portable-infobox .pi-horizontal-group-item.pi-data-label {

border-width: 1px;

border-style: solid;

padding: 4px;

color: #ffffff;

text-align:right;

line-height: 1.2em;

width: 95px;

}

.portable-infobox.pi-theme-dao {

border-color: #ffffff;

background: #000000;

}

.portable-infobox.pi-theme-dao .pi-background {}

.portable-infobox.pi-theme-dao .pi-title,

.portable-infobox.pi-theme-dao .pi-navigation,

.portable-infobox.pi-theme-dao .pi-header,

.portable-infobox.pi-theme-dao .pi-data .pi-data-label,

.portable-infobox.pi-theme-dao .pi-horizontal-group-item.pi-data-label {

border-color: #ffffff;

background-image: url(https://wallpapercave.com/wp/wp5636871.jpg);

color: #ffffff;

}

.portable-infobox.pi-theme-dao .pi-image {

border-color: #ffffff;

}

.portable-infobox .pi-image-thumbnail {

width: 100%;

height: auto;

}

/************************************************/

/* Links */

/************************************************/

/* Links glow on hover */

a { transition:.25s ease-out; }

a:hover { text-shadow:0 0 10px; color:#FFDE7D; text-decoration:none; }

.wikia-menu-button a:hover, .wikia-button:hover { color:inherit;

}

/************************************************/

/* Rounded corners for content area */

/************************************************/

.WikiaPage .WikiaPageBackground {

border-radius: 10px;

}

/************************************************/

/* Rounded corners for editor page */

/************************************************/

.EditPageHeader {

border-radius: 10px 10px 0 0;

}

.editpage-sourcewidemode.mode-wysiwyg {

border-radius: 0 0 10px 10px;

}

.editpage-sourcewidemode.mode-source {

border-radius: 0 0 10px 10px;

}

/************************************************/

/* Rounded corners for galleries */

/************************************************/

.wikia-gallery-border-small .thumb .gallery-image-wrapper {

border-radius: 10px !important;

}

/************************************************/

/* Scrollbar */

/************************************************/


 * -webkit-scrollbar {

width: 12px;

height: 12px;

transition: all .6s ease;

-webkit-transition: all .6s ease;

-moz-transition: all .6s ease;

-o-transition: all .6s ease;

}


 * -webkit-scrollbar-track {

background: transparent;

border: rgb(18, 18, 22);

border-radius: 1em;

-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .1);

-moz-box-shadow: inset 0 0 6px rgba(255, 255, 255, .1);

-o-box-shadow: inset 0 0 6px rgba(255, 255, 255, .1);

box-shadow: inset 0 0 8px rgba(255, 255, 255, .1);

}


 * -webkit-scrollbar-thumb {

background: -webkit-linear-gradient(top, #000, #FFDF00);

border-radius: 1em;

border: 2px solid -webkit-linear-gradient(top, #000, #FFDF00);

-webkit-box-shadow: 0 0 3px 3px black;

-moz-box-shadow: 0 0 3px 3px black;

-o-box-shadow: 0 0 3px 3px black;

box-shadow: 0 0 3px 3px black;

}


 * -webkit-scrollbar-thumb:hover {

background: -webkit-linear-gradient(top, #007fff, #8B0000);

border-radius: 1em;

border: 2px solid -webkit-linear-gradient(top, #000, #007fff);

}


 * -webkit-scrollbar-thumb:active {

background: -webkit-linear-gradient(top, #000, #8B0000);

border-radius: 1em;

border: 2px solid -webkit-linear-gradient(top, #000, #FFDF00);

}

/************************************************/

/* Admin colors */

/************************************************/

a[href$="/wiki/User:DeOisin"] {

color: #9626AD;

font-weight: bold;

font-family: Calibri;

}

/************************************************/ /* Tabbers */ /************************************************/ /*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; } /*-- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --*/ .tabberlive {

margin: 1em auto;

}

/*--

ul.tabbernav = the tab navigation list

li.tabberactive = the active tab

--*/

ul.tabbernav {

margin:0;

padding: 3px 0;

border-bottom: 1px solid #AAA;

font: bold 12px Verdana, sans-serif;

}

ul.tabbernav li {

list-style: none;

margin: 0;

display: inline-block;

}

ul.tabbernav li a {

padding: 3px 0.5em;

margin-left: 3px;

border: 1px solid #ccc;

border-bottom: none;

background: #f2f7ff;

text-decoration: none;

}

ul.tabbernav li a:link { color: #448; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {

color: #000;

background: #fff9f2;

border-color: #CCC;

}

ul.tabbernav li.tabberactive a {

background-color: #fff;

border-bottom: 1px solid #fff;

}

ul.tabbernav li.tabberactive a:hover {

color: #000;

background: white;

border-bottom: 1px solid white;

}

/*--

.tabbertab = the tab content

Add style only after the tabber interface is set up (.tabberlive)

--*/

.tabberlive .tabbertab {

padding:5px;

border:1px solid #AAA;

border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2:not(.pi-title) { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab {

height:200px;

overflow:auto;

}

.picture-attribution, p.attribution {

display:none !important;

}

figure.article-thumb {

background-color: rgba(0, 0, 0, 0); background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.5) 100%); border: 1px solid #D9D9D9; overflow: hidden; padding: 3px 4px;

text-align: center;

}

figure.article-thumb {

margin: 0 0 15px;

}

figure.article-thumb.tleft {

clear: left;

float: left;

margin-right: 20px;

}

figure.article-thumb.tright {

clear: right;

float: right;

margin-left: 20px;

}

figure.article-thumb figcaption p.caption {

color: black !important;

font-size: 14px;

line-height: 18px;

padding: 4px 1px 0;

text-align: left;

margin: 0 !important;

}

.WikiaArticle .article-thumb .details {

margin-top: 1px;

visibility: visible;

}

.WikiaArticle figure.article-thumb a:first-of-type {

display: inline;

}

.article-thumb .thumbimage {

border: none;

}

/************************************************/

/* Page Headers */

/************************************************/

.WikiaPage h1 {

font-family: "Raceway";

}

/************************************************/

/* Section headers */

/************************************************/

.WikiaArticle h2 {

font-family: Calibry, serif;

font-weight: 900;

background: linear-gradient(to right, transparent, #D4AF37, transparent);

background-color: transparent;

background-position: left bottom;

border-bottom: none;

color: #C0C0C0;

line-height: 22px;

padding: 3px 0 3px 0px;

}

/************************************************/

/* Wiki Shadow */

/************************************************/

.WikiaPage {

-moz-box-shadow: 0 0 50px #000;

-webkit-box-shadow: 0 0 50px #000;

box-shadow: 0px 0px 70px #000000;

}

.wds-community-header {

-moz-box-shadow: 0 0 50px #000;

-webkit-box-shadow: 0 0 50px #000;

box-shadow: 0px 0px 70px #007fff;

border-top:4px solid #007fff ;

border-bottom:4px solid #007fff ;

}