body {
font: 12px/140% 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
margin: 0 20px 20px;
color: #333;
}
* { margin-top: 0; }
h1, h2, h3, dt {
color: #000;
}
h2 {
border-bottom: 2px solid #96f;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}
h4 { margin-bottom: 0; }
dt {
font-weight: bold;
margin: 0.5em 0;
padding-bottom: 0.25em;
border-bottom: 2px solid #ddd;
}
dt code { font-size: 1.2em; }
dd {
margin-bottom: 0.5em;
}
.important { border: 1px solid #c00; background-color: #ffc; padding: 1em; color: #c00; }
.example {
}
.example .terminal code { white-space: pre; }
.example .terminal,
.example .input,
.example .output {
background-color:#eee;
margin-bottom: 1em;
padding: 0.5em;
}
.input:before,
.output:before {
display: block; color: #bbb; font-family: "Lucida Grande", sans-serif; margin-bottom: 0.5em;
}
.input:before { content: "input (.sss)"; }
.output:before { content: "output (.css)"; }
.not_implemented,
.not_implemented a { color: #c00; }
.parameter { font-style: italic; }
*:target { color: #96f; }
#header {
background: #7950c9 url(imgs/globalNav_bg.jpg) bottom center repeat-x;
margin: 0px -20px 20px -20px;
}
#globalNav {
padding-top: 65px;
background: url(imgs/globalNav_bg_2.jpg) bottom center no-repeat;
_height: 1%;
}
#globalNav h1 { display: none; color: #fff; text-align: center; margin-bottom: 20px;}
#globalNav ul {
padding: 0;
margin: 0;
text-align: center;
padding-top: 11px;
padding-bottom: 8px;
_height: 1%;
_padding-top: 12px;
}
#globalNav ul li {
display: inline;
margin-right: 1px;
padding-left: 12px;
background: url(imgs/default_tab_left.png) top left no-repeat;
padding-top: 12px;
padding-bottom: 9px;
_height: 1%;
_padding-top: 0;
}
#globalNav ul li a {
padding-right: 12px;
background-color: #fff;
background: url(imgs/default_tab_right.png) top right no-repeat;
font-size: 12px;
padding-top: 12px;
padding-bottom: 9px;
/* _padding-top: 0; */
_height: 1%;
}
#localNav {
float: left;
width: 200px;
}
#extensionsNav {
padding: 0;
margin: 0;
list-style-type: none;
}
#extensionsNav li {
display: block;
margin-bottom: 1px;
}
#extensionsNav li a {
display: block;
text-decoration: none;
padding: 3px;
background-color: #cacaca;
}
#extensionsNav li a:hover {
text-decoration: underline;
background-color: #dadada;
}
#mainContent {
margin-left: 220px;
}
#editor textarea {
width: 348px;
height: 250px;
padding: 10px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
}
#editor #input,
#editor #output {
clear: both;
width: 800px;
margin: 0 auto;
}
#editor .col {
width: 370px;
float: left;
margin-bottom: 10px;
}
#editor .left {
padding: 0 10px 0 20px;
}
#editor .right {
padding: 0 20px 0 10px;
}
#editor #sss_input,
#editor #sss_output,
#editor #html_input,
#editor #html_output {
}
#editor #sss_input,
#editor #sss_output {
}
#editor #input {
background: #96f url(imgs/bg.jpg) top left repeat-x;
padding-bottom: 10px;
padding-top: 49px;
}
#editor #sss_input,
#editor #html_input {
margin-top: -49px;
padding-top: 70px;
background: url(imgs/arrow.jpg) top center no-repeat;
}
#editor #sss_input h3,
#editor #html_input h3 {
color: #fff;
text-align: center;
margin-bottom: 0.5em;
}
#editor #html_output_col h3 {
color: #ccc;
margin-bottom: 0.5em;
}
#editor #sss_output_col h3 {
color: #cc0;
margin-bottom: 0.5em;
}
form { margin: 0; padding: 0; }
#editor #html_output {
border: 1px dashed #ccc;
padding: 10px;
}
#editor #sss_output_col {
background: url(imgs/pointer.jpg) 100% 20% no-repeat;
}
#editor #sss_output {
background: url(imgs/pointer.jpg) top right no-repeat;
}
#editor #sss_output {
background: #ffc url(imgs/sss_output_bg.jpg) top center repeat-x;
padding: 10px;
}
#editor #actions {
text-align: right;
clear: both;
margin: 10px 20px;
}
#editor #editor_link,
#home #home_link,
.documentation #documentation_link,
#about #about_link {
background-image: url(imgs/tab_left.png);
}
#editor #editor_link a,
#home #home_link a,
.documentation #documentation_link a,
#about #about_link a {
background-image: url(imgs/tab_right.png);
}
