From a8c15cff8254219cf1bfab8419678b786b4aef93 Mon Sep 17 00:00:00 2001 From: Zach LeBar Date: Tue, 20 Dec 2011 12:33:08 +0000 Subject: Migrated changes made to 'glacier' to 'wik'. --- wik/wik.css | 495 ++++++++++++++++++++++++++++++++---------------------------- 1 file changed, 268 insertions(+), 227 deletions(-) diff --git a/wik/wik.css b/wik/wik.css index 4a5101a..d422b12 100644 --- a/wik/wik.css +++ b/wik/wik.css @@ -1,409 +1,450 @@ +/* + GLACIER -- Formerly "Wik" +*/ + /* A css for Alpine Configuration Framework (Mika Havela 2011) */ +/* Edited by Zach LeBar (zelebar) */ + /*---------------------------------------------------------------------------------- * GENERAL - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ + +body { + color: #444; +} + a { - text-decoration: none; - color: #072966; + text-decoration: none; + color: #072966; } + a:visited { - color: #072966; + color: #072966; } + a:hover { - text-decoration: underline; + text-decoration: underline; } .hide { - display: none; + display: none; } + input { - border: 1px solid #ccc; + border: 1px solid #ccc; } + hr { - background-color: white; - height: 3px; + background-color: white; + height: 3px; } + .error { - font-weight: bold; - font-style: italic; - color: #f33; + font-weight: bold; + font-style: italic; + color: #f33; } -input.error,select.error,textarea.error { - font-weight: normal; - font-style: normal; + +input.error, +select.error, +textarea.error { + font-weight: normal; + font-style: normal; } input.checkbox { -border: none; + border: none; } .mute { - color: #777; + color: #777; } + .header { - background: #eee; - border-bottom: 3px double #999; - font-weight: bold; - vertical-align: bottom; + background: #eee; + border-bottom: 3px double #999; + font-weight: bold; + vertical-align: bottom; } + pre { - font-family: monospace; - font-size: 10pt; - padding: 5px; + font-family: monospace; + font-size: 10pt; + padding: 5px; } -input[type=text][disabled] { - color: #755; - background: #eee; + +input[type="text"][disabled] { + color: #755; + background: #eee; } + input.text[readonly],textarea[readonly] { - border: none; - font-weight: bold; - background: transparent; + border: none; + font-weight: bold; + background: transparent; } /*---------------------------------------------------------------------------------- * BODY & PAGE - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ body { - background-image: url("images/page-base.png"); - font-family: Liberation Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans- + background-image: url("images/page-base.png"); + font-family: "Liberation Sans", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } /*---------------------------------------------------------------------------------- * PAGE > HEADER - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ #header { - height: 18px; - background: #e6e6ff; - border-top: 1px solid #000000; - border-bottom: 1px solid #9090b0; - color: #000000; - margin: 0px 0px 15px 0px; - padding: 2px 0px 0px 0px; - font-weight: bold; -} -#header a { + height: 18px; + background: #5F8DD3; + border-top: 1px solid #385580; + border-bottom: 1px solid #385580; + color: #CCC; + margin: 0px; + padding: 2px 0px 0px 0px; + font-weight: bold; } + #header p { - float: right; - font-size: 14px; - padding: 0px 0px 0px 0px; - margin-right: 10px; - margin-top: 0px; + float: right; + font-size: 14px; + color: #FFF; + padding: 0px 0px 0px 0px; + margin-right: 10px; + margin-top: 0px; } -#header .tailer { + +#header a { + color: #FFF; } /*---------------------------------------------------------------------------------- * PAGE > HEADER > LOGO - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ #logo h1 { - display: none; + display: none; } + /* hostname */ #logo p { - float: left; - margin: 1px 1px 1px 10px; + float: left; + margin: 1px 1px 1px 10px; } /*---------------------------------------------------------------------------------- * PAGE > MAIN - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ #main { + border-top: 1px solid #FFF; + padding-top: 15px; + padding-right: 10px; } /*---------------------------------------------------------------------------------- * PAGE > MAIN > NAV - *---------------------------------------------------------------------------------- -*/ + *--------------------------------------------------------------------------------*/ #nav { - float: left; - height: 100%; - min-height: 150px; - width: 150px; - margin: -20px 10px 10px 0px; - padding: 0px 10px 0px 10px; - background-image: url("images/alogo.png"); - background-repeat: no-repeat; - background-position: center top; + float: left; + height: 100%; + min-height: 150px; + width: 150px; + margin: -20px 10px 10px 0px; + padding: 0px 0px 0px 10px; + background-image: url("images/alogo.png"); + background-repeat: no-repeat; + background-position: center top; } + #nav ul { - margin-top: 160px; - list-style-type: none; + margin-top: 160px; + list-style-type: none; } + #nav ul li { - margin-top: 20px; - color: #555555; - font-size: 12px; - white-space: nowrap; - overflow: hidden; + margin-top: 20px; + color: #555555; + font-size: 12px; + white-space: nowrap; + overflow: hidden; } + #nav ul li ul { - margin-top: 6px; - padding-top: 6px; - background-image: none; - background-image: url("images/portal-break.png"); - background-repeat: no-repeat; - background-position: center top; + margin-top: 6px; + padding-top: 6px; + background-image: none; + background-image: url("images/portal-break.png"); + background-repeat: no-repeat; + background-position: center top; } -#nav ul li ul li { - margin: 0px 0px 0px 0px; - padding: 0px 0px 0px 0px; - height: 21px; - font-weight: normal; - font-size: 11pt; - white-space: nowrap; - overflow: hidden; - background-image: none; - - +#nav ul li ul li { + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + height: 21px; + font-weight: normal; + font-size: 11pt; + white-space: nowrap; + overflow: hidden; + background-image: none; } + #nav ul li ul li.selected { - font-weight: bold; + font-weight: bold; } + #nav ul li ul li a { - clear: right; - display: list-item; + clear: right; + display: list-item; } + #nav ul li ul li a:hover { - background-image: none; + background-image: none; } + #nav ul li ul li.selected a:hover { - background-image: none; + background-image: none; } /*---------------------------------------------------------------------------------- * PAGE > MAIN > POSTNAV - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ #postnav { - display: none; -} -#postnav h2 { -} -#postnav p { + display: none; } /*---------------------------------------------------------------------------------- * PAGE > MAIN > SUBNAV - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ #subnav { - position: relative; + position: relative; + top: 1px; } #subnav ul { - margin: 0px 0px 6px 170px; - //margin: 0px 0px 5px 170px; - padding: 0px 0px 0px 10px; + margin: 0px 0px 0px 170px; + padding: 0px 0px 0px 10px; + + overflow: auto; } #subnav ul li { - display: inline; - margin: 0px 0px 0px -10px; - padding: 4px 15px 4px 10px; - background-image: url("images/tab-break.png"); - background-repeat: repeat-x; - border-bottom: 1px solid #bbddff; - border-left: 1px solid #bbddff; - border-right: 1px solid #bbddff; + display: block; + float: left; + + margin: 0px 0px 0px -10px; + padding: 4px 15px 4px 10px; + + background-image: url("images/tab-break.png"); + background-repeat: repeat-x; + border: 1px solid #5F8DD3; } #subnav a { - margin: 0px 0px 0px 0px; - padding: 0px 0px 0px 0px; -} - -#subnav a.selected { + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; } #subnav ul li.selected { - border-bottom: 1px solid #ffffff; - background-image: url("images/tab-current-fade.png"); - background-repeat: repeat-x; + border-bottom: 1px solid #ffffff; + background-image: url("images/tab-current-fade.png"); + background-repeat: repeat-x; } /*---------------------------------------------------------------------------------- * PAGE > MAIN > CONTENT - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ #content { - background: #ffffff; - margin-left: 170px; - padding: 15px; - padding-top: 0px; - border: 1px solid #bbddff; + background: #ffffff; + margin-left: 170px; + padding: 15px; + padding-top: 0px; + border: 1px solid #5F8DD3; } + #content h1,h2,h3,h4,h5 { - margin-top: 20px; - margin-left: 0px; - margin-bottom: 5px; - padding-left: 0px; - height: 25px; - border-bottom: 1px solid #aaaaaa; + margin-top: 20px; + margin-left: 0px; + margin-bottom: 5px; + padding-left: 0px; + height: 25px; + color: #385580; + font-weight: bold; + border-bottom: 1px solid #444; } + #content h1 { - font-size: 22px; + font-size: 22px; } + #content h2 { - padding-left: 10px; - height: 21px; - font-size: 18px; + height: 21px; + font-size: 18px; } + #content h3 { - padding-left: 20px; - height: 20px; - font-size: 17px; -} -#content .descr { + padding-left: 20px; + height: 20px; + font-size: 17px; } -#content .value { -} #content dl { - margin: 0px; - padding: 0px; - margin-bottom: 10px; - margin-top: 2px; - width: 98%; - display: block; - clear: right; + margin: 0px; + padding: 0px; + margin-bottom: 10px; + margin-top: 2px; + width: 98%; + display: block; + clear: right; } + #content dt { - min-height: 8px; - width: 220px; - font-size: 12px; - text-align: left; - font-weight: bold; - margin-top: 1px; - margin-left: 0px; - padding-left: 5px; - padding-top: 5px; - padding-bottom: 5px; + min-height: 8px; + width: 220px; + font-size: 12px; + text-align: left; + font-weight: bold; + margin-top: 1px; + margin-left: 0px; + padding-left: 5px; + padding-top: 5px; + padding-bottom: 5px; } + #content dd { - margin-top: -17px; - font-size: 12px; - margin-left: 230px; - padding-bottom: 5px; + margin-top: -17px; + font-size: 12px; + margin-left: 230px; + padding-bottom: 5px; } + #content .tailer { - clear: both; - margin-left: 0px; + clear: both; + margin-left: 0px; } + #content .submit { - width: 100px; - border: 1px solid #808080; - background: #e6e6ff; - color: #000; + width: 100px; + border: 1px solid #385580; + background: #5F8DD3; + color: #FFF; } + #content textarea { - border-right: 1px solid #cacaca; - border-bottom: 1px solid #cacaca; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; } + #content p,input.text,select,textarea,input.password { - width: 100%; + width: 100%; } + #content table { - width: 100%; - background-image: url("images/page-base.png"); - border-bottom: 2px solid #e6EEEE; + width: 100%; + background-image: url("images/page-base.png"); + border-bottom: 2px solid #CCC; } + #content input.short { - width: 200px; - margin-right: 10px; - display: inline; + width: 200px; + margin-right: 10px; + display: inline; } + #content input[disabled] { - color: #909090; + color: #909090; } + #content textarea { - height: 300px; + height: 300px; } + #content dd textarea { - height: 100px; + height: 100px; } + #content form select.radio { - border: none; + border: none; } + #content table td { - padding-right: 10px; - white-space: normal; - border: 1px solid #ffffff; + padding-right: 10px; + white-space: normal; + border: 1px solid #ffffff; } /*---------------------------------------------------------------------------------- * PAGE > FOOTER - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ #footer { - margin-top: 5px; - margin-bottom: 5px; - margin-left: 180px; - margin-right: 10px; - padding: 5px; + margin-top: 5px; + margin-bottom: 5px; + margin-left: 180px; + margin-right: 10px; + padding: 5px; clear: both; - text-align: center; - font-size: 10px; - color: #777777; + text-align: center; + font-size: 10px; + color: #777777; } /*---------------------------------------------------------------------------------- * JQUERY TABLESORTER - *---------------------------------------------------------------------------------- - */ + *--------------------------------------------------------------------------------*/ /* tables */ table.tablesorter { - font-family: arial; - margin: 10px 0pt 15px; - font-size: 8pt; - width: 100%; - text-align: left; + font-family: arial; + margin: 10px 0pt 15px; + font-size: 8pt; + width: 100%; + text-align: left; } + table.tablesorter thead tr th, table.tablesorter tfoot tr th { - background-color: #e6EEEE; - border: 1px solid #FFF; - font-size: 8pt; - padding: 4px; + background-color: #CCC; + border: 1px solid #FFF; + font-size: 8pt; + text-transform: uppercase; + padding: 4px; } + table.tablesorter thead tr .header { - background-image: url(../static/bg.gif); - background-repeat: no-repeat; - background-position: center right; - cursor: pointer; + background-image: url(../static/bg.gif); + background-repeat: no-repeat; + background-position: center right; + cursor: pointer; } + table.tablesorter tbody td { - padding: 4px; - vertical-align: top; + padding: 4px; + vertical-align: top; } + table.tablesorter tbody tr.odd td { - background-color: #F0F0F6; + background-color: #F0F0F6; } + table.tablesorter thead tr .headerSortUp { - background-image: url(../static/asc.gif); + background-image: url(../static/asc.gif); } + table.tablesorter thead tr .headerSortDown { - background-image: url(../static/desc.gif); + background-image: url(../static/desc.gif); } + table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { - background-color: #8dbdd8; + background-color: #8dbdd8; } -- cgit v1.2.3