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

MediaWiki:Common.css

From JFA Wiki
Revision as of 20:07, 10 February 2019 by Greg.Fuller (talk | contribs)

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

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

/* Google Fonts */ @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville%7COvo');

div#bodyContent.mw-body-content { line-height: 1.4 !important; }

/* =========== ANY AND ALL COLORS =============== */

/* Default Colors */ a, a:visited, a:visited { 

   color: #fdfdfd !important;

}

/* ----------- Top Colors -------------------------- */ /* links */ .vectorTabs li a, .vectorTabs li a:visited, .vectorTabs li a:active,

  1. jfatitle a,
  2. jfatitle a:visited,
  3. jfatitle a:visited,

.vectorMenu h3 span { 

   color: #fdfdfd !important;

}

.vectorMenu .menu { 

   background-color: #7a7a7a !important;

}

/* .ns-special #simpleSearch, */

  1. simpleSearch input {
   background-color: #f0f0f0 !important;

}

/* ----------- Side Colors -------------------------- */ /* links */

  1. mw-panel .portal .body li a,
  2. mw-panel .portal .body li a:visited,
  3. mw-panel .portal .body li a:active {
   color: #5a7c9f !important;

}

/* ----------- Content Colors -------------------------- */

  1. jfatitle a,
  2. firstHeading,

div#content h1 { 

   font-family: "Libre+Baskerville", serif;
   font-weight: normal;
   /* color: #5a7c9f; legacy blue */
   /* color: #537c63;   green */
   color: #444; /* dark gray */
   border: 0px;

}

div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { 

   font-family: "Libre+Baskerville", serif;
   font-weight: normal;
   /* color: #5a7c9f; legacy blue */
   /* color: #666; dark gray */
   color: rgb(198, 93, 25); /* mid orange */

}

div#content h2 { border: 0; }

div#content h3 { 

   border-bottom: 1px solid #5a7c9f;

}

/* h4 {font-size:110% !important; } */


div#content .mw-parser-output h3 { 

   /* border-bottom: 1px solid #9f501e; */

}

/* links */

  1. content a,
  2. content a:visited,
  3. content a:active {
   color: #5a7c9f !important;

}

/* content border */ .mw-body { color: #555555; 

   border: 1px solid #d66b28 !important; /* orange */

}

  1. toc {

background-color: #fff; margin-top: 8px; }

.toctogglelabel, .toctitle { color: #666; }

/* hide table of contents numbering */ .tocnumber { display: none; }

.toctext, .tocnumber { font-size: .95em; color: #5a7c9f; }

.toclevel-2, .toclevel-3, .toclevel-4 { list-style-type: circle; }

/* Footer Colors */

  1. footer ul#footer-places, #footer ul#footer-places a {

color: #55555 !important; }


/* ----------- Dialog / UI Colors -------------------------- */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { 

   background-color: #7a7a7a !important;

}

/* ___________End Colors _____________ */

/* give list items some breathing room */

  1. mw-content-text li {

margin-top: 12px; padding-bottom: 1px; }

/* table of contents: must come after the above

  1. toc li {

margin-top: 5px; margin-bottom: 2px; }

/* magnify most everything */ body { 

   font-size: 130%;
   max-width: 1100px;
   font-family: "Ovo", sans-serif;

}

div#content .mw-parser-output span h3 { 

   border: 0;

}

/* universals */ .mw-body h1 { 

   font-size: 1.5em;

}


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

/* title is creates in common.js */

  1. jfatitle {
   position: absolute;
   top: 26px;
   left: 220px;
   z-index: 1000;
   font-size: 15px;
   color: #333;

}

  1. jfatitle a, a:visited {
   color: #333;

}

@media screen and (min-width: 800px) { 

   #jfatitle {
       font-size: 22px;
       top: 16px;
       left: 235px;
   }

}

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

  1. right-navigation {
   margin-top: .7em;

}

/* set the top background color */

  1. mw-head, #left-navigation, #right-navigation {
   /* background-color: #eaeaea;  gray*/
   /*background-color: #eac2b4;  orange */
   background-color:  #7a7a7a; /* dark gray */

}

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

  1. mw-head {
   border-bottom: 5px 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; green */
   /* background-color: #eaeaea; gray */
   /* background-color:  #e8eadc;  gray green */
   /* background-color: #e4ece7; /* light green */
      background-color: #f7f7f7;

}

  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;
   background-color: #fff;

}

  1. content a, #content a:visited {
   color: #0b0080;

}

/* TEMPLATES....................................*/ .jfaredflag { 

   color: #333;
   text-transform: uppercase;
   font-weight: bold;

}

.jfanote { 

   margin-bottom: 16px;
   margin-top: 16px;
   padding-right: 10px;
   padding-left: 14px;
   font-size: .8em;
   border-left: 1px solid gray;
   color: #98582a;

}

.jfastart, .jfaoutline-head, .jfaclipboard-head { 

   margin-bottom:0px;
   margin-top: 0px;
   padding-right: 0px;
   padding-left: 0px;
   font-size: .8em;

}

.jfastart { padding-left: 10px; border-left: 2px solid #4444; }

/* Stop Expand/Collapse Crowding */ .mw-customtoggle, .mw-collapsible-toggle { 

   margin-left: 10px;

}

/* for jfa-h4wrap template */ div#content h4.jfa-hwrap, div#content h4.jfa-hwrap + p { 

   display: inline !important;
   font-family: "Ovo", sans-serif !important;
   color: #eac2b4 !important;

}

/* for jfa-hwrap template */ .jfa-hwrap { 

   margin-top: -16px;

} .jfa-hwrap h1, .jfa-hwrap h2, .jfa-hwrap h3, .jfa-hwrap h4, .jfa-hwrap h5, .jfa-hwrap h6, .jfa-hwrap p { 

   display: inline;

}


/* make log contrast items visible */ /* ? .buttonElement */ .oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #fff !important; }

/* plain text expand, 2nd row */ div#content #jfa-factsheet-help { color: rgb(198, 93, 25) !important; font-size: .9em !important; font-style: italic !important; }

Retrieved from "https://justiceforanimals.org/index.php?title=MediaWiki:Common.css&oldid=1423"