MediaWiki:Common.css

/*

This is for all the skins
Remember no preview

.catlinks { background-color: #0F0F0F} .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #0F0F0F}

ol.references li:target, sup.reference:target { background-color: #141414; }

/* Testing */ @media screen and (max-width: 479px) { .nav-tabs-responsive > li { display: none; width: 23%; } .nav-tabs-responsive > li > a { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; width: 100%; text-align: center; vertical-align: top; } .nav-tabs-responsive > li.active { width: 54%; } .nav-tabs-responsive > li.active:first-child { margin-left: 23%; } .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { display: block; } .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { -webkit-transform: scale(0.9); transform: scale(0.9); } .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a { -webkit-transition: none; transition: none; } .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text { display: none; } .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-tabs-responsive > li.prev > a:after { content: "\e079"; } .nav-tabs-responsive > li.next > a:after { content: "\e080"; } .nav-tabs-responsive > li.dropdown3 > a > .caret { display: none; } .nav-tabs-responsive > li.dropdown3 > a:after { content: "\e114"; } .nav-tabs-responsive > li.dropdown3.active > a:after { display: none; } .nav-tabs-responsive > li.dropdown3.active > a > .caret { display: inline-block; } .nav-tabs-responsive > li.dropdown3 .dropdown-menu.pull-xs-left { left: 0; right: auto; } .nav-tabs-responsive > li.dropdown3 .dropdown-menu.pull-xs-center { right: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .nav-tabs-responsive > li.dropdown3 .dropdown-menu.pull-xs-right { left: auto; right: 0; } } /** * Demo Styles */ .twrapper { padding: 15px 0; }

.bs-example-tabs .nav-tabs { margin-bottom: 15px; }

@media (max-width: 479px) { #narrow-browser-alert { display: none; } }

/* I copied some things over from Mediawiki:monobook.css that should be in here div.no-bullet-list ul { list-style-type: none; list-style-image: none; }

div#siteNotice {text-align:center; }

div.no-bullet-list ul { list-style-type: none; list-style-image: none; }

/*Fix the space between the edit check boxes on editintros. See http://bugzilla.wikimedia.org/show_bug.cgi?id=9252 */

.editOptions p {display:inline;}

/* /* Interlining in titles. To prevent title overlap. Not sure if should be in monobook.css as this is diff in diff skins. yell at me if this breaks anything in any of the skins. */ h1.firstHeading { line-height: 1em; }

Ugly nav
/* Standard table formatting */ /* */ /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #363636; color:white; border: 1px #aaaaaa solid; border-collapse: collapse; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em; } table.wikitable td, table.prettytable td { background: #363636; } table.wikitable th, table.wikitable > tr > th, table.wikitable > * > tr > th, table.prettytable th, table.prettytable > tr > th, table.prettytable > * > tr > th { background: #262626; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; }

/*See MediaWiki:NavigationTabs.js. copied from wikibooks*/ .navtabs .tabs li { list-style:none; } .navtabs .tabs a { text-decoration:none; text-transform:uppercase; outline-width:0px; font-size:x-small; font-weight:bold; color:black; } .navtabs .tabs .inactive { background:#bbb; padding:1ex; } .navtabs .tabs .selected { background:#999; padding:1.1ex; } .navtabs .tabs .inactive:hover { background:#f75; } .navtabs .contents { padding:1ex; border:3px solid #999; }

/* hide the Comments_talk namespace */ .ns-102 #ca-talk {display:none;} .ns-103 #ca-edit {display:none;} .ns-103 #ca-addsection {display:none;}

/*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  --*/ .tabber { } .tabberlive { margin-top:1em; }

/*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #CCC; font: bold 12px Verdana, sans-serif; }

ul.tabbernav li { list-style: none; margin: 0; display: inline; }

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 #CCC; 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 { 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; }

table.wiki-sidebar { border: 1px solid #666; background-color: #222222; color: inherit; clear: right; float: right; width: 300px; margin-top: 0em; margin-left: 1.5em; margin-right: 0em; margin-bottom: 1.3em; }

table.wiki-sidebar tr th { background: #000000 url(/images/7/7f/Testskin2.png) repeat; font-weight: bold; }

table.wiki-sidebar td { line-height: 130%; border:0; font-size:smaller; }

table.wiki-sidebar-left { border: 1px solid #666; background-color: #222222; color: inherit; clear: right; float: right; width: 300px; margin-top: 0em; margin-left: 1.5em; margin-right: 0em; margin-bottom: 1.3em; }

table.wiki-sidebar-left tr th { background: #000000 url(/images/a/a2/Test17.png) repeat; font-weight: bold; }

table.wiki-sidebar-left td { line-height: 130%; border:0; font-size:smaller; }

table.wiki-sidebar-right { border: 1px solid #666; background-color: #222222; color: inherit; clear: right; float: right; width: 300px; margin-top: 0em; margin-left: 1.5em; margin-right: 0em; margin-bottom: 1.3em; }

table.wiki-sidebar-right tr th { background: #000000 url(/images/9/95/Test18.png) repeat; font-weight: bold; }

table.wiki-sidebar-right td { line-height: 130%; border:0; font-size:smaller; }

/* Morph Link Stuff */ .morphLink { color: #002BB8; display: inline-block; cursor: pointer; } .morphLink:hover { text-decoration: underline; }

.toggleLink { color: #002BB8; display: inline-block; cursor: pointer; }

/* Multislide and Multifade */ .multislideFrame {position: relative; padding: 0 !important; overflow: hidden; height: auto; width: auto;}

.slideFromTop, .slideFromBottom, .slideFromLeft, .slideFromRight, .multislideContent {position: absolute;}

.multislideMaster, .slideOn, .slideOff {display: none;}

.multifadeContent {opacity: 0; filter: alpha(opacity=0); width: 100%;}

.multifadeMaster, .fadeOn, .fadeOff {display: none;}

width: 100%; background-color: #232323; padding: 10px 10px 10px 10px; opacity: .5; (add in other opacity mods here - include -webkit, -moz, -o-, and filter:alpha) }
 * 1) transparent {

div.isATicker, div#singleTickerForPage {display:none;}

/* Pad Google AdSense box in portlet in sidebar */ padding-top: 5px; text-align: center; }
 * 1) p-googleadsense .pBody {

/* emulate center */ .center { width: 100%; text-align: center; }	margin-left: auto; margin-right: auto; }
 * .center * {

/* ADMINS - purple, bold italic*/

a[href$="/User:TMS"] { color: #9548e4; font-weight:bold;font-style: italic;} a[href$="/User:ShiningCelebi"] { color: #9548e4; font-weight:bold;font-style: italic;}

a[href|="/User:Ainz"], a[href|="/User:Devkyu"], a[href|="/User:Digimonx"], a[href|="/User:Grandy02"], a[href|="/User:Koroku"], a[href|="/User:Pawitp"], a[href|="/User:Dkpat"]

{ color: #9548e4; font-weight:bold;font-style: italic;}

/* Main page elements */ .portal_section {margin:0 0 10px 0; border:1px solid transparent; background:transparent; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -icab-border-radius:8px; -o-border-radius:8px; border-radius:10px} .portal_body {padding:0px 10px;}


 * 1) portal_slider {margin:0px 0px 0px; padding:0px; position:relative;color:
 * 2) FFFFFF; -webkit-background-size: 100% 100%; background-size: 100% 100%;}


 * 1) portal_slider > .portal_body {padding:0px}


 * 1) portal_content {font-sze:0.9em; lin-height:1.7em}


 * 1) portal_content .portal_body > table {heght:350px}

.portal_sliderlink_1:hover, .portal_sliderlink_2:hover, .portal_sliderlink_3:hover, .portal_sliderlink_4:hover, .portal_sliderlink_5:hover, .portal_sliderlink_6:hover, .portal_sliderlink_7:hover, .portal_sliderlink_8:hover, .portal_sliderlink_9:hover, .portal_sliderlink_10:hover, .portal_sliderlink_11:hover, .portal_sliderlink_12:hover, .portal_sliderlink_13:hover, .portal_sliderlink_14:hover, .portal_sliderlink_15:hover, .portal_sliderlink_16:hover, .portal_sliderlink_17:hover, .portal_sliderlink_18:hover, .portal_sliderlink_19:hover, .portal_sliderlink_20:hover, .portal_sliderlink_21:hover, .portal_sliderlink_22:hover, .portal_sliderlink_23:hover, .portal_sliderlink_24:hover, .portal_sliderlink_25:hover, .portal_sliderlink_26:hover, .portal_sliderlink_27:hover, .portal_sliderlink_28:hover, .portal_sliderlink_29:hover, .portal_sliderlink_30:hover, .portal_sliderlink_31:hover, .portal_sliderlink_32:hover, .portal_sliderlink_33:hover, .portal_sliderlink_34:hover, .portal_sliderlink_35:hover, .portal_sliderlink_36:hover, .portal_sliderlink_37:hover, .portal_sliderlink_38:hover, .portal_sliderlink_39:hover, .portal_sliderlink_40:hover, .portal_sliderlink_41:hover, .portal_sliderlink_42:hover, .portal_sliderlink_43:hover, .portal_sliderlink_44:hover, .portal_sliderlink_45:hover {opacity:0.5}
 * 1) portal_content ul ul {margin-left: 1em}

