Difference between revisions of "MediaWiki:Common.css"

From Starsonata Wiki
Jump to: navigation, search
Line 1: Line 1:
 
.centered {
 
.centered {
 +
 
     text-align: center;
 
     text-align: center;
    border-style: none;
+
  border-style: none;
 +
 
 
}
 
}
  
 
.physical {
 
.physical {
 +
 
     color: rgb(5,6,201);
 
     color: rgb(5,6,201);
 +
 
}
 
}
  
 
.surgical {
 
.surgical {
 +
 
     color: rgb(57,179,122);
 
     color: rgb(57,179,122);
 +
 
}
 
}
  
 
.radiation {
 
.radiation {
 +
 
     color: rgb(174,172,174);
 
     color: rgb(174,172,174);
 +
 
}
 
}
  
 
.mining {
 
.mining {
 +
 
     color: rgb(37,204,5);
 
     color: rgb(37,204,5);
 +
 
}
 
}
  
 
.transference {
 
.transference {
 +
 
     color: rgb(96,124,174);
 
     color: rgb(96,124,174);
 +
 
}
 
}
  
 
.heat {
 
.heat {
 +
 
     color: rgb(206,66,5);
 
     color: rgb(206,66,5);
 +
 
}
 
}
  
 
.laser {
 
.laser {
 +
 
     color: rgb(206,49,70);
 
     color: rgb(206,49,70);
 +
 
}
 
}
  
 
.energy {
 
.energy {
 +
 
     color: rgb(113,63,118);
 
     color: rgb(113,63,118);
 +
 
}
 
}
  
 
.weakness {
 
.weakness {
 +
 
     color: rgb(219,1,1);
 
     color: rgb(219,1,1);
 +
 
}
 
}
  
 
.bg_physical {
 
.bg_physical {
 +
 
     background-color: rgba(5,6,201,0.5);
 
     background-color: rgba(5,6,201,0.5);
 +
 
}
 
}
  
 
.bg_surgical {
 
.bg_surgical {
 +
 
     background-color: rgba(57,179,122,0.5);
 
     background-color: rgba(57,179,122,0.5);
 +
 
}
 
}
  
 
.bg_radiation {
 
.bg_radiation {
 +
 
     background-color: rgba(174,172,174,0.5);
 
     background-color: rgba(174,172,174,0.5);
 +
 
}
 
}
  
 
.bg_mining {
 
.bg_mining {
 +
 
     background-color: rgba(37,204,5,0.5);
 
     background-color: rgba(37,204,5,0.5);
 +
 
}
 
}
  
 
.bg_transference {
 
.bg_transference {
 +
 
     background-color: rgba(96,124,174,0.5);
 
     background-color: rgba(96,124,174,0.5);
 +
 
}
 
}
  
 
.bg_heat {
 
.bg_heat {
 +
 
     background-color: rgba(206,66,5,0.5);
 
     background-color: rgba(206,66,5,0.5);
 +
 
}
 
}
  
 
.bg_laser {
 
.bg_laser {
 +
 
     background-color: rgba(206,49,70,0.5);
 
     background-color: rgba(206,49,70,0.5);
 +
 
}
 
}
  
 
.bg_energy {
 
.bg_energy {
 +
 
     background-color: rgba(113,63,118,0.5);
 
     background-color: rgba(113,63,118,0.5);
 +
 
}
 
}
  
 
.bg_weakness {
 
.bg_weakness {
 +
 
     background-color: rgba(219,1,1,0.5);
 
     background-color: rgba(219,1,1,0.5);
 +
 
}
 
}
  
 +
