Difference between revisions of "MediaWiki:Vector.css"

From Memory Epsilon
Jump to navigationJump to search
(8 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
body  
 
body  
 
{
 
{
background-image: url("/w/images/6/60/Stars-BG2.jpg");
+
background-image: url("http://dba.5thfleet.net/images/f/f3/Instructor-1024x640.jpg");
 
background-color: #050c10;
 
background-color: #050c10;
 
margin-left: 20px;
 
margin-left: 20px;
Line 11: Line 11:
 
font-family: "Liberation Sans", Arial, Helvetica, sans-serif;  
 
font-family: "Liberation Sans", Arial, Helvetica, sans-serif;  
 
height: 100%;
 
height: 100%;
background-position: center top;
+
background-position: left top;
background-repeat: no-repeat;
+
background-repeat: repeat;
 
}
 
}
  
Line 30: Line 30:
 
{
 
{
 
background-color: #18171C;
 
background-color: #18171C;
border: 1px solid #388AAF;
+
border: 1px solid #fcb900;
 
color: #f8f8f8;
 
color: #f8f8f8;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow:0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
 
}
 
}
Line 74: Line 72:
 
{
 
{
 
width: 75%;
 
width: 75%;
border: 2px solid #78a9c6;  
+
border: 2px solid #fcb900;  
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;  
 
margin-right: auto;  
Line 82: Line 80:
 
height: auto;
 
height: auto;
 
text-align: center;
 
text-align: center;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
 
 
border-radius: 5px;
 
border-radius: 5px;
 
line-height: 1em;
 
line-height: 1em;
Line 95: Line 90:
 
color: #f8f8f8;
 
color: #f8f8f8;
 
font-size: 400%;   
 
font-size: 400%;   
-webkit-text-shadow:0 0 20px turquoise;
 
-moz-text-shadow: 0 0 20px turquoise;
 
text-shadow:0 0 20px turquoise;
 
 
margin-left: 5px;  
 
margin-left: 5px;  
 
margin-right: 5px;
 
margin-right: 5px;
Line 115: Line 107:
 
background-position: left center;  
 
background-position: left center;  
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;  
 
 
border-radius: 5px;
 
border-radius: 5px;
 
}
 
}
Line 131: Line 120:
 
{
 
{
 
background: #102530;
 
background: #102530;
border: 1px solid #78a9c6;  
+
border: 1px solid #fcb900;  
 
margin: 10px;  
 
margin: 10px;  
 
padding: 6px;  
 
padding: 6px;  
 
height: auto;
 
height: auto;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
 
 
border-radius: 5px;
 
border-radius: 5px;
 
}
 
}
Line 151: Line 137:
 
font-size: 115%;
 
font-size: 115%;
 
font-variant: small-caps;
 
font-variant: small-caps;
-webkit-text-shadow:0 0 20px turquoise;
 
-moz-text-shadow: 0 0 20px turquoise;
 
text-shadow:0 0 20px turquoise;
 
 
}
 
}
  
Line 178: Line 161:
 
div.vectorMenu h5  
 
div.vectorMenu h5  
 
{
 
{
border-bottom: 1px solid #78a9c6;
+
border-bottom: 1px solid #fcb900;
 
}
 
}
  
Line 192: Line 175:
 
{
 
{
 
background-color: #11374f;
 
background-color: #11374f;
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
 
}
 
}
  
 
div.vectorMenu h5  
 
div.vectorMenu h5  
 
{
 
{
border-bottom: 1px solid #78a9c6;
+
border-bottom: 1px solid #fcb900;
 
}
 
}
  
Line 327: Line 310:
 
background-color: #102530;
 
background-color: #102530;
 
border-collapse: collapse;
 
border-collapse: collapse;
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
-webkit-box-shadow: 0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow: 0 0 20px #2f607f;
 
box-shadow: 0 0 20px #2f607f;
 
float: right;
 
float: right;
Line 340: Line 321:
 
font-size: 1.7em;
 
font-size: 1.7em;
 
text-align: center;
 
text-align: center;
background-color: #78a9c6;
+
background-color: #fcb900;
 
padding: 6px;
 
padding: 6px;
 
color: #102530;
 
