Difference between revisions of "MediaWiki:Vector.css"

From Data Physicalization Wiki
Jump to navigation Jump to search
m
 
(187 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vector skin */
 
/* CSS placed here will affect users of the Vector skin */
  
 +
/* @font-face declarations need to come first */
 +
/* ********************************************************** /
 +
/* Google font css */
 +
/* ********************************************************** /
  
−
h1#firstHeading {
+
@import url("http://dataphys.org/OpenSans-local.css");
−
font-size: 2em;
 
−
font-weight: bold;
 
−
line-height: normal;
 
−
        font-family: 'Open Sans';
 
−
margin: 0;
 
−
}
 
−
body {
 
−
      font-family: 'Open Sans';
 
−
color: #444;
 
−
}
 
−
 
 
−
div#wiki-title {
 
−
        background: #fff url(http://dataphys.org/images/header.png) repeat-x top center;
 
−
        color: #bac8da;
 
−
        font-size: 2.0em;
 
−
        font-weight: bold;
 
−
        padding:15px 0 15px 250px;
 
−
}
 
−
 
 
−
/* GLOBAL ELEMENT COMBINATIONS */
 
−
 
 
−
div#sidebar ul li h2 {
 
−
background: #fff;
 
−
color: #888;
 
−
}
 
−
div#content blockquote, div#content h1, div#content h2, div#content h4,div#content h5, div#content h6, div#sidebar ul li p {
 
−
background: #fff;
 
−
color: #444;
 
−
}
 
−
 
 
−
 
 
−
 
 
−
/* copied from the pmwiki css */
 
−
h1#title {
 
−
font-size: 2.2em;
 
−
font-weight: bold;
 
−
line-height: normal;
 
−
margin: 0;
 
−
}
 
−
p#description {
 
−
font-size: 1.3em;
 
−
margin: 0;
 
−
}
 
−
/* WRAPPER - CONTAINER - CONTENT STUFF */
 
−
div#container {
 
−
float: right;
 
−
width: 100%;
 
−
margin: 0 0 0 -20em;
 
−
}
 
−
div.narrowcolumn {
 
−
margin: 0 0 0 19.5em;
 
−
padding: 0 2% 0 1%;
 
−
}
 
−
div.widecolumn {
 
−
margin: 0 0 0 19em;
 
−
padding: 0 4% 0 2%;
 
−
}
 
−
div#content h1 {
 
−
font-size: 2.2em;
 
−
font-weight: bold;
 
−
margin: 0.3em 0 1em 0;
 
−
}
 
−
div#content h2 {
 
−
font-size: 1.4em;
 
−
font-weight: bold;
 
−
margin: 0.3em 0 1em 0;
 
−
}
 
−
div#content h3 {
 
−
font-size: 1.1em;
 
−
font-weight: bold;
 
−
color: #888;
 
−
margin: 0;
 
−
}
 
−
div#content p {
 
−
line-height: 150%;
 
−
margin: 1em 0;
 
−
}
 
−
div#content div.compact {
 
−
font-size: 90%;
 
−
line-height:1.4;
 
−
}
 
−
div#content td.compact {
 
−
font-size: 90%;
 
−
line-height:1.4;
 
−
}
 
−
div#content span.compact {
 
−
font-size: 90%;
 
−
}
 
−
/* div#content ul li { list-style: square; } */
 
−
div#content ul li, div#content ol li { line-height: 150%; }
 
−
div#content blockquote {
 
−
border-left: 1em solid #cfd5dd;
 
−
font-size: 0.9em;
 
−
padding-left: 1em;
 
−
}
 
−
div#content hr {
 
−
border: 0;
 
−
border-bottom: 1px solid #888;
 
−
margin: 1em 0 1em 0;
 
−
}
 
−
/* SIDEBAR STUFF */
 
−
div#sidebar {
 
−
float: left;
 
−
width: 16em;
 
−
}
 
−
div#sidebar ul {
 
−
margin: 0 1.5em 0 3em;
 
−
padding: 0;
 
−
}
 
−
div#sidebar ul li {
 
−
font-size: 1em;
 
−
line-height: 175%;
 
−
list-style: none;
 
−
margin: 0 0 1.5em 0;
 
−
padding: 0;
 
−
}
 
−
div#sidebar ul li h2 {
 
−
font-size: 1em;
 
−
margin: 0;
 
−
text-transform: uppercase;
 
−
}
 
−
div#sidebar ul li p, div#sidebar ul li ul, div#sidebar ul li ul li {
 
−
margin: 0;
 
−
padding: 0;
 
−
}
 
−
div#sidebar ul li ul li ul li {
 
