|
|
(212 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | /* CSS placed here will be applied to all skins */
| |
| | | |
− | /* Google Fonts */
| |
− | @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Ovo');
| |
− |
| |
− | 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,
| |
− | #jfatitle a,
| |
− | #jfatitle a:visited,
| |
− | #jfatitle a:visited,
| |
− | .vectorMenu h3 span {
| |
− | color: #fdfdfd !important;
| |
− | }
| |
− |
| |
− | .vectorMenu .menu {
| |
− | background-color: #7a7a7a !important;
| |
− | }
| |
− |
| |
− | /* .ns-special #simpleSearch, */
| |
− | #simpleSearch input {
| |
− | background-color: #f0f0f0 !important;
| |
− | }
| |
− |
| |
− | /* ----------- Side Colors -------------------------- */
| |
− | /* links */
| |
− | #mw-panel .portal .body li a,
| |
− | #mw-panel .portal .body li a:visited,
| |
− | #mw-panel .portal .body li a:active {
| |
− | color: #5a7c9f !important;
| |
− | }
| |
− |
| |
− | /* ----------- Content Colors -------------------------- */
| |
− | #jfatitle a,
| |
− | #firstHeading,
| |
− | div#content h1,
| |
− | 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: #537c63; green */
| |
− | color: #333333; /* dark gray */
| |
− | }
| |
− |
| |
− | /* h4 {font-size:110% !important; } */
| |
− |
| |
− |
| |
− | div#content .mw-parser-output h3 {
| |
− | border-bottom: 1px solid #9f501e;
| |
− | }
| |
− |
| |
− | /* links */
| |
− | #content a,
| |
− | #content a:visited,
| |
− | #content a:active {
| |
− | color: #5a7c9f !important;
| |
− | }
| |
− |
| |
− | /* content border */
| |
− | .mw-body {
| |
− | color: #555555;
| |
− | border: 1px solid #d66b28 !important; /* orange */
| |
− | }
| |
− |
| |
− | #toc {
| |
− | background-color: #fff;
| |
− | }
| |
− |
| |
− | .toctext, .tocnumber {
| |
− | font-size: .95em;
| |
− | color: #9f501e;
| |
− | }
| |
− | .toctogglelabel {
| |
− | color: #9f501e;
| |
− | }
| |
− |
| |
− | /* Footer Colors */
| |
− | #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 _____________ */
| |
− |
| |
− | /* 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 */
| |
− | #jfatitle {
| |
− | position: absolute;
| |
− | top: 26px;
| |
− | left: 220px;
| |
− | z-index: 1000;
| |
− | font-size: 15px;
| |
− | color: #333;
| |
− | }
| |
− |
| |
− | #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 */
| |
− | #right-navigation {
| |
− | margin-top: .7em;
| |
− | }
| |
− |
| |
− | /* set the top background color */
| |
− | #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 */
| |
− | #mw-head {
| |
− | border-bottom: 3px solid #d66b28; /* orange */
| |
− | }
| |
− |
| |
− | /* resize the very top right personal menu */
| |
− | #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 */
| |
− | #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,
| |
− | #mw-head .vectorMenu h3
| |
− | {
| |
− | background-image: none;
| |
− | }
| |
− |
| |
− | /* bring top left navagation back up */
| |
− | #left-navigation {
| |
− | margin-top: .7em;
| |
− | }
| |
− |
| |
− | /* SIDEBAR............................ */
| |
− |
| |
− | /* hide the sidebar logo */
| |
− | #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;
| |
− | }
| |
− | #mw-page-base {
| |
− | background-image: none;
| |
− | }
| |
− |
| |
− | /* why did the theme hide the top header "sections"? */
| |
− | #mw-panel #p-logo + .portal h3 {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | /* CONTENT.................................. */
| |
− | #content {
| |
− | margin-top: -30px;
| |
− | background-color: #fff;
| |
− | }
| |
− |
| |
− | #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;
| |
− | }
| |
− |
| |
− | /* Stop Expand/Collapse Crowding */
| |
− | .mw-customtoggle, .mw-collapsible-toggle {
| |
− | margin-left: 10px;
| |
− | }
| |
− |
| |
− | /* for jfa-h4wrap template */
| |
− | h4.jfa-h4wrap, h4.jfa-h4wrap + p {
| |
− | display: inline !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;
| |
− | }
| |
− |
| |
− | /* hide table of contents numbering */
| |
− | /* .tocnumber { display: none; } */
| |
− |
| |
− | /* make log contrast items visible
| |
− | .oo-ui-labelElement-label {
| |
− | color: #fff;
| |
− | }
| |