|
|
Line 5: |
Line 5: |
| | | |
| ---Purpose--- | | ---Purpose--- |
- | CSS code to perform a browser reset for the iGEM Wiki. | + | CSS code to define all typographical element styles |
- | Removes most header elements (Except necessary links; e.g. login)
| + | |
- | and sets all pre-defined styles to a minimal, text editor-esque style.
| + | |
- | Other CSS style sheets should be added to customise web page.
| + | |
| ------------- | | ------------- |
| | | |
Line 14: |
Line 11: |
| Wm. Keith van der Meulen | | Wm. Keith van der Meulen |
| University of Calgary iGEM 2013 | | University of Calgary iGEM 2013 |
- | https://2013.igem.org/Team:Calgary/StyleSheets/Reset | + | https://2013.igem.org/Team:Calgary/StyleSheets/Typography |
| | | |
- | ***\
| |
- |
| |
- | /***
| |
- | Header Removal - Removes header (except important links; e.g. login) and sets wiki to as blank as possible.
| |
- |
| |
- | Code adapted from sections of Calgary 2012:
| |
- | https://2012.igem.org/Team:Calgary/static/basicpageglobal.css
| |
| ***/ | | ***/ |
- | #top-section{
| |
- | height: 20px;
| |
- | margin-bottom: 0;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #header {
| |
- | width: 975px;
| |
- | text-align: left;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom: 0;
| |
- | }
| |
- |
| |
- | #p-logo {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #search-controls {
| |
- | overflow:hidden;
| |
- | display:none;
| |
- | background: none;
| |
- | position: absolute;
| |
- | top: 170px;
| |
- | right: 40px;
| |
- | }
| |
- |
| |
- | #searchform {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #menubar {
| |
- | position: absolute;
| |
- | background: none;
| |
- | color: black;
| |
- | }
| |
- |
| |
- | .left-menu, .right-menu{
| |
- | position: absolute;
| |
- | background: none;
| |
- | color: black;
| |
- | margin-top: 4px;
| |
- | }
| |
- |
| |
- | .left-menu {
| |
- | background-color: #555;
| |
- | }
| |
- | .left-menu a {
| |
- | color: #000000;
| |
- | }
| |
- |
| |
- | .left-menu li a, .right-menu li a {
| |
- | color: #000000;
| |
- | }
| |
- |
| |
- |
| |
- | .left-menu ul li, .right-menu ul li a{
| |
- | background: none;
| |
- | color: #000000;
| |
- | }
| |
- |
| |
- | .left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
| |
- | color: #000000;
| |
- | }
| |
- |
| |
- | #content{
| |
- | margin-top: 0;
| |
- | padding: 0;
| |
- | border: 0;
| |
- | }
| |
- |
| |
- | .firstHeading {
| |
- | visibility:hidden;
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #catlinks{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | /*important for background colours*/
| |
- | .mediawiki{
| |
- | background: #ffffff;
| |
- | }
| |
- | /***End minimal header***/
| |
| | | |
- | /* reset browser styles */
| + | h1, h2, h3, h4, h5, h6 { |
- | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
| + | font: bold underline 200% Arial, Helvetica, sans-serif; |
- | address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup,
| + | |
- | tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
| + | |
- | thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu,
| + | |
- | nav, output, ruby, section, summary, time, mark, audio, video {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | border: 0;
| + | |
- | font-size: 10px;
| + | |
- | vertical-align: baseline;
| + | |
| } | | } |
| | | |
- | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
| + | h1 { |
- | display: block;
| + | font-size: 3.2em; |
| } | | } |
| | | |
- | body {
| + | h2 { |
- | line-height: 1.2;
| + | font-size: 2.4em; |
| } | | } |
| | | |
- | table {
| + | h3 { |
- | border-collapse: collapse;
| + | font-size: 1.9em; |
- | border-spacing: 0;
| + | |
| } | | } |
| | | |
- | ol {
| + | h4 { |
- | padding-left: 1.4em;
| + | font-size: 1.6em; |
- | list-style: decimal;
| + | |
| } | | } |
| | | |
- | ul {
| + | h5 { |
- | padding-left: 1.4em;
| + | font-size: 1.3em; |
- | list-style: square;
| + | |
| } | | } |
| | | |
- | blockquote, q {
| + | h6 { |
- | quotes: none;
| + | font-size: 1.1em; |
| } | | } |
| | | |
- | blockquote:before, blockquote:after, q:before, q:after {
| + | p { |
- | content: '';
| + | font: 1.6em/1.2 "Times New Roman", Times, serif; |
- | content: none;
| + | |
| } | | } |
- | /* end reset browser styles */
| |
/***
Name: Wm. Keith van der Meulen
Date: Summer 2013
Organization: University of Calgary iGEM Team 2013
h1, h2, h3, h4, h5, h6 {
font: bold underline 200% Arial, Helvetica, sans-serif;
}