−
font-size: 0.9em;
 
−
margin: 0 0 0 1em;
 
−
}
 
−
/* FOOTER STUFF */
 
−
div#footer {
 
−
background: #fff;
 
−
clear: both;
 
−
color: #888;
 
−
padding: 5em 0 1em 3em;
 
−
}
 
−
div#footer p {
 
−
font-size: 0.7em;
 
−
margin: 0;
 
−
}
 
−
/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
 
−
.alignleft { float: left; }
 
−
.alignright  { float: right; }
 
−
abbr, acronym {
 
−
border-bottom: 1px dotted #546188;
 
−
cursor: help;
 
−
}
 
−
code, pre {
 
−
font: 1em/normal "courier new", courier, monospace;
 
−
}
 
−
.clearer {
 
−
clear: both;
 
−
height: 0;
 
−
}
 
−
/* IMAGE ELEMENTS, INCLUDING LINKS */
 
−
img { border: none; }
 
−
div#content img.center {
 
−
display: block;
 
−
margin: 0.4em auto;
 
−
}
 
−
div#content img.alignright { margin: 0.4em 0 0.4em 1.1em }
 
−
div#content img.alignleft { margin: 0.4em 1.1em 0.4em 0; }
 
−
/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
 
−
div.formcontainer p{
 
−
margin: 0.5em 0 1em 0;
 
−
}
 
−
form {
 
−
margin: 0.3em 0 0 0;
 
−
padding: 0;
 
−
}
 
−
input#s {
 
−
margin: 0 0 0.4em 0;
 
−
padding: 0.2em;
 
−
width: 70%;
 
−
}
 
−
textarea {
 
−
/* height: 13em; */
 
−
overflow: auto;
 
−
float: left;
 
−
width: 100%;
 
−
margin: 0 0 0.5em 0;
 
−
}
 
−
input#searchsubmit, input#submit, input.e_button { border: 1px outset #999; }
 
−
input#s, input#summary, input#author { width: 66%; }
 
−
input#s, input#summary, input#author, textarea {
 
−
border: 1px inset #999;
 
−
padding: 0.2em;
 
−
}
 
−
div.formcontainer {
 
−
font-size: 1em;
 
−
margin: 0 0 3em 0;
 
−
width: 100%;
 
−
}
 
−
span.formright, span.formleft {
 
−
display: inline;
 
−
float: left;
 
−
margin: 0 0 0.5em 0;
 
−
}
 
−
span.formleft {
 
−
clear: both;
 
−
text-align: right;
 
−
width: 15%;
 
−
margin: 0 2% 0 0;
 
−
}
 
−
span.formright { width: 80%; }
 
−
/* LINK STYLES */
 
−
div#header a, div#header a:active, div#header a:link, div#header a:visited {
 
−
background: transparent;
 
−
color: #fff;
 
−
text-decoration: none;
 
−
}
 
−
div#header a:hover {
 
−
background: transparent;
 
−
color: #e5e5e5;
 
−
}
 
−
div#content a, div#content a:active, div#content a:link, div#content a:visited {
 
−
color: #546188;
 
−
background: transparent;
 
−
}
 
−
div#content a:hover {
 
−
color: #000;
 
−
background: transparent;
 
−
}
 
−
div#sidebar a, div#sidebar a:active, div#sidebar a:link, div#sidebar a:visited {
 
−
background: #fff;
 
−
color: #999;
 
−
text-decoration: none;
 
−
}
 
−
div#sidebar a:hover {
 
−
background: #fff;
 
−
color: #2f4e6f;
 
−
text-decoration: underline;
 
−
}
 
−
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited {
 
−
background: #fff;
 
−
color: #888;
 
−
}
 
−
div#footer a:hover {
 
−
background: #fff;
 
−
color: #222;
 
−
text-decoration: none;
 
−
}
 
−
 
 
  
−
/* Google font css */
+
* {font-family: 'Open Sans' !important}
  
  
Line 345: Line 106:
 
   src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2) format('woff2');
 
   src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2) format('woff2');
 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
 +
 +
 +
/* ##########################################################################################*/
 +
/* ##########################################################################################*/
 +
 +
 +
 +
/* Try to switch all fonts to open sans */
 +
html, body {
 +
  font-family: 'Open Sans';
 +
}
 +
 +
/* Article title */
 +
h1.firstHeading {
 +
  font-size: 160%;
 +
  font-weight: bold;
 +
  font-family: 'Open Sans';
 +
  border: none;
 +
  color: #444;
 +
}
 +
 +
/* Toc */
 +
div#toc.toc {
 +
/* font-size: 87%; */
 +
  margin-top: 1.6em;
 +
}
 +
 +
