User:Felice/formatingNavigation.css
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
{{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]]