User:Katie/shikiwiki.css
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; }