MediaWiki:Wikia.css

/******        Whoniverse Fanon Wiki - Version 2.1         ******/ /******  Skin created by User:JPhil2.0 - CC-BY-SA          ******/ @import url(http://fonts.googleapis.com/css?family=Raleway:400,700|Montserrat:400,700|Open+Sans:400italic,700italic,400,700);

/* ==================  RecentChanges links ================== */ .mw-plusminus-pos { color: #31d264; }

.mw-plusminus-neg { color: #ec5252; }

.WikiaMainContent a.new, .WikiaMainContent a.new:visited { color: #ec5252; } .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color: #ec5252; } a.new, #quickbar a.new { color: #ec5252; }

/* ====   Hero ==== *//*

.MainPageHeroHeader .title-wrap .title-text { max-width: 400px; font-family: 'Montserrat', sans-serif; word-wrap: break-word; text-transform: uppercase; font-style: normal; letter-spacing:2px; } /* =======   Headers ======= */

.WikiaArticle, .WikiaPage { font-family: 'Open Sans', sans-serif; border:none; color:#fff; }

.WikiaPageHeader h1 { font-family: 'Montserrat', sans-serif; color:#fff; } .WikiaPageHeader h2 { font-family: 'Montserrat', sans-serif; color:#fff; } .WikiaArticle h2, .WikiaArticle h3 { font-family: 'Montserrat', sans-serif; } h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; }

.Search .result h1, .Search .result h3 { font-family: 'Montserrat', sans-serif; }

.WikiaRail .module h1, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaRail #RIGHT_SKYSCRAPER h2{ font-family: 'Montserrat', sans-serif; color:#fff; }

.tabs .selected a { font-family: 'Montserrat', sans-serif; } .UserProfileMasthead .masthead-info h1 { font-family: 'Montserrat', sans-serif; } /* ========================   Various stylistic things ======================== */   .WikiaRail .module { color:#fff; }   background-image:none!important; background-color:transparent }
 * 1) SPOTLIGHT_FOOTER {

.WikiaArticle pre { background:#fff; color:black; border-radius:15px; border:2px solid #6090AB; -moz-box-shadow:0 0 5px #6090AB inset; -webkit-box-shadow:0 0 5px #6090AB inset; -o-box-shadow:0 0 5px #6090AB inset; -ms-box-shadow:0 0 5px #6090AB inset; box-shadow:0 0 5px #6090AB inset; line-height:140%; width:auto; margin:auto auto auto auto; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; }  .mw-special-CSS .css-side-bar .community-updates blockquote { font-size:.9em; padding:1em; }  .mw-special-CSS blockquote:before { display:none; }  .mw-special-CSS blockquote { background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; }  /* ========================   Infobox template styling ======================== */ table.infobox-exterior, border:2px solid #3B7697; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -ms-border-radius: 0px 0px 10px 10px; -o-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; background:#3B7697; color:#fff; float:right; clear:right; width:252px; padding-top: 5px; padding-bottom:10px; margin: 0 0 .5em 1em; } table.infobox-interior, font-size: 12px; margin:auto; padding:auto; float:right; text-align: right; width:100%; color:#fff; border-collapse: collapse; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
 * 1) infobox-exterior {
 * 1) infobox-interior {

table.infobox-interior th, color: #fff; overflow:hidden; text-decoration:none; letter-spacing:0px; margin-right:4px; padding: 4px; line-height:110%; background:#3B7697; }
 * 1) infobox-interior th {

table.infobox-interior td, background: #0D6595; background: -moz-linear-gradient(45deg, #0D6595 0%, #0B557E 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#0D6595), color-stop(100%,#0B557E)); background: -webkit-linear-gradient(45deg, #0D6595 0%,#0B557E 100%); background: -o-linear-gradient(45deg, #0D6595 0%,#0B557E 100%); background: -ms-linear-gradient(45deg, #0D6595 0%,#0B557E 100%); background: linear-gradient(45deg, #0D6595 0%,#0B557E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D6595', endColorstr='#0B557E',GradientType=1 ); border-top: 1px solid #3B7697; vertical-align:top; line-height:1.2em; }
 * 1) infobox-interior td {

table.infobox-interior tbody tr:hover td, background: #0B557E; }
 * 1) infobox-interior tbody tr:hover td {

table.infobox-interior td.info-both, text-align:right; padding:0 0 0 0; line-height:1em;
 * 1) infobox-interior td.info-both {

} table.infobox-interior td.info-both img, display:block; /*force new line after img in sidebar */ margin: 0; padding-left: 0; padding-right: 0;
 * 1) infobox-interior td.info-both img {

}

table.infobox-interior td.info-left, width: 50%; min-width:50%; font-weight: bold; text-align: right; vertical-align:top; line-height:1em; padding:5px; }
 * 1) infobox-interior td.info-left {

table.infobox-interior td.conflict-left, width:50%; text-align:center; border-right:1px solid #3B7697 }
 * 1) infobox-inteior td.conflict-left {

table.infobox-interior td.info-right, text-align:left; vertical-align:top; line-height:1em; padding:5px; }
 * 1) infobox-interior td.info-right {

table.infobox-interior td.info-right a,   color:#fff; }
 * 1) infobox-interior td.info-right a {

table.infobox-interior td.conflict-right, width:50%; text-align:center; }
 * 1) infobox-inteior td.conflict-right {

/* Thumbnails in     infoboxes   */ table.infobox-interior tr td .thumb, table.infobox-interior tr td .tright, table.infobox-interior .thumbinner, table.infobox-interior .magnify { clear: none; float: none; border: 0; margin-right:auto; margin-left:auto; padding: 0; width: auto; text-align: center; display: inline; }
 * 1) infobox-interior tr td .thumb,
 * 2) infobox-interior tr td .tright,
 * 3) infobox-interior .thumbinner,
 * 4) infobox-interior .magnify,

table.infobox-interior .thumbinner img { margin-right:auto !important; margin-left:auto !important; width:100%; } table.infobox-interior tr td .thumb .thumbcaption { display: none; }
 * 1) infobox-interior .thumbinner img,
 * 1) infobox-interior tr td .thumb .thumbcaption,

table.infobox-interior td.sb-both div.sb-twoimg img.thumbimage { display: inline; /*no new line after img in two-image box */ } .infobox-interior .article-thumb, .infobox-interior .thumb { margin: 0!important; border: none; }
 * 1) infobox-interior td.sb-both div.sb-twoimg img.thumbimage,

/* =================  Policy navigation ================= */

.FloatingNav { float: right; clear: right; text-align:center; padding:3px; background-color:#175D84; border: 1px solid #3B7697; margin:0 5px 10px 20px; width:20%; color:#fff; }

.FloatingNavTitle { font-family: 'Montserrat', sans-serif; font-size:150%; }

/* =======================    Ex. Template:Author ======================= */

div#ArticleMessage { text-align:left; margin:0 auto; color:#fff; background-color:#175D84; border: 1px solid #3B7697; padding:3px; width:99%; }

/* ==========   HoverImage ========== */ .hoverimage img { opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .hoverimageblack img { opacity: 1; filter: alpha(opacity=100); } .hoverimageblack img:hover { opacity: 0.3; filter: alpha(opacity=30); } .hoverimageagain img { opacity: 0.50; filter: alpha(opacity=50); } .hoverimageagain img:hover { opacity: 1.0; filter: alpha(opacity=100); }

.div img { margin: 0; width: 350px; height: 350px; }