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/alps.css | 515 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 515 insertions(+) create mode 100644 alps/alps.css (limited to 'alps/alps.css') diff --git a/alps/alps.css b/alps/alps.css new file mode 100644 index 0000000..3d0b4b1 --- /dev/null +++ b/alps/alps.css @@ -0,0 +1,515 @@ +/*---------------------------------------------------------------------------------- + * 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:blue; +} + +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 + *---------------------------------------------------------------------------------- + */ + +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; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER + *---------------------------------------------------------------------------------- + */ + +#header { +width:100%; +height:200px; +margin:0 0 0 0; +padding:0 0 0 0; + +background-image:url("bg-main.jpg"); +background-repeat:no-repeat; +border:0; +padding:0 0 0 0; +margin:0 0 0 0; +} + +#header p { +float:right; +font-size:14px; +padding:0 0 0 0; +margin-right:0px; +margin-top:40px; +font-color:white; +} + +#header a { +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 + *---------------------------------------------------------------------------------- + */ + +#logo h1 { +visibility:hidden; +position:absolute; +top:10px; +left:10px; +font-size:40px; +} + +#logo p { +position:absolute; +top:38px; +left:34px; +font-size:12px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN + *---------------------------------------------------------------------------------- + */ + +#main { +clear:both; +margin-top:20px; +margin-left:240px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > NAV + *---------------------------------------------------------------------------------- + */ + +#nav { +display:block; +position:absolute; +top:230px; +left:40px; +width:180px; +list-style-type: none; +padding: 0; +margin: 0; +background:transparent; +} + +#nav ul { +list-style-type: none; +padding: 0; +margin: 0; +display:block; +background:transparent; +} + +#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; +} + +#nav ul li ul { +list-style-type: none; +padding: 0; +margin: 0; +padding: 0; +margin-left: 1em; +margin-top: 5px; +background:transparent; +} + +#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; +} + +#nav ul li ul li.selected { +background:#6cb7f8; +font-weight:bold; +} + +#nav ul li ul li a { +clear:right; +display:block; +padding-left:5px; +padding-top:3px; +padding-bottom:3px; +} + +#nav ul li ul li a:hover { +background-image:url(); +background-color:#d9edfe; +} + +#nav ul li ul li.selected a { +color:white; +} + +#nav ul li ul li.selected a:hover { +background-image:none; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > POSTNAV + *---------------------------------------------------------------------------------- + */ + +#postnav h2 { +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; +} + +#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:178px; +height:40px; +left:40px; +padding-top:2px; +} + +#subnav li { +display:inline; +height:40px; +margin:0px 0px 5px 0px; +padding:3px 5px 2px 5px; +font-size:12px; +color:#ffffff; +background-image:url(); +background-color:#003566; +border:1px solid #bbb; +border-bottom:none; +} + +#subnav a { +font-size:12px; +color:#ffffff; +} +#subnav a.selected { +background: white; +color: #003566; +} +#subnav li.selected { +background: white; +color: #003566; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > CONTENT + *---------------------------------------------------------------------------------- + */ + +#content { +background-image:url(); +background-repeat:repeat-y; +background-position:right; +margin-top:-20px; +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; +} + +#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; +} + +#content h2 { +font-weight:bold; +font-size:16px; +margin-top:20px; +height:15px; +background-image:url(); +padding-left:0px; +} + +#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; +} + +#content .descr { +clear:both; +} + +#content .value { +display: inline; +padding-left: 200px; +} + +#content dl { +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; +} + +#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:#003566; +color:white; +} + +#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 { +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