diff options
Diffstat (limited to 'snow/snow.css')
| -rw-r--r-- | snow/snow.css | 344 |
1 files changed, 344 insertions, 0 deletions
diff --git a/snow/snow.css b/snow/snow.css new file mode 100644 index 0000000..48ba8cb --- /dev/null +++ b/snow/snow.css @@ -0,0 +1,344 @@ +/* "Snow" - a css for Alpine Configuration Framework - + * N. Angelacos 2007 - GPL2 */ + + +/* + * ----------------------------------------------------------------------- + * Debug Definitons + * ----------------------------------------------------------------------- + */ + +/* + * ----------------------------------------------------------------------- + * General Definitons + * ----------------------------------------------------------------------- + */ + +.hide { + display: none; + } + +a, a:visited { + text-decoration: underline; + color: #072966; + } + +a:hover { + background-color: #4871b3; + color: #fff; + } + + +body { + background: url("/static/alpine.jpg") no-repeat; + background-position: top center; + font-family: Arial, "Trebuchet MS",Geneva, Helvetica, sans-serif; + font-size: 90%; + width: 100%; + } + + +.leader { + float: left; + height: 0; + clear: both; + } + +.tailer { + float: left; + height: 0; + clear: both; + } +/*--------------------------------------------------------------------------------*/ +#page { + position: relative; + } + +/*--------------------------------------------------------------------------------*/ +#header { + width: 100%; + } + + +#header .mute { + display: inline; + float: right; + font-size: 80%; + margin: 8px 32px 0 0; + font-weight: bold; + } + +#header .leader { + display: none; + } + +#header .tailer { + clear: both; + display: none; + } + + +/*--------------------------------------------------------------------------------*/ + +#logo { + float: left; + width: 30%; + display: inline; + margin: .25em; + background: url("logo-190x64.png") no-repeat; + } + +#logo .leader { + display: none; + height: 0; + } + +#logo .tailer { + display: none; + height: 0; + } + +#logo h1 { + font-size: 200%; + display: none; + } + +#logo p { + /* position: absolute; */ + display: block; + clear: both; + width: 100%; + left: .25em; + font-size: 100%; + padding-top: 70px; + } + + +/*--------------------------------------------------------------------------------*/ +/* The .nav class is taken from suckerfish css dropdowns + see http: http://www.alistapart.com/articles/dropdowns */ + +#nav { + float: right; + display: inline; + background: url("g-bottom.png") repeat-x bottom; + width: 100%; + line-height: 1; + border-top: 1px solid #ccc; + } + +#nav ul { + margin-right: 10em; + list-style: none; + float: left; + } + +#nav li { /* all list items */ + float: left; + padding: 0em 2em 2px 2em; + color: #072966; + font-size: 125%; + font-weight: bold; + color: #248; + } + +#nav li ul { /* second-level lists - hidden */ + position: absolute; + font-size: 65%; + width: 15em; + left: -999em; + } + +#nav li ul ul { /* third-and-above-level lists */ + margin: -1em 0 0 20em; + } + +#nav li ul li { + border: none; + background: transparent; + padding: 0; + color: #248; + } + +#nav li:hover ul ul { + left: -999em; + } + +#nav li:hover ul { /* lists nested under hovered list items */ + left: auto; + font-size: 65%; + background: url("orange.png"); + border-left: 1px solid #777; + border-top: 1px solid #777; + border-bottom: 1px solid #777; + /* next line is for IE only */ + // margin-top: 1.25em; + } + +#nav a { + display: block; + padding: 2px; + font-size: 75%; + width: 15em; + } + + +/* End suckerfish */ + +/*--------------------------------------------------------------------------------*/ +#main { + clear: both; + position: relative; + display: block; + margin: 0; + border: 0; + width: 100%; + } + +/*--------------------------------------------------------------------------------*/ +#postnav { + display: block; + clear: both; + font-size: 75%; + color: #248; + border-top: 1px solid #fff; + margin: 0 0; + } + +#postnav h2 { + font-size: 200%; + margin: 1.5em 10%; + } + +#postnav .tailer { + clear: both; + display: block; + } + + + +/*--------------------------------------------------------------------------------*/ +#subnav { + padding: 0 10%; + font-weight: bold; + } + +#subnav a { + /* display: inline; */ + padding: .25em .25em 0 .25em; + border: 1px solid #ccc; + color: #fff; + border-bottom: none; + background: #ccc; + text-decoration: none; + } + +#subnav a:hover { + color: #fff; + background-color: #248; + } + +#subnav .selected { + background: #fff; + color: #248; + } + +/*--------------------------------------------------------------------------------*/ + +#content { + border: 1px solid #ccc; + font-size: 85%; + line-height: 1.5; + width: 80%; + margin-left: 10%; + padding: 2em 2em; + } + +#content p { + clear: both; + display: block; + } + + +#content h1 { + display: block; + font-size: 200%; + background: url("g-top.png") repeat-x top; + border-bottom: 1px dotted #248; + font-weight: bold; + color: #248; + padding: 0 1em; + margin-bottom: .5em; + } + + +#content h2 { + font-size: 150%; + font-weight: bold; + display: block; + clear: both; + padding: 0 1em; + margin-bottom: .5em; + border-top: 1px dotted #ccc; + background: url("g-bottom.png") repeat-x bottom; + } + +#content h3 { + font-size: 125%; + font-weight: bold; + width: 100%; + display: block; + clear: both; + padding: 0 2px; + line-height: 1; + margin-bottom: .25em; + border-bottom: 1px dotted #248; + border-top: 1px dotted #248; + } + +#content dl { + display: block; + width: 100%; + clear: both; + color: #00f; + border: 1px solid green; + height: 1px; + } + + +#content dt { + margin-top: 1em; + margin-right: 2em; + float: left; + clear: left; + width: 30%; + border-top: 1px dashed #ccc; + border-right: 1px dashed #ccc; + display: inline; + border: 1px solid red; + } + + +#content dd { + padding-top: 1em; + margin-bottom: 1em; + background: #ccc; + display: block; + float: left; + border: 1px solid blue; + clear: right; + } + + +#footer { + clear: both; + border-top: 1px solid #d6d6d6; + position: relative; + padding-top: 5px; + margin-top: 15px; + margin-bottom: 10px; + font-size: 10px; + text-align: left; + color: #aaa; +} + |