<br/>h1, h2, h3, h4, h5, h6 {
  
h1, h2, h3, h4, h5, h6 {
 
 
     overflow:visible;
 
     overflow:visible;
 +
 
}
 
}
  
 
h1 {
 
h1 {
 +
 
     line-height:normal;
 
     line-height:normal;
 +
 
}
 
}
  
 
h2 {
 
h2 {
 +
 
     padding:0.1em;
 
     padding:0.1em;
    line-height:normal;
+
  line-height:normal;
 +
 
 
}
 
}
  
 
.toc {
 
.toc {
 +
 
     min-height:25px;
 
     min-height:25px;
    height:auto;
+
  height:auto;
    max-height: 400px;
+
  max-height: 400px;
    width: 250px;
+
  width: 250px;
    display: block;
+
  display: block;
    position:relative;
+
  position:relative;
    overflow-y:auto;
+
  overflow-y:auto;
    overflow-x:hidden;
+
  overflow-x:hidden;
    padding:0px 5px!important;
+
  padding:0px 5px!important;
    -webkit-transition: box-shadow 0.3s ease;
+
  -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
+
  -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
+
  -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
+
  -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
+
  transition: box-shadow 0.3s ease;
    -webkit-transition:height 0.3s ease-in-out;
+
  -webkit-transition:height 0.3s ease-in-out;
    -moz-transition:height 0.3s ease-in-out;
+
  -moz-transition:height 0.3s ease-in-out;
    -ms-transition:height 0.3s ease-in-out;
+
  -ms-transition:height 0.3s ease-in-out;
    -o-transition:height 0.3s ease-in-out;
+
  -o-transition:height 0.3s ease-in-out;
    transition:height 0.3s ease-in-out;
+
  transition:height 0.3s ease-in-out;
    -webkit-transition:min-height 0.3s ease-in-out;
+
  -webkit-transition:min-height 0.3s ease-in-out;
    -moz-transition:min-height 0.3s ease-in-out;
+
  -moz-transition:min-height 0.3s ease-in-out;
    -ms-transition:min-height 0.3s ease-in-out;
+
  -ms-transition:min-height 0.3s ease-in-out;
    -o-transition:min-height 0.3s ease-in-out;
+
  -o-transition:min-height 0.3s ease-in-out;
    transition:min-height 0.3s ease-in-out;
+
  transition:min-height 0.3s ease-in-out;
    -webkit-transition:max-height 0.3s ease-in-out;
+
  -webkit-transition:max-height 0.3s ease-in-out;
    -moz-transition:max-height 0.3s ease-in-out;
+
  -moz-transition:max-height 0.3s ease-in-out;
    -ms-transition:max-height 0.3s ease-in-out;
+
  -ms-transition:max-height 0.3s ease-in-out;
    -o-transition:max-height 0.3s ease-in-out;
+
  -o-transition:max-height 0.3s ease-in-out;
    transition:max-height 0.3s ease-in-out;
+
  transition:max-height 0.3s ease-in-out;
 +
 
 
}
 
}
  
 
.toc #toctitle {
 
.toc #toctitle {
 +
 
     position:absolute;
 
     position:absolute;
    left:0px;
+
  left:0px;
    width:100%;
+
  width:100%;
    border-bottom:1px solid #fff;
