summaryrefslogtreecommitdiffstats
path: root/alps
diff options
context:
space:
mode:
authorZach LeBar <zach@zachlebar.com>2011-12-19 15:49:22 +0000
committerTed Trask <ttrask01@yahoo.com>2011-12-20 11:47:01 -0500
commitc93320edce56a9947144c1ba6f70dd8ca5696000 (patch)
tree4447865f04e3e3a578ef5109b79e1baadea6bed8 /alps
parentf40f6cb1a923400368a815a98600be5c97e6b5b8 (diff)
downloadacf-skins-c93320edce56a9947144c1ba6f70dd8ca5696000.tar.bz2
acf-skins-c93320edce56a9947144c1ba6f70dd8ca5696000.tar.xz
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.
Diffstat (limited to 'alps')
-rw-r--r--alps/alps.css594
-rw-r--r--alps/alps.psdbin2582382 -> 0 bytes
-rw-r--r--alps/bg-main.jpgbin55876 -> 130343 bytes
-rw-r--r--alps/bg-repeat.jpgbin611 -> 636 bytes
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
Binary files differ
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
Binary files differ
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
Binary files differ