.portal2_section {margin:0 0 10px 0; border:1px solid transparent; background:transparent; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -icab-border-radius:8px; -o-border-radius:8px; border-radius:10px} .portal2_body {padding:0px 10px;}


 * 1) portal2_slider {margin:0px 0px 0px; padding:0px; position:relative;color:
 * 2) FFFFFF; -webkit-background-size: 100% 100%; background-size: 100% 100%;}


 * 1) portal2_slider > .portal2_body {padding:0px}


 * 1) portal2_content {font-sze:0.9em; lin-height:1.7em}


 * 1) portal2_content .portal2_body > table {heght:350px}

.portal2_sliderlink_1:hover, .portal2_sliderlink_2:hover, .portal2_sliderlink_3:hover, .portal2_sliderlink_4:hover, .portal2_sliderlink_5:hover, .portal2_sliderlink_6:hover, .portal2_sliderlink_7:hover, .portal2_sliderlink_8:hover, .portal2_sliderlink_9:hover, .portal2_sliderlink_10:hover, .portal2_sliderlink_11:hover, .portal2_sliderlink_12:hover, .portal2_sliderlink_13:hover, .portal2_sliderlink_14:hover, .portal2_sliderlink_15:hover, .portal2_sliderlink_16:hover, .portal2_sliderlink_17:hover, .portal2_sliderlink_18:hover, .portal2_sliderlink_19:hover, .portal2_sliderlink_20:hover, .portal2_sliderlink_21:hover, .portal2_sliderlink_22:hover, .portal2_sliderlink_23:hover, .portal2_sliderlink_24:hover, .portal2_sliderlink_25:hover, .portal2_sliderlink_26:hover, .portal2_sliderlink_27:hover, .portal2_sliderlink_28:hover, .portal2_sliderlink_29:hover, .portal2_sliderlink_30:hover, .portal2_sliderlink_31:hover, .portal2_sliderlink_32:hover, .portal2_sliderlink_33:hover, .portal2_sliderlink_34:hover, .portal2_sliderlink_35:hover, .portal2_sliderlink_36:hover, .portal2_sliderlink_37:hover, .portal2_sliderlink_38:hover, .portal2_sliderlink_39:hover, .portal2_sliderlink_40:hover, .portal2_sliderlink_41:hover, .portal2_sliderlink_42:hover, .portal2_sliderlink_43:hover, .portal2_sliderlink_44:hover, .portal2_sliderlink_45:hover {opacity:0.5}
 * 1) portal2_content ul ul {margin-left: 1em}