+
  border-bottom:1px solid #fff;
 +
 
 
}
 
}
  
 
.toc.tochidden {
 
.toc.tochidden {
 +
 
     min-height:25px;
 
     min-height:25px;
    height:25px;
+
  height:25px;
    max-height:25px;
+
  max-height:25px;
    border: 1px solid #ff4500;
+
  border: 1px solid #ff4500;
    box-shadow: 0px 0px 3px 3px #ff4500;
+
  box-shadow: 0px 0px 3px 3px #ff4500;
    overflow-y:hidden; /* not needed, but makes chrome instantly hide the scrollbar */
+
  overflow-y:hidden; /* not needed, but makes chrome instantly hide the scrollbar */
    -webkit-transition:height 0.3s ease-in-out;
+
  -webkit-transition:height 0.3s ease-in-out;
    -moz-transition:height 0.3s ease-in-out;
+
  -moz-transition:height 0.3s ease-in-out;
    -ms-transition:height 0.3s ease-in-out;
+
  -ms-transition:height 0.3s ease-in-out;
    -o-transition:height 0.3s ease-in-out;
+
  -o-transition:height 0.3s ease-in-out;
    transition:height 0.3s ease-in-out;
+
  transition:height 0.3s ease-in-out;
    -webkit-transition:min-height 0.3s ease-in-out;
+
  -webkit-transition:min-height 0.3s ease-in-out;
    -moz-transition:min-height 0.3s ease-in-out;
+
  -moz-transition:min-height 0.3s ease-in-out;
    -ms-transition:min-height 0.3s ease-in-out;
+
  -ms-transition:min-height 0.3s ease-in-out;
    -o-transition:min-height 0.3s ease-in-out;
+
  -o-transition:min-height 0.3s ease-in-out;
    transition:min-height 0.3s ease-in-out;
+
  transition:min-height 0.3s ease-in-out;
    -webkit-transition:max-height 0.3s ease-in-out;
+
  -webkit-transition:max-height 0.3s ease-in-out;
    -moz-transition:max-height 0.3s ease-in-out;
+
  -moz-transition:max-height 0.3s ease-in-out;
    -ms-transition:max-height 0.3s ease-in-out;
+
  -ms-transition:max-height 0.3s ease-in-out;
    -o-transition:max-height 0.3s ease-in-out;
+
  -o-transition:max-height 0.3s ease-in-out;
    transition:max-height 0.3s ease-in-out;
+
  transition:max-height 0.3s ease-in-out;
 +
 
 
}
 
}
  
 
.toc > tbody > tr > td > ul {
 
.toc > tbody > tr > td > ul {
 +
 
     margin-top: 30px!important;
 
     margin-top: 30px!important;
    opacity:1;
+
  opacity:1;
    visibility:visible;
+
  visibility:visible;
 +
 
 
}
 
}
  
 
.tochidden > tbody > tr > td > ul {
 
.tochidden > tbody > tr > td > ul {
 +
 
     margin-top: 0px;
 
     margin-top: 0px;
    opacity:0;
+
  opacity:0;
    visibility:hidden;
+
  visibility:hidden;
 +
 
 
}
 
}
  
.editsection, #p-captions ul li a {
+
.editsection, #p-captions ul li a { margin-left: 5px!important; color: #fff!important; background: rgba(0,0,0,0.6)!important; border-radius: 5px!important; padding: 2px!important; margin: 10px!important; top: -1px!important; left: -1px!important; position: relative!important; box-shadow: 1px 1px 1px 1px #000!important; }
margin-left: 5px!important;
 
color: #fff!important;
 
background: rgba(0,0,0,0.6)!important;
 
border-radius: 5px!important;
 
padding: 2px!important;
 
margin: 10px!important;
 
top: -1px!important;
 
left: -1px!important;
 
position: relative!important;
 
box-shadow: 1px 1px 1px 1px #000!important;
 
}
 
  
 
.editsection:hover, #p-captions ul li a:hover {
 
.editsection:hover, #p-captions ul li a:hover {
 +
 
     color: #7af5ff!important;
 
     color: #7af5ff!important;
    top:0px!important;
+
  top:0px!important;
    left:0px!important;
+
  left:0px!important;
    -webkit-transition:all .3s!important;
+
  -webkit-transition:all .3s!important;
    transition:all .3s!important;
+
  transition:all .3s!important;
    box-shadow: 0px 0px 3px 3px #7af5ff!important;
+
  box-shadow: 0px 0px 3px 3px #7af5ff!important;
 +
 
 
}
 
}
  
 
#p-captions li.selected ul a {
 
#p-captions li.selected ul a {
 +
 
     color: #7af5ff!important;
 
     color: #7af5ff!important;
    background-color:rgba(255,255,255,0.2)!important;
+
  background-color:rgba(255,255,255,0.2)!important;
    top:0px!important;
+
  top:0px!important;
    left:0px!important;
+
  left:0px!important;
    box-shadow: 0px 0px 3px 3px #7af5ff!important;
+
  box-shadow: 0px 0px 3px 3px #7af5ff!important;
 +
 
 
}
 
}
  
 
.editsection a {
 
.editsection a {
 +
 
   color:#fff;
 
   color:#fff;
 +
 
}
 
}
  
 
.editsection a:hover {
 
.editsection a:hover {
 +
 
   color:#7af5ff;
 
   color:#7af5ff;
 +
 
}
 
}
  
 
#bodyContent a.external:visited {
 
