From 9c8bfded56156e43d91aa92571d1bd8383027a97 Mon Sep 17 00:00:00 2001 From: Mika Havela Date: Wed, 4 Jun 2008 15:24:44 +0000 Subject: Adding skin 'alps' that is a contribution from a kind web-developer. Skin is not all done yet so minor bugs still exists. git-svn-id: svn://svn.alpinelinux.org/acf/skins/trunk@1196 ab2d0c66-481e-0410-8bed-d214d4d58bed --- alps/ice.css | 408 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 408 insertions(+) create mode 100644 alps/ice.css (limited to 'alps/ice.css') diff --git a/alps/ice.css b/alps/ice.css new file mode 100644 index 0000000..20c241b --- /dev/null +++ b/alps/ice.css @@ -0,0 +1,408 @@ +/*---------------------------------------------------------------------------------- + * IMPORT + *---------------------------------------------------------------------------------- + */ + +@import url("ice_general.cssxxx"); +@import url("ice_ie.css"); +/*@import url("ice_ff.css"); */ + + +/* .css - Alpine ACF */ + +/*---------------------------------------------------------------------------------- + * GENERAL + *---------------------------------------------------------------------------------- + */ + +.hide { + display: none; +} + +a { + text-decoration: none; + color: #072966; +} +a:visited { + color: #072966; +} +a:hover { + color: red; +} +input { + border: 1px solid #ccc; +} +hr { + background-color: white; + height: 3px; +} +.error { + font-weight: bold; + font-style: italic; + color: #f33; +} +input.error,select.error,textarea.error { + font-weight: normal; + font-style: normal; +} + +.mute { + color: #777; +} +.header { + background: #eee; + border-bottom: 3px double #999; + font-weight: bold; + vertical-align: bottom; +} +pre { + font-family: monospace; + font-size: 10pt; + padding: 5px; +} +input[type=text][disabled] { + color: #755; + background: #eee; +} +/*---------------------------------------------------------------------------------- + * BODY & PAGE + *---------------------------------------------------------------------------------- + */ +body { + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + font-family: Liberation Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular; + font-size: 12pt; + background-image: url("watermark.jpg"); + background-repeat: no-repeat; + background-position: 400px 140px; +} +#page { + position: relative; + left: 0px; + top: 0px; + margin: 10px 5% 0% 5%; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER + *---------------------------------------------------------------------------------- + */ +#header { + width: 100%; + height: 75px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + + background-image: url("alpine.jpg"); + background-repeat: repeat-x; + border: 1px solid #ddd; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +#header p { + float: right; + font-size: 14px; + padding: 0px 0px 0px 0px; + margin-right: 5px; + margin-top: 5px; +} +#header .tailer { + position: absolute; + background-image: url(shadow-top.png); + background-repeat: repeat-x; + top: 76px; + height: 10px; + width: 100%; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER > LOGO + *---------------------------------------------------------------------------------- + */ +#logo h1 { + position: absolute; + top: 10px; + left: 10px; + font-size: 40px; +} +#logo p { + position: absolute; + top: 55px; + left: 10px; + font-size: 14px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN + *---------------------------------------------------------------------------------- + */ +#main { + clear: both; + margin-top: 20px; + margin-left: 200px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > NAV + *---------------------------------------------------------------------------------- + */ +#nav { + position: absolute; + top: 97px; + left: 0px; + width: 180px; + margin: 0px 0px 0px 9px; + padding: 0px 10px 0px 0px; + background: white; + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; +} +#nav ul { + list-style-type: none; +} +#nav ul li { + color: white; + font-size: 16px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background: #6688AA; + border-top: 1px solid #7799BB; +} +#nav ul li ul { + margin-top: 5px; +} +#nav ul li ul li { + padding-bottom: 0px; + height: 21px; + font-weight: normal; + font-size: 10pt; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + border-left: 1px solid #ddd; + background-image: url(menu_item.png); +} +#nav ul li ul li.selected { + background: #dff; + font-weight: bold; +} +#nav ul li ul li a { + clear: right; + display: list-item; + padding-left: 5px; + padding-top: 3px; + padding-bottom: 3px; +} +#nav ul li ul li a:hover { + background-image: url(menu_item_hover.png); +} +#nav ul li ul li.selected a:hover { + background-image: none; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > POSTNAV + *---------------------------------------------------------------------------------- + */ +#postnav h2 { + clear: both; + padding: 2px 0px 2px 5px; + background: #6688AA; + color: white; + font-size: 16px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; + border: none; + margin-right: 0px; +} +#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; +} +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > SUBNAV + *---------------------------------------------------------------------------------- + */ +#subnav { + position: absolute; + top: 55px; + height: 40px; + left: 200px; + padding-top: 2px; +} +#subnav a { + height: 40px; + margin: 0px 0px 5px 0px; + padding: 3px 5px 2px 5px; + font-size: 12px; + background-image: url(menu_item.png); + border: 1px solid #bbb; + border-bottom: none; +} + +#subnav a.selected { + background: #dff; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > CONTENT + *---------------------------------------------------------------------------------- + */ +#content { + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; + margin-top: -20px; + padding-right: 10px; + border-left: 1px solid #cacaca; +} +#content h1,h2,h3,h4,h5 { + clear: both; + padding-top: 3px; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #cacaca; + font-weight: bold; + font-size: 14px; + white-space: nowrap; + overflow: hidden; +} +#content h1 { + margin-top: 20px; + height: 17px; + background-image: url(h1.png); + padding-left: 5px; +} +#content h2 { + height: 18px; + background-image: url(h2.png); + padding-left: 10px; +} +#content h3 { + height: 14px; + background-image: url(h3.png); + font-size: 12px; + padding-left: 15px; +} +#content .descr { + clear: both; +} + +#content .value { + display: inline; + padding-left: 200px; +} + +#content dl { + display: block; + clear: both; +/* margin-bottom: 10px; */ +} + +#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: 1px solid #ddd; + padding-left: 5px; + padding-top: 5px; + padding-bottom: 5px; +} +#content dd { + margin-top: 2px; + clear: right; + font-size: 12px; + margin-left: 230px; + padding-top: 5px; + padding-bottom: 5px; +} +#content .tailer { + clear: both; + border-bottom: 3px solid #cacaca; + margin-left: 0px; +} +#content .submit { + width: 100px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; + background: #eee; +} +#content textarea { + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; +} +#content p,input.text,select,textarea,input.password { + width: 97%; +} +#content table { + width: 100%; +} +#content input.short { + width: 200px; + margin-right: 10px; + display: inline; +} + +#content textarea { + height: 300px; +} +#content dd textarea { + height: 100px; +} +#content form select.radio { + border: none; +} +#content table td { + padding-right: 10px; + white-space: nowrap; +} + + +/*---------------------------------------------------------------------------------- + * PAGE > FOOTER + *---------------------------------------------------------------------------------- + */ + +#footer { +/* float: right; */ + margin-top: 20px; + margin-left: 200px; + 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; */ +} + -- cgit v1.2.3