Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
Line 34: | Line 34: | ||
+ | |||
+ | /* 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; | ||
+ | } | ||
Revision as of 13:24, 27 June 2015
/* 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: #bac8da url(http://dataphys.org/images/header.png) repeat-x top center; color: #fff; font-size: 2.2em; 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; }