User:Ret Samys/common.css

From Drive: The SciFi Comic
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
html{
background: url(http://drive.mcslp.net/images/6/69/Alnilam-Stars-Pattern.png);
}

body{
background: linear-gradient(rgba(0,0,0,.9),transparent,transparent);
}

#content{
margin: auto !important;
width: 80% !important;
border-radius: 10px !important;
box-shadow: 0 0 15px black,0 0 10px rgba(0,0,255,.3) inset !important;
color: #02425B !important;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
font-weight: 500 !important;
left: 0 !important;
right: 0 !important;
position:absolute !important;
z-index:5 !important;
}

#content-body b,#content-body strong{
/*color: black;*/
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#left-navigation,#right-navigation{
margin-top:3em !important;
}

.vectorTabs{
background:initial !important;
position: absolute;
z-index: 2;
margin: auto;
left: 0;
right: 0;
display: table;
background: linear-gradient(darkred,darkred ,rgba(255,10,10,.9)) transparent !important;
height: 2em !important;
}

#right-navigation .vectorTabs{
transform: translateX(50%);
}

#left-navigation .vectorTabs{
transform: translateX(-50%);
}

#left-navigation .vectorTabs:before {
content: "\A";
background: linear-gradient(-45deg, rgba(255,10,10,.9),darkred,darkred,rgba(255,10,10,.9),darkred,darkred);
width: 2em;
height: 5em;
transform: rotate(45deg);
position: absolute;
left: -2em;
z-index: -1;
}

.vectorTabs ul, .vectorTabs ul li, .vectorTabs ul li span, .vectorTabs ul li span a{
margin: 0 !important;
padding: 0 !important;
background:initial !important;
}