#bodyContent a.external:visited {
 +
 
     color:#ffaf31;
 
     color:#ffaf31;
 +
 
}
 
}
  
 
#content {
 
#content {
 +
 
     background-color: rgba(255, 255, 255, 0.1)!important;
 
     background-color: rgba(255, 255, 255, 0.1)!important;
    margin-right:20px!important;
+
  margin-right:20px!important;
 +
 
 
}
 
}
  
 
table, .wrapper {
 
table, .wrapper {
 +
 
     font-size: 100%;
 
     font-size: 100%;
    border: 0px;
+
  border: 0px;
    border-radius: 5px;
+
  border-radius: 5px;
    padding: 5px;
+
  padding: 5px;
    margin: 5px;
+
  margin: 5px;
    background: rgba(0,0,0,0.6);
+
  background: rgba(0,0,0,0.6);
    border-color: #7af5ff;
+
  border-color: #7af5ff;
    box-shadow: 0px 0px 3px 3px #7af5ff;
+
  box-shadow: 0px 0px 3px 3px #7af5ff;
 +
 
 
}
 
}
  
 
#mainpage table {
 
#mainpage table {
 +
 
     font-size: 100%;
 
     font-size: 100%;
    border: 0px;
+
  border: 0px;
    border-radius: 0px;
+
  border-radius: 0px;
    padding: 0px;
+
  padding: 0px;
    margin: 0px;
+
  margin: 0px;
    background: rgba(0,0,0,0);
+
  background: rgba(0,0,0,0);
    border-color: #000;
+
  border-color: #000;
    box-shadow: 0px 0px 0px 0px #000;
+
  box-shadow: 0px 0px 0px 0px #000;
 +
 
 
}
 
}
  
 
table.navbox {
 
table.navbox {
 +
 
     font-size: 100%;
 
     font-size: 100%;
    border: 0px;
+
  border: 0px;
    border-radius: 0px;
+
  border-radius: 0px;
    padding: 0px;
+
  padding: 0px;
    margin: 0px;
+
  margin: 0px;
    background: rgba(0,0,0,0);
+
  background: rgba(0,0,0,0);
    border-color: none;
+
  border-color: none;
    box-shadow: 0px 0px 0px 0px #000;
+
  box-shadow: 0px 0px 0px 0px #000;
 +
 
 
}
 
}
  
 
table.navbox {
 
table.navbox {
 +
 
     float:left;
 
     float:left;
    width:80%!important;
+
  width:80%!important;
 +
 
 
}
 
}
  
 
#mainpage table.navbox {
 
#mainpage table.navbox {
 +
 
     float:none;
 
     float:none;
    width:100%!important;
+
  width:100%!important;
 +
 
 
}
 
}
  
 
mw-content-ltr table tbody tr td b, mw-content-ltr table td.navbox-group, table td.navbox-list {
 
mw-content-ltr table tbody tr td b, mw-content-ltr table td.navbox-group, table td.navbox-list {
 +
 
     color: #ffaf31!important;
 
     color: #ffaf31!important;
 +
 
}
 
}
  
 
body h2 {
 
body h2 {
 +
 
     font-size: 2em;
 
     font-size: 2em;
 +
 
}
 
}
  
 
.wikitable th, .wikitable td {
 
.wikitable th, .wikitable td {
 +
 
     border: 1px #aaa solid;
 
     border: 1px #aaa solid;
    border-collapse: collapse;
+
  border-collapse: collapse;
    padding: 0.2em;
+
  padding: 0.2em;
    /*top: -1px;
+
  /*top: -1px;
    left: -1px;
+
  left: -1px;
    position: relative;*/
+
  position: relative;*/
    /*box-shadow:1px 1px 1px 1px #000;*/
+
  /*box-shadow:1px 1px 1px 1px #000;*/
    overflow:hidden!important;
+
  overflow:hidden!important;
 +
 
 
}
 
}
  
 
.wikitable th:hover, .wikitable td:hover {
 
.wikitable th:hover, .wikitable td:hover {
 +
 
     border: 1px #aaa solid;
 
     border: 1px #aaa solid;
    padding: 0.2em;
+
  padding: 0.2em;
    /*top: 0px;
+
  /*top: 0px;
    left: 0px;
+
  left: 0px;
    position: relative;*/
+
  position: relative;*/
    /*-webkit-transition:all .3s;
+
  /*-webkit-transition:all .3s;
    transition:all .3s!important;
+
  transition:all .3s!important;
    background: rgba(255,255,255,0.2);
+
  background: rgba(255,255,255,0.2);
    box-shadow: 0px 0px 3px 3px #ffaf31;*/
+
  box-shadow: 0px 0px 3px 3px #ffaf31;*/
 +
 
 
}
 
}
  
 
.cloakbox table, .shipbox table {
 
.cloakbox table, .shipbox table {
 +
 
     margin-right:20px!important;
 
     margin-right:20px!important;
 +
 
}
 
}
  
 
.shipbox table td img {
 
.shipbox table td img {
 +
 
     height:100%;
 
     height:100%;
    width:auto;
+
  width:auto;
 +
 
 
}
 
}
  
