User:Felice/formatingNavigation.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

{{OLPC}}
<pre>
/*
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;	
	}	
</pre>
[[Category:Laptop.org]]