color: #102530;
Line 347: Line 328:
 
.infobox tr  
 
.infobox tr  
 
{
 
{
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
 
}
 
}
 
   
 
   
Line 360: Line 341:
 
padding: 3px 5px 3px 5px;
 
padding: 3px 5px 3px 5px;
 
background: #ffe16d;
 
background: #ffe16d;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow:0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
-moz-border-radius: 6px 6px 6px 6px;
 
-webkit-border-radius: 6px 6px 6px 6px;
 
-o-border-radius: 6px 6px 6px 6px;
 
 
border-radius: 6px 6px 6px 6px;
 
border-radius: 6px 6px 6px 6px;
 
font-weight: bold;
 
font-weight: bold;
Line 375: Line 351:
 
padding: 3px 5px 3px 5px;
 
padding: 3px 5px 3px 5px;
 
background: #ffeeb6;
 
background: #ffeeb6;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow:0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
-moz-border-radius: 6px 6px 6px 6px;
 
-webkit-border-radius: 6px 6px 6px 6px;
 
-o-border-radius: 6px 6px 6px 6px;
 
 
border-radius: 6px 6px 6px 6px;
 
border-radius: 6px 6px 6px 6px;
 
font-weight: bold;
 
font-weight: bold;
Line 390: Line 361:
 
padding: 3px 5px 3px 5px;
 
padding: 3px 5px 3px 5px;
 
background: #ffeeb6;
 
background: #ffeeb6;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow:0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
-moz-border-radius: 6px 6px 6px 6px;
 
-webkit-border-radius: 6px 6px 6px 6px;
 
-o-border-radius: 6px 6px 6px 6px;
 
 
border-radius: 6px 6px 6px 6px;
 
border-radius: 6px 6px 6px 6px;
 
font-weight: bold;
 
font-weight: bold;
Line 405: Line 371:
 
border: none;
 
border: none;
 
background: #102530;
 
background: #102530;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow:0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
 
}
 
}
Line 444: Line 408:
 
{
 
{
 
background-color: #11374f;
 
background-color: #11374f;
border: 1px solid #388AAF;
+
border: 1px solid #fcb900;
 
}
 
}
 
   
 
   
Line 468: Line 432:
 
{
 
{
 
background: #102530;
 
background: #102530;
border: 1px solid #78a9c6;  
+
border: 1px solid #fcb900;  
 
margin: 7px;  
 
margin: 7px;  
 
padding: 6px;  
 
padding: 6px;  
 
height: auto;
 
height: auto;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow:0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
 
border-radius: 5px;
 
border-radius: 5px;
Line 547: Line 509:
 
color: #eaeaea;
 
color: #eaeaea;
 
background: #102530;
 
background: #102530;
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow: 0 0 20px #2f607f;
 
box-shadow: 0 0 20px #2f607f;
 
}
 
}
Line 562: Line 522:
 
{
 
{
 
text-align: center;
 
text-align: center;
background-color: #78a9c6;
+
background-color: #fcb900;
 
color: #102530;
 
color: #102530;
 
}
 
}
Line 576: Line 536:
 
{
 
{
 
background-color: #2B4F65;
 
background-color: #2B4F65;
border: 1px solid #388AAF;
+
border: 1px solid #fcb900;
 
color: #f8f8f8;
 
color: #f8f8f8;
 
box-shadow: none !important;  
 
box-shadow: none !important;  
Line 584: Line 544:
 
{
 
{
 
     background: #102530;
 
     background: #102530;
     border: 1px solid #78a9c6;
+
     border: 1px solid #fcb900;
 
}
 
}
  
Line 631: Line 591:
 
.mw-ui-input
 
.mw-ui-input
 
{
 
{
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
 
background-color: #143849;
 
background-color: #143849;
 
color: #f8f8f8;
 
color: #f8f8f8;
Line 638: Line 598:
 
.mw-search-formheader
 
.mw-search-formheader
 
{
 
{
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
 
background-color: #143849;
 
background-color: #143849;
 
}
 
}
Line 656: Line 616:
 
border: none;
 
border: none;
 
background: #102530;
 
background: #102530;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow:0 0 20px #2f607f;
 
box-shadow:0 0 20px #2f607f;
 
}
 
}
Line 674: Line 632:
 
     text-align: center;   
 
     text-align: center;   
 
     width: 80%;
 
     width: 80%;
    -webkit-box-shadow: 0 0 20px #2f607f;
 
    -moz-box-shadow: 0 0 20px #2f607f;
 
 
     box-shadow: 0 0 20px #2f607f;
 
     box-shadow: 0 0 20px #2f607f;
 
}
 
}
Line 686: Line 642:
 
   
 
   
 