.missionbox table {
+
.missionbox table { font-size: 100%; border: 0px; border-radius: 5px; padding: 5px; margin: 5px; background: rgba(0,0,0,0.6); border-color: #7af5ff; box-shadow: 0px 0px 3px 3px #7af5ff; float: none; width: 700px; }
font-size: 100%;
 
border: 0px;
 
border-radius: 5px;
 
padding: 5px;
 
margin: 5px;
 
background: rgba(0,0,0,0.6);
 
border-color: #7af5ff;
 
box-shadow: 0px 0px 3px 3px #7af5ff;
 
float: none;
 
width: 700px;
 
}
 
  
 
.missionbox .missionhover {
 
.missionbox .missionhover {
 +
 
     height:100px;
 
     height:100px;
    overflow:hidden;
+
  overflow:hidden;
    padding:20px;
+
  padding:20px;
    opacity:0.5;
+
  opacity:0.5;
    -webkit-box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
+
  -webkit-box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
    box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
+
  box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
    -webkit-transition: all .3s ease!important;
+
  -webkit-transition: all .3s ease!important;
    -moz-transition: all .3s ease!important;
+
  -moz-transition: all .3s ease!important;
    -ms-transition: all .3s ease!important;
+
  -ms-transition: all .3s ease!important;
    -o-transition: all .3s ease!important;
+
  -o-transition: all .3s ease!important;
    transition: all .3s ease!important;
+
  transition: all .3s ease!important;
 +
 
 
}
 
}
  
 
.missionbox .missionhover:hover {
 
.missionbox .missionhover:hover {
 +
 
     height:300px;
 
     height:300px;
    box-shadow:none;
+
  box-shadow:none;
    overflow-y:scroll;
+
  overflow-y:scroll;
    opacity:1;
+
  opacity:1;
 +
 
 
}
 
}
  
 
.teambox table {
 
.teambox table {
 +
 
     float:none;
 
     float:none;
    margin-left:auto;
+
  margin-left:auto;
    margin-right:auto;
+
  margin-right:auto;
    width:1000px;
+
  width:1000px;
 +
 
 
}
 
}
  
 
.teambox .listing a {
 
.teambox .listing a {
 +
 
     display:block;
 
     display:block;
 +
 
}
 
}
  
 
.teambox .flag {
 
.teambox .flag {
 +
 
     float:right;
 
     float:right;
 +
 
}
 
}
  
 
.teambox pre {
 
.teambox pre {
 +
 
     border:none;
 
     border:none;
    color:#fff;
+
  color:#fff;
    background-color:transparent;
+
  background-color:transparent;
    line-height:normal;
+
  line-height:normal;
 +
 
 
}
 
}
  
 
.teambox h1, h2, h3 {
 
.teambox h1, h2, h3 {
 +
 
     padding:10px;
 
     padding:10px;
    margin-bottom:0px;
+
  margin-bottom:0px;
    border-bottom:none;
+
  border-bottom:none;
 +
 
 
}
 
}
  
 
.expandable {
 
.expandable {
 +
 
     max-height:50px;
 
     max-height:50px;
    overflow:hidden;
+
  overflow:hidden;
    opacity:0.5;
+
  opacity:0.5;
    padding:5px;
+
  padding:5px;
    border:1px solid #7af5ff;
+
  border:1px solid #7af5ff;
    border-radius:5px;
+
  border-radius:5px;
    -webkit-box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
+
  -webkit-box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
    box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
+
  box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
    -webkit-transition: all .3s ease;
+
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
+
  -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
+
  -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
+
  -o-transition: all .3s ease;
    transition: all .3s ease;
+
  transition: all .3s ease;
 +
 
 
}
 
}
  
 
.expandable:hover {
 
.expandable:hover {
 +
 
     max-height:300px;
 
     max-height:300px;
    overflow-y:scroll;
+
  overflow-y:scroll;
    box-shadow:none;
+
  box-shadow:none;
    opacity:1;
+
  opacity:1;
 +
 
 
}
 
}
  
 
.blueprintbox table {
 
.blueprintbox table {
 +
 
     float:none!important;
 
     float:none!important;
 +
 
}
 
}
  
 
#mainpageannouncment h6 {
 
#mainpageannouncment h6 {
 +
 
     border-radius:5px;
 
     border-radius:5px;
    font-size:22px;
+
  font-size:22px;
    padding:15px;
+
  padding:15px;
    margin:5px;
+
  margin:5px;
    margin-left: 5px;
+
  margin-left: 5px;
    color: #fff;
+
  color: #fff;
    background: rgba(0,0,0,0.6);
+
  background: rgba(0,0,0,0.6);
    position: relative;
+
  position: relative;
    box-shadow: 1px 1px 1px 1px #000;
+
  box-shadow: 1px 1px 1px 1px #000;
    line-height:30px;
+
  line-height:30px;
 +
 
 
}
 
}
  
 
table.diff, td.diff-otitle, td.diff-ntitle {
 
table.diff, td.diff-otitle, td.diff-ntitle {
 +
 
   background-color:#000;
 
   background-color:#000;
}
+
 
td.diff-context,td.diff-deletedline,td.diff-addedline {
+
} td.diff-context,td.diff-deletedline,td.diff-addedline {
 +
 
 
   background-color:#555;
 
   background-color:#555;
}
+
 
td.diff-deletedline {
+
} td.diff-deletedline {
 +
 
 
   color:#f55;
 
   color:#f55;
}
+
 
td.diff-addedline {
+
} td.diff-addedline {
 +
 
 
   color:#afa;
 
   color:#afa;
 +
 
}
 
}
 +
 +
