User:Katie/shikiwiki.css

From OLPC
< User:Katie
Revision as of 04:16, 26 January 2008 by Katie (talk | contribs) (New page: /* Title: CSS Master Formating Author: Cristian Deschamps, cristian.deschamps@nurun.com Updated: Jan 16 2007 Content: Master Formating Body Links Common Elements F...)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/*
Title:      CSS Master Formating
Author:     Cristian Deschamps, cristian.deschamps@nurun.com
Updated:    Jan 16 2007

Content:	Master Formating
			Body
			Links
			Common Elements
			Form Elements
			Misc
			Fix Float
*/
/* ---[ Master Formating ]------------------------------- */

/* ---[ Body ]------------------------------- */
html {
 	/* overflow: -moz-scrollbars-vertical; */
	}
	
body {
	margin: 0;
	padding: 8px 0 0 24px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 76%;
	line-height: 1.15em;
	color: #404040;
	}

/* ---[ Links ]------------------------------- */
a {
	color: #464646;
	text-decoration: underline; 
	}
a:hover {
	color: #000;
	text-decoration: underline; 
	}

/* ---[ Common Elements ]--------------------- */
div {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	}
p {
	font-size: 110%;
	margin: 0;
	padding: 3px 0 9px 0;
	line-height: 1.3em;
	}
h1 {
	display: none;
	font-size: 130%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #f78f1e;
	}
h2 {
	font-size: 130%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 12px 0;
	color: #f78f1e;
	line-height: 1.1em;	
	text-transform: lowercase;
	}
h3 {
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 3px 0 9px 0;
	color: #f78f1e;
	line-height: 1.1em;
	}
	
h4, h5 {
	font-size: 100%;
	font-weight: normal;	
	margin: 0;
	padding:0;	
	
	}
h1 a, h2 a, h3 a,
h1 a:hover, h2 a:hover  {
	text-decoration: none;
	}	
	
ul {
	font-size: 100%;	
	margin: 10px 0 10px 35px;
	}
li {
	margin: 0 0 5px 0;
	}		
table {
	font-size: 100%;	
	}
table p { 
	font-size: 100%;
	}
code {
	color: #7B9905;
	font-size: 110%;
	line-height: 1.2em;
	text-align: left;
	}
code strong {
	color: #4E6200;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #999;
	cursor: help;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike, del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}
sup {
	font-size: 90%;
	}

blockquote {
	font-size: 110%;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	}
blockquote cite {
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	}
blockquote p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 0 12px;
	}	
	
dl { }	
dt { }
dd { line-height: 1.3em; }

/* ---[ Form Elements ]---------------------------------------- */
form {
	padding: 0;
	margin: 0;
	}
button {
	cursor: hand;
	cursor: pointer;
	}
fieldset {
	position: relative;
	margin: 6px 0 6px 0;
	}	
legend {
	color: #7b9ad0;
	font-weight: bold;
	}
/* ---[ Misc. ]---------------------------------------- */
a img {
	border: none;
	}
	
/* ---[ Fix Float ]------------------------------- */	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
.clearfix {
    display:inline-block;
	}
.clearfix {
    display:block;
	}
* html .clearfix {
    height:1px;
	}
/*
Author:     Cristian Deschamps, cristian.deschamps@nurun.com
Updated:    28 April 2006

Content:	Layout Master
			Body

*/

/* ---[ Formatting Navigation ]------------------------------- */
ul#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#navigation li {
	list-style: none;
	float: left; 
    margin: 0;
	padding: 0;		
	background-position: 0 0;
	background-repeat: no-repeat;
	}		

ul#navigation li a {
	display: block;
	width: 65px;
	padding-top: 60px;
	padding-bottom: 3px;
	font-size: 120%;
	text-decoration: none;
	}	
ul#navigation li a:hover {
	text-decoration: none;
	}	