/* Section title */
 +
.mw-body h2 {
 +
  border: none;
 +
  margin-top: 0.8em;
 +
  margin-bottom: 0.8em;
 +
}
 +
/* title text only, without the [edit] */
 +
h2 span.mw-headline {
 +
  font-size: 85%;
 +
  font-weight: bold;
 +
  color: #444;
 +
}
 +
 +
/* h3 */
 +
h3 span.mw-headline {
 +
  font-size: 90%;
 +
  font-weight: bold;
 +
  color: #444;
 +
}
 +
 +
/* Normal text size */
 +
p, li, dl {
 +
  font-size: 97%;
 +
}
 +
 +
/* Paragraph spacing */
 +
.mw-body p {
 +
  margin-top: 0.8em;
 +
  margin-bottom: 0.8em;
 +
}
 +
 +
/* Links */
 +
a, a:visited {
 +
  color: #515891 !important;
 +
}
 +
a[href$="redlink=1"] {
 +
  color: #993333 !important;
 +
}
 +
 +
/* Fixes for TOC auto numbering and item spacing in bibliography page */
 +
.noautonum .tocnumber {
 +
  display: none;
 +
}
 +
.bibliography dl, .bibliography dd {
 +
  margin-top: 0px;
 +
  margin-bottom: 0;
 +
}
 +
.bibliography li {
 +
  margin-top: 17px;
 +
  margin-bottom: 0;
 +
}
 +
 +
/* Refs, and class "compact" */
 +
ol.references, .compact {
 +
  font-size: 90%;
 +
}
 +
 +
/* Main logo - retina fix */
 +
.mw-wiki-logo {
 +
  background-size: 135px 155px;
 +
}
 +
 +
/* Left menu */
 +
div#mw-panel div.portal {
 +
  font-size: 110%;
 +
}
 +
div#mw-panel div.portal h3#p-External_Links-label {
 +
  margin-top: 4px;
 +
  margin-bottom: 4px;
 +
}
 +
 +
/* MediaWiki editor */
 +
textarea#wpTextbox1 {
 +
  font-size: 100%;
 +
  font-family: 'Courier New';
 
}
 
}

Latest revision as of 20:20, 11 June 2016

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

/* @font-face declarations need to come first */
/* ********************************************************** /
/* Google font css */
/* ********************************************************** /

@import url("http://dataphys.org/OpenSans-local.css");

* {font-family: 'Open Sans' !important}


/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtDnm4qiMZlH5rhYv_7LI2Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtTIkQYohD4BpHvJ3NvbHoA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBqE8kM4xWR1_1bYURRojRGc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxkWd5At5A4dPjoTcH8-WMxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}



/* ##########################################################################################*/
/* ##########################################################################################*/



/* Try to switch all fonts to open sans */
html, body {
  font-family: 'Open Sans';
}

/* Article title */
h1.firstHeading {
  font-size: 160%;
  font-weight: bold;
  font-family: 'Open Sans';
  border: none;
  color: #444;
}

/* Toc */
div#toc.toc {
 /* font-size: 87%; */
  margin-top: 1.6em;
}

/* Section title */
.mw-body h2 {
  border: none;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
/* title text only, without the [edit] */
h2 span.mw-headline {
  font-size: 85%;
  font-weight: bold;
  color: #444;
}

/* h3 */
h3 span.mw-headline {
  font-size: 90%;
  font-weight: bold;
  color: #444;
}

/* Normal text size */
p, li, dl {
  font-size: 97%;
}

/* Paragraph spacing */
.mw-body p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

/* Links */
a, a:visited {
  color: #515891 !important;
}
a[href$="redlink=1"] {
  color: #993333 !important;
}

/* Fixes for TOC auto numbering and item spacing in bibliography page */
.noautonum .tocnumber {
  display: none;
}
.bibliography dl, .bibliography dd {
  margin-top: 0px;
  margin-bottom: 0;
}
.bibliography li {
  margin-top: 17px;
  margin-bottom: 0;
}

/* Refs, and class "compact" */
ol.references, .compact {
  font-size: 90%;
}

/* Main logo - retina fix */
.mw-wiki-logo {
  background-size: 135px 155px;
}

/* Left menu */
div#mw-panel div.portal {
  font-size: 110%;
}
div#mw-panel div.portal h3#p-External_Links-label {
  margin-top: 4px;
  margin-bottom: 4px;
}

/* MediaWiki editor */
textarea#wpTextbox1 {
  font-size: 100%;
  font-family: 'Courier New';
}
Retrieved from "http://dataphys.org/w/index.php?title=MediaWiki:Vector.css&oldid=475"