/* test */
 +
 +
table#CapitalShipTable<span style="font-size: 12px;">{border-style:none</span><span style="font-size: 12px;">}</span>

Revision as of 18:38, 26 February 2015

.centered {

    text-align: center;
   border-style: none;

}

.physical {

    color: rgb(5,6,201);

}

.surgical {

    color: rgb(57,179,122);

}

.radiation {

    color: rgb(174,172,174);

}

.mining {

    color: rgb(37,204,5);

}

.transference {

    color: rgb(96,124,174);

}

.heat {

    color: rgb(206,66,5);

}

.laser {

    color: rgb(206,49,70);

}

.energy {

    color: rgb(113,63,118);

}

.weakness {

    color: rgb(219,1,1);

}

.bg_physical {

    background-color: rgba(5,6,201,0.5);

}

.bg_surgical {

    background-color: rgba(57,179,122,0.5);

}

.bg_radiation {

    background-color: rgba(174,172,174,0.5);

}

.bg_mining {

    background-color: rgba(37,204,5,0.5);

}

.bg_transference {

    background-color: rgba(96,124,174,0.5);

}

.bg_heat {

    background-color: rgba(206,66,5,0.5);

}

.bg_laser {

    background-color: rgba(206,49,70,0.5);

}

.bg_energy {

    background-color: rgba(113,63,118,0.5);

}

.bg_weakness {

    background-color: rgba(219,1,1,0.5);

}

<br/>h1, h2, h3, h4, h5, h6 {

    overflow:visible;

}

h1 {

    line-height:normal;

}

h2 {

    padding:0.1em;
   line-height:normal;

}

