Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
Line 3: | Line 3: | ||
h1#firstHeading { | h1#firstHeading { | ||
− | font-size: | + | font-size: 4em; |
font-weight: bold; | font-weight: bold; | ||
line-height: normal; | line-height: normal; |
Revision as of 19:57, 28 June 2015
/* CSS placed here will affect users of the Vector skin */ h1#firstHeading { font-size: 4em; 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: 1.4em; font-weight: bold; padding:2px 0 25px 8px; } /* 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; }