To get updates on new site content, like us on Facebook or follow us on Twitter.

Difference between revisions of "MediaWiki:Common.css"

From JFA Wiki
Line 7: Line 7:
  
 
/* TOP................................ */
 
/* TOP................................ */
 
/* put a logo top left */
 
#mw-head-base {
 
background-image: url(/images/jfa-logo-end-chick.png);
 
background-size: 250px;
 
background-repeat: no-repeat;
 
background-position-x: 10;
 
background-position-y: 0;
 
}
 
 
  
 
/* title is creates in common.js */
 
/* title is creates in common.js */
 
#jfatitle {
 
#jfatitle {
 
position: fixed;
 
position: fixed;
top: 30px;
+
top: 16px;
left: 200px;
+
left: 235px;
}
 
 
 
body::before {
 
content: "before";
 
 
}
 
}
  
body::after {
 
content: "<div id="jfafter">after</div>";
 
}
 
  
 
/* close the gap between the two rows of menus */
 
/* close the gap between the two rows of menus */

Revision as of 07:33, 31 January 2019

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

/* magnify most everything */ body { font-size: 130%; }

/* TOP................................ */

/* title is creates in common.js */

  1. jfatitle {

position: fixed; top: 16px; left: 235px; }


/* close the gap between the two rows of menus */

  1. right-navigation {

margin-top: .7em; }

/* set the top background color */

#mw-head, #left-navigation, #right-navigation {

background-color: #eaeaea; }

/* put a border on the bottom of the header */

  1. mw-head {

border-bottom: 2px solid #d66b28; /* orange */ }

/* resize the very top right personal menu */

  1. p-personal {

font-size: .9em; }

/* size and reposition top tabs */ .vectorTabs, .vectorMenu { font-size: .8em; margin-top: 1em; }

.ns-special .vectorTabs { margin-top: .8em; }

/* size and reposition the search box */

  1. simpleSearch {

font-size: .8em; margin-top: 1.6em; }

.ns-special #simpleSearch { margin-bottom: .3em; }

/* take the ancient gradients off some of the top tabs */ .vectorTabs li.selected, .vectorTabs ul li, .vectorTabs span, .vectorTabs ul, .vectorTabs,

  1. mw-head .vectorMenu h3

{ background-image: none; }

/* bring top left navagation back up */

  1. left-navigation {

margin-top: .7em; }

/* SIDEBAR............................ */

/* hide the sidebar logo */

  1. p-logo a {

/* display:none; */ }

/* set the sidebar backgroundcolor */ body, #mw-page-base { background-color: #dae7df; }

  1. mw-page-base {

background-image: none; }

/* why did the theme hide the top header "sections"? */

  1. mw-panel #p-logo + .portal h3 {

display: block; }

/* CONTENT.................................. */

  1. content {

margin-top: -30px; }