MediaWiki:Vector.css

From Dissent
Revision as of 02:33, 17 May 2019 by Strangelv (talk | contribs) (Tinkering)
Jump to navigation Jump to search

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 / Edge: 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 affect users of the Vector skin */

/* This needs work
BODY
   {
    background-image: linear-gradient(#000 80%, #FFD100 100%);
    }

#mw-page-base 
   {
    background-repeat: none;
    background-image: none;
    background-color: none;
    }
*/

/* * * * * * * * * * * * */

/* CSS placed here from LPedia will affect users of the Vector skin */

/* 

Changing link colors to match site branding standards circa April 2017

Unvisited extant: #002D72 (288C, LPTexas specification for dark blue, as the LNC doesn't presently have a specified dark blue; also used on main page).  Changing to black for Radical Caucus; blue can be visited.

Unvisited non-extant: ##97272C (7622C, from SIGLIB/LSP specification, as the LNC doesn't presently have a specified red; also used on the vectorized version of the Red Book LPedia logo.)

*/

/* Normal, extant, unvisited links */
A { color: #000000 }

/* Unvisited non-extant links */
A.new { color: #97272C }

/* Unvisited Menu items */
DIV#mw-panel DIV.portal DIV.body UL LI A { color: #000000 }

/* Unvisited menu tabs */
DIV.vectorTabs LI A { color: #000000 }

/* Visited items */
DIV#mw-panel DIV.portal DIV.body UL LI A:visited { color: #002D72 }
DIV.vectorTabs LI A:visited { color: #002D72 }
A:visited { color: #002D72 }

/*

Attempting a font stack.

Normal sans serif: Roboto 2014 preferred (but has a name collission with Roboto 2012).  Most edge cuts should be horizontal, thus Helvetica-style typefaces are preferred to vertical cut like Segoe, Frutiger, DejaVu Sans, or Open Sans.

We may want to install an @font-face for Roboto 2014.

*/

/* This seems to be where the default sans serif is specified, and vector, left to its own devices, will go with just whatever the user's default is */
BODY { font-family: Roboto, Univers, "Helvetica Std", HelveticaStd, Helvetica, "Nimbus Sans L", NimbusSansL, "Nimbus Sans", NimbusSans, "Helvetica Neue", HelveticaNeue, "Helvetica Neue Std", HelveticaNeueStd, Arial, "Liberation Sans", LiberationSans, Arimo, Lato, sans-serif }



# Maybe this color needs to be specified here to work.  This is for the '''Remember that you are only previewing this CSS. It has not yet been saved!''' note and anything else covered by this.  Trying to get the correct red.
.previewnote, DIV.previewnote { color: #97272C }


/* * * * * * * * * * * * * /

retrying replacing the very off-brand Cyan (it's not even our meant for use against black cyan, and this isn't the use for that I had in mind)

CG1C:#D9D9D6
CG4C:#BBBCBC
CG5C:#B1B3B3
CG9C:#75787B
CG3C:#C8C9C7 
CG4C:#BBBCBC

Half CG1C:#EDEDEB

background-image: linear-gradient(#D9D9D6 20%, #D9D9D6 50%, #B1B3B3 100%);
background-color: #FFF;

*/

BODY { background-color:#FFFFFF; background-image:linear-gradient(#FFFFFF  0%, #FFFFFF  20%, #BBBCBC 100%); height:100%; background-repeat:no-repeat; }

#mw-head-base, #mw-page-base {background-color:#FFFFFF; background-image:linear-gradient(#FFFFFF 0%, FFFFFF 50%, #BBBCBC  100%) }



/* Replacing Alegreya stack with Avant Garde stack

.mw-body H1, .mw-body H2, H1, H2, H3, H4, H5, H6, H7, H8 { font-family: Alegreya, "Bookman", "Century Schoolbook", "Linux Libertine",Georgia,Times,serif; }
*/

.mw-body H1, .mw-body H2, H1, H2, H3, H4, H5, H6, H7, H8 { font-family: "TeX Gyre Adventor", "Avant Garde", AvantGarde, "Avant Gard", "ITC Avant Garde", ITCAvantGarde, Futura, Futura-Bold, "Futura Bold", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", TwCen, "Twentieth Century", "Futura PT", "Heiti SC", "Heiti TC", "Didact Gothic", Questrial, Muli, Avenir, Sofia, "Gill Sans", GillSans, Kabel, OptiKabel, "Open Sans", "Noto Sans", NotoSans, Noto, "Droid Sans", DroidSans, Droid, "DejaVu Sans", DejaVuSans, "Bitstream Vera", BitstreamVera, Vera, "DejaVu LGC Sans", Geneva, sans-serif; }


H1, H2, H5, .mw-body H5 { font-weight:700 }
H3, H4, .mw-body H3, .mw-body H4  { font-weight:900 }
H6, .mw-body H6 { font-weight:400 }
A { text-decoration: underline; }
A:hover { color:#002D72 }
A:active { color:#97272C }
DIV#mw-panel div.portal H3, DIV#footer UL LI { {  color:#000000 }

DIV#mw-panel DIV.portal DIV.body UL LI A:hover { color:#002D72 }
DIV#mw-panel DIV.portal DIV.body UL LI A:active { color:#97272C }

/* Edit Source */
#wpTextbox1 
   {
    font-family: "Roboto Mono", RobotoMono, Inconsolata, Consolas, Monaco, "Bitstream Vera Sans", "DejaVu Sans Mono", "Deja Vu Sans Mono", "Liberation Mono", "Nu Sans Mono", "Source Code Pro", "Fira Mono", "Anonymous Pro", "Proggy Clean",   "Andale Mono", Hack, Dina, Crystal, monospace
    }