User:Katie/shikiwiki.css: Difference between revisions
Jump to navigation
Jump to search
m (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...) |
m (Replacing page with ' 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; }') |
||
Line 1: | Line 1: | ||
/* |
|||
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 { |
body { |
||
margin: 0; |
margin: 0; |
||
Line 27: | Line 8: | ||
line-height: 1.15em; |
line-height: 1.15em; |
||
color: #404040; |
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; |
|||
} |
} |
Revision as of 04:36, 26 January 2008
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; }