.toc {

    min-height:25px;
   height:auto;
   max-height: 400px;
   width: 250px;
   display: block;
   position:relative;
   overflow-y:auto;
   overflow-x:hidden;
   padding:0px 5px!important;
   -webkit-transition: box-shadow 0.3s ease;
   -moz-transition: box-shadow 0.3s ease;
   -ms-transition: box-shadow 0.3s ease;
   -o-transition: box-shadow 0.3s ease;
   transition: box-shadow 0.3s ease;
   -webkit-transition:height 0.3s ease-in-out;
   -moz-transition:height 0.3s ease-in-out;
   -ms-transition:height 0.3s ease-in-out;
   -o-transition:height 0.3s ease-in-out;
   transition:height 0.3s ease-in-out;
   -webkit-transition:min-height 0.3s ease-in-out;
   -moz-transition:min-height 0.3s ease-in-out;
   -ms-transition:min-height 0.3s ease-in-out;
   -o-transition:min-height 0.3s ease-in-out;
   transition:min-height 0.3s ease-in-out;
   -webkit-transition:max-height 0.3s ease-in-out;
   -moz-transition:max-height 0.3s ease-in-out;
   -ms-transition:max-height 0.3s ease-in-out;
   -o-transition:max-height 0.3s ease-in-out;
   transition:max-height 0.3s ease-in-out;

}

.toc #toctitle {

    position:absolute;
   left:0px;
   width:100%;
   border-bottom:1px solid #fff;

}

.toc.tochidden {

    min-height:25px;
   height:25px;
   max-height:25px;
   border: 1px solid #ff4500;
   box-shadow: 0px 0px 3px 3px #ff4500;
   overflow-y:hidden; /* not needed, but makes chrome instantly hide the scrollbar */
   -webkit-transition:height 0.3s ease-in-out;
   -moz-transition:height 0.3s ease-in-out;
   -ms-transition:height 0.3s ease-in-out;
   -o-transition:height 0.3s ease-in-out;
   transition:height 0.3s ease-in-out;
   -webkit-transition:min-height 0.3s ease-in-out;
   -moz-transition:min-height 0.3s ease-in-out;
   -ms-transition:min-height 0.3s ease-in-out;
   -o-transition:min-height 0.3s ease-in-out;
   transition:min-height 0.3s ease-in-out;
   -webkit-transition:max-height 0.3s ease-in-out;
   -moz-transition:max-height 0.3s ease-in-out;
   -ms-transition:max-height 0.3s ease-in-out;
   -o-transition:max-height 0.3s ease-in-out;
   transition:max-height 0.3s ease-in-out;

}

.toc > tbody > tr > td > ul {

    margin-top: 30px!important;
   opacity:1;
   visibility:visible;

}

.tochidden > tbody > tr > td > ul {

    margin-top: 0px;
   opacity:0;
   visibility:hidden;

}

.editsection, #p-captions ul li a { margin-left: 5px!important; color: #fff!important; background: rgba(0,0,0,0.6)!important; border-radius: 5px!important; padding: 2px!important; margin: 10px!important; top: -1px!important; left: -1px!important; position: relative!important; box-shadow: 1px 1px 1px 1px #000!important; }

.editsection:hover, #p-captions ul li a:hover {

    color: #7af5ff!important;
   top:0px!important;
   left:0px!important;
   -webkit-transition:all .3s!important;
   transition:all .3s!important;
   box-shadow: 0px 0px 3px 3px #7af5ff!important;

}

#p-captions li.selected ul a {

    color: #7af5ff!important;
   background-color:rgba(255,255,255,0.2)!important;
   top:0px!important;
   left:0px!important;
   box-shadow: 0px 0px 3px 3px #7af5ff!important;

}

.editsection a {

   color:#fff;

}

.editsection a:hover {

   color:#7af5ff;

}

#bodyContent a.external:visited {

    color:#ffaf31;

}

#content {

    background-color: rgba(255, 255, 255, 0.1)!important;
   margin-right:20px!important;

}

table, .wrapper {

    font-size: 100%;
   border: 0px;
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
   background: rgba(0,0,0,0.6);
   border-color: #7af5ff;
   box-shadow: 0px 0px 3px 3px #7af5ff;

}

