Team:Calgary/StyleSheets/Reset
From 2013.igem.org
Line 115: | Line 115: | ||
/* reset browser styles */ | /* reset browser styles */ | ||
- | html, | + | html, body, 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, | table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, | ||
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, | figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, |
Revision as of 21:07, 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
- /
.firstHeading { visibility:hidden; display:none; }
- p-logo {
display: none; }
- searchform {
display: none;
}
.left-menu { background-color: #555; } .left-menu a {
color: #000000;
}
- 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; }
- header {
width: 975px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0; }
- 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: #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;
}
- catlinks{
display:none; }
/*important for background colours*/ .mediawiki{ background: #ffffff; }
/***End minimal header***/
/* reset browser styles */ html, body, 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 */