From e084674fd8d95d9194d1e04179784c4da4cb9944 Mon Sep 17 00:00:00 2001 From: Nathan Angelacos Date: Thu, 10 Jan 2008 14:52:27 +0000 Subject: moved static.css to ice.css git-svn-id: svn://svn.alpinelinux.org/acf/core/trunk@535 ab2d0c66-481e-0410-8bed-d214d4d58bed --- www/ice/h1.png | Bin 0 -> 167 bytes www/ice/h2.png | Bin 0 -> 159 bytes www/ice/h3.png | Bin 0 -> 159 bytes www/ice/ice.css | 446 +++++++++++++++++++++++++++++++++++++++++ www/ice/menu_item.png | Bin 0 -> 143 bytes www/ice/menu_item_hover.png | Bin 0 -> 202 bytes www/ice/shadow-side.png | Bin 0 -> 98 bytes www/ice/shadow-top.png | Bin 0 -> 109 bytes www/ice/watermark.jpg | Bin 0 -> 5798 bytes www/static/blank.gif | Bin 48 -> 0 bytes www/static/h1.png | Bin 167 -> 0 bytes www/static/h2.png | Bin 159 -> 0 bytes www/static/h3.png | Bin 159 -> 0 bytes www/static/menu_item.png | Bin 143 -> 0 bytes www/static/menu_item_hover.png | Bin 202 -> 0 bytes www/static/shadow-side.png | Bin 98 -> 0 bytes www/static/shadow-top.png | Bin 109 -> 0 bytes www/static/static.css | 446 ----------------------------------------- 18 files changed, 446 insertions(+), 446 deletions(-) create mode 100644 www/ice/h1.png create mode 100644 www/ice/h2.png create mode 100644 www/ice/h3.png create mode 100644 www/ice/ice.css create mode 100644 www/ice/menu_item.png create mode 100644 www/ice/menu_item_hover.png create mode 100644 www/ice/shadow-side.png create mode 100644 www/ice/shadow-top.png create mode 100644 www/ice/watermark.jpg delete mode 100644 www/static/blank.gif delete mode 100644 www/static/h1.png delete mode 100644 www/static/h2.png delete mode 100644 www/static/h3.png delete mode 100644 www/static/menu_item.png delete mode 100644 www/static/menu_item_hover.png delete mode 100644 www/static/shadow-side.png delete mode 100644 www/static/shadow-top.png delete mode 100644 www/static/static.css diff --git a/www/ice/h1.png b/www/ice/h1.png new file mode 100644 index 0000000..f8cffd8 Binary files /dev/null and b/www/ice/h1.png differ diff --git a/www/ice/h2.png b/www/ice/h2.png new file mode 100644 index 0000000..4b25139 Binary files /dev/null and b/www/ice/h2.png differ diff --git a/www/ice/h3.png b/www/ice/h3.png new file mode 100644 index 0000000..87d62cd Binary files /dev/null and b/www/ice/h3.png differ diff --git a/www/ice/ice.css b/www/ice/ice.css new file mode 100644 index 0000000..1dd4a2d --- /dev/null +++ b/www/ice/ice.css @@ -0,0 +1,446 @@ +/* .css - Alpine ACF */ + +/*---------------------------------------------------------------------------------- + * DEBUGGING SECTION + *---------------------------------------------------------------------------------- + */ + +/* DEBUG INFORMATION + "#wrapper input" makes things red and ugly. This is to search for things that needs to be added/removed in this css. + If you find that some button/input turns red, pleace see what needs to be changed in your code or in this css. + When using the html.form[]() to create inputs/buttons/fields then everything should work just fine. + When manually wringing a HEADER + *---------------------------------------------------------------------------------- + */ +#header { + width: 100%; + height: 75px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + + background-image: url("/static/alpine.jpg"); + background-repeat: repeat-x; + border: 1px solid #ddd; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +#header p { + position: absolute; + top: 10px; + right: 10px; + font-size: 14px; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +#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 { + font-size: 40px; + padding: 0px 0px 0px 10px; + margin: 0px 0px 0px 0px; +} +#logo p { + position: absolute; + top: 60px; + left: 10px; + font-size: 14px; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN + *---------------------------------------------------------------------------------- + */ +#main { + left: 0px; + top: 0px; + width: 100%; + padding: 0px 0px 0px 0px; + margin: 17px 0px 0px 0px; +/* background: green; */ +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > NAV + *---------------------------------------------------------------------------------- + */ +#nav { + width: 180px; + margin: 0px 0px 0px 9px; + background: white; + /*background: blue; */ + + padding: 0px 10px 0px 0px; + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; +} +#nav ul { + list-style-type: none; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +#nav ul li { + color: white; + font-size: 16px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background: #6688AA; + padding: 1px 0px 0px 4px; + margin: 0px 0px 0px 0px; + border-top: 1px solid #7799BB; +} +#nav ul li ul { + padding: 2px 0px 0px 0px; + margin: 0px 0px 0px -4px; +} +#nav ul li ul li { + font-weight: normal; + font-size: 10pt; + height: 21px; + 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); + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +#nav ul li ul li.selected { + background: #dff; + font-weight: bold; +} +#nav ul li ul li a { + display: block; + height: 19px; + padding: 2px 0px 0px 5px; +} +#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 { + position: absolute; + top: 95px; + left: 200px; + right: 9px; + color: white; + font-size: 16px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background: #6688AA; + padding: 2px 0px 2px 5px; + margin: 0px 0px 0px 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; + margin: 0px 0px 0px 0px; +/* background: blue; */ +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > SUBNAV + *---------------------------------------------------------------------------------- + */ +#subnav { + position: absolute; + top: 56px; + height: 40px; + left: 200px; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +/* background: blue; */ +} +#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 { + display: block; + position: absolute; + top: 117px; + left: 200px; + right: 0px; + + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; + font-size: 12px; + border-left: 1px solid #cacaca; + margin: 0px 0px 0px 0px; + padding: 0px 10px 0px 5px; +} +#content h1 { + display: block; + clear: both; + height: 18px; + padding: 2px 0px 0px 5px; + margin: 0px 0px 2px -5px; + text-decoration: none; + font-size: 14px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + background-image: url(h1.png); + color: #5c7b99; +} + +#content h2 { + display: block; + clear: both; + height: 18px; + padding: 2px 0px 0px 10px; + margin: 0px 0px 2px -5px; + text-decoration: none; + font-size: 14px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + background-image: url(h2.png); + color: #5c7b99; +} +#content h3 { + display: block; + clear: both; + height: 14px; + padding: 0px 0px 0px 15px; + margin: 0px 0px 2px -5px; + text-decoration: none; + font-size: 12px; + font-weight: thin; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + background-image: url(h3.png); + color: #5c7b99; +} + +#content p { + clear: both; + display: block; +} +#content p.error { + clear: both; + display: block; +} + +#content dt { + float: left; + clear: left; + width: 30%; + color: #000; + font-size: 12px; + text-align: left; + margin: 0px 5px 0px 0px; + padding: 5px 0px 5px 0px; + border-top: 1px solid #ddd; + font-weight: bold; +/* background: blue; */ + +} + +#content dd { + display: block; + float: left; + width: 68%; + color: #444; + font-size: 12px; + margin: 0px 5px 0px 0px; + padding: 5px 0px 5px 0px; + font-weight: light; +/* background: green; */ +} +#content dd p { + display: inline; + margin-left: 10px; + font-style: italic; +/* background: green; */ +} + + +#content dd.error { + color: red; +} + +#content textarea { + width: 99%; + height: 300px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; +} +#content input.text { +/* background: cyan; */ +} + +#content form { + display: inline; +} + +#content dd select { + width: 100%; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; +} + +#content .submit { + width: 100px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; + background: #eee; +} +#content .text { + width: 100%; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; + background: white; +} +#content table { + width: 99%; +} +#content .tailer { + clear: both; + border-bottom: 3px solid #cacaca; + margin-left: -5px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > FOOTER + *---------------------------------------------------------------------------------- + */ +#footer { + position: relative; + clear: left; + border-top: 1px solid #d6d6d6; + width: 180px; + padding: 5px 0px 5px 0px; + margin: 15px 0px 0px 10px; + font-size: 10px; + text-align: center; + color: #aaa; +} diff --git a/www/ice/menu_item.png b/www/ice/menu_item.png new file mode 100644 index 0000000..e56a394 Binary files /dev/null and b/www/ice/menu_item.png differ diff --git a/www/ice/menu_item_hover.png b/www/ice/menu_item_hover.png new file mode 100644 index 0000000..1ddac37 Binary files /dev/null and b/www/ice/menu_item_hover.png differ diff --git a/www/ice/shadow-side.png b/www/ice/shadow-side.png new file mode 100644 index 0000000..bae16f4 Binary files /dev/null and b/www/ice/shadow-side.png differ diff --git a/www/ice/shadow-top.png b/www/ice/shadow-top.png new file mode 100644 index 0000000..68b17fa Binary files /dev/null and b/www/ice/shadow-top.png differ diff --git a/www/ice/watermark.jpg b/www/ice/watermark.jpg new file mode 100644 index 0000000..e76142e Binary files /dev/null and b/www/ice/watermark.jpg differ diff --git a/www/static/blank.gif b/www/static/blank.gif deleted file mode 100644 index a4fe2e6..0000000 Binary files a/www/static/blank.gif and /dev/null differ diff --git a/www/static/h1.png b/www/static/h1.png deleted file mode 100644 index f8cffd8..0000000 Binary files a/www/static/h1.png and /dev/null differ diff --git a/www/static/h2.png b/www/static/h2.png deleted file mode 100644 index 4b25139..0000000 Binary files a/www/static/h2.png and /dev/null differ diff --git a/www/static/h3.png b/www/static/h3.png deleted file mode 100644 index 87d62cd..0000000 Binary files a/www/static/h3.png and /dev/null differ diff --git a/www/static/menu_item.png b/www/static/menu_item.png deleted file mode 100644 index e56a394..0000000 Binary files a/www/static/menu_item.png and /dev/null differ diff --git a/www/static/menu_item_hover.png b/www/static/menu_item_hover.png deleted file mode 100644 index 1ddac37..0000000 Binary files a/www/static/menu_item_hover.png and /dev/null differ diff --git a/www/static/shadow-side.png b/www/static/shadow-side.png deleted file mode 100644 index bae16f4..0000000 Binary files a/www/static/shadow-side.png and /dev/null differ diff --git a/www/static/shadow-top.png b/www/static/shadow-top.png deleted file mode 100644 index 68b17fa..0000000 Binary files a/www/static/shadow-top.png and /dev/null differ diff --git a/www/static/static.css b/www/static/static.css deleted file mode 100644 index 940b907..0000000 --- a/www/static/static.css +++ /dev/null @@ -1,446 +0,0 @@ -/* .css - Alpine ACF */ - -/*---------------------------------------------------------------------------------- - * DEBUGGING SECTION - *---------------------------------------------------------------------------------- - */ - -/* DEBUG INFORMATION - "#wrapper input" makes things red and ugly. This is to search for things that needs to be added/removed in this css. - If you find that some button/input turns red, pleace see what needs to be changed in your code or in this css. - When using the html.form[]() to create inputs/buttons/fields then everything should work just fine. - When manually wringing a 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 { - position: absolute; - top: 10px; - right: 10px; - font-size: 14px; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; -} -#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 { - font-size: 40px; - padding: 0px 0px 0px 10px; - margin: 0px 0px 0px 0px; -} -#logo p { - position: absolute; - top: 60px; - left: 10px; - font-size: 14px; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN - *---------------------------------------------------------------------------------- - */ -#main { - left: 0px; - top: 0px; - width: 100%; - padding: 0px 0px 0px 0px; - margin: 17px 0px 0px 0px; -/* background: green; */ -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN > NAV - *---------------------------------------------------------------------------------- - */ -#nav { - width: 180px; - margin: 0px 0px 0px 9px; - background: white; - /*background: blue; */ - - padding: 0px 10px 0px 0px; - background-image: url(shadow-side.png); - background-repeat: repeat-y; - background-position: right; -} -#nav ul { - list-style-type: none; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; -} -#nav ul li { - color: white; - font-size: 16px; - font-weight: bold; - white-space: nowrap; - overflow: hidden; - background: #6688AA; - padding: 1px 0px 0px 4px; - margin: 0px 0px 0px 0px; - border-top: 1px solid #7799BB; -} -#nav ul li ul { - padding: 2px 0px 0px 0px; - margin: 0px 0px 0px -4px; -} -#nav ul li ul li { - font-weight: normal; - font-size: 10pt; - height: 21px; - 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); - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; -} -#nav ul li ul li.selected { - background: #dff; - font-weight: bold; -} -#nav ul li ul li a { - display: block; - height: 19px; - padding: 2px 0px 0px 5px; -} -#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 { - position: absolute; - top: 95px; - left: 200px; - right: 9px; - color: white; - font-size: 16px; - font-weight: bold; - white-space: nowrap; - overflow: hidden; - background: #6688AA; - padding: 2px 0px 2px 5px; - margin: 0px 0px 0px 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; - margin: 0px 0px 0px 0px; -/* background: blue; */ -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN > SUBNAV - *---------------------------------------------------------------------------------- - */ -#subnav { - position: absolute; - top: 56px; - height: 40px; - left: 200px; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; -/* background: blue; */ -} -#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 { - display: block; - position: absolute; - top: 117px; - left: 200px; - right: 0px; - - background-image: url(shadow-side.png); - background-repeat: repeat-y; - background-position: right; - font-size: 12px; - border-left: 1px solid #cacaca; - margin: 0px 0px 0px 0px; - padding: 0px 10px 0px 5px; -} -#content h1 { - display: block; - clear: both; - height: 18px; - padding: 2px 0px 0px 5px; - margin: 0px 0px 2px -5px; - text-decoration: none; - font-size: 14px; - font-weight: bold; - white-space: nowrap; - overflow: hidden; - border-bottom: 1px solid #cacaca; - border-top: 1px solid #ccc; - background-image: url(h1.png); - color: #5c7b99; -} - -#content h2 { - display: block; - clear: both; - height: 18px; - padding: 2px 0px 0px 10px; - margin: 0px 0px 2px -5px; - text-decoration: none; - font-size: 14px; - font-weight: bold; - white-space: nowrap; - overflow: hidden; - border-bottom: 1px solid #cacaca; - border-top: 1px solid #ccc; - background-image: url(h2.png); - color: #5c7b99; -} -#content h3 { - display: block; - clear: both; - height: 14px; - padding: 0px 0px 0px 15px; - margin: 0px 0px 2px -5px; - text-decoration: none; - font-size: 12px; - font-weight: thin; - white-space: nowrap; - overflow: hidden; - border-bottom: 1px solid #cacaca; - border-top: 1px solid #ccc; - background-image: url(h3.png); - color: #5c7b99; -} - -#content p { - clear: both; - display: block; -} -#content p.error { - clear: both; - display: block; -} - -#content dt { - float: left; - clear: left; - width: 30%; - color: #000; - font-size: 12px; - text-align: left; - margin: 0px 5px 0px 0px; - padding: 5px 0px 5px 0px; - border-top: 1px solid #ddd; - font-weight: bold; -/* background: blue; */ - -} - -#content dd { - display: block; - float: left; - width: 68%; - color: #444; - font-size: 12px; - margin: 0px 5px 0px 0px; - padding: 5px 0px 5px 0px; - font-weight: light; -/* background: green; */ -} -#content dd p { - display: inline; - margin-left: 10px; - font-style: italic; -/* background: green; */ -} - - -#content dd.error { - color: red; -} - -#content textarea { - width: 99%; - height: 300px; - border-right: 1px solid #cacaca; - border-bottom: 1px solid #cacaca; -} -#content input.text { -/* background: cyan; */ -} - -#content form { - display: inline; -} - -#content dd select { - width: 100%; - border-right: 1px solid #cacaca; - border-bottom: 1px solid #cacaca; -} - -#content .submit { - width: 100px; - border-right: 1px solid #cacaca; - border-bottom: 1px solid #cacaca; - background: #eee; -} -#content .text { - width: 100%; - border-right: 1px solid #cacaca; - border-bottom: 1px solid #cacaca; - background: white; -} -#content table { - width: 99%; -} -#content .tailer { - clear: both; - border-bottom: 3px solid #cacaca; - margin-left: -5px; -} - -/*---------------------------------------------------------------------------------- - * PAGE > FOOTER - *---------------------------------------------------------------------------------- - */ -#footer { - position: relative; - clear: left; - border-top: 1px solid #d6d6d6; - width: 180px; - padding: 5px 0px 5px 0px; - margin: 15px 0px 0px 10px; - font-size: 10px; - text-align: center; - color: #aaa; -} -- cgit v1.2.3