.navbox th {
 
.navbox th {
     background-color: #78a9c6;
+
     background-color: #fcb900;
 
     color: #143849 !important;
 
     color: #143849 !important;
 
     font-weight: bold; font-size: 115%;
 
     font-weight: bold; font-size: 115%;
Line 711: Line 667:
 
     background-color: #143849;
 
     background-color: #143849;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
     border: 1px solid #78a9c6;
+
     border: 1px solid #fcb900;
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
 
     margin-top: 12px;
 
     margin-top: 12px;
 
     text-align: center;   
 
     text-align: center;   
    -webkit-box-shadow: 0 0 20px #2f607f;
 
    -moz-box-shadow: 0 0 20px #2f607f;
 
 
     box-shadow: 0 0 20px #2f607f;
 
     box-shadow: 0 0 20px #2f607f;
 
}
 
}
  
 
.TablePager th {
 
.TablePager th {
     background-color: #78a9c6;
+
     background-color: #fcb900;
 
     color: #143849 !important;
 
     color: #143849 !important;
 
     font-weight: bold; font-size: 115%;
 
     font-weight: bold; font-size: 115%;
 
     font-variant:small-caps;
 
     font-variant:small-caps;
     border: 1px solid #78a9c6;
+
     border: 1px solid #fcb900;
 
}
 
}
  
 
.TablePager td {
 
.TablePager td {
 
     padding: 4px;
 
     padding: 4px;
     border: 1px solid #78a9c6;
+
     border: 1px solid #fcb900;
 
     text-align: center;
 
     text-align: center;
 
   background-color: #143849;
 
   background-color: #143849;
Line 864: Line 818:
 
.MRTitle {
 
.MRTitle {
 
   font-weight:bold;
 
   font-weight:bold;
   background-color:#78a9c6;
+
   background-color:#fcb900;
 
   text-align:center;
 
   text-align:center;
 
   display:block;
 
   display:block;
Line 1,049: Line 1,003:
 
     margin: 4px 10%;
 
     margin: 4px 10%;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
     border: 1px solid #78a9c6; /* Default "notice" gray */
+
     border: 1px solid #fcb900; /* Default "notice" gray */
 
     background: #102530;
 
     background: #102530;
 
}
 
}
Line 1,082: Line 1,036:
 
color: #eaeaea;
 
color: #eaeaea;
 
background: #102530;
 
background: #102530;
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow: 0 0 20px #2f607f;
 
box-shadow: 0 0 20px #2f607f;
 
}
 
}
Line 1,093: Line 1,045:
 
background: #102530;
 
background: #102530;
 
background-color: #102530;
 
background-color: #102530;
border: 1px solid #78a9c6;
+
border: 1px solid #fcb900;
-webkit-box-shadow:0 0 20px #2f607f;
 
-moz-box-shadow: 0 0 20px #2f607f;
 
 
box-shadow: 0 0 20px #2f607f;
 
box-shadow: 0 0 20px #2f607f;
 
}
 
}

Revision as of 21:05, 28 July 2020

/* CSS placed here will affect users of the Vector skin */

/* GENERAL / GLOBAL */

