Skip to content
Snippets Groups Projects
Commit f40f6cb1 authored by Zach LeBar's avatar Zach LeBar Committed by Ted Trask
Browse files

Modified original 'wik' design, polishing up the layout, minor adjustments to... 

Modified original 'wik' design, polishing up the layout, minor adjustments to typography, and uniting the disjointed color scheme.
parent 7b0555e0
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 450 additions and 0 deletions
glacier/wik.css → glacier/glacier.css
+ 450
− 0
View file @ f40f6cb1
/*
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;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment