Team:Calgary/StyleSheets/Reset
From 2013.igem.org
Line 1: | Line 1: | ||
+ | /*** | ||
+ | Name: Wm. Keith van der Meulen | ||
+ | Date: Summer 2013 | ||
+ | Organization: University of Calgary iGEM Team 2013 | ||
+ | |||
+ | ---Purpose--- | ||
+ | CSS code to perform a browser reset for the iGEM Wiki. | ||
+ | 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. | ||
+ | ------------- | ||
+ | |||
+ | Cite: | ||
+ | Wm. Keith van der Meulen | ||
+ | University of Calgary iGEM 2013 | ||
+ | https://2013.igem.org/Team:Calgary/StyleSheets/Reset | ||
+ | |||
+ | ***\ | ||
+ | |||
/*** | /*** | ||
Minimal header: removes the search bar and header image and readjusts font colours in the menus. | Minimal header: removes the search bar and header image and readjusts font colours in the menus. | ||
Line 28: | Line 47: | ||
div#top-section{ /*the div containing the entire top bar*/ | div#top-section{ /*the div containing the entire top bar*/ | ||
height: 20px; | height: 20px; | ||
- | margin-bottom: 0 | + | margin-bottom: 0; |
border: none; | border: none; | ||
} | } |
Revision as of 21:01, 4 June 2013
/*** Name: Wm. Keith van der Meulen Date: Summer 2013 Organization: University of Calgary iGEM Team 2013
---Purpose--- CSS code to perform a browser reset for the iGEM Wiki. 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.
Cite: Wm. Keith van der Meulen University of Calgary iGEM 2013 https://2013.igem.org/Team:Calgary/StyleSheets/Reset
- \
/*** Minimal header: removes the search bar and header image and readjusts font colours in the menus.
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code! Check out their wikis at: https://2011.igem.org/Team:Brown-Stanford https://2012.igem.org/Team:Lethbridge
- /
- content h1.firstHeading {
visibility:hidden; display:none; }
- p-logo {
display: none; }
- searchform {
display: none;
}
.left-menu { background-color: #555; } .left-menu a {
color: #000;
}
div#top-section{ /*the div containing the entire top bar*/ height: 20px; margin-bottom: 0; border: none; }
- content{
margin-top: 0; padding: 0; border: 0; }
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px; }
div#header {
width: 975px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px !important;
}
- menubar {
position: absolute; background: none; color: black; }
.left-menu, .right-menu{ position: absolute; background: none; color: black; margin-top: 4px; }
.left-menu li a, .right-menu li a { color: #000 !important; }
.left-menu ul li, .right-menu ul li a{
background: none;
color: #000 !important;
}
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
color: #000 !important;
}
- catlinks{
display:none; }
/*important for background colours*/ .mediawiki{ background: #ffffff; }
/***End minimal header***/
/* reset browser styles */ html, #bodycontent, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 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: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.2; } table { border-collapse: collapse; border-spacing: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style: square; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } /* end reset browser styles */