MediaWiki:Wikia.css

/* ################################################## */ /* ### CHARACTER SPOTLIGHT                       ### */ /* ################################################## */

/* Background image for Character Spotlight */ .charspot { /* Black */ /* background:url("http://img2.wikia.nocookie.net/__cb20140426064425/dcuo/images/7/7d/TechBackground3.png") no-repeat; */ /* Blue */ background:url("http://img2.wikia.nocookie.net/__cb20140429160805/dcuo/images/4/45/TechBackground3_%28color_variant%29.png") no-repeat; background-size:100% 100%; }

/* ################################################## */ /* ### PORTABLE INFOBOXES                        ### */ /* ################################################## */

/* Portable Infobox */ .portable-infobox { border: 2px solid #386493; border-top-left-radius: 25px; border-top-right-radius: 25px; background-color: #0F142F; font-size: 95%; color: #CCC; padding: 0.2em; width: 250px; //       position:relative;right:10px; //-webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,1); //-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,1); //box-shadow: 10px 10px 5px -5px rgba(0,0,0,1); }

/* Portable Infobox Title */ .portable-infobox .pi-title { border: 1px solid #77BBCC; border-top-left-radius: 25px; border-top-right-radius: 25px; background-color: #386493; color: #CCC; text-align: center } /* Portable Infobox Section/Group Header */ .portable-infobox .pi-header { border: 1px solid #77BBCC; background-color: #386493; color: #CCC; text-align: center }

.portable-infobox .item-type-title { border: 1px solid #77BBCC; background-color: #386493; font-size: 11pt; font-weight:bold; color: #CCC; padding: 0.2em; //	width: 100%; }

/* Images in Portable Infoboxes */ .pi-image .pi-image-thumbnail { max-width: 250px; max-height: 350px; width: auto; height: auto; }

/* Field sperarator lines */ div.pi-item.pi-data.pi-item-spacing.pi-border-color { border-bottom-color: black; }

/* This is for all tabs */ .portable-infobox .pi-image-collection-tabs li { background: #0F142F; color: white; } /* This is for the current selected tab */ .portable-infobox .pi-image-collection-tabs li.current { background: #386493; color: white; } /* The whole gallery/tabber box*/ .portable-infobox .pi-image-collection { background: #0F142F; border:5px solid #0F142F; }

/********* .pi-image-collection { margin-top: 0.5em; text-align: center; } ul.pi-image-collection-tabs { border-bottom: 1px solid #778; font: bold 12px Verdana,sans-serif; list-style: none outside none; margin: 0 0 2px; overflow: visible; padding: 0 0 4px; text-align: center; } ul.pi-image-collection-tabs li.current { background: none repeat scroll 0 0 #FFF; border-bottom: 1px solid #FFF; font-weight: bold; } ul.pi-image-collection-tabs li.current:hover { background-color: #FFF; border-bottom: 1px solid white; } ul.pi-image-collection-tabs li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; display: inline; line-height: normal; list-style: none outside none; background: none repeat scroll 0 0 #DDE; border-color: #778 #778 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px; color: #448; margin: 0 0 0 3px; padding: 3px 0.5em; text-decoration: none; } ul.pi-image-collection-tabs li:hover { background: none repeat scroll 0 0 #AAE; border-color: #227; color: #000; } .pi-tab-link.pi-item-spacing { padding: 3px 5px 4px; }



/***********************************/ /*** Portable Infobox Item Theme ***/ /***********************************/

.portable-infobox.pi-theme-ouritems { width: 250px; font-size: 100%;

/* Shadow effect */ margin:25px auto; margin-top: 10px; margin-left: 40px; position:relative; box-shadow:0 1px 4px rgba(255,255,255, 0.3), 0 0 40px rgba(255,255,255, 0.1) inset; }

/* Shadow effect */ .portable-infobox.pi-theme-ouritems:before, .portable-infobox.pi-theme-ouritems:after { content:""; position:absolute; z-index:-1; box-shadow:0 0 20px rgba(255,255,255,0.8); top:0; bottom:0; left:10px; right:10px; border-radius:100px / 10px; }

.portable-infobox.pi-theme-ouritems:after {   right:10px; left:auto; transform:skew(8deg) rotate(3deg); }

.portable-infobox.pi-theme-ouritems .pi-title { background: rgb(56, 100, 147); background: -moz-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -webkit-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -o-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -ms-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: linear-gradient(180deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); color: #d9d9d9; //  background-color: #bababa; text-shadow: #2e2e2e 0 4px 5px; }

/* Portable Infobox Section/Group Header */ .portable-infobox.pi-theme-ouritems .pi-header { background: rgb(56, 100, 147); background: -moz-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -webkit-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -o-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -ms-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: linear-gradient(180deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); color: #d9d9d9; text-shadow: #2e2e2e 0 4px 5px; border: 1px solid #77BBCC; color: #CCC; text-align: center }

.portable-infobox.pi-theme-ouritems .pi-data-value { text-align: center; align-items: center; display: block; }

.portable-infobox.pi-theme-ouritems .pi-data { padding: 4px; display: block; }

/* Field sperarator lines */ .portable-infobox.pi-theme-ouritems div.pi-item.pi-data.pi-item-spacing.pi-border-color { border-bottom-color: #0F142F; }

/********************************************/ /*** Portable Infobox Inspired (By) Theme ***/ /********************************************/ /* Portable Infobox "inspired" Title */ .portable-infobox.pi-theme-inspired .pi-title { background: rgb(56, 100, 147); background: -moz-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -webkit-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -o-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -ms-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: linear-gradient(180deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); color: #d9d9d9; //  background-color: #bababa; text-shadow: #2e2e2e 0 4px 5px;

/* Portable Infobox "inspired" Section/Group Header */ .portable-infobox.pi-theme-inspired .pi-header { background: rgb(56, 100, 147); background: -moz-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -webkit-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -o-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: -ms-linear-gradient(90deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); background: linear-gradient(180deg, rgb(119, 187, 204) 5%, rgb(56, 100, 147) 45%); color: #d9d9d9; text-shadow: #2e2e2e 0 4px 5px; border: 1px solid #77BBCC; color: #CCC; text-align: center color: red; }

/*********************************/ /*** Portable Infobox VG Theme ***/ /*********************************/

.portable-infobox.pi-theme-vg { border: 2px solid #000000; border-top-left-radius: 25px; border-top-right-radius: 25px; background-color: #0F142F; font-size: 95%; color: #CCC; //	padding: 0.2em; //	width: 100%; //       position:relative;right:10px; //-webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,1); //-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,1); //box-shadow: 10px 10px 5px -5px rgba(0,0,0,1); }

.portable-infobox.pi-theme-vg .pi-data-value { padding: 0.2em; padding-left: 0.4em; }

.portable-infobox.pi-theme-vg .pi-data-label { border: 1px solid #77BBCC; background-color: #386493; padding: 0.2em; padding-left: 0.3em; align-items: center; display: flex; color: white; }

/* ################################################## */ /* ### SLIDESHOW                                 ### */ /* ################################################## */ //.wikia-slideshow-wrapper, //.wikia-slideshow-images-wrapper { //   border: 1px solid #386493; !important; //}

//.wikia-slideshow-image { //    border: 1px solid #386493; //}

.wikia-slideshow-images { list-style: none !important; margin: 0 !important; overflow: hidden; position: relative; }

.wikia-slideshow-images li { background-position: 50% 50%; background-repeat: no-repeat; background-color: #0F142F; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; text-align: center; }

/* ################################################## */ /* ### TABLES                                    ### */ /* ################################################## */ .DCUOWikibox { border: 2px solid #386493; background-color: #0F142F; font-size: 95%; color: #CCC; padding: 0.2em; width: 100%; }

.DCUOWikiboxBorder { border: 1px solid #AAA; margin-bottom: 0.5em; margin-left: 1em; float: right; clear: right; width: 250px; }

.DCUOWikiboxHeader { border: 1px solid #77BBCC; background-color: #386493; font-size: 11pt; font-weight:bold; color: #CCC; padding: 0.2em; width: 100%; }

.DCUOWikiboxSeparator { border: 1px solid #77BBCC; background-color: #386493; font-size: 2pt; font-weight:bold; color: #CCC; padding: 0.2em; width: 100%; }

/* ################################################## */ /* ### NAV BAR                                   ### */ /* ################################################## */

/* Line breaks for Tabber Tabs */ /* http://community.wikia.com/wiki/Thread:615737 */ .split-before-2 .tabbernav li:nth-child(2):before { content: ''; display: block; } .split-before-3 .tabbernav li:nth-child(3):before { content: ''; display: block; } .split-before-4 .tabbernav li:nth-child(4):before { content: ''; display: block; } .split-before-5 .tabbernav li:nth-child(5):before { content: ''; display: block; } .split-before-6 .tabbernav li:nth-child(6):before { content: ''; display: block; } .split-before-7 .tabbernav li:nth-child(7):before { content: ''; display: block; } .split-before-8 .tabbernav li:nth-child(8):before { content: ''; display: block; } .split-before-9 .tabbernav li:nth-child(9):before { content: ''; display: block; } .split-before-10 .tabbernav li:nth-child(10):before { content: ''; display: block; }

/* ###################################################### */ /* ### Original highlighting CSS (Wikia.css page)    ### */ /* ###                                               ### */ /* ###  Access elements with e.g.:                    ### */ /* ### .WikiaArticle pre.css.source-css .kw1 { ... } ### */ /* ###################################################### */ /** * GeSHi Dynamically Generated Stylesheet * -- * Dynamically generated stylesheet for css * CSS class: source-css, CSS id: * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) * -- */ /* .css.source-css .de1, .css.source-css .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;font-family: monospace, monospace;} .css.source-css {font-family: monospace, monospace;} .css.source-css .imp {font-weight: bold; color: red;} .css.source-css li, .css.source-css .li1 {font-weight: normal; vertical-align:top;} .css.source-css .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;} .css.source-css .li2 {font-weight: bold; vertical-align:top;} .css.source-css .kw1 {color: #000000; font-weight: bold;} .css.source-css .kw2 {color: #993333;} .css.source-css .co1 {color: #a1a100;} .css.source-css .co2 {color: #ff0000; font-style: italic;} .css.source-css .coMULTI {color: #808080; font-style: italic;} .css.source-css .es0 {color: #000099; font-weight: bold;} .css.source-css .es2 {color: #000099; font-weight: bold;} .css.source-css .br0 {color: #00AA00;} .css.source-css .sy0 {color: #00AA00;} .css.source-css .st0 {color: #ff0000;} .css.source-css .nu0 {color: #cc66cc;} .css.source-css .re0 {color: #cc00cc;} .css.source-css .re1 {color: #6666ff;} .css.source-css .re2 {color: #3333ff;} .css.source-css .re3 {color: #933;} .css.source-css .ln-xtra, .css.source-css li.ln-xtra, .css.source-css div.ln-xtra {background-color: #ffc;} .css.source-css span.xtra { display:block; }

/* Change the original black on dark blue */ /* which is just unreadable              */ .WikiaArticle pre.css.source-css .kw1 { color: #fdfdfd; //   font-weight: bold; }

.WikiaArticle pre { //    background-color: #262626; }