ul#navigation li a span {
	display: none;
	}

	/* vision */
	ul#navigation li#nav-vision {
		background-image: url(../img/UI/nav_vision.gif);	
		}
	ul#navigation li#nav-vision a {
		width: 53px;
		padding-left: 12px;
		}	
	li#nav-vision a {
		color: #f78f1e;
		}		
	
	/* laptop */
	ul#navigation li#nav-laptop {
		background-image: url(../img/UI/nav_laptop.gif);
		}		
	ul#navigation li#nav-laptop a {
		width: 54px;
		padding-left: 11px;
		}			
	li#nav-laptop a {
		color: #6ebe46;
		}	

	/* participate */
	ul#navigation li#nav-foundation {
		background-image: url(../img/UI/nav_participate.gif);
		}	
	ul#navigation li#nav-foundation a {
		width: 65px;
		padding-left: 0;		
		}				
	li#nav-foundation a {
		color: #0093d0;
		}	
	
	/* children */
	ul#navigation li#nav-children {
		background-image: url(../img/UI/nav_children.gif);
		}	
	ul#navigation li#nav-children a {
		width: 59px;
		padding-left: 6px;		
		}		
	li#nav-children a {
		color: #e50278;
		}			
	
ul#navigation li.hover,
body.vision ul#navigation li#nav-vision,
body.laptop ul#navigation li#nav-laptop,
body.foundation ul#navigation li#nav-foundation,
body.children ul#navigation li#nav-children {
	background-position: -65px 0;
	}

body.vision ul#navigation li#nav-vision a span,
body.laptop ul#navigation li#nav-laptop a span,
body.foundation ul#navigation li#nav-foundation a span,
body.children ul#navigation li#nav-children a span {
	display: inline;
	}

body.hide ul#navigation li a span {
	display: none !important;
	}	
body ul#navigation li.hover a span {
	display: inline !important;
	}

body.vision ul#navigation li#nav-vision ul,
body.laptop ul#navigation li#nav-laptop ul,
body.foundation ul#navigation li#nav-foundation ul,
body.children ul#navigation li#nav-children ul {
	visibility: inherit;
	}
body.hide ul#navigation li ul,
body.root ul#navigation li ul {
	visibility: hidden !important;
	}			
body ul#navigation li.hover ul {
	visibility: inherit !important;
	}

ul#navigation li ul {
	visibility: hidden;
	position: absolute;
	padding: 0;
	margin: 0;
	}	
	
ul#navigation li ul li {
	float: none; 
	}		
	
ul#navigation li ul li a {
	width: auto;
	height: auto;
	float: none;
	padding-top: 1px;
	padding-bottom: 3px;
	text-align: left;
	background-image: none !important;
	color: #aeb0b2;
	}			
ul#navigation li ul li a:hover {
	color: #5a5758;
	}	

body#mission li#nav-mission a,
body#progress li#nav-progress a,
body#news li#nav-news a,
body#people li#nav-people a,
body#hardware li#nav-hardware a,
body#software li#nav-software a,
body#interface li#nav-interface a,
body#design li#nav-design a,
body#purpose li#nav-purpose a,
body#program li#nav-program a,
body#participate li#nav-participate a,
body#propose li#nav-propose a {
	color: #000;
	}
	
/* ---[ Formatting Sub-Navigation ]------------------------------- */
ul#sub-navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	}
	
ul#sub-navigation li {
	list-style: none;
	float: left; 
    margin: 0;
	padding: 0 3px 0 12px;		
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 110%;
	}		

ul#sub-navigation li a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #77787a;
	padding: 0 0 1px 0;
	}	
	
ul#sub-navigation li a:hover {
	color: #5a5758;
	text-decoration: none;	
	}

/* ---[ Formatting Sub-Navigation-2 ]------------------------------- */
ul#sub-navigation-2 {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	}
	
ul#sub-navigation-2 li {
	list-style: none;
	float: left; 
    margin: 0;
	padding: 0 3px 0 12px;		
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 110%;
	}		

ul#sub-navigation-2 li a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #77787a;
	padding: 0 0 1px 0;
	}	
	
ul#sub-navigation-2 li a:hover {
	color: #5a5758;
	text-decoration: none;	
	}