#mainpage table {

    font-size: 100%;
   border: 0px;
   border-radius: 0px;
   padding: 0px;
   margin: 0px;
   background: rgba(0,0,0,0);
   border-color: #000;
   box-shadow: 0px 0px 0px 0px #000;

}

table.navbox {

    font-size: 100%;
   border: 0px;
   border-radius: 0px;
   padding: 0px;
   margin: 0px;
   background: rgba(0,0,0,0);
   border-color: none;
   box-shadow: 0px 0px 0px 0px #000;

}

table.navbox {

    float:left;
   width:80%!important;

}

#mainpage table.navbox {

    float:none;
   width:100%!important;

}

mw-content-ltr table tbody tr td b, mw-content-ltr table td.navbox-group, table td.navbox-list {

    color: #ffaf31!important;

}

body h2 {

    font-size: 2em;

}

.wikitable th, .wikitable td {

    border: 1px #aaa solid;
   border-collapse: collapse;
   padding: 0.2em;
   /*top: -1px;
   left: -1px;
   position: relative;*/
   /*box-shadow:1px 1px 1px 1px #000;*/
   overflow:hidden!important;

}

.wikitable th:hover, .wikitable td:hover {

    border: 1px #aaa solid;
   padding: 0.2em;
   /*top: 0px;
   left: 0px;
   position: relative;*/
   /*-webkit-transition:all .3s;
   transition:all .3s!important;
   background: rgba(255,255,255,0.2);
   box-shadow: 0px 0px 3px 3px #ffaf31;*/

}

.cloakbox table, .shipbox table {

    margin-right:20px!important;

}

.shipbox table td img {

    height:100%;
   width:auto;

}

.missionbox table { font-size: 100%; border: 0px; border-radius: 5px; padding: 5px; margin: 5px; background: rgba(0,0,0,0.6); border-color: #7af5ff; box-shadow: 0px 0px 3px 3px #7af5ff; float: none; width: 700px; }

.missionbox .missionhover {

    height:100px;
   overflow:hidden;
   padding:20px;
   opacity:0.5;
   -webkit-box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
   box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
   -webkit-transition: all .3s ease!important;
   -moz-transition: all .3s ease!important;
   -ms-transition: all .3s ease!important;
   -o-transition: all .3s ease!important;
   transition: all .3s ease!important;

}

.missionbox .missionhover:hover {

    height:300px;
   box-shadow:none;
   overflow-y:scroll;
   opacity:1;

}

.teambox table {

    float:none;
   margin-left:auto;
   margin-right:auto;
   width:1000px;

}

.teambox .listing a {

    display:block;

}

.teambox .flag {

    float:right;

}

.teambox pre {

    border:none;
   color:#fff;
   background-color:transparent;
   line-height:normal;

}

.teambox h1, h2, h3 {

    padding:10px;
   margin-bottom:0px;
   border-bottom:none;

}

.expandable {

    max-height:50px;
   overflow:hidden;
   opacity:0.5;
   padding:5px;
   border:1px solid #7af5ff;
   border-radius:5px;
   -webkit-box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
   box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1);
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;

}

.expandable:hover {

    max-height:300px;
   overflow-y:scroll;
   box-shadow:none;
   opacity:1;

}

.blueprintbox table {

    float:none!important;

}

#mainpageannouncment h6 {

    border-radius:5px;
   font-size:22px;
   padding:15px;
   margin:5px;
   margin-left: 5px;
   color: #fff;
   background: rgba(0,0,0,0.6);
   position: relative;
   box-shadow: 1px 1px 1px 1px #000;
   line-height:30px;

}

table.diff, td.diff-otitle, td.diff-ntitle {

  background-color:#000;

} td.diff-context,td.diff-deletedline,td.diff-addedline {

  background-color:#555;

} td.diff-deletedline {

  color:#f55;

} td.diff-addedline {

  color:#afa;

}

/* test */

table#CapitalShipTable<span style="font-size: 12px;">{border-style:none</span><span style="font-size: 12px;">}</span>