body 
{
background-image: url("http://dba.5thfleet.net/images/f/f3/Instructor-1024x640.jpg");
background-color: #050c10;
margin-left: 20px;
margin-right: 20px;
font-family: "Liberation Sans", Arial, Helvetica, sans-serif; 
height: 100%;
background-position: left top;
background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6 
{
font-family: sans-serif !important;
color: #f8f8f8;
font-variant: small-caps;
}

#mw-page-base 
{
background: transparent; 
}

div#content 
{
background-color: #18171C;
border: 1px solid #fcb900;
color: #f8f8f8;
box-shadow:0 0 20px #2f607f;
}

a
{
color: #FFE16D;
}

a:visited 
{
color: #e5ca60;
}

div#content a.external   
{
color: #ffc66d;
}

div#content a.external:visited
{
color: #f0ba66;
}
 
a.new:visited, a.new 
{ 
color: #bc1919;
}

/* MAIN PAGE */

/* Hides the page title on the main page */
body.page-Main_Page h1.firstHeading 
{ 
display: none; 
}


#welcomeBox
{
width: 75%;
border: 2px solid #fcb900; 
margin-left: auto;
margin-right: auto; 
margin-bottom: 10px;
padding: 6px; 
background: #143849;
height: auto;
text-align: center;
border-radius: 5px;
line-height: 1em;
}


#welcomeHeader
{
font-family: sans-serif;
color: #f8f8f8;
font-size: 400%;  
margin-left: 5px; 
margin-right: 5px;
font-variant: small-caps;
}


.aboutBox
{ 
margin: 10px; 
padding: 6px; 
background: #102530;
color: #f8f8f8;
height: auto;
background-image: url('/w/images/f/f4/About_Box.png');
background-size: auto 100%;
background-position: left center; 
background-repeat: no-repeat;
border: 1px solid #fcb900;
border-radius: 5px;
}

#aboutText
{
padding-left: 290px;
}


.mainPageBox
{
background: #102530;
border: 1px solid #fcb900; 
margin: 10px; 
padding: 6px; 
height: auto;
border-radius: 5px;
}


.boxHeader
{
border-bottom: 1px solid #E8FCFF;
padding: 0 3px 3px 3px;
text-align: center;
color: #E8FCFF;
font-weight: bold;
font-size: 115%;
font-variant: small-caps;
}


.boxFooter
{
border: 0; 
width: 100%; 
margin-bottom: 3px;
margin-top: 10px; 
text-align:center;
font-weight: bold;
}



/* TABS */

.vectorTabs 
{
margin-left: 20px;
}

div.vectorMenu h5 
{
border-bottom: 1px solid #fcb900;
}

div.vectorTabs li a 
{ 
color: #f8f8f8;
}



/* The drop down tabs */
#ca-delete, #ca-undelete, #ca-move, #ca-watch, #ca-unwatch, #ca-protect, #ca-unprotect, #ca-purge, .menu
{
background-color: #11374f;
border: 1px solid #fcb900;
}

div.vectorMenu h5 
{
border-bottom: 1px solid #fcb900;
}

div.vectorMenu li a
{
color: #FFE16D;
}


/* Inactive tabs */
div.vectorMenu, div.vectorTabs ul li
{
background-color: transparent;
color: #f8f8f8;
background-image: url('/w/images/7/78/UnselectedTab.PNG');
background-position: bottom center;
background-repeat: repeat-x;
   
}

/* Active tabs */
div.vectorMenu:hover, div.vectorMenu.va-hover-active, div.vectorTabs ul li:hover, div.vectorTabs ul li.selected, div.vectorTabs ul li.selected:hover
{
background-color: transparent;
background-image: url('/w/images/8/82/SelectedTab.PNG');
color: #f8f8f8;
}

/* Tab border */
div.vectorTabs li a 
{
background-image: url('/w/images/7/7b/TabDiv.png');
background-position: bottom right;
background-repeat: no-repeat;
background-color: transparent;
color: #f8f8f8;
}

div.vectorTabs, div.vectorMenu h5 a, div.vectorTabs ul, mw-head div.vectorMenu h5 
{
background-image: url('/w/images/7/7b/TabDiv.png');
background-color: transparent;

}

div.vectorTabs span 
{
background-image: none;
}

.vectorTabs 
{
margin-left: 20px;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited 
{ 
color: #f8f8f8;
}

div.vectorMenu h3 a 
{
background-image: none;
}


/* LEFT NAV */

#mw-panel.collapsible-nav .portal 
{
background-image: url('/w/images/8/87/NavDivider.png');
margin: 3px;
}


 
div#mw-panel div.portal div.body ul li a 
{
color: #f8f8f8;
}
 
div#mw-panel div.portal div.body ul li a:visited 
{
color: #f8f8f8;
}
 
#mw-panel.collapsible-nav .portal h3 a 
{
color: #C1E8FF;
font-weight: bold; 
}

#mw-panel.collapsible-nav .portal.collapsed h3 a 
{
color: #C1E8FF;
font-weight: bold; 
}

div#mw-panel 
{
padding-left: 20px;
}

/* MISC */

#p-personal 
{
color: #f8f8f;
}

div#footer ul li 
{ 
color: #f8f8f8;
}

.editOptions 
{
background-color: #2B4F65;
}

div#simpleSearch 
{
margin-right: 4px;
}

.infobox 
{
margin: 10px; 
background-color: #102530;
border-collapse: collapse;
border: 1px solid #fcb900;
box-shadow: 0 0 20px #2f607f;
float: right;
clear: right;
width: 400px;
}

.infobox th
{
font-size: 1.7em;
text-align: center;
background-color: #fcb900;
padding: 6px;
color: #102530;
}

.infobox tr 
{
border: 1px solid #fcb900;
}
 
.infobox td 
{
padding: 4px;
}


input[type="submit"]
{
padding: 3px 5px 3px 5px;
background: #ffe16d;
box-shadow:0 0 20px #2f607f;
border-radius: 6px 6px 6px 6px;
font-weight: bold;
border: none;
}
 
input:hover[type="submit"], input:focus[type="submit"]
{
padding: 3px 5px 3px 5px;
background: #ffeeb6;
box-shadow:0 0 20px #2f607f;
border-radius: 6px 6px 6px 6px;
font-weight: bold;
border: none;
}
 
input:active[type="submit"]
{
padding: 3px 5px 3px 5px;
background: #ffeeb6;
box-shadow:0 0 20px #2f607f;
border-radius: 6px 6px 6px 6px;
font-weight: bold;
border: none;
}

div.thumbinner
{
border: none;
background: #102530;
box-shadow:0 0 20px #2f607f;
}

.thumbcaption
{
text-align: center !important;
}


/* POLL */
 
.ajaxpoll 
{ 
width: 80%;
margin: 5px auto 5px auto;
background: #11374f !important;
}
 
.ajaxpoll-id-info 
{
visibility: hidden;
}


.ajaxpoll .ajaxpoll-answer-vote div
{
background-color: #3AB7FF !important;
}

.ajaxpoll .ajaxpoll-ajax
{
background-color: #3AB7FF !important;
}

.catlinks 
{
background-color: #11374f;
border: 1px solid #fcb900;
}
 
code 
{ 
background-color: black;
color: #f8f8f8;
}


#preferences 
{
color: black;
}

ul#filetoc
{
background-color: #2B4F65;
}


#toc, .toc
{
background: #102530;
border: 1px solid #fcb900; 
margin: 7px; 
padding: 6px; 
height: auto;
box-shadow:0 0 20px #2f607f;
border-radius: 5px;
margin-top: 17px;
}

.skin-vector .mw-notification 
{
background: rgb(10, 10, 10);
background: rgba(10, 10, 10, 0.90);
}

.mw-ui-button.mw-ui-primary 
{
background-color: #ffe16d;
background-image: none;
text-shadow: none;
border: 1px solid #ebcc54;
color: black;
}

.mw-ui-button.mw-ui-primary:hover 
{
background-color: #ffeeb6;
background-image: none;
text-shadow: none;
border: 1px solid #f2d462;
color: black;
}

#mw-createaccount-join 
{
box-shadow: none;
}

.mw-ui-button.mw-ui-constructive 
{
background-color: #ffe16d;
background-image: none;
text-shadow: none;
border: 1px solid #ebcc54;
color: black;
}

.mw-ui-button.mw-ui-constructive:hover, .mw-ui-button.mw-ui-constructive.mw-ui-hover 
{
background-color: #ffeeb6;
background-image: none;
text-shadow: none;
border: 1px solid #f2d462;
color: black;
}

#bodyContent div.mw-number-text h3
{
color: #eaeaea;
}


div.mw-number-text
{
color: #eaeaea;
}

.mw-ui-vform label
{
color: #eaeaea;
}


table.wikitable
{
color: #eaeaea;
background: #102530;
border: 1px solid #fcb900;
box-shadow: 0 0 20px #2f607f;
}

table.mw_metadata td 
{
color: #eaeaea;
background: rgb(10, 10, 10);
}

table.wikitable > * > tr > th 
{
text-align: center;
background-color: #fcb900;
color: #102530;
}


table.mw_metadata th 
{
color: #eaeaea;
background: rgb(10, 10, 10);
}

.postedit
{
background-color: #2B4F65;
border: 1px solid #fcb900;
color: #f8f8f8;
box-shadow: none !important; 
}

table.diff
{
    background: #102530;
    border: 1px solid #fcb900;
}


td.diff-deletedline .diffchange, td.diff-addedline .diffchange
{
    background: #1C4154;
}

td.diff-context
{
    background: #235168;
}

table.diff td div
{
   color: #f8f8f8;
}

div#mw-head div.vectorMenu h3
{
  background-image: url('/w/images/7/7b/TabDiv.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: transparent;
  color: #f8f8f8;
}


div.vectorMenu h3 span {
color: #f8f8f8;
}

#mw-panel div.portal
{
    background-image: url('/w/images/8/87/NavDivider.png');
    background-size:100px 1px;
}

#mw-panel div.portal h3
{
color: #f8f8f8;
}


.mw-ui-input
{
border: 1px solid #fcb900;
background-color: #143849;
color: #f8f8f8;
}

.mw-search-formheader
{
border: 1px solid #fcb900;
background-color: #143849;
}

.mw-search-formheader div.search-types ul li.current a
{
color: #FFE16D;
}

.mw-search-formheader div.search-types ul li a
{
color: #e5ca60;
}

li.gallerybox div.thumb
{
border: none;
background: #102530;
box-shadow:0 0 20px #2f607f;
}


/* Nav Box */
 
.navbox 
{ 
    background-color: #143849;
    border-collapse: collapse;
    border: 1px solid #276E8E;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    text-align: center;  
    width: 80%;
    box-shadow: 0 0 20px #2f607f;
}
 
.navbox td {
    padding: 4px;
    border: 1px solid #276E8E;
    text-align: center;
}
 
.navbox th {
    background-color: #fcb900;
    color: #143849 !important;
    font-weight: bold; font-size: 115%;
    font-variant:small-caps;
    border: 1px solid #276E8E;
}
 
.navbox th a:visited {
    color: #143849!important;
}
 
.navbox th a {
    color: #143849 !important;
}

#simpleSearch #searchButton, #simpleSearch #mw-searchButton
{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.TablePager {
    background-color: #143849;
    border-collapse: collapse;
    border: 1px solid #fcb900;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    text-align: center;  
    box-shadow: 0 0 20px #2f607f;
}

.TablePager th {
    background-color: #fcb900;
    color: #143849 !important;
    font-weight: bold; font-size: 115%;
    font-variant:small-caps;
    border: 1px solid #fcb900;
}

.TablePager td {
    padding: 4px;
    border: 1px solid #fcb900;
    text-align: center;
   background-color: #143849;
}

.TablePager tr:hover td {
background-color: #205872;
}


#contentSub, #contentSub2
{
color: #f8f8f8;
}

pre, .mw-code
{
background: #102530;
color: #f8f8f8;
}


.mw-search-profile-tabs
{
background-color: #102530;
}

.mw-search-profile-tabs div.search-types ul li.current a
{
color: #f8f8f8;
}

#pagehistory li.selected 
{
    background: #143849;
}

/* ADDED CSS */

/* For Advancement Table */
.ItemRight {
    border-right-style: hidden !important;
    padding-left: 3px !important;
    padding-right: 0 !important;
    text-align: right;
}

/* For Stars Tooltip Test */
.stars {
	position: relative;
	display: inline-block;
	color: #D4AF37;
	border-bottom: 1px dotted white;
}

.stars .tooltip {
	visibility: hidden;
	width: 100px;
	background-color: #2B4F65;
	background-color: rgba(43, 79, 101, 0.70) ;
	color: #f8f8f8;
	text-align: center;
	padding: 3px;
	border-radius: 3px;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%; 
	margin-left: -50px;
}

.stars:hover .tooltip {
	visibility: visible;
}

/* For Skill Points Tooltip */
.sp {
	color: #FFFFFF;
	display: inline-block;
	position: relative;
}

.sp .tooltip {
	background: #333;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: white white white white ;
	bottom: 100%;
	color: #fff;
	content: attr(title);
	left: 50%; 
	margin-left: -35px;
	padding: 5px 5px;
	position: absolute;
	text-align: center;
	visibility: hidden;
	width: 70px;
	z-index: 1;
}

.sp:hover .tooltip {
	visibility: visible;
}

/* For Mobile Browser Div Clear Both */
@media screen and (max-width: 1275px) {
	.mobileclear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
}

/* START For Away Team Skills Table */
.ATSLeft {
	border-left:2px solid gold !important;
}

/* For Mission Page Reward Table */
.MROuter {
  display:table;
  text-align:center;
  margin:auto;
  background-color:#102530;
 }

.MRTitle {
  font-weight:bold;
  background-color:#fcb900;
  text-align:center;
  display:block;
  padding:3px;
  color:black;
 }

@media screen and (max-width: 1100px) {
.MROuter {
 width:400px;
 }
.MRIList {
 width:400px;
 }
}

.MRIList {
  display:inline-block;
  border:solid 1px grey;
  background-color:transparent;
  padding-right:5px;
  text-align:inherit;
 }

.MRDif {
  text-align:center;
  background-color:transparent;
  margin-right:-5px;
 }

.ATSOuter {
	display: table;
	background-color: #102530;
	text-align: center;
	border: 1px solid lightgrey;
}
.ATSData {
	border-top-style: solid;
	border-right-style: solid;
	border-color: lightgrey;
	border-top-width: 1px;
	border-right-width: 1px;
	height: 3.2em;
	padding: 5px;
	min-width: 2.2em;
	display: block;
}
.ATSTitle {
	background: rgb(120, 169, 198);
	color: black;
	font-weight: bold;
	display: table-caption;
}
.ATSLevel {
	display: table-cell;
	vertical-align: bottom;
}
.ATSSkill {
	display: table-cell;
	padding-top: 2px;
	border-top: 1px solid lightgrey;
}
.ATSSRarity {
	display: table-cell;
	border-style: solid;
	border-color: gold;
	border-width: 0 0 0 2px;
}
.ATSLevelH {
	display: none;
	vertical-align: bottom;
}
.ATSNarrow {
	display: table-cell;
}
@media screen and (max-width: 1600px) {
	.ATSLevelH {
		display: table-cell;
		border-top: 1px solid lightgrey;
		padding-bottom: 2px;
	}
	.ATSNarrow {
		display: table-row;
	}
	.ATSSRarity {
		border-width: 0 2px 2px 2px;
	}
	.ATSLevel {
		padding-bottom:2px;
	}
	.ATSData {
		width:5.1em;
	}
}
/* END For Away Team Skills Table */

#footer-icons {
    display: none;
}


/* Start of Ambox */
.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left: 0.8em;
     margin-top: 0.5em;
}
/* End of Ambox */


/* Start of Ombox */
.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #fcb900;	/* Default "notice" gray */
    background: #102530;
}

.ombox-notice {
    border: 1px solid #a2a9b1;	/* Gray */
}
.ombox-speedy {
    border: 2px solid #b32424;	/* Red */
    background: #fee7e6;		/* Pink */
}
.ombox-delete {
    border: 2px solid #b32424;	/* Red */
}
.ombox-content {
    border: 1px solid #f28500;	/* Orange */
}
.ombox-style {
    border: 1px solid #fc3;		/* Yellow */
}
.ombox-move {
    border: 1px solid #9932cc;	/* Purple */
}
.ombox-protection {
    border: 2px solid #a2a9b1;	/* Gray-gold */
}
/* End of Ombox */

/* Tags Table */
.mw-datatable
{
color: #eaeaea;
background: #102530;
border: 1px solid #fcb900;
box-shadow: 0 0 20px #2f607f;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend 
{
color: #eaeaea;
background: #102530;
background-color: #102530;
border: 1px solid #fcb900;
box-shadow: 0 0 20px #2f607f;
}