Team:Calgary/StyleSheets/Reset

From 2013.igem.org

(Difference between revisions)
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 !important;
+
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

      • /
  1. content h1.firstHeading {

visibility:hidden; display:none; }

  1. p-logo {

display: none; }

  1. 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; }


  1. content{

margin-top: 0; padding: 0; border: 0; }

  1. 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; }

  1. 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;

}

  1. 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 */