.portal3_section {margin:0 0 10px 0; border:1px solid transparent; background:transparent; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -icab-border-radius:8px; -o-border-radius:8px; border-radius:10px} .portal3_body {padding:0px 10px;}


 * 1) portal3_slider {margin:0px 0px 0px; padding:0px; position:relative;color:
 * 2) FFFFFF; -webkit-background-size: 100% 100%; background-size: 100% 100%;}


 * 1) portal3_slider > .portal3_body {padding:0px}


 * 1) portal3_content {font-sze:0.9em; lin-height:1.7em}


 * 1) portal3_content .portal3_body > table {heght:350px}

.portal3_sliderlink_1:hover, .portal3_sliderlink_2:hover, .portal3_sliderlink_3:hover, .portal3_sliderlink_4:hover, .portal3_sliderlink_5:hover, .portal3_sliderlink_6:hover, .portal3_sliderlink_7:hover, .portal3_sliderlink_8:hover, .portal3_sliderlink_9:hover, .portal3_sliderlink_10:hover, .portal3_sliderlink_11:hover, .portal3_sliderlink_12:hover, .portal3_sliderlink_13:hover, .portal3_sliderlink_14:hover, .portal3_sliderlink_15:hover, .portal3_sliderlink_16:hover, .portal3_sliderlink_17:hover, .portal3_sliderlink_18:hover, .portal3_sliderlink_19:hover, .portal3_sliderlink_20:hover, .portal3_sliderlink_21:hover, .portal3_sliderlink_22:hover, .portal3_sliderlink_23:hover, .portal3_sliderlink_24:hover, .portal3_sliderlink_25:hover, .portal3_sliderlink_26:hover, .portal3_sliderlink_27:hover, .portal3_sliderlink_28:hover, .portal3_sliderlink_29:hover, .portal3_sliderlink_30:hover, .portal3_sliderlink_31:hover, .portal3_sliderlink_32:hover, .portal3_sliderlink_33:hover, .portal3_sliderlink_34:hover, .portal3_sliderlink_35:hover, .portal3_sliderlink_36:hover, .portal3_sliderlink_37:hover, .portal3_sliderlink_38:hover, .portal3_sliderlink_39:hover, .portal3_sliderlink_40:hover, .portal3_sliderlink_41:hover, .portal3_sliderlink_42:hover, .portal3_sliderlink_43:hover, .portal3_sliderlink_44:hover, .portal3_sliderlink_45:hover, .portal_directlink:hover {opacity:0.5}
 * 1) portal3_content ul ul {margin-left: 1em}

.vidgame a {color:white}

/*Portal CSS text follows*/

.splitrow { display: inline-block; white-space: nowrap; text-align: center; }

.nav { padding: 0; display: inline-block; text-decoration: none; }

.nav:hover .dropdown, .nav:hover .dropdownneo { display: inline-block; }

.container { position: absolute; height: 450px; }

.dropdown, .dropdownneo { display: none; float: left; left: -45%; right: -45%; position: relative; z-index: 100; }

