MediaWiki:Wikia.css

body { background: url(http://www.sonicgalaxy.net/img/maps/gen/sak/ssz-2.png) repeat; }

.WikiaPage .WikiaPageBackground { border: 5px solid rgba(0, 0, 0, 0); border-image: url(http://vignette4.wikia.nocookie.net/m__/images/1/1f/Starmen.gif/revision/latest?cb=20161203030223&path-prefix=musicvideo) 30% round; border-image-width: 40px; border-image-outset: 8; }

.WikiaPage .WikiaPageBackground { background: rgba(0, 0, 0, 0.81); opacity: 1; }

.EditPage .module_page_controls #wpSummary { color: black; }

.tally em { background: url(http://vignette4.wikia.nocookie.net/m__/images/d/de/White-minus-2-512.png/revision/latest?cb=20161203021618&path-prefix=musicvideo) no-repeat; background-size: 30px; }

.wikia-page-header .header-column.header-tally .tally em { float: left; width: 110px; text-align: right; }

.Toolbar .mode { color: #ffffff; }

.Toolbar .inner .history ul { background-color: #f00; }

.Toolbar .inner .history ul li:hover { background-color: #ff5093; }

.Toolbar { color: white; background-color: #ff0000; background-image: -moz-linear-gradient(top,#ff5f5f 0%,#ff0000 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#ff5f5f),color-stop(100%,#ff0000)); background-image: -o-linear-gradient(top,#ff5f5f 0%,#ff0000 100%); background-image: -ms-linear-gradient(top,#ff5f5f 0%,#ff0000 100%); }

.WikiHeader .accent a { color: #000; }

input#wpSave { color: black; }

a#CuratedContentTool { color: black; }

.wikia-menu-button > a, .wikia-menu-button > li > a { color: #000; }

.blackout { background: #84dcff; mix-blend-mode: overlay; }

td {vertical-align: top; } .portable-infobox { float:right; width:225px; } .portable-infobox.pi-theme-videoinfo { float:left; width:225px; } .portable-infobox.pi-theme-videoinfo img {   width:200px; height:auto; } .pi-title {   text-align:center; } .portable-infobox img { width:200px; height:auto; }

.WikiaRail .AchievementsModule ul.badges-icons li img { -webkit-filter: brightness(1.1); -o-filter: brightness(1.1); filter: brightness(1.1); }

.clickmask { display:none; }

/*Homepage Buttons effects*/ .HomeNav { display:inline-block; position:relative; width:112px; transform: skew(30deg); text-align:center; background:#D50F04; padding:5px; text-transform:uppercase; font-size:14px; margin:2px; } .HomeNav span { display:inline-block; transform: skew(-30deg); } .HomeNav span a { font-size:14px; font-weight:bold; font-family:'Open Sans'; color:white; text-decoration:none; } .HomeNav .trapzoidleft { position:absolute; top:0; left:-10px; height:100%; width:30px; background:#D50F04; transform: skew(-30deg); } .HomeNav .trapzoidright { position:absolute; top:0; right:-10px; height:100%; width:30px; background:#D50F04; transform: skew(-30deg); } .HomeNav:hover span a { color:black; } .HomeTile {   position:relative; height: 106px; width: 106px; background: -webkit-radial-gradient(#727272, #151515); background: -o-radial-gradient(#727272, #151515); background: -moz-radial-gradient(#727272, #151515); background: radial-gradient(#727272, #151515); z-index:0; } .HomeTilelink {   position:absolute; top:84px; width:100%; background-color:rgba(0,0,0,0.6); text-align:center; text-transform:uppercase; color:white; text-shadow: 0 0 2px; font-size:12px; z-index:4; } .HomeTilelink a { color:white; text-decoration: none; } .HomeTileimage, .HomeTileimage-overlap {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:1; z-index:1; } .HomeTileimage2 {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:0; z-index:2; } .HomeTile:hover .HomeTileimage {   opacity:0; } .HomeTile:hover .HomeTileimage2 {   opacity:1; } /* general fade-in effect */ .fade-in { opacity:0.9; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; } .fade-in:hover { opacity:1; } /* tiles in Main:WARFRAME page */ .guidetile { width:100%; } .guidetile td { height:100px; background:#B6B8CA; background:rgba(182, 184, 202, 0.3); } /* MainpageBoxQ (by Sovq of the Polish Sonic Wiki) */ .mainpageboxQ { border-collapse: collapse; margin-bottom:10px; width:100%; position:relative; } .mainpageboxQ th { background: #00F; /* Old browsers */ background: -moz-linear-gradient(top, #00F 0%, #0000BF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00F), color-stop(100%,#0000BF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00F 0%,#0000BF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00F 0%, #0000BF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00F 0%,#0000BF 100%); /* IE10+ */ background: linear-gradient(to bottom, #00F 0%, #0000BF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F', endColorstr='#0000BF',GradientType=0 ); /* IE6-9 */ padding: 10px; color: white; text-align: left; font-family: Proxima Nova Regular, Arial, sans-serif; font-size: 130%; text-shadow: 0 1.5px 3px #000061;; border-radius: 10px 10px 0px 0px; } .mainpageboxQ td { background: none repeat scroll 0 0 white; border: 1px solid #a0a0a0; padding: 5px; } a.tag { color: inherit; } /* Customized navbar */ .WikiHeader .navbackground img { border-color: transparent; } .WikiHeader > nav li.marked { background-color: transparent; border-bottom: 2px solid #990000; } .WikiHeader > nav li.marked > a:hover { text-decoration: none; } .WikiHeader .accent a { color: #999; } .WikiHeader .accent a:hover { color: #f00; } .WikiHeader .navbackground { background-color: transparent; } .WikiHeader > nav li { border-bottom: none; } .WikiHeader .navbackground div { background-color: transparent; } .WikiHeader > nav li > a { border-left: none; border-top: none; } .WikiHeader > nav .subnav-2 li .subnav-2a:hover { text-decoration: none !important; } @font-face { font-family: Proxima Nova Regular; src: url('http://img2.wikia.nocookie.net/__cb20150529112831/plantsvszombies/images/9/96/ProximaNova-Regular.ttf') format('truetype'); } @font-face { font-family: Proxima Nova Regular; src: url('http://img3.wikia.nocookie.net/__cb20150601031337/plantsvszombies/images/c/cd/ProximaNova-RegularItalic.ttf') format('truetype'); font-style: italic; } @font-face { font-family: Proxima Nova Regular; src: url('http://img3.wikia.nocookie.net/__cb20150601031337/plantsvszombies/images/c/cd/ProximaNova-RegularItalic.ttf') format('truetype'); font-style: oblique; } @font-face { font-family: Proxima Nova Regular; src: url('http://img2.wikia.nocookie.net/__cb20150601031337/plantsvszombies/images/1/12/ProximaNova-Bold.ttf') format('truetype'); font-weight: bold; } @font-face { font-family: Proxima Nova Regular; src: url('http://img1.wikia.nocookie.net/__cb20150601031337/plantsvszombies/images/6/6d/ProximaNova-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: Proxima Nova Regular; src: url('http://img1.wikia.nocookie.net/__cb20150601031337/plantsvszombies/images/6/6d/ProximaNova-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: oblique; } /* Use custom fonts that replace Arial.*/ /* Flat UI stuff */ .WikiaPage {border:none;} a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button {background-image:none;} .EditPage .module_page_controls #wpSummary {background-color:#e0e0e0;border:none;border-radius:0px;} a.wikia-button {border-radius:0px;} a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary {background-image:none;} .WikiHeader > nav li.marked {border-top-right-radius:0px;border-top-left-radius:0px;} .WikiHeader .navbackground div {background-color:transparent;} .WikiHeader .navbackground img {border-width:0px;} .ChatModule .chat-whos-here {border:none;} .WikiHeader > nav li.marked > a {border-top:none;border-left:none} .WikiaRail .module {border:1px solid #eee;} .EditPage .module > .module_content {background-image:none;} .WikiaFooter section, .WikiaBarWrapper section {border:1px solid #94ff00;background-color:rgba(0, 0, 0, 0.56);}
 * 1) WikiaPage {font-family:'Proxima Nova Regular', Arial, Helvetica, sans-serif;} /* Default font */
 * 2) WikiaPage h1 {font-family: 'Proxima Nova Regular', Arial, Helvetica, sans-serif;} /* Page title font. Other stuff that uses the h1 tag is also affected. */
 * 3) WikiaPage h2 {font-family: 'Proxima Nova Regular', Arial, Helvetica, sans-serif;} /* Heading 2 font. Other stuff that uses the h2 tag is also affected. */
 * 4) WikiaPage h3 {font-family: 'Proxima Nova Regular', Arial, Helvetica, sans-serif;} /* Heading 3 font. Other stuff that uses the h3 tag is also affected. */
 * 5) WikiaPage h4 {font-family: 'Proxima Nova Regular', Arial, Helvetica, sans-serif;} /* Heading 4 font. Other stuff that uses the h4 tag is also affected. */
 * 1) SPOTLIGHT_FOOTER {background-image:none;}

/* Mark redirects in Special:Allpages and Special:Watchlist */

.portlet#p-search h5, .portlet#p-tb h5, .portlet#p-wikicities-nav h5 { color: cyan; } /*Scrollbar*/
 * -webkit-scrollbar {

width: 12px; height: 12px; }
 * -webkit-scrollbar-thumb {

background: #00F; }
 * -webkit-scrollbar-thumb:hover {

background: #0000BF !important; }
 * -webkit-scrollbar-thumb:active {

background: #00003C !important; } /* Button */ .btn { -moz-box-shadow:inset 0px 3px 0px -1px #97c4fe; -webkit-box-shadow:inset 0px 3px 0px -1px #97c4fe; box-shadow:inset 0px 3px 0px -1px #97c4fe; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0)); background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0); background-color:#3d94f6; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:20px; font-weight:bold; padding:8px 16px; text-decoration:none; text-shadow:-2px -1px 0px #1570cd; } .btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6)); background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0); background-color:#1e62d0; } .btn:hover { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .btn:active { position:relative; top:1px; } /* Button Part Two */ .btn2 { padding: 10px 15px; background: #1a50bc; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:inline-block; border: solid 1px #20538D; font-size:20px; font-weight:bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .btn2:hover { background: #ffb009; border: solid 1px #2A4E77; text-decoration: none; } .btn2:active { -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); background: #2E5481; border: solid 1px #203E5F; } /* Poll autoformatting */ .ajax-poll { width: auto !important;/*inline style override for poll extension*/ } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect a { color: #888; font-style: italic; } .watchlistredir a { color: #888; font-style: italic; } /*** Forum formatting (by -Algorithm & -Splaka) ***/ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; 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(http://images4.wikia.nocookie.net/__cb20100312100324/sonic/images/e/e9/Sonic_ring.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; } /* Messagebox templates */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 4px 2px 4px; } .messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; border: 1px #aaa solid; border-collapse: collapse; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; } table.wikitable th, table.prettytable th { text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /* default skin for navigation boxes */ table.navbox { border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox th { font-size: 120%; padding-left: 1em; padding-right: 1em; } @media print { .navbox { display: none; } } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; } /* Small reference list */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} a /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count:2; column-count:2; } .same-bg { background: none } /* Display text below main article header, located at MediaWiki:tagline */ display: inline; font-size: 92%; font-weight: normal; } /* Colour the number of characters added/removed in the recent changes */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* Put a checker background at the image description page only visible if the image has transparent background */ background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat; } /* Make MediaWiki:Newarticletext appear */ .mw-newarticletext { display: block !important; } /* Hide envelope icon next to mailto links */ background: transparent !important; } .tabberlive .tabbertab { border: none !important; } ul.tabbernav { border-bottom: none !important; } .tabberlive .editsection { display: none; }
 * 1) siteSub {
 * 1) file img {
 * 1) bodyContent a[href^="mailto:"], .link-mailto {

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

/*Video Infobox template style */ .portable-infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: left; clear: right; } /*Artist 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; }

.recirculation-incontent { display:none; } .recirculation-rail { display: none; }   display: none; }
 * 1) RECIRCULATION_RAIL {

/*** rounded corners ***/ /* this section was taken from Wookieepedia */ .rtop, .rbottom { display: block; padding: 0px; margin: 0px } .rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px } .r1 {margin: 0 5px} .r2 {margin: 0 3px} .r3 {margin: 0 2px} .r4 {margin: 0 1px; height: 2px} /* end rounded corners */ /* Customizing Tabber */ .tabbertab { border-top: 2px solid grey !important; border-bottom: 2px solid grey !important; border-left: 2px solid grey !important; border-right: 2px solid grey !important; } /* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { margin-right: 2px; }   /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; } ul.tabbernav li a { -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; background: #0033CC !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border:#FFCC00 2px solid black !important; color: white !important; font-size: 12px !important; font-weight: normal !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #ff921b !important; border: 1px solid white !important; color: white !important; cursor: default; font-size: 12px !important; font-weight: bold !important; } ul.tabbernav li.tabberactive { line-height: 0 !important; }   ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } /* End of Customizing Tabber */