MediaWiki:Vector.css

From Data Physicalization Wiki
Revision as of 23:43, 27 June 2015 by Dragice (talk | contribs)
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: 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 */


h1#firstHeading {
	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 */


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