.dropdown a { color: #0C95C9; text-decoration: none; }

.dropdown a { color: #0C95C9; text-decoration: none; }

.dropdown a:hover { color: #0C95C9; text-decoration: underline; }

.dropdown caption { background-color: inherit; border-radius: 10px; }

.dropdown td { vertical-align: top; padding: 1px; white-space: nowrap; }

.dropdown p { margin: 0; padding: 0; }

caption a, .dropdown td a, .dropdown th a { padding: 2px; }

.dropdown caption a { padding: 5px 2px 5px 20px; font-size: 150%; width: 300px; }

.dropdown dl, .dropdown dd { margin: 0 }

.dropdown dd a { text-align: center }

/*Footer links*/

.dropdown th p a { display: inline; width: 300px; }

/*Main column links*/

.dropdown td p a { background-color: transparent; padding: 0; text-align: left; color: #0C95C9 }

.dropdown caption a:hover { border-radius: 10px; }

.dropdown td p a:hover {}

/* Hover Box for switching the visibility of the selected item */

.hoverbox { display: inline-block; padding: 0em; }

.hoverbox .hoveritem { display: none; margin: 0em; padding: 0em; }

.hoverbox .hoveritem.selected { display: inline-block; }

.hoverbox:hover .hoveritem { display: inline-block; }

.hoverbox:hover .hoveritem.selected { display: none; }

/* This Week's Featured Article link colors */

.featuredfront {}

.featuredfront:link { color: #09739B; }

/* normal unvisited links */

.featuredfront: a:link:visited { color: #3466BB; }

/* visited links */

.featuredfront a:link:active { color: #FF0000; }

/* active links */

.featuredfront a.new { color: #E02A2A; }

/* new links */

.featuredfront a.external { color: #3366BB; }

/* external links */

.featuredfront a.interwiki { color: #3366BB; }

/* interwiki links */

/* Admin Announcements dropdown menu */

color: white; background: green }
 * 1) admindropdown {

/* popup test */

opacity: 0.65; background: #111; top: 0px; left: 0px; position: absolute; z-index: 9001; width: 100%; }
 * 1) blanket {

position: absolute; width: 400px; height: 400px; border: 1px solid #000; z-index: 9002; margin-left: auto; margin-right: auto; display: block; top: 50%; left: 50%; }
 * 1) popUpDiv {

a position: relative; top: 20px; left: 20px }
 * 1) popUpDiv {

/*Test*/

position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none; }
 * 1) photooverlay {

.popup { position: relative; display: none; margin: 0 auto; z-index: 101; }

.popcontent { position: fixed; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translateX(-50%) translateY(calc(-50% - .5px)); z-index: 200; }

.popcontent .closephoto { float: right; }

.popcontent .closephoto:hover { cursor: pointer; }

/*Admin Announcement menu bar*/

list-style-type: none; margin: 0; padding: 0; }
 * 1) menutest {

ul#menutest a:link { display: block; font-weight: bold; color: #FFFFFF; background-color: #98bf21; width: 140px; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest a:visited { display: block; font-weight: bold; color: #FFFFFF; background-color: #98bf21; width: 140px; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest a.external { display: block; font-weight: bold; color: #FFFFFF; background-color: #98bf21; width: 140px; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest a:hover { background-color: #7A991A; }

ul#menutest a:active { background-color: #7A991A; }

ul#menutest a.external:hover { background-color: #7A991A; }

background-color: red }
 * 1) menuheader {

background-color: #98bf21; cursor: pointer }
 * 1) menuheader:hover {

background-color: #98bf21; cursor: pointer }
 * 1) menuheader:active {

.dropdown2 { float: left; position: relative; padding: 0px; margin-right: 0px; }

/* toggle */

.dropdown2 .dropdown2-toggle { padding: 0; }

/* dropdown2 */

.dropdown2-menu { position: absolute; top: 100%; right: 0; left: 0; display: none; margin: 0; padding: 0; list-style-type: none; background: ; }

/* options */

.dropdown2-menu .option a { padding: 5px; }

.dropdown2-menu .option a:hover { background-color: ; }

/* open */

.dropdown2-open { z-index: 98; }

.dropdown2-open > .dropdown2-menu { display: block; }

.popupbox { background-clip: padding-box; border: 4px solid rgba(255, 255, 255, .2); border-radius: 3px; box-shadow: 0 0 1px rgba(255, 255, 255, .8), 0 0 3px rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8) inset, -1px -1px 0 rgba(0, 0, 0, .8) inset; }

/* Testing */

.swrap { margin: auto; z-index: 1; }

.msg { color: whitesmoke; text-align: center; font-family: 'Bree Serif', Courier, monospaced; width: 240px; position: absolute; pointer-events: none; }

.sticker { width: 260px; height: 260px; background: ; border-radius: 130px; position: absolute; animation: spin 120s linear infinite; /*Set our animation play state to paused initially */ animation-play-state: paused; }

/* Toggle our animation play state to running when we are hovering over our sticker */ animation-play-state: running; }
 * 1) divWrapper:hover .sticker {

@keyframes spin { 100% {   transform: rotate(1turn); } }

.sticker2 { width: 208px; height: 208px; background: ; border-radius: 104px; position: absolute; animation: revspin 80s linear infinite; /*Set our animation play state to paused initially */ animation-play-state: paused; }

/* Toggle our animation play state to running when we are hovering over our sticker */ animation-play-state: running; }
 * 1) divWrapper:hover .sticker2 {

@keyframes revspin { 100% {   transform: rotate(-1turn); } }

.sticker img { width: 260px; height: 260px; border-radius: 130px; }

.sticker2 img { width: 208px; height: 208px; border-radius: 104px; }

.drbpopupclose { background-image: url(/images/1/16/Test_popupclosebutton.png); width: 42px; height: 19px }

.drbpopupclose:hover { background-image: url(images/5/53/Test_popupclosebutton_hover.png); width: 42px; height: 19px }

.drbouter { height: 260px; width: 260px; border-radius: 130px; background-image: url(/images/0/05/Drb_headertest_outer.png) }

transition: all 0.75s ease-in-out; background: #192738 }
 * 1) popupzoom {

background: #263B54 }
 * 1) popupzoom:hover {

/* DRB HUD Test 2 */

.drbcon { position: relative; z-index: 8; width: 260px; height: 260px; }

.drbcover { position: absolute; z-index: 8; height: 200px; width: 200px; border-radius: 150px; background: transparent; border: 30px solid #141A21 }

.drbmaskbase { position: absolute; z-index: 8; height: 234px; width: 234px; border-radius: 117px; background: white; top: 13px; left: 13px; }

.drbmask { position: absolute; z-index: 8; height: 234px; width: 234px; border-radius: 117px; top: 13px; left: 13px; }

.drbmask img { height: 234px; width: 234px; border-radius: 117px }

.drbimage { position: absolute; z-index: 8; height: 150px; width: 150px; top: 55px; left: 55px; }

.drblayer1 { position: absolute; top: 0; width: 260px; height: 260px; border-radius: 130px; z-index: 8; -moz-animation: layer1spin 100s linear infinite paused; -ms-animation: layer1spin 100s linear infinite paused; }

.drblayer1 img, .drblayer2 img { width: 260px; height: 260px; border-radius: 130px }

@-moz-keyframes layer1spin { 0% {   transform: rotate(0deg); } 100% {    transform: rotate(360deg); } }

@-ms-keyframes layer1spin { 0% {   transform: rotate(0deg); } 100% {    transform: rotate(360deg); } }

.drblayer2 { position: absolute; z-index: 8; top: 0; width: 260px; height: 260px; border-radius: 130px; -moz-animation: layer1spin 60s linear infinite paused; -ms-animation: layer1spin 60s linear infinite paused; }

@-moz-keyframes layer2spin { 0% {   transform: rotate(0deg); } 100% {    transform: rotate(360deg); } }

@-ms-keyframes layer2spin { 0% {   transform: rotate(0deg); } 100% {    transform: rotate(360deg); } }

.drblayer3 { display: block; margin-right: auto; margin-left: auto; position: absolute; z-index: 8; top: 26px; left: 26px; width: 208px; height: 208px; border-radius: 104px; -moz-animation: layer3spin 120s linear infinite paused; -ms-animation: layer3spin 120s linear infinite paused; }

.drblayer3 img { width: 208px; height: 208px; border-radius: 104px }

@-moz-keyframes layer3spin { 0% {   transform: rotate(360deg); } 100% {    transform: rotate(0deg); } }

@-ms-keyframes layer3spin { 0% {   transform: rotate(360deg); } 100% {    transform: rotate(0deg); } }

position: absolute; border-radius: 130px; width: 260px; height: 260px; }
 * 1) divWrapper2 {

-webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
 * 1) divWrapper2:hover .drblayer1,
 * 2) divWrapper2:hover .drblayer2,
 * 3) divWrapper2:hover .drblayer3 {

/* New admin dropdown menu test */

.adminav { background: transparent }

.adminav ul { list-style-type: none; margin: 0px; padding: 0px; position: relative; display: inline-table; }

.adminav li { background: #024c5f }

.adminav li:hover, .adminav a:hover { background-color: #02333F; }

.adminav ul li { position: relative; display: block; text-decoration: none; color: white; }

.adminav ul li a, .adminav ul li a.external.text { position: relative; width: 140px; display: block; padding: 4px; text-decoration: none; text-align: left; color: white; font-weight: bold; }

.adminav ul ul { position: absolute; top: 0; left: 100%; display: none; }

.adminav ul li:hover > ul { display: block; }

.adminav li ul li { background-color: #2ba6ff; }

.adminav li ul li a { width: 100px; display: block; padding: 4px; font-weight: bold; text-decoration: none; text-align: left; color: white; }

.adminav li ul li a:hover { background-color: #005DAF; }

list-style-type: none; margin: 0; padding: 0; }
 * 1) menutest2 {

ul#menutest2 a:link { display: block; font-weight: bold; color: #FFFFFF; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest2 a:visited { display: block; font-weight: bold; color: #FFFFFF; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest2 a.external { display: block; font-weight: bold; color: #FFFFFF; text-align: left; padding: 4px; text-decoration: none; }

/* Main Page Top Category Tabs Test */

position: relative; font: normal 12px Arial, Sans-Serif; }
 * 1) neotab-outer {

margin: 0px 0px; padding: 0px 0px; }
 * 1) neotab-outer * {

list-style: none; height: 50px; }
 * 1) neotab-wrapper {

margin: 0px; float: left; font-weight: bold; cursor: pointer; }
 * 1) neotab-wrapper li {

display: block; height: 53px; width: 50px; line-height: 30px; text-decoration: none; color: transparent; background-image: url(//i.imgur.com/19YcafX.png) }
 * 1) neotab-wrapper li:nth-child(1) p,
 * 2) neotab-wrapper li:nth-child(2) p,
 * 3) neotab-wrapper li:nth-child(3) p,
 * 4) neotab-wrapper li:nth-child(4) p,
 * 5) neotab-wrapper li:nth-child(5) p,
 * 6) neotab-wrapper li:nth-child(6) p,
 * 7) neotab-wrapper li:nth-child(7) p,
 * 8) neotab-wrapper li:nth-child(8) p {

background-position: 400px 0px; }
 * 1) neotab-wrapper li:nth-child(1) p {

background-position: 350px 0px; }
 * 1) neotab-wrapper li:nth-child(2) p {

background-position: 300px 0px; }
 * 1) neotab-wrapper li:nth-child(3) p {

background-position: 250px 0px; }
 * 1) neotab-wrapper li:nth-child(4) p {

background-position: 200px 0px; }
 * 1) neotab-wrapper li:nth-child(5) p {

background-position: 150px 0px; }
 * 1) neotab-wrapper li:nth-child(6) p {

background-position: 100px 0px; }
 * 1) neotab-wrapper li:nth-child(7) p {

background-position: 50px 0px; }
 * 1) neotab-wrapper li:nth-child(8) p {

background-position: 400px 50px; }
 * 1) neotab-wrapper li:nth-child(1) p:hover {

background-position: 350px 50px; }
 * 1) neotab-wrapper li:nth-child(2) p:hover {

background-position: 300px 50px; }
 * 1) neotab-wrapper li:nth-child(3) p:hover {

background-position: 250px 50px; }
 * 1) neotab-wrapper li:nth-child(4) p:hover {

background-position: 200px 50px; }
 * 1) neotab-wrapper li:nth-child(5) p:hover {

background-position: 150px 50px; }
 * 1) neotab-wrapper li:nth-child(6) p:hover {

background-position: 100px 50px; }
 * 1) neotab-wrapper li:nth-child(7) p:hover {

background-position: 50px 50px; }
 * 1) neotab-wrapper li:nth-child(8) p:hover {

background-color: #6CB6EC; background-position: 400px 0px; }
 * 1) neotab-wrapper li:nth-child(1).active p,
 * 2) neotab-wrapper li:nth-child(1).active p:hover {

background-color: #4A87B2; background-position: 350px 0px; }
 * 1) neotab-wrapper li:nth-child(2).active p,
 * 2) neotab-wrapper li:nth-child(2).active p:hover {

background-color: #4565F1; background-position: 300px 0px; }
 * 1) neotab-wrapper li:nth-child(3).active p,
 * 2) neotab-wrapper li:nth-child(3).active p:hover {

background-color: #5545F1; background-position: 250px 0px; }
 * 1) neotab-wrapper li:nth-child(4).active p,
 * 2) neotab-wrapper li:nth-child(4).active p:hover {

background-color: #7E45F1; background-position: 200px 0px; }
 * 1) neotab-wrapper li:nth-child(5).active p,
 * 2) neotab-wrapper li:nth-child(5).active p:hover {

background-color: #B745F1; background-position: 150px 0px; }
 * 1) neotab-wrapper li:nth-child(6).active p,
 * 2) neotab-wrapper li:nth-child(6).active p:hover {

background-color: #DF45F1; background-position: 100px 0px; }
 * 1) neotab-wrapper li:nth-child(7).active p,
 * 2) neotab-wrapper li:nth-child(7).active p:hover {

background-color: #DB3A73; background-position: 50px 0px; }
 * 1) neotab-wrapper li:nth-child(8).active p,
 * 2) neotab-wrapper li:nth-child(8).active p:hover {

background-color: #241749; color: white; padding: 0px; }
 * 1) neotab-body > div {

/* Featured Tabs Test */

position: relative; font: normal 12px Arial, Sans-Serif; }
 * 1) feattab-outer {

margin: 0px 0px; padding: 0px 0px; }
 * 1) feattab-outer * {

list-style: none; height: 50px; }
 * 1) feattab-wrapper {

margin: 0px; float: left; font-weight: bold; cursor: pointer; }
 * 1) feattab-wrapper li {

background-image: url(//i.imgur.com/Ze125eH.png); height: 50px; width: 50px; display: block; text-decoration: none; color: transparent; }
 * 1) feattab-wrapper li:nth-child(1) p,
 * 2) feattab-wrapper li:nth-child(2) p,
 * 3) feattab-wrapper li:nth-child(3) p {

background-position: 100px 0px; }
 * 1) feattab-wrapper li:nth-child(1) p {

background-position: 100px 100px; }
 * 1) feattab-wrapper li:nth-child(2) p {

background-position: 100px 50px; }
 * 1) feattab-wrapper li:nth-child(3) p {

background-position: 50px 0px; }
 * 1) feattab-wrapper li:nth-child(1) p:hover {

background-position: 50px 100px; }
 * 1) feattab-wrapper li:nth-child(2) p:hover {

background-position: 50px 50px; }
 * 1) feattab-wrapper li:nth-child(3) p:hover {

background-color: #1E232D; background-position: 100px 0px; }
 * 1) feattab-wrapper li:nth-child(1).active p {

background-color: #2A303F; background-position: 100px 100px; }
 * 1) feattab-wrapper li:nth-child(2).active p {

background-color: #3A4759; background-position: 100px 50px; }
 * 1) feattab-wrapper li:nth-child(3).active p {

background-color: #241749; color: white; padding: 0px; }
 * 1) feattab-body > div {

/*Menu test 3*/

margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 * 1) cssmenu,
 * 2) cssmenu ul,
 * 3) cssmenu ul li,
 * 4) cssmenu ul li p {

width: 162px; font-family: Raleway, sans-serif; color: #ffffff; }
 * 1) cssmenu {

display: none; }
 * 1) cssmenu ul ul {

display: block; }
 * 1) cssmenu > ul > li.active > ul {

.align-right { float: right; }

padding: 8px 8px; cursor: pointer; z-index: 2; font-size: 12px; text-decoration: none; color: #ffffff; background: #3ab4a6; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }
 * 1) cssmenu > ul > li > p {

color: #d8f3f0; background: #2E8C81; }
 * 1) cssmenu > ul > li > p:hover {

position: absolute; right: 14px; top: 9px; z-index: 5; display: block; height: 10px; width: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
 * 1) cssmenu ul > li.has-sub > p:after {

position: absolute; right: 10px; top: 13px; display: block; width: 10px; height: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
 * 1) cssmenu ul > li.has-sub > p:before {

-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
 * 1) cssmenu ul > li.has-sub.open > p:after,
 * 2) cssmenu ul > li.has-sub.open > p:before {

padding: 8px 8px; cursor: pointer; z-index: 2; font-size: 12px; text-decoration: none; color: #dddddd; background: #49505a; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }
 * 1) cssmenu ul ul li p {

padding-left: 32px; }
 * 1) cssmenu ul ul ul li p {

color: #ffffff; background: #34393F; }
 * 1) cssmenu ul ul li p:hover {

top: 10px; right: 14px; background: #dddddd; }
 * 1) cssmenu ul ul > li.has-sub > p:after {

top: 14px; background: #dddddd; }
 * 1) cssmenu ul ul > li.has-sub > p:before {

.adminextra { visibility: hidden; font-size: 11px }

.adminextra a { color: #ffffff }

color: #ffffff; visibility: visible; }
 * 1) cssmenu ul ul li p:hover .adminextra {

.oldannounce a { background: #49505a; padding: 2px 13px; text-decoration: none; text-align: center; font-size: 12px; color: white; }

color: #ffffff; background: #34393F; }
 * 1) cssmenu ul ul li p:hover .oldannounce a:hover {

/*HC requirements link color*/

.cardreq a { color: black }

/*Portal sub-tabs */

position: relative; font: normal 12px Arial, Sans-Serif; }
 * 1) portaltab-outer, #latestnexteptab-outer,
 * 2) animemangatab-outer {

margin: 0px 0px; padding: 0px 0px; }
 * 1) portaltab-outer *, #latestnexteptab-outer *,
 * 2) animemangatab-outer * {

list-style: none; height: 30px; }
 * 1) portaltab-wrapper,
 * 2) latestnexteptab-wrapper,
 * 3) animemangatab-wrapper {

margin: 0px; float: left; font-weight: bold; }
 * 1) portaltab-wrapper li,
 * 2) portaltab-wrapper li,
 * 3) animemangatab-wrapper li {

display: block; padding: 0px 15px; line-height: 30px; text-decoration: none; color: white; background-color: ; cursor: pointer; }
 * 1) portaltab-wrapper li p,
 * 2) latestnexteptab-wrapper li p,
 * 3) animemangatab-wrapper li p {

background-color: ; border-bottom: 3px solid white; }
 * 1) portaltab-wrapper li:nth-child(n).active p, #latestnexteptab-wrapper li:nth-child(n).active p,
 * 2) animemangatab-wrapper li:nth-child(n).active p {

background-color: ; color: white; }
 * 1) portaltab-body > div, #latestnexteptabtab-body > div,
 * 2) animemangatab-body > div {

position: relative; font: normal 12px Arial, Sans-Serif; }
 * 1) popuptab-outer {

margin: 0px 0px; padding: 0px 0px; }
 * 1) popuptab-outer * {

list-style: none; height: 30px; }
 * 1) popuptab-wrapper {

margin: 0px; float: left; font-weight: bold; }
 * 1) popuptab-wrapper li {

display: block; padding: 0px text-decoration: none; color: white; background-color: #575757; border-right: 1px solid #191919; border-bottom: 1px solid #191919; cursor: pointer; }
 * 1) popuptab-wrapper li p {

border-left: 1px solid #191919; }
 * 1) popuptab-wrapper li:nth-child(1) p {

background-color: #8E8D8D; }
 * 1) popuptab-wrapper li:nth-child(n).active p {

background-color: ; color: white; }
 * 1) popuptab-body > div {

position: relative; font: normal 12px Arial, Sans-Serif; }
 * 1) latestnexteptab-outer {

margin: 0px 0px; padding: 0px 0px; }
 * 1) latestnexteptab-outer * {

list-style: none; height: 30px; }
 * 1) latestnexteptab-wrapper {

margin: 0px; float: left; font-weight: bold; }
 * 1) latestnexteptab-wrapper li {

display: block; padding: 0px text-decoration: none; color: white; background-color: #575757; border-right: 1px solid #191919; border-bottom: 1px solid #191919; cursor: pointer; }
 * 1) latestnexteptab-wrapper li p {

border-left: 1px solid #191919; }
 * 1) latestnexteptab-wrapper li:nth-child(1) p {

background-color: #8E8D8D; }
 * 1) latestnexteptab-wrapper li:nth-child(n).active p {

background-color: ; color: white; }
 * 1) latestnexteptab-body > div {

/*On this day/tasks arrow box*/

.menuboxarrow { width: 260px; background: #363636; border: 1px solid #050505; position: relative; color: white; }

.menuboxarrow:after { content: ''; display: block; position: absolute; top: -19px; left: 120px; width: 0; height: 0; border-color: transparent transparent #363636 transparent; border-style: solid; border-width: 10px; }

.menuboxarrow:before { content: ''; display: block; position: absolute; top: -22px; left: 119px; width: 0; height: 0; border-color: transparent transparent #050505 transparent; border-style: solid; border-width: 11px; }

/* Header/tab styles */

.mpheader { background: linear-gradient(#102E99, #1761D1); background: -moz-linear-gradient(#102E99, #1761D1); background: -webkit-linear-gradient(#102E99, #1761D1); background: -o-linear-gradient(#102E99, #1761D1); border-collapse: collapse; position: relative; border-left: 1px solid #808080; border-right: 1px solid #808080; border-top: 1px solid #808080; }

.mptabborder { background: linear-gradient(#162347, #080C19); background: -webkit-linear-gradient(#162347, #080C19); }

.mphome { background: linear-gradient(#6CB6EC, #375C77); background: -webkit-linear-gradient(#6CB6EC, #375C77) }

.mpdigimon { background: linear-gradient(#4A87B2, #274051); background: -webkit-linear-gradient(#4A87B2, #274051) }

.mpanimemanga { background: linear-gradient(#4565F1, #1C2A5B); background: -webkit-linear-gradient(#4565F1, #1C2A5B) }

.mpcards { background: linear-gradient(#5545F1, #251F66); background: -webkit-linear-gradient(#5545F1, #251F66) }

.mptoysgames { background: linear-gradient(#7E45F1, #251649); background: -webkit-linear-gradient(#7E45F1, #251649) }

.mpmusic { background: linear-gradient(#B745F1, #431B59); background: -webkit-linear-gradient(#B745F1, #431B59) }

.mplocations { background: linear-gradient(#DF45F1, #4F1A56); background: -webkit-linear-gradient(#DF45F1, #4F1A56) }

.mpmisc { background: linear-gradient(#DB3A73, #54182D); background: -webkit-linear-gradient(#DB3A73, #54182D) }

display: none; }
 * 1) footer-info-lastmod {

display: none; }
 * 1) footer-info-copyright {

color: #191919 }
 * 1) mw-searchoptions {

.top-right { position: absolute; top: 229px; right: 10px; }

ul#filetoc { background: #0F0F0F; }

body.page-Main_Page li#ca-talk { display: none !important; }

/*testt*/

width: 490px; position: relative; background: red }
 * 1) anim {

width: 490px; height: 490px; background: url(http://scripty2.com/images/rays-main.png) no-repeat; }
 * 1) rays {

width: 128px; height: 128px; background: url(http://cdn1.iconfinder.com/data/icons/systematrix/Yahoo.png); position: absolute; top: 181px; left: 181px; }
 * 1) smiley {

@-webkit-keyframes rays { from { transform: rotate(0deg); transform-origin: center center; } to { transform: rotate(360deg); transform-origin: center center; } }

.animated { backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0) translate3d(0, 0, 0); animation: rays 60s infinite linear; z-index: 8; }



/*Testt*/ .tabz_content { background: #fff; padding: 0; ; margin-bottom: 5px }

.tabz { margin: 0; padding: 0 }

.tabz li { display: inline; list-style: none; padding: 0 }

.tabz a { background: #7c7c7c; color: #dadada; display: inline-block; padding: 0; text-decoration: none }

.tabz a.active { background: #e32d2d; color: #fff }

.toptabs {background:#162347;width:400px;padding:0 3px;margin:-1px 0 0 0;position:relative;top:5px} .admindrop {width: 162px; height: 85px; overflow: auto;font-weight:bold} .daep {background: url(//i.imgur.com/s7hG1ZM.jpg);} .ztep {background: url(//i.imgur.com/ky04Brw.jpg);} .dtep {background: url(//i.imgur.com/FQfEdIr.jpg);} .dfep {background: url(//i.imgur.com/32tWWyL.jpg);} .dsep {background: url(//i.imgur.com/bLmdpRa.jpg);} .xw3ep {background: url(//i.imgur.com/F6VGVSF.jpg);} .apmep {background: url(//i.imgur.com/hPOTDDK.jpg);} .spost {background: url(//i.imgur.com/BhIqS7F.jpg);float:right;} .mpost {background: url(//i.imgur.com/McClKxS.jpg);float:right;} .cpost {background: url(//i.imgur.com/JpoE6oV.jpg);float:right;} .dfchar2 {background: url(//i.imgur.com/LsGDiZC.png);} .m07char {background: url(//i.imgur.com/3s0JfOD.png);}
 * 1) dfchar {background: url(//i.imgur.com/OC6Wzgg.png);}

@-webkit-keyframes logomorph { 0% { opacity:1; } 25% { opacity:1; } 75% { opacity:0; } 100% { opacity:0; } }

@-moz-keyframes logomorph { 0% { opacity:1; } 25% { opacity:1; } 75% { opacity:0; } 100% { opacity:0; } }

@-o-keyframes logomorph { 0% { opacity:1; } 25% { opacity:1; } 75% { opacity:0; } 100% { opacity:0; } }

@keyframes logomorph { 0% { opacity:1; } 25% { opacity:1; } 75% { opacity:0; } 100% { opacity:0; } }

position:relative; margin:0; } position:absolute; left:0; }
 * 1) dfan {
 * 1) dfan div {

-webkit-animation-name: logomorph; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 10s; -webkit-animation-direction: alternate;
 * 1) dfan .logotop {

-moz-animation-name: logomorph; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-duration: 10s; -moz-animation-direction: alternate;

-o-animation-name: logomorph; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-duration: 10s; -o-animation-direction: alternate;

animation-name: logomorph; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 10s; animation-direction: alternate; }

.mpep a {color:white} .evm {text-align:center;height:28px;width:28px}

@keyframes ateq { 0%  {color: #8CDD81;} 50% {color: #8CDD81;} 51% {color: #AB82FF;} 100% {color: #AB82FF;} }

/* The element to apply the animation to */ .ateq { width: 100px; height: 100px; color: #AB82FF; animation: ateq 12s infinite; animation-delay: 6s; }

@font-face { font-family: "Siddham"; font-style: normal; src: url("/wiki/Special:FilePath/NotoSansSiddham.woff") format("woff"), url("/wiki/Special:FilePath/NotoSansSiddham.woff2") format("woff2"); }