summaryrefslogtreecommitdiffstats
path: root/wik/wik.css
diff options
context:
space:
mode:
Diffstat (limited to 'wik/wik.css')
-rw-r--r--wik/wik.css495
1 files 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;
}