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 37: Line 37:
  
 
/* links */
 
/* links */
.mw-body-content a:link { color: #762c80; } /* normal unvisited links */
 
.mw-body-content a:link:visited { color: #762c80; } /* visited links */
 
.mw-body-content a:link:active { color: #762c80; } /* active links */
 
.mw-body-content a:link.new { color: #762c80; } /* new links */
 
.mw-body-content a:link.extiw { color: #762c80; } /* interwiki links */
 
.mw-body-content a:link.external { color: #762c80; } /* external links */
 
.mw-body-content a:link.stub { color: #762c80; } /* hovered links */
 
  
.mw-body-content a:link {color: #762c80}
+
#content a,
.mw-body-content a:visited {color: #762c80}
+
#content a:visited,
.mw-body-content a:hover {color: #762c80}
+
#content a:active
.mw-body-content a:active {color: #762c80}
+
{
 +
color: #762c80;
 +
}
  
 
/* TOP................................ */
 
/* TOP................................ */

Revision as of 05:01, 4 February 2019

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

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

/* magnify most everything */ body { font-size: 130%; max-width: 1100px; font-family: "Ovo", sans-serif; }

  1. jfatitle a,
  2. firstHeading,

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { font-family: "Libre+Baskerville", serif; /* color: #5a7c9f; legacy blue */ color: #537c63; /* green */ }

div#content .mw-parser-output h3 { border-bottom: 1px solid #9f501e; } div#content .mw-parser-output span h3 { border: 0; }

/* universals */ .mw-body h1 { font-size: 1.5em; }

/* links */

  1. content a,
  2. content a:visited,
  3. content a:active

{ color: #762c80; }

/* 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 */

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

/* background-color: #eaeaea; gray*/ background-color: #eac2b4; }

/* 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; green */ /* background-color: #eaeaea; gray */ background-color: #e8eadc; /* gray green */ }

  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: #f7f7f7; }

  1. content a, #content a:visited {

color: #0b0080; }

/* TEMPLATES....................................*/ .jfaredflag { color: red; }

.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; }