From 326314e6c07af25ae4e0f20299b86cdc100528e9 Mon Sep 17 00:00:00 2001 From: Starla Insigna Date: Mon, 24 Nov 2008 17:16:54 -0500 Subject: Returned day and night effects --- theme/css/day.css | 4 + theme/css/night.css | 12 +++ theme/css/print.css | 24 +++++ theme/css/quotes.css | 174 ++++++++++++++++++++++++++++++++ theme/css/quotes.php | 199 ------------------------------------- theme/css/uniform.css | 270 ++++++++++++++++++++++++++++++++++++++++++++++++++ theme/css/uniform.php | 270 -------------------------------------------------- theme/css/website.php | 27 ++--- 8 files changed, 491 insertions(+), 489 deletions(-) create mode 100644 theme/css/day.css create mode 100644 theme/css/night.css create mode 100644 theme/css/print.css create mode 100755 theme/css/quotes.css delete mode 100755 theme/css/quotes.php create mode 100755 theme/css/uniform.css delete mode 100755 theme/css/uniform.php (limited to 'theme/css') diff --git a/theme/css/day.css b/theme/css/day.css new file mode 100644 index 0000000..63926b3 --- /dev/null +++ b/theme/css/day.css @@ -0,0 +1,4 @@ +body#day { + background-color: aqua; + background-image: url(/theme/images/backgrounds/island6.PNG); +} diff --git a/theme/css/night.css b/theme/css/night.css new file mode 100644 index 0000000..0b4a5ea --- /dev/null +++ b/theme/css/night.css @@ -0,0 +1,12 @@ +body#night { + background-color: black; + background-image: url(/theme/images/backgrounds/island6night.PNG); +} + +body#night div#banner { + background-image: url("/theme/images/fourisland_header_night.png"); +} + +body#night div#top-fade { + background-image: url(/theme/images/top_fade_night.png); +} diff --git a/theme/css/print.css b/theme/css/print.css new file mode 100644 index 0000000..5e54a1e --- /dev/null +++ b/theme/css/print.css @@ -0,0 +1,24 @@ +body { + width: 100% !important; +} + +div#banner, div#footer, div#rightbar { + display: none; +} + +span.print { + display: inline; +} + +div#cleardiv { + clear: none; +} + +div#content { + width: 100%; +} + +div.post-title { + width: 90%; +} + diff --git a/theme/css/quotes.css b/theme/css/quotes.css new file mode 100755 index 0000000..fd82c79 --- /dev/null +++ b/theme/css/quotes.css @@ -0,0 +1,174 @@ +/* site-wide */ +div#site_all{ + font-family: serif; + font-size: 12pt; + margin-left: 9%; + margin-right: 9%; +} +a#site_nav_admin{ + color: #c08000; +} +a#site_nav_logout{ + color: #000000; +} +a#site_admin_flag, a#site_admin_queue{ + color: #336699; +} + + +/* quote-output styles */ + +div.quote_quote{ + padding-bottom: 5pt; +} +div.quote_whole{ + padding-top: 10pt; +} + +/* searchpage */ +input#search_submit-button{ + background-color: #c08000; +} +input#search_query-box{ + background-color: #f0f0f0; +} +select#search_sortby-dropdown{ + background-color: #f0f0f0; +} +select#search_limit-dropdown{ + background-color: #f0f0f0; +} + + +/* home_*: styles for the default homepage */ + +div.home_news_date{ + font-weight: bold; +} +div#home_greeting{ + float: left; + width: 50%; +} +div#home_news{ + width: 100%; +} + + +/* *admin*: used on administration pages and admin-only content */ + +div#site_admin_nav{ + position: relative; + margin-top: 90pt; + clear: both; + margin-top: -.1pt; +} +div#site_admin_nav_upper_linkbar{ + background-color: #f0f0f0; +} +div#site_admin_nav_lower_infobar{ + background-color: #c08000; + text-align: right; +} +html>body div#site_admin_nav{ /* hack for firefox, disabled in opera and ie */ + margin-top: 0pt; +} +.admin_queue_alt1{ + background-color: #ffffff; +} +.admin_queue_alt2{ + background-color: #f0f0f0; +} +input#admin_login_username-box{ + background-color: #f0f0f0; +} +input#admin_login_password-box{ + background-color: #f0f0f0; +} +input#admin_login_submit-button{ + background-color: #c08000; +} + + +/* site_nav_*: navigation on the top, for everyone */ + +div#site_nav_lower{ + background-color: #f0f0f0; +} +div#site_nav_lower_linkbar{ + clear: both; + text-align: right; +} +div#site_nav_upper{ + background-color: #c08000; + padding: 3px; +} +div#site_nav_upper_qms{ + position: relative; + z-index: 1; + float: left; + font-size: 14pt; + font-weight: bold; + font-style: italic; +} +div#site_nav_upper_qms-long{ + position: relative; + z-index: 1; + float: right; + font-weight: bold; + font-size: 15pt; +} +div#site_nav{ + position: relative; + z-index: 0; +} + + +/* user-based functions */ +div#add_outputmsg_quote{ + padding-top: 10pt; + font-family: monospace; + padding-bottom: 10pt; +} + + +/* page titles */ +div#quote_origin-name{ + font-size: 23.6pt; + font-weight: bold; +} +div#search_title{ + font-size: 23.6pt; + font-weight: bold; +} +div#admin_add-news_title{ + font-size: 23.6pt; + font-weight: bold; +} +div#add_title{ + font-size: 23.6pt; + font-weight: bold; +} +div#admin_queue_title{ + font-size: 23.6pt; + font-weight: bold; +} +div#admin_flag_title{ + font-size: 23.6pt; + font-weight: bold; +} +div#admin_change-pw_title{ + font-size: 23.6pt; + font-weight: bold; +} +div#admin_users_title{ + font-size: 23.6pt; + font-weight: bold; +} +div#admin_add-user_title{ + font-size: 23.6pt; + font-weight: bold; +} + +div.quote_pagenums{ + text-align: center; +} diff --git a/theme/css/quotes.php b/theme/css/quotes.php deleted file mode 100755 index f66ad14..0000000 --- a/theme/css/quotes.php +++ /dev/null @@ -1,199 +0,0 @@ - -/* site-wide */ -div#site_all{ - font-family: serif; - font-size: 12pt; - margin-left: 9%; - margin-right: 9%; -} -a#site_nav_admin{ - color: #c08000; -} -a#site_nav_logout{ - color: #000000; -} -a#site_admin_flag, a#site_admin_queue{ - color: #336699; -} - - -/* quote-output styles */ - -div.quote_quote{ - padding-bottom: 5pt; -} -div.quote_whole{ - padding-top: 10pt; -} - -/* searchpage */ -input#search_submit-button{ - background-color: #c08000; -} -input#search_query-box{ - background-color: #f0f0f0; -} -select#search_sortby-dropdown{ - background-color: #f0f0f0; -} -select#search_limit-dropdown{ - background-color: #f0f0f0; -} - - -/* home_*: styles for the default homepage */ - -div.home_news_date{ - font-weight: bold; -} -div#home_greeting{ - float: left; - width: 50%; -} -div#home_news{ - width: 100%; -} - - -/* *admin*: used on administration pages and admin-only content */ - -div#site_admin_nav{ - position: relative; - margin-top: 90pt; - clear: both; - margin-top: -.1pt; -} -div#site_admin_nav_upper_linkbar{ - background-color: #f0f0f0; -} -div#site_admin_nav_lower_infobar{ - background-color: #c08000; - text-align: right; -} -html>body div#site_admin_nav{ /* hack for firefox, disabled in opera and ie */ - margin-top: 0pt; -} -.admin_queue_alt1{ - background-color: #ffffff; -} -.admin_queue_alt2{ - background-color: #f0f0f0; -} -input#admin_login_username-box{ - background-color: #f0f0f0; -} -input#admin_login_password-box{ - background-color: #f0f0f0; -} -input#admin_login_submit-button{ - background-color: #c08000; -} - - -/* site_nav_*: navigation on the top, for everyone */ - -div#site_nav_lower{ - background-color: #f0f0f0; -} -div#site_nav_lower_linkbar{ - clear: both; - text-align: right; -} -div#site_nav_upper{ - background-color: #c08000; - padding: 3px; -} -div#site_nav_upper_qms{ - position: relative; - z-index: 1; - float: left; - font-size: 14pt; - font-weight: bold; - font-style: italic; -} -div#site_nav_upper_qms-long{ - position: relative; - z-index: 1; - float: right; - font-weight: bold; - font-size: 15pt; -} -div#site_nav{ - position: relative; - z-index: 0; -} - - -/* user-based functions */ -div#add_outputmsg_quote{ - padding-top: 10pt; - font-family: monospace; - padding-bottom: 10pt; -} - - -/* page titles */ -div#quote_origin-name{ - font-size: 23.6pt; - font-weight: bold; -} -div#search_title{ - font-size: 23.6pt; - font-weight: bold; -} -div#admin_add-news_title{ - font-size: 23.6pt; - font-weight: bold; -} -div#add_title{ - font-size: 23.6pt; - font-weight: bold; -} -div#admin_queue_title{ - font-size: 23.6pt; - font-weight: bold; -} -div#admin_flag_title{ - font-size: 23.6pt; - font-weight: bold; -} -div#admin_change-pw_title{ - font-size: 23.6pt; - font-weight: bold; -} -div#admin_users_title{ - font-size: 23.6pt; - font-weight: bold; -} -div#admin_add-user_title{ - font-size: 23.6pt; - font-weight: bold; -} - -div.quote_pagenums{ - text-align: center; -} diff --git a/theme/css/uniform.css b/theme/css/uniform.css new file mode 100755 index 0000000..0a57b49 --- /dev/null +++ b/theme/css/uniform.css @@ -0,0 +1,270 @@ +/* Four Island UniForm CSS */ + +/* uniForm */ + .uniForm{ + margin:0; padding:0; + position:relative; + width:100%; + /* user prefs */ + padding:10px 0; + } + + /* Some generals */ + .uniForm fieldset{ + border:none; + margin:0; padding:0; + /* user prefs */ + margin:0 0 7px 0; padding:0 0 10px 0; + border-bottom:1px solid #efefef; + } + .uniForm fieldset legend{ + color:#000; /* Reset IE */ + margin:0; padding:0; + /* user prefs */ + margin:0 0 .5em 0; + font:bold small-caps 100%/100% "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif; + letter-spacing:.1em; + color:#93b5be; + } + + .ctrlHolder{ /* This is the main unit that contains our form "modules" */ + overflow:hidden; + margin:0; padding:0; + clear:both; + /* user prefs */ + background:#f9f9f9; + margin:0; padding:7px 4px; + } + + .buttonHolder{ + overflow:hidden; + clear:both; + /* user prefs */ + background:#f9f9f9; + border:1px solid #ccc; border-width:1px 0; + margin:10px 0 0 0; padding:10px; + text-align:right; + } + .resetButton{ + } + .submitButton{ + } + + .uniForm .inlineLabel{ + width:auto; + float:none; + display:inline; + /* user prefs */ + margin:0 2em 0 0; + font-weight:normal; + } + .uniForm .inlineLabel input{ + } + + /* Highlighting the rows on input focus */ + .focused{ + background:#FFFCDF url(/theme/images/uf_focused.png); + border:1px solid #EFE795; border-width:1px 0; + padding:6px 4px; + } + + + /* Styles for form controls where labels are in line with the input elements */ + /* Set the class to the parent to .inlineLabels */ + .inlineLabels .ctrlHolder{ + } + .inlineLabels label, + .inlineLabels .label{ + float:left; + margin:.3em 0 0 0; padding:0; + line-height:100%; + /* user prefs */ + width:30%; + font-weight:bold; + } + + .inlineLabels .textInput, + .inlineLabels .fileUpload{ + float:left; + /* user prefs */ + width:68%; + border:2px solid #dfdfdf; + } + .inlineLabels .fileUpload > input{ + } + + .inlineLabels .selectInput{ + float:left; + /* user prefs */ + width:69%; + border:2px solid #dfdfdf; + } + + .inlineLabels textarea{ + float:left; + width:68%; + /* user prefs */ + border:2px solid #dfdfdf; + height:12em; + } + + .inlineLabels .formHint{ + clear:both; + /* user prefs */ + color:#999; + margin:.5em 0 0 30%; padding:3px 0; + font-size:80%; + } + + /* inlineLabels esthetics */ + .inlineLabels .formHint strong{ + padding:0 0 0 14px; + background:url(/theme/images/icon_alert.png) 0 0 no-repeat; + display:inline-block; + } + + + /* ########################################################################## */ + + /* Styles for form controls where labels are above the input elements */ + /* Set the class to the parent to .blockLabels */ + .blockLabels .ctrlHolder{ + } + + .blockLabels label, + .blockLabels .label{ + display:block; + float:none; + margin:.3em 0; padding:0; + line-height:100%; + width:60%; + /* user prefs */ + font-weight:bold; + width:auto; + } + .blockLabels .label{ + float:left; + margin-right:3em; + } + + .blockLabels .textInput{ + float:left; + width:60%; + /* user prefs */ + border:2px solid #dfdfdf; + } + + .blockLabels .selectInput{ + float:left; + width:60%; + /* user prefs */ + border:2px solid #dfdfdf; + + } + + .blockLabels textarea{ + display:block; + float:left; + /* user prefs */ + border:2px solid #dfdfdf; + height:12em; + } + + .blockLabels .formHint{ + float:right; + margin:0; + width:38%; + clear:none; + /* user prefs */ + color:#999; + font-size:80%; + font-style:italic; + } + + /* blockLabels esthetics */ + .blockLabels .ctrlHolder{ + border:1px solid #dfdfdf; border-width:1px 0; + margin-top:-1px; + } + + .blockLabels .focused{ + padding:7px 4px; + } + + /* ########################################################################## */ + + /* Focus pseudoclasses */ + .ctrlHolder .textInput:focus{ + border-color:#DFD77D; + } + div.focused .textInput:focus{ + } + div.focused .formHint{ + color:#000; + } + + /* Required asterisk styling, use if needed */ + label em, + .label em{ + display:block; + position:absolute; left:28%; + font-style:normal; + font-weight:bold; + } + .blockLabels label em, + .blockLabels .label em{ + position:static; + display:inline; + } + + /* Messages */ + .uniForm #errorMsg{ + background:#ffdfdf url(/theme/images/uf_error.png); + border:1px solid #df7d7d; border-width:1px 0; + margin:0 0 1em 0; padding:1em; + } + .uniForm .error, + .uniForm .blockLabels.ctrlHolder.error{ + background:#ffdfdf url(/theme/images/uf_error.png); + border:1px solid #df7d7d; border-width:1px 0; + position:relative; + } + .uniForm #errorMsg dt, + .uniForm #errorMsg h3{ + margin:0 0 .5em 0; + font-size:110%; + line-height:100%; + font-weight:bold; + color:#000; + padding:2px 0 2px 18px; + background:url(/theme/images/icon-error.png) 0 0 no-repeat; + } + .uniForm #errorMsg dd{ + margin:0; padding:0; + } + .uniForm #errorMsg ol{ + margin:0; padding:0; + } + .uniForm #errorMsg ol li{ + margin:0; padding:2px; + list-style-position:inside; + border-bottom:1px dotted #df7d7d; + position:relative; + } + .uniForm .errorField{ + margin:0 0 3px 0; + } + .uniForm .inlineLabels .errorField{ + margin-left:30%; + } + .uniForm .errorField strong{ + background:#FFE2E2; + padding:1px 3px 3px 3px; + } + .ctrlHolder.error input, + .ctrlHolder.error input:focus{ + border-color:#DF7D7D; + } + .ctrlHolder.error.focused{ + padding:7px 4px; + } diff --git a/theme/css/uniform.php b/theme/css/uniform.php deleted file mode 100755 index 0a57b49..0000000 --- a/theme/css/uniform.php +++ /dev/null @@ -1,270 +0,0 @@ -/* Four Island UniForm CSS */ - -/* uniForm */ - .uniForm{ - margin:0; padding:0; - position:relative; - width:100%; - /* user prefs */ - padding:10px 0; - } - - /* Some generals */ - .uniForm fieldset{ - border:none; - margin:0; padding:0; - /* user prefs */ - margin:0 0 7px 0; padding:0 0 10px 0; - border-bottom:1px solid #efefef; - } - .uniForm fieldset legend{ - color:#000; /* Reset IE */ - margin:0; padding:0; - /* user prefs */ - margin:0 0 .5em 0; - font:bold small-caps 100%/100% "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif; - letter-spacing:.1em; - color:#93b5be; - } - - .ctrlHolder{ /* This is the main unit that contains our form "modules" */ - overflow:hidden; - margin:0; padding:0; - clear:both; - /* user prefs */ - background:#f9f9f9; - margin:0; padding:7px 4px; - } - - .buttonHolder{ - overflow:hidden; - clear:both; - /* user prefs */ - background:#f9f9f9; - border:1px solid #ccc; border-width:1px 0; - margin:10px 0 0 0; padding:10px; - text-align:right; - } - .resetButton{ - } - .submitButton{ - } - - .uniForm .inlineLabel{ - width:auto; - float:none; - display:inline; - /* user prefs */ - margin:0 2em 0 0; - font-weight:normal; - } - .uniForm .inlineLabel input{ - } - - /* Highlighting the rows on input focus */ - .focused{ - background:#FFFCDF url(/theme/images/uf_focused.png); - border:1px solid #EFE795; border-width:1px 0; - padding:6px 4px; - } - - - /* Styles for form controls where labels are in line with the input elements */ - /* Set the class to the parent to .inlineLabels */ - .inlineLabels .ctrlHolder{ - } - .inlineLabels label, - .inlineLabels .label{ - float:left; - margin:.3em 0 0 0; padding:0; - line-height:100%; - /* user prefs */ - width:30%; - font-weight:bold; - } - - .inlineLabels .textInput, - .inlineLabels .fileUpload{ - float:left; - /* user prefs */ - width:68%; - border:2px solid #dfdfdf; - } - .inlineLabels .fileUpload > input{ - } - - .inlineLabels .selectInput{ - float:left; - /* user prefs */ - width:69%; - border:2px solid #dfdfdf; - } - - .inlineLabels textarea{ - float:left; - width:68%; - /* user prefs */ - border:2px solid #dfdfdf; - height:12em; - } - - .inlineLabels .formHint{ - clear:both; - /* user prefs */ - color:#999; - margin:.5em 0 0 30%; padding:3px 0; - font-size:80%; - } - - /* inlineLabels esthetics */ - .inlineLabels .formHint strong{ - padding:0 0 0 14px; - background:url(/theme/images/icon_alert.png) 0 0 no-repeat; - display:inline-block; - } - - - /* ########################################################################## */ - - /* Styles for form controls where labels are above the input elements */ - /* Set the class to the parent to .blockLabels */ - .blockLabels .ctrlHolder{ - } - - .blockLabels label, - .blockLabels .label{ - display:block; - float:none; - margin:.3em 0; padding:0; - line-height:100%; - width:60%; - /* user prefs */ - font-weight:bold; - width:auto; - } - .blockLabels .label{ - float:left; - margin-right:3em; - } - - .blockLabels .textInput{ - float:left; - width:60%; - /* user prefs */ - border:2px solid #dfdfdf; - } - - .blockLabels .selectInput{ - float:left; - width:60%; - /* user prefs */ - border:2px solid #dfdfdf; - - } - - .blockLabels textarea{ - display:block; - float:left; - /* user prefs */ - border:2px solid #dfdfdf; - height:12em; - } - - .blockLabels .formHint{ - float:right; - margin:0; - width:38%; - clear:none; - /* user prefs */ - color:#999; - font-size:80%; - font-style:italic; - } - - /* blockLabels esthetics */ - .blockLabels .ctrlHolder{ - border:1px solid #dfdfdf; border-width:1px 0; - margin-top:-1px; - } - - .blockLabels .focused{ - padding:7px 4px; - } - - /* ########################################################################## */ - - /* Focus pseudoclasses */ - .ctrlHolder .textInput:focus{ - border-color:#DFD77D; - } - div.focused .textInput:focus{ - } - div.focused .formHint{ - color:#000; - } - - /* Required asterisk styling, use if needed */ - label em, - .label em{ - display:block; - position:absolute; left:28%; - font-style:normal; - font-weight:bold; - } - .blockLabels label em, - .blockLabels .label em{ - position:static; - display:inline; - } - - /* Messages */ - .uniForm #errorMsg{ - background:#ffdfdf url(/theme/images/uf_error.png); - border:1px solid #df7d7d; border-width:1px 0; - margin:0 0 1em 0; padding:1em; - } - .uniForm .error, - .uniForm .blockLabels.ctrlHolder.error{ - background:#ffdfdf url(/theme/images/uf_error.png); - border:1px solid #df7d7d; border-width:1px 0; - position:relative; - } - .uniForm #errorMsg dt, - .uniForm #errorMsg h3{ - margin:0 0 .5em 0; - font-size:110%; - line-height:100%; - font-weight:bold; - color:#000; - padding:2px 0 2px 18px; - background:url(/theme/images/icon-error.png) 0 0 no-repeat; - } - .uniForm #errorMsg dd{ - margin:0; padding:0; - } - .uniForm #errorMsg ol{ - margin:0; padding:0; - } - .uniForm #errorMsg ol li{ - margin:0; padding:2px; - list-style-position:inside; - border-bottom:1px dotted #df7d7d; - position:relative; - } - .uniForm .errorField{ - margin:0 0 3px 0; - } - .uniForm .inlineLabels .errorField{ - margin-left:30%; - } - .uniForm .errorField strong{ - background:#FFE2E2; - padding:1px 3px 3px 3px; - } - .ctrlHolder.error input, - .ctrlHolder.error input:focus{ - border-color:#DF7D7D; - } - .ctrlHolder.error.focused{ - padding:7px 4px; - } diff --git a/theme/css/website.php b/theme/css/website.php index 6c0b703..bce3ca8 100755 --- a/theme/css/website.php +++ b/theme/css/website.php @@ -26,8 +26,6 @@ require('headerproc.php'); /* Four Island General CSS */ body { - background-color: aqua; - background-image: url(/theme/images/backgrounds/island6.PNG); background-repeat: repeat-x; background-attachment: fixed; background-position: bottom left; @@ -46,16 +44,10 @@ ul#bannernav, p { padding:0pt; } -.idw-container { - text-align: none !important; -} - p {margin-top: 1em} ul, ol {margin-top: 1em; margin-bottom: 1em} -/*li {margin-left: 60px}*/ - ::selection { background: pink; } @@ -147,7 +139,6 @@ pre { text-align: left; padding: 0; margin-top: 25px; -/* margin-left: 50px; */ } span.fcorners-bottom { @@ -167,6 +158,10 @@ div#banner, div#fi-banner { margin-top: 21px; } +div#banner { + background-image: url("/theme/images/fourisland_header.png"); +} + body div#banner h1, body div#fi-banner h1 { margin: 0; } @@ -187,8 +182,6 @@ div#banner h1, div#fi-banner h1 { } div#bannernav { -/* position: relative; - top: -20px;*/ text-align: center; } @@ -250,7 +243,6 @@ body.login div#pageTabs ul li#bannernav-login { div#rightbar { float: left; width: 250px; /*210*/ -/* clear: right; */ padding: 0 10; } @@ -263,10 +255,6 @@ div#iconbar ul li { list-style-type: none; } -div#banner { - background-image: url("/theme/images/fourisland_header.png"); /*850x129*/ -} - div.sidebar { width: 250px; /*250*/ /*240*/ /*210*/ padding: 0 10px; @@ -587,7 +575,6 @@ span.post-comments { } div#page { - /*margin: 0 auto;*/ padding: 0; width: 850px; position: relative; @@ -735,12 +722,12 @@ table.webmail td { word-wrap: break-word; } -img#top-fade { +div#top-fade { position: absolute; top: 0; left: 0; width: 100%; - background-image: url(/theme/images/top-fade.png); - height: 60%; + background-image: url(/theme/images/top_fade.png); + height: 400px; z-index: 0; } -- cgit 1.4.1