Tweaks to 'alps' including adjustments to the color scheme and typography, as well as a more fluid layout, while still keeping to the same general style previously existing in the 'alps' skin.

4 files changed, 225 insertions, 369 deletions

diff --git a/alps/alps.css b/alps/alps.css
index bcc3f93..e143cad 100644
--- a/alps/alps.css
+++ b/alps/alps.css
@@ -1,13 +1,3 @@
-/*----------------------------------------------------------------------------------
- * IMPORT
- *----------------------------------------------------------------------------------
- */
-
-@import url("ice_general.cssxxx");
-@import url("ice_ie.css");
-/*@import url("ice_ff.css"); */
-
-
 /* .css - Alpine ACF */
 
 /*----------------------------------------------------------------------------------
@@ -16,71 +6,76 @@
  */
 
 .hide {
-display:none;
-}
-
-a {
-text-decoration:none;
-color:#072966;
+	display:none;
 }
 
+a,
 a:visited {
-color:#072966;
+	text-decoration:none;
+	color: #3F83CE;
 }
 
 a:hover {
-color:blue;
+	text-decoration: underline;
 }
 
 input {
-border:1px solid #ccc;
+	border:1px solid #ccc;
 }
 
 input.checkbox {
-border: none;
+	border: none;
 }
 
 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:#FFF;
+	
+	background: #FF3333;
+	border-top: 1px solid #FF3333;
+	border-bottom: 1px solid #FF3333;
+	margin-bottom: 1em;
+	padding: 0.3em 0.6em 0.3em 1.3em;
 }
 
-input.error,select.error,textarea.error {
-font-weight:normal;
-font-style:normal;
+input.error,
+select.error,
+textarea.error {
+	font-weight:normal;
+	font-style:normal;
 }
 
 .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:10px;
+	padding:5px;
 }
 
 input[type=text][disabled] {
-color:#755;
-background:#eee;
+	color:#755;
+	background:#eee;
 }
 
 input.text[readonly],textarea[readonly] {
-border:none;
-font-weight:bold;
+	border:none;
+	font-weight:bold;
 }
 
 /*----------------------------------------------------------------------------------
@@ -88,36 +83,11 @@ font-weight:bold;
  *----------------------------------------------------------------------------------
  */
 
-html {
-position:absolute;
-width:100%;
-height:100%;
-margin:0 0 0 0;
-padding:0 0 0 0;
-top:0;
-left:0;
-}
-
 body {
-position:absolute;
-margin:0 0 0 0;
-padding:0 0 0 0;
-font-family:Liberation Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular;
-font-size:12pt;
-background-image:url("bg-repeat.jpg");
-background-repeat:repeat-x;
-background-position:top left;
-top:0;
-left:0;
-}
-
-#page { 
-position:absolute;
-left:0;
-top:0;
-margin:0 0 0 0;
-padding:0 0 0 0;
-width:970px;
+	font-family: Helvetica, sans-serif;
+	font-size:16px;
+	color: #444;
+	background:url("bg-repeat.jpg") top left repeat-x;
 }
 
 /*----------------------------------------------------------------------------------
@@ -126,42 +96,24 @@ width:970px;
  */
 
 #header {
-width:100%;
-height:200px;
-margin:0 0 0 0;
-padding:0 0 0 0;
+	height:200px;
+	padding: 0 2% 0 0;
 
-background-image:url("bg-main.jpg");
-background-repeat:no-repeat;
-border:0;
-padding:0 0 0 0;
-margin:0 0 0 0;
+	background:url("bg-main.jpg") no-repeat;
 }
 
 #header p {
-float:right;
-font-size:14px;
-padding:0 0 0 0;
-margin-right:0px;
-margin-top:40px;
-font-color:white;
+	float:right;
+	font-size:14px;
+	color:white;
+
+	margin-top:23px;
 }	
 	
 #header a {
-color:#80bff7;
+	color:#80bff7;
 }
 
-/*#header .tailer {
-	position:			absolute;
-	background-image: 		url(bg-repeat.jpg);
-	background-repeat: 		repeat-x;
-	top:			0px;
-	left:			970px;
-	height:			200px;
-	width:			100%;
-	margin: 			0px 0px 0px 0px;
-	padding: 			0px 0px 0px 0px;
-}*/
 
 /*----------------------------------------------------------------------------------
  * PAGE > HEADER > LOGO
@@ -169,18 +121,11 @@ color:#80bff7;
  */
 
 #logo h1 {
-visibility:hidden;
-position:absolute;
-top:10px;
-left:10px;
-font-size:40px;
+	text-indent: -999em;
 }
 
 #logo p {
-position:absolute;
-top:38px;
-left:34px;
-font-size:12px;
+	display: none;
 }
 
 /*----------------------------------------------------------------------------------
@@ -189,100 +134,72 @@ font-size:12px;
  */
 
 #main {
-clear:both;
-margin-top:20px;
-margin-left:240px;
+	width: 90%;
+	margin: 0 auto;
 }
 
 /*----------------------------------------------------------------------------------
  * PAGE > MAIN > NAV
  *----------------------------------------------------------------------------------
  */
- 
+
 #nav {
-display:block;
-position:absolute;
-top:230px;
-left:40px;
-width:180px;
-list-style-type: none;
-padding: 0;
-margin: 0;
-background:transparent;
+	margin-top: 20px;
+	padding-bottom: 2%;
+	
+	float: left;
+	width: 18%;
 }
 
 #nav ul {
-list-style-type: none;
-padding: 0;
-margin: 0;
-display:block;
-background:transparent;
+	display:block;
 }
 
 #nav ul li {
-list-style-type: none;
-padding: 0;
-margin: 0;
-color:black;
-font-size:16px;
-font-weight:bold;
-white-space:nowrap;
-overflow:hidden;
-background:transparent;
-border-top:0px;
-margin-top: 10px;
+	list-style-type: none;
+	color:#000;
+	font-size:16px;
+	letter-spacing: 0.1em;
+	margin-top: 1.2em;
 }
 
 #nav ul li ul {
-list-style-type: none;
-padding: 0;
-margin: 0;
-padding: 0;
-margin-left: 1em;
-margin-top:	5px;
-background:transparent;
+	list-style-type: none;
+	margin-left: 1em;
+	margin-top:	10px;
+	
+	border-bottom: 1px solid #ABABAB;
 }
 
 #nav ul li ul li {
-list-style-type: none;
-padding: 0;
-margin: 0;
-height:21px;
-font-weight:normal;
-font-size:10pt;
-white-space:nowrap;
-overflow:hidden;
-border-bottom: 0;
-border-top:1px solid #c8dbee;
-border-left:0;
-background:transparent;
-//margin-bottom: -4px;
+	list-style-type: none;
+	font-weight:normal;
+	font-size:10px;
+	border-top:1px solid #ABABAB;
+	margin: 0;
+
+	text-transform: uppercase;
+	letter-spacing: 0.07em;
 }
 
 #nav ul li ul li.selected {
-background:#6cb7f8;
-font-weight:bold;
+	background:#CCC;
 }
 
 #nav ul li ul li a {
-clear:right;
-display:block;
-padding-left:5px;
-padding-top:3px;
-padding-bottom:3px;
+	display:block;	
+	padding: 1em 1em 1em 2em;
+	color: #444;
 }
 
 #nav ul li ul li a:hover {
-background-image:url();
-background-color:#d9edfe;
+	background-color: #CCC;
+	color: #444;
 }
 
 #nav ul li ul li.selected a {
-color:white;
-}
-
-#nav ul li ul li.selected a:hover {
-background-image:none;
+	color: #444;
+	font-weight:bold;
 }
 
 /*----------------------------------------------------------------------------------
@@ -291,32 +208,18 @@ background-image:none;
  */
  
 #postnav h2 {
-display: none;
-/* clear: both;
-padding:0px 0px 0px 0px;
-background:transparent; 
-color:black;
-font-size:28px;
-font-weight:normal;
-white-space:nowrap;
-overflow:hidden;
-border:none;
-margin-bottom:34px; */
+	display: none;
 }
 
 #postnav p {
-position:absolute;
-top:80px;
-left:0px;
-width:100%;
-color:#999;
-font-size:11px;
-font-weight:verdana, arial;
-font-weight:bold;
-white-space:nowrap;
-overflow:hidden;
-background:transparent;
-padding:0px 5px 0px 10px;
+	position:absolute;
+	top:80px;
+	left:0px;
+	width:100%;
+	color:#999;
+	font-size:11px;
+	font-weight:bold;
+	padding:0px 5px 0px 10px;
 }
 
 /*----------------------------------------------------------------------------------
@@ -325,254 +228,207 @@ padding:0px 5px 0px 10px;
  */
 
 #subnav {
-width: 720px;
-position:absolute;
-top:178px;
-height:40px;
-left:240px;
-padding-top:2px;
+	margin: 1em 0 -3em 2.1%;
+	float: right;
+	width: 80%;
 }
 
-#subnav ul {
-//padding-top: 5px;
-}
+#subnav ul li {
+	display: block;
+	float: left;
 
-#subnav li {
-display:inline;
-height:40px;
-margin:0px 0px 5px 0px;
-//margin-right: 5px;
-padding:3px 5px 2px 5px;
-font-size:12px;
-color:#ffffff;
-background-image:url();
-background-color:#003566;
-border:1px solid #bbb;
-border-bottom:none;
-}
+	margin: 0.2em 0.4em 0.6em 0;
 
-#subnav a {
-font-size:12px;
-color:#ffffff;
 }
-#subnav a.selected {
-background:	white;
-color: #003566;	
+
+#subnav ul li a {
+	font-size: 11px;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
+	color: #444;
+	font-weight: bold;
+
+	padding: 0.3em 0.5em;
+	border: 1px solid #ABABAB;
+	background: #CCC;
 }
-#subnav li.selected {
-background:	white;
-color: #003566;	
+
+#subnav ul li.selected a, 
+#subnav ul li a:hover {
+	background-color: #6CB7F8;
+	border: 1px solid #3F83CE;
+	color: #FFF;
 }
 
 /*----------------------------------------------------------------------------------
  * PAGE > MAIN > CONTENT
  *----------------------------------------------------------------------------------
  */
- 
+
 #content {
-background-image:url();
-background-repeat:repeat-y;
-background-position:right;
-margin-top:40px;
-padding-right:10px;
-border-left:0px solid #cacaca;
-}
-#content h1,h2,h3,h4,h5 { 
-clear:both;
-padding-top:3px;
-padding-bottom:7px;
-border-bottom:0px solid #cacaca; 
-border-top:0px solid #cacaca;
-font-weight:normal;
-font-size:18px;
-white-space:nowrap;
-overflow:hidden;
+	float: right;
+	width: 80%;
+}
+
+#content h1, 
+#content h2, 
+#content h3, 
+#content h4, 
+#content h5 { 
+	padding:3px 0 7px 0;
+	font-weight:normal;
+	font-size:18px;
 }
 
 #content h1 { 
-margin-top:25px;
-height:17px;
-background-color:#6cb7f8;
-background-image:url();
-padding-left:0px;
-border-top:0px solid #333333;
-font-size:18px;
-color:white;
-text-align:center;
+	margin: 3em 0 1em 0;
+	padding: 0.4em 0.3em 0.3em 1em;
+	background-color: #6CB7F8;
+	border: 1px solid #3F83CE; 
+	color:white;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
 }
 
 #content h2 { 
-font-weight:bold;
-font-size:16px;
-margin-top:20px;
-height:15px;
-background-image:url();
-padding-left:0px;
+	color:#000;
+	font-size:16px;
+	letter-spacing: 0.1em;
+	margin-top: 1.2em;
 }
 
 #content h3 { 
-height:14px;
-background-image:url();
-font-size:14px;
-font-weight:bold;
-color:#999999;
-padding-left:0px;
-padding-top:15px;
-border-top:1px solid #cacaca;
+	height:14px;
+	font-size:14px;
+	font-weight:bold;
+	color:#999999;
+	padding-top:15px;
+	border-top:1px solid #cacaca;
 }
 
 #content .descr {
-clear:both;
+	clear:both;
 }
 
 #content .value {
-display: inline;
-padding-left: 200px;
+	display: inline;
+	padding-left: 200px;
 }
 
 #content dl {
-display:block;
-clear:both;
+	display:block;
+	clear:both;
 }
 
 #content dt {
-width:220px;
-font-size:12px;
-text-align:left;
-font-weight:bold;
-float:left;
-clear:left;
-margin-top:1px;
-margin-left:0px;
-border-top:0px solid #ddd;
-padding-left:5px;
-padding-top:5px;
-padding-bottom:5px;
+	width:220px;
+	font-size:12px;
+	text-align:right;
+	font-weight:bold;
+	float:left;
+	clear:left;
+	margin-top:6px;
+	padding-left:5px 0 5px 5px;
 }
 
 #content dd {
-margin-top:2px;
-clear:right;
-font-size:12px;
-margin-left:230px;
-padding-top:5px;
-padding-bottom:5px;
+	margin-top:10px;
+	clear:right;
+	font-size:12px;
+	margin-left:230px;
+	padding-top:5px 0;
 }
 
 #content .tailer {
-clear:both;
-border-bottom:3px solid #cacaca;
-margin-left:0px;
+	border-bottom:3px solid #cacaca;
+	margin-top: 2%;
 }
 
 #content .submit {
-width:100px;
-border-right:1px solid #cacaca;
-border-bottom:1px solid #cacaca;
-background:#003566;
-color:white;
+	font-size: 11px;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
+	color: #FFF;
+	font-weight: bold;
+
+	padding: 0.3em 0.5em;
+	border: 1px solid #3F83CE;
+	background: #6CB7F8;
 }
 
 #content textarea {
-border-right:1px solid #cacaca;
-border-bottom:1px solid #cacaca;
-width:718px;
+	border-right:1px solid #cacaca;
+	border-bottom:1px solid #cacaca;
+	width:718px;
 }
 
-#content p,input.text,select,textarea,input.password {
-width:97%;
-}
-
-#content table {
-width:100%;
+#content p, 
+#content input.text, 
+#content select, 
+#content textarea, 
+#content input.password {
+	width:97%;
 }
 
 #content input.short {
-width:200px;
-margin-right:10px;
-display:inline;
-}
-#content input[disabled] {
-        color:#707070;
+	width:200px;
+	margin-right:10px;
+	display:inline;
 }
+
 #content textarea {
-height:300px;
+	height:300px;
 }
 
 #content dd textarea {
-height:100px;
+	height:100px;
 }
 
 #content form select.radio {
-border:none;
+	border:none;
+}
+
+#content table {
+	width:100%;
+	border: 1px solid #ABABAB;
+	border-left: none;
 }
 
 #content table td {
-padding-right:10px;
-white-space:nowrap;
+	padding: 0.4em;
+	border: 1px solid #ABABAB;
+	border-right: none;
+	border-bottom: none;
 }
 
+#content table td.header {
+	font-weight:bold;
+	font-size:12px;
+	text-transform: uppercase;
+	letter-spacing: 0.07em;
+	
+	border: 1px solid #ABABAB;
+	border-right: none;
+	background: #CCC;
+	padding: 0.5em 0.5em 0.5em 1em;
+}
+
+
 /*----------------------------------------------------------------------------------
  * PAGE > FOOTER
  *----------------------------------------------------------------------------------
  */
 
 #footer {
-margin-top:		20px;
-margin-left: 		240px;
-margin-right: 		10px;
-padding:			5px;
-clear: both;
-text-align:		center; 
-border-top:		1px solid #d6d6d6;
-font-size:		10px;
-color: 			#aaa;
-
-/*position:			relative;
-	clear: 			both;
-	width: 			100%;
-	padding:			5px 0px 5px 0px;
-	margin:			15px 0px 0px 10px; */
+	margin: 5em 0 2em 0;
+	padding: 10px;
+	text-align:	center; 
+	border-top:	1px solid #d6d6d6;
+	font-size: 10px;
+	color: #aaa;
+
+	clear: both;
 }
 
-/*----------------------------------------------------------------------------------
- * JQUERY TABLESORTER
- *----------------------------------------------------------------------------------
- */
 
-/* tables */
-table.tablesorter {
-	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;
-}
-table.tablesorter thead tr .header {
-	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;
-}
-table.tablesorter tbody tr.odd td {
-	background-color:#F0F0F6;
-}
-table.tablesorter thead tr .headerSortUp {
-	background-image: url(../static/asc.gif);
-}
-table.tablesorter thead tr .headerSortDown {
-	background-image: url(../static/desc.gif);
-}
-table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
-background-color: #8dbdd8;
-}
+
diff --git a/alps/alps.psd b/alps/alps.psd
deleted file mode 100644
index 689c56b..0000000
--- a/alps/alps.psd
+++ /dev/null
diff --git a/alps/bg-main.jpg b/alps/bg-main.jpg
index dff5d99..9fb7478 100644
--- a/alps/bg-main.jpg
+++ b/alps/bg-main.jpg
diff --git a/alps/bg-repeat.jpg b/alps/bg-repeat.jpg
index 36c26f8..c4792cf 100644
--- a/alps/bg-repeat.jpg
+++ b/alps/bg-repeat.jpg