Difference between revisions of "MediaWiki:Common.css"

From Electromagnetic Field
Jump to navigation Jump to search
(more things... now to apply the emf styling)
(and a bit of shadow)
Line 3: Line 3:
 
#mw-head-base{
 
#mw-head-base{
 
background-image: url('https://wiki.emfcamp.org/w/images/5/5e/Header.jpg');
 
background-image: url('https://wiki.emfcamp.org/w/images/5/5e/Header.jpg');
 +
box-shadow: 5px -1px 15px #222, -5px -1px 15px #222;
 
}
 
}
  
 
#footer{
 
#footer{
 
background-image: url('https://wiki.emfcamp.org/w/images/thumb/e/e9/Footer.jpg/800px-Footer.jpg');
 
background-image: url('https://wiki.emfcamp.org/w/images/thumb/e/e9/Footer.jpg/800px-Footer.jpg');
 +
box-shadow: 5px -1px 15px #222, -5px -1px 15px #222;
 
}
 
}
  
Line 13: Line 15:
 
background-color: #171123 !important;
 
background-color: #171123 !important;
 
color:white;
 
color:white;
 +
box-shadow: 5px -1px 15px #222, -5px -1px 15px #222;
 
}
 
}
  
Line 33: Line 36:
 
/* And the rest of the page */
 
/* And the rest of the page */
 
#mw-page-base, body {
 
#mw-page-base, body {
     background-color: #171123 !important;
+
     background-color: #3c3c3c !important;
     background-image: linear-gradient(#171123 50%,#171123 100%);
+
     background-image: linear-gradient(#3c3c3c 50%,#3c3c3c 100%);
 
}
 
}
  

Revision as of 22:00, 11 May 2018

/* CSS placed here will be applied to all skins */

#mw-head-base{
background-image: url('https://wiki.emfcamp.org/w/images/5/5e/Header.jpg');
box-shadow: 5px -1px 15px #222, -5px -1px 15px #222;
}

#footer{
background-image: url('https://wiki.emfcamp.org/w/images/thumb/e/e9/Footer.jpg/800px-Footer.jpg');
box-shadow: 5px -1px 15px #222, -5px -1px 15px #222;
}


#content{
background-color: #171123 !important;
color:white;
box-shadow: 5px -1px 15px #222, -5px -1px 15px #222;
}

#content a, div#mw-panel div.portal div.body ul li a{
 color:silver !important;
}

#content a:visited, div#mw-panel div.portal div.body ul li a:visited {
 color: silver !important;
}

#content a:hover, , div#mw-panel div.portal div.body ul li a:hover {
 color: silver !important;
}

h1 {
color:white !important;
}

/* And the rest of the page */
#mw-page-base, body {
    background-color: #3c3c3c !important;
    background-image: linear-gradient(#3c3c3c 50%,#3c3c3c 100%);
}

/* here are all the unreadable things and such... */
.smw-editpage-help, .editOptions {
color: black !important;
}