User:Lachsen/hydra.css: Difference between revisions

Revision as of 09:11, 9 June 2015

/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Hide main page header */
body.page-CrossCode_Wiki h1.firstHeading {
    display:none;
}

/* MsUpload color fixes */
#upload_list .file {
	background-color: #353535;
	border-top: #333;
	border-bottom: #444;
}

#upload_list .file .file-title,
#upload_list .file .file-size,
#upload_list .file .file-warning {
	color: #E0E0E0;
}

#upload_list .file a {
    color: #add8e6;
}

#upload_list .file .small_warn {
    background: url("http://test.gamepedia.com/extensions/MsUpload/css/../images/msu_error-small.png") no-repeat scroll 0 center rgba(255, 246, 191, 0.2);
}

/* Framework */
body {
    background-attachment: fixed;
    background-color: #000026;
    background-image: url(http://hydra-media.cursecdn.com/crosscode.gamepedia.com/1/1f/Background.jpg);
    background-size: cover;
}

#pageWrapper {
    margin-right: 10px;
}

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

#mw-head-base {
    background: transparent !important; 
    border: 0px solid black;
    bottom: 0;
    height: 40px;
}
/**************************
/* Article navigation bar *
/**************************/
#right-navigation {
    margin-right: 1em;
    margin-top: 1em;
}

#left-navigation {
    left: 11em;
    margin-top: 1em;
}

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

div.vectorTabs {
    background-image: none;
}

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

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

div.vectorTabs ul li {
    background-color: transparent;
    background-image: none;
    color: #000000;
}

div.vectorTabs ul li.selected {
    background-color: transparent;
    background-image: none;
    color: #ffffff;
}

div.vectorTabs ul li span {
    background-image: none;
    background-color: #transparent;
    color: #ffffff;
    font-weight: bold;
}

div.vectorTabs ul li.selected span {
    background-image: none;
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
}

div.vectorTabs li span a {
    background-image: none;
    color: #ffffff;
}

div.vectorTabs span a:visited {
    color: #ffffff;
}

div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover {
    color: #ffffff;
}

div.vectorTabs li.selected span a {
    background-color: transparent;
    color: #ffffff!important;
}

div.vectorTabs li.new span a:visited {
    color: #ffffff;
}

div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
    color: #ffffff;
}

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

div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow {
    display: block;
}

div#p-cactions div.menu ul {
    border: 1px solid #000000;
}

div#p-cactions div.menu ul li a {
    background: #ffffff;
    color: #000000;
}

div#p-cactions div.menu ul li a:visited {
    color: #aaa;
}

div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover {
    display: block;
}

div#mw-head div.vectorMenu h4 {
    color: #aaa;
    font-weight: bold;
}

div.vectorMenu ul {
    background: #000000;
    border: 1px solid #ffffff;
}

div#mw-panel {
    width: 150px;
    margin-left: 1px;
}

#p-logo {
    margin-top: 1em;
}

#p-logo, #p-logo a {
    height: 200px;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
color: #ffffff;
}

div#mw-panel div.portal h5 {
    background: none;
    color: #ffffff;
    font-weight: bold;
    padding: 4px;
}

div#mw-panel div.portal div.body {
    background-image: none;
}

div#mw-panel  div#p-sitePromos.portal { 
    background: none;
    margin-left: -8px;
    border: none;
}

div#mw-panel div.portal#p-socialProfiles {
    background: none;
    margin-left: -8px;
    border: none;
}

div#mw-panel div.portal#p-socialProfiles h5 {
    display: none;
}

div#mw-panel div.portal#p-socialProfiles div.body {
    background: none;
    padding: 0;
}

div#mw-panel div.portal h3 {
    color: #ffffff;
    font-weight: bold;
}

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

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

/* Content */
div#content {
    background: rgba(0,0,0,.9);
    color: #545454;
    border: 1px solid #1a1a1a;
    box-shadow: rgba(26, 26, 26, 1) 0 0.1em 0.75em;
    margin-top: 1em;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    color: #303030;
}

h1, h2 {
    border-bottom: 1px solid #303030;
}

h3, h4, h5, h6 {
    border-bottom: 0px solid #dddad3;
}

.catlinks {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #000000;
}

.mw-warning {
    background-color: rgba(0, 0, 0, 0.3);
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
}

#toc, .toc, .mw-warning {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #000000;
    font-size: 95%;
    padding: 5px;
}

/***************
/* Link styles *
/***************/
a {
    color: #2f29a9;
}

a:link {
    color: #2f29a9;
}

div#content a:visited, a:visited {
    color: #552104;
}

a:hover, div#content a:visited:hover, a:visited:hover {
    color: #000000;
}

div#content a.extiw, div#content a.external {
    color: #2f29a9;
}

div#content a.extiw:visited, div#content a.external:visited {
    color: #5650d9;
}

div#content a.extiw:hover, div#content a.external:hover, div#content a.extiw:visited:hover, div#content a.external:visited:hover {
    color: #aaa;
}

a:active {
    color: #aaa;
}

/*****************
/* Footer styles *
/*****************/
div#footer {
    background-image: none;
}

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

div#footer a { 
    color: #aaa; 
}

div#footer a:hover (
    color: #aaa;
}