Team:Calgary/StyleSheets/Reset

From 2013.igem.org

(Difference between revisions)
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 */
 

Revision as of 22:19, 4 June 2013

/*** Name: Wm. Keith van der Meulen Date: Summer 2013 Organization: University of Calgary iGEM Team 2013

---Purpose--- CSS code to define all typographical element styles


Cite: Wm. Keith van der Meulen University of Calgary iGEM 2013 https://2013.igem.org/Team:Calgary/StyleSheets/Typography

      • /

h1, h2, h3, h4, h5, h6 { font: bold underline 200% Arial, Helvetica, sans-serif; }

h1 { font-size: 3.2em; }

h2 { font-size: 2.4em; }

h3 { font-size: 1.9em; }

h4 { font-size: 1.6em; }

h5 { font-size: 1.3em; }

h6 { font-size: 1.1em; }

p { font: 1.6em/1.2 "Times New Roman", Times, serif; }