From 159347dc4d5015b80e072e330efc9483bc71c5c4 Mon Sep 17 00:00:00 2001 From: Mika Havela Date: Wed, 21 May 2008 12:21:57 +0000 Subject: Moving skins to a separate acf. git-svn-id: svn://svn.alpinelinux.org/acf/skins/trunk@1140 ab2d0c66-481e-0410-8bed-d214d4d58bed --- clouds/clouds.css | 423 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 423 insertions(+) create mode 100755 clouds/clouds.css (limited to 'clouds') diff --git a/clouds/clouds.css b/clouds/clouds.css new file mode 100755 index 0000000..870423f --- /dev/null +++ b/clouds/clouds.css @@ -0,0 +1,423 @@ +/* .css - Alpine ACF */ + +/*---------------------------------------------------------------------------------- + * GENERAL + *---------------------------------------------------------------------------------- + */ + +.hide { + display: none; +} + +a { + text-decoration: none; + color: #072966; +} +a:visited { + color: #072966; +} +a:hover { + text-decoration: underline; + color: red; +} +input { + border: 1px solid #ccc; +} +hr { + background-color: #ffffff; + 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; +} +pre { + font-family: monospace; + font-size: 10pt; + padding: 5px; +} +.header { + background-color: #ddd; + color: black; + padding: 5px; + text-align: left; + font-weight: bold; +} +/*---------------------------------------------------------------------------------- + * BODY & PAGE + *---------------------------------------------------------------------------------- + */ +body { + margin: 0px; + padding: 0px; + font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular; + font-size: 12pt; + background: #eee; +} +#page { + left: 0px; + margin: 20px 5% 20px 5%; + background: white; + //height: 100%; + border: 1px solid black; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER + *---------------------------------------------------------------------------------- + */ +#header { + width: 100%; + height: 75px; + background-image: url("/static/alpine_inv.jpg"); + background-repeat: repeat-x; +/* background: #777; */ + color: white; + border-bottom: 3px solid black; +} + +#header a { + color: white; + font-weight: bold; +} + +#header p { +/* float: left; */ + position: absolute; + font-size: 14px; + margin-top: 0px; + left: 6%; + right: 6%; + color: white; + text-align: right; + top: 25px; +} +#logo p { + text-align: left; + color: white; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER > LOGO + *---------------------------------------------------------------------------------- + */ +#logo h1 { + position: absolute; + text-align: center; + left: 0px; + right: 0px; + top: 20px; + width: 100%; + font-size: 40px; +} +#logo p { +/* position: absolute; + top: 55px; + left: 10px;*/ + float: left; + top: 25px; + font-size: 14px; + font-weight: bold; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN + *---------------------------------------------------------------------------------- + */ +#main { + margin-top: 20px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > NAV + *---------------------------------------------------------------------------------- + */ +#nav { + float: left; + width: 180px; + margin-left: 5px; +/* top: 82px; + left: 8px; + margin: 0px; + padding: 0px; + display: block; + background: white; + 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; */ + padding-left: 5px; +/* padding-top: 5px;*/ + background: silver; + font-weight: bold; + padding-top: 5px + +} +#nav ul li ul { +/* margin-top: 5px; */ + background: white; + margin-top: 5px; +} +#nav ul li ul li { + margin-left: -5px; + padding: 2px; + padding-left: 15px; +/* + padding-bottom: 0px; + font-weight: normal; + font-size: 10pt; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + border-left: 1px solid #ddd;*/ + white-space: nowrap; + overflow: hidden; + background: white; +/* height: 21px; + margin: 0px; + padding: 0px; */ +} +#nav ul li ul li a { +/* clear: right; */ + display: list-item; + height: 20px; + font-weight: normal; + +/* padding-left: 5px; + padding-top: 3px; + padding-bottom: 3px; */ +} +#nav ul li ul li a:hover { +} +#nav ul li ul li.selected a { + font-weight: bold; + text-decoration: underline; +} +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > POSTNAV + *---------------------------------------------------------------------------------- + */ +#postnav h2 { + display: none; +} +#postnav p { + display: none; +} +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > SUBNAV + *---------------------------------------------------------------------------------- + */ +#subnav { + position: absolute; + top: 71px; + right: 5%; + padding-top: 2px; + margin-bottom: 10px; +/* background: blue; */ + height: 14px; + +/* border: 2px solid blue; */ +} +#subnav a { +/* height: 20px; */ +/* margin: 0px 0px 5px 0px; + padding: 3px 5px 2px 5px; */ + float: left; + padding: 5px; + margin-right: 10px; + margin-top: 0px; + font-size: 12px; +/* background-image: url(menu_item.png); */ + border: 1px solid #7799BB; + border-bottom: none; + background: #ccc; + height: 100%; +} + +#subnav a.selected { + border: 2px solid #7799BB; + border-bottom: none; + font-weight: bold; + background: white; + text-decoration: underline; +} +#subnav .tailer { + display: none; + position: absolute; + background: blue; + top: 25px; + left: 0; + height: 30px; + width: 100%; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > CONTENT + *---------------------------------------------------------------------------------- + */ +#content { + padding: 5px; + padding-top: 0px; + margin-left: 200px; + margin-right: 10px; + +/* margin-left: 200px; */ +} +#content h1,h2,h3,h4,h5 { + margin-left: 0px; + text-align: left; + text-transform: uppercase; + color: #55d; + font-size: 10pt; + font-family: verdana; + font-weight: bold; + clear: right; + width: auto; + margin-right: 10px; + border-bottom: 2px solid #ddd; + margin-top: 5px; + + +} +#content h1 { + border: 1px solid #777; + border-left: none; + border-top: none; + font-size: 12pt; + background: #ccc; + padding: 5px; + color: black; + margin-right: 10px; +} + +#content h2 { + padding-left: 10px; +} +#content h3 { + padding-left: 20px; + text-transform: capitalize; +} +/* + +#content .descr { + clear: both; +} + +#content .value { + display: inline; + padding-left: 200px; +} +*/ +#content dl { + border: 1px dashed #ddd; + margin: 0px; + padding: 0px; + margin-bottom: 10px; + margin-top: 2px; + width: 98%; + display: block; + clear: right; +} +#content dt { + 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; +} +#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 table input.text,table select,table textarea,table input.password, textarea { + width: 97%; +} + +#content dd input.text ,dd select,dd textarea,dd input.password { + width: 97%; +} +#content p,table,hr { + width: 97%; +} +#content p { + border-bottom: none; + margin-bottom: 5px; +/* margin: 7px; + margin-left: 0px; + margin-right: 0px; */ + padding: 0px; + padding-right: 15px; + +} + +#content p.descr { +/* margin-left: 20px; */ + display: inline; + width: auto; +} +#content textarea { + height: 300px; +} +#content dd textarea { + height: 100px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > FOOTER + *---------------------------------------------------------------------------------- + */ + +#footer { +/* float: right; */ + margin: 10px; + margin-top: 60px; + padding: 5px; + margin-left: 200px; + margin-right: 20px; + 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