diff options
| author | Starla Insigna <hatkirby@fourisland.com> | 2008-12-06 18:04:57 -0500 |
|---|---|---|
| committer | Starla Insigna <hatkirby@fourisland.com> | 2008-12-06 18:04:57 -0500 |
| commit | 62d716cb332877662b3c6abf2206efb755a93a7f (patch) | |
| tree | aeff1a12a46f0b7068338308a30da6b6aeeb584a /theme/css | |
| parent | 8fd2009756657ab115ed389bd7b458bf570ff606 (diff) | |
| parent | 1254c49c430e12d88153ad233cb7ed86ffeb0d18 (diff) | |
| download | fourisland-62d716cb332877662b3c6abf2206efb755a93a7f.tar.gz fourisland-62d716cb332877662b3c6abf2206efb755a93a7f.tar.bz2 fourisland-62d716cb332877662b3c6abf2206efb755a93a7f.zip | |
Merged the backout of the revokal of Layout 6
Diffstat (limited to 'theme/css')
| -rw-r--r-- | theme/css/headers.php | 85 | ||||
| -rw-r--r-- | theme/css/navigation.css | 173 | ||||
| -rw-r--r-- | theme/css/night.css | 12 | ||||
| -rwxr-xr-x | theme/css/website.css | 62 |
4 files changed, 28 insertions, 304 deletions
| diff --git a/theme/css/headers.php b/theme/css/headers.php deleted file mode 100644 index bb5a179..0000000 --- a/theme/css/headers.php +++ /dev/null | |||
| @@ -1,85 +0,0 @@ | |||
| 1 | <?php | ||
| 2 | /* | ||
| 3 | 444444444 | ||
| 4 | 4::::::::4 | ||
| 5 | 4:::::::::4 | ||
| 6 | 4::::44::::4 | ||
| 7 | 4::::4 4::::4 Four Island | ||
| 8 | 4::::4 4::::4 | ||
| 9 | 4::::4 4::::4 Written and maintained by Starla Insigna | ||
| 10 | 4::::444444::::444 | ||
| 11 | 4::::::::::::::::4 theme/css/headers.php | ||
| 12 | 4444444444:::::444 | ||
| 13 | 4::::4 Please do not use, reproduce or steal the | ||
| 14 | 4::::4 contents of this file without explicit | ||
| 15 | 4::::4 permission from Hatkirby. | ||
| 16 | 44::::::44 | ||
| 17 | 4::::::::4 | ||
| 18 | 4444444444 | ||
| 19 | */ | ||
| 20 | |||
| 21 | if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);} | ||
| 22 | |||
| 23 | require('headerproc.php'); | ||
| 24 | |||
| 25 | ?> | ||
| 26 | /* Four Island Header CSS */ | ||
| 27 | <?php | ||
| 28 | |||
| 29 | include_once('../includes/specialdates.php'); | ||
| 30 | |||
| 31 | if (sd_ifNoSpecialDay()) | ||
| 32 | { | ||
| 33 | $bgimgm = 'main'; | ||
| 34 | } elseif (sd_isSpecialDay('Four Island A')) | ||
| 35 | { | ||
| 36 | $bgimgm = 'islandYearly'; | ||
| 37 | } elseif (sd_isSpecialDay('Mothers Day')) | ||
| 38 | { | ||
| 39 | $bgimgm = 'mothers'; | ||
| 40 | } elseif (sd_isSpecialDay('Memorial Day')) | ||
| 41 | { | ||
| 42 | $bgimgm = 'memorial'; | ||
| 43 | } elseif (sd_isSpecialDay('Hatkirbys B-Day')) | ||
| 44 | { | ||
| 45 | $bgimgm = 'hatkirbybday'; | ||
| 46 | } else if (sd_isSpecialDay('CTNH')) | ||
| 47 | { | ||
| 48 | $bgimgm = 'ctnh'; | ||
| 49 | } else { | ||
| 50 | $bgimgm = 'main'; | ||
| 51 | } | ||
| 52 | |||
| 53 | if ($bgimgm == 'main') | ||
| 54 | { | ||
| 55 | //Check for page-based headers | ||
| 56 | ?> | ||
| 57 | /* Category-Based Headers */ | ||
| 58 | body.projects div#banner { | ||
| 59 | background-image: url("/theme/images/headers/projects.png"); | ||
| 60 | } | ||
| 61 | body.wiki div#banner { | ||
| 62 | background-image: url("/theme/images/headers/kfm.png"); | ||
| 63 | } | ||
| 64 | body.fourm div#banner { | ||
| 65 | background-image: url("/theme/images/headers/fourm.png"); | ||
| 66 | } | ||
| 67 | body.misc div#banner { | ||
| 68 | background-image: url("/theme/images/headers/random.png"); | ||
| 69 | } | ||
| 70 | body.webs div#banner { | ||
| 71 | background-image: url("/theme/images/headers/links.png"); | ||
| 72 | } | ||
| 73 | body.quotes div#banner { | ||
| 74 | background-image: url("/theme/images/headers/quotes.png"); | ||
| 75 | } | ||
| 76 | body.poll div#banner { | ||
| 77 | background-image: url("/theme/images/headers/potw.png"); | ||
| 78 | } | ||
| 79 | /* AID-Based Headers */ | ||
| 80 | <?php | ||
| 81 | } | ||
| 82 | ?> | ||
| 83 | div#banner { | ||
| 84 | background-image: url("/theme/images/headers/<?php echo($bgimgm); ?>.png"); /*850x129*/ | ||
| 85 | } | ||
| diff --git a/theme/css/navigation.css b/theme/css/navigation.css deleted file mode 100644 index 4d3156b..0000000 --- a/theme/css/navigation.css +++ /dev/null | |||
| @@ -1,173 +0,0 @@ | |||
| 1 | /* Four Island NavBar CSS */ | ||
| 2 | |||
| 3 | ul#bannernav { | ||
| 4 | list-style: none; | ||
| 5 | clear: both; | ||
| 6 | margin: 0px; | ||
| 7 | } | ||
| 8 | |||
| 9 | div#banner-nav { | ||
| 10 | height: 30px; | ||
| 11 | clear: both; | ||
| 12 | margin: 1px 30px 0 30px; | ||
| 13 | background: url("/theme/images/bg_navbar.gif") repeat-x 0 0; | ||
| 14 | } | ||
| 15 | |||
| 16 | ul#bannernav li { | ||
| 17 | float: left; | ||
| 18 | margin: 0; | ||
| 19 | padding: 0; | ||
| 20 | padding-right: 6px; | ||
| 21 | } | ||
| 22 | |||
| 23 | ul#bannernav li a { | ||
| 24 | text-decoration: none; | ||
| 25 | display: block; | ||
| 26 | width: 100; | ||
| 27 | height: 30; | ||
| 28 | } | ||
| 29 | |||
| 30 | ul#bannernav li a span { | ||
| 31 | visibility: hidden; | ||
| 32 | } | ||
| 33 | |||
| 34 | ul#bannernav li img { | ||
| 35 | display: none; | ||
| 36 | } | ||
| 37 | |||
| 38 | ul#bannernav li#bannernav-home a { | ||
| 39 | background-image: url("/theme/images/Home.gif"); | ||
| 40 | } | ||
| 41 | |||
| 42 | body.home ul#bannernav li#bannernav-home a, | ||
| 43 | ul#bannernav li#bannernav-home a:hover { | ||
| 44 | background-image: url("/theme/images/Home_ro.gif"); | ||
| 45 | } | ||
| 46 | |||
| 47 | ul#bannernav li#bannernav-projects a { | ||
| 48 | background-image: url("/theme/images/Projects.gif"); | ||
| 49 | } | ||
| 50 | |||
| 51 | body.projects ul#bannernav li#bannernav-projects a, | ||
| 52 | ul#bannernav li#bannernav-projects a:hover { | ||
| 53 | background-image: url("/theme/images/Projects_ro.gif"); | ||
| 54 | } | ||
| 55 | |||
| 56 | ul#bannernav li#bannernav-wiki a { | ||
| 57 | background-image: url("/theme/images/Wiki.gif"); | ||
| 58 | } | ||
| 59 | |||
| 60 | body.wiki ul#bannernav li#bannernav-wiki a, | ||
| 61 | ul#bannernav li#bannernav-wiki a:hover { | ||
| 62 | background-image: url("/theme/images/Wiki_ro.gif"); | ||
| 63 | } | ||
| 64 | |||
| 65 | ul#bannernav li#bannernav-fourm a { | ||
| 66 | background-image: url("/theme/images/Fourm.gif"); | ||
| 67 | } | ||
| 68 | |||
| 69 | body.fourm ul#bannernav li#bannernav-fourm a, | ||
| 70 | ul#bannernav li#bannernav-fourm a:hover { | ||
| 71 | background-image: url("/theme/images/Fourm_ro.gif"); | ||
| 72 | } | ||
| 73 | |||
| 74 | ul#bannernav li#bannernav-misc a { | ||
| 75 | background-image: url("/theme/images/Random.gif"); | ||
| 76 | } | ||
| 77 | |||
| 78 | body.misc ul#bannernav li#bannernav-misc a, | ||
| 79 | ul#bannernav li#bannernav-misc a:hover { | ||
| 80 | background-image: url("/theme/images/Random_ro.gif"); | ||
| 81 | } | ||
| 82 | |||
| 83 | ul#bannernav li#bannernav-webs a { | ||
| 84 | background-image: url("/theme/images/Links.gif"); | ||
| 85 | } | ||
| 86 | |||
| 87 | body.webs ul#bannernav li#bannernav-webs a, | ||
| 88 | ul#bannernav li#bannernav-webs a:hover { | ||
| 89 | background-image: url("/theme/images/Links_ro.gif"); | ||
| 90 | } | ||
| 91 | |||
| 92 | ul#bannernav li#bannernav-poll a { | ||
| 93 | background-image: url("/theme/images/Poll.gif"); | ||
| 94 | } | ||
| 95 | |||
| 96 | body.poll ul#bannernav li#bannernav-poll a, | ||
| 97 | ul#bannernav li#bannernav-poll a:hover { | ||
| 98 | background-image: url("/theme/images/Poll_ro.gif"); | ||
| 99 | } | ||
| 100 | |||
| 101 | ul#bannernav li#bannernav-quotes a { | ||
| 102 | background-image: url("/theme/images/Quotes.gif"); | ||
| 103 | } | ||
| 104 | |||
| 105 | body.quotes ul#bannernav li#bannernav-quotes a, | ||
| 106 | ul#bannernav li#bannernav-quotes a:hover { | ||
| 107 | background-image: url("/theme/images/Quotes_ro.gif"); | ||
| 108 | } | ||
| 109 | |||
| 110 | ul#bannernav li#bannernav-login a { | ||
| 111 | background-image: url("/theme/images/Login.gif"); | ||
| 112 | } | ||
| 113 | |||
| 114 | body.login ul#bannernav li#bannernav-login a, | ||
| 115 | ul#bannernav li#bannernav-login a:hover { | ||
| 116 | background-image: url("/theme/images/Login_ro.gif"); | ||
| 117 | } | ||
| 118 | |||
| 119 | ul#bannernav li#bannernav-logout a { | ||
| 120 | background-image: url("/theme/images/Logout.gif"); | ||
| 121 | } | ||
| 122 | |||
| 123 | ul#bannernav li#bannernav-logout a:hover { | ||
| 124 | background-image: url("/theme/images/Logout_ro.gif"); | ||
| 125 | } | ||
| 126 | |||
| 127 | ul#bannernav li#bannernav-panel a { | ||
| 128 | background-image: url("/theme/images/Panel.gif"); | ||
| 129 | } | ||
| 130 | |||
| 131 | body.panel ul#bannernav li#bannernav-panel a, | ||
| 132 | ul#bannernav li#bannernav-panel a:hover { | ||
| 133 | background-image: url("/theme/images/Panel_ro.gif"); | ||
| 134 | } | ||
| 135 | |||
| 136 | ul#bannernav li#bannernav-search { | ||
| 137 | display: block; | ||
| 138 | float: right; | ||
| 139 | width: 165px; | ||
| 140 | height: 30px; | ||
| 141 | margin: 0px; | ||
| 142 | background: url("/theme/images/bg_search.gif") 0 0 no-repeat; | ||
| 143 | } | ||
| 144 | |||
| 145 | ul#bannernav li#bannernav-search fieldset { | ||
| 146 | border: none; | ||
| 147 | padding-top: 6px; | ||
| 148 | border-width:0pt; | ||
| 149 | font-family:Verdana,Helvetica,Arial,sans-serif; | ||
| 150 | font-size:1.1em; | ||
| 151 | } | ||
| 152 | |||
| 153 | ul#bannernav li#bannernav-search input { | ||
| 154 | width: 125px; | ||
| 155 | height: 19px !important; | ||
| 156 | margin-left: 13px; | ||
| 157 | border: none !important; | ||
| 158 | background-color: transparent; | ||
| 159 | cursor:pointer; | ||
| 160 | font-family:Verdana,Helvetica,Arial,sans-serif; | ||
| 161 | font-weight:normal; | ||
| 162 | padding:0pt 3px; | ||
| 163 | vertical-align:middle; | ||
| 164 | line-height:1.3em; | ||
| 165 | color:#536482; | ||
| 166 | margin-top: -20px; | ||
| 167 | } | ||
| 168 | |||
| 169 | body.fourm ul#bannernav li#bannernav-search input { | ||
| 170 | margin-top: 0px; | ||
| 171 | font-size: 1.1em !important; | ||
| 172 | margin-left: 28px; | ||
| 173 | } | ||
| diff --git a/theme/css/night.css b/theme/css/night.css index e97ac71..614cc79 100644 --- a/theme/css/night.css +++ b/theme/css/night.css | |||
| @@ -2,3 +2,15 @@ body { | |||
| 2 | background-color: black; | 2 | background-color: black; |
| 3 | background-image: url(/theme/images/backgrounds/island6night.PNG); | 3 | background-image: url(/theme/images/backgrounds/island6night.PNG); |
| 4 | } | 4 | } |
| 5 | |||
| 6 | body div#banner { | ||
| 7 | background-image: url("/theme/images/fourisland_header_night.png") !important; | ||
| 8 | } | ||
| 9 | |||
| 10 | body div#top-fade { | ||
| 11 | background-image: url(/theme/images/top_fade_night.png) !important; | ||
| 12 | } | ||
| 13 | |||
| 14 | body.home div.bubble cite { | ||
| 15 | color: yellow; | ||
| 16 | } | ||
| diff --git a/theme/css/website.css b/theme/css/website.css index 823e80e..de2fecd 100755 --- a/theme/css/website.css +++ b/theme/css/website.css | |||
| @@ -108,18 +108,12 @@ pre { | |||
| 108 | 108 | ||
| 109 | div#banner, div#fi-banner { | 109 | div#banner, div#fi-banner { |
| 110 | background-repeat: no-repeat; | 110 | background-repeat: no-repeat; |
| 111 | width: 850px; | 111 | width: 900px; /*728*/ |
| 112 | height: 129px; | 112 | height: 200px; |
| 113 | float: left; | 113 | float: left; |
| 114 | margin-top: 21px; | 114 | margin-top: 21px; |
| 115 | } | 115 | } |
| 116 | 116 | ||
| 117 | #page-header { | ||
| 118 | background: url("/theme/images/bg_header.gif") repeat-x 0 0; | ||
| 119 | height: 150px; | ||
| 120 | clear: both; | ||
| 121 | } | ||
| 122 | |||
| 123 | div#banner { | 117 | div#banner { |
| 124 | background-image: url("/theme/images/fourisland_header.png"); | 118 | background-image: url("/theme/images/fourisland_header.png"); |
| 125 | } | 119 | } |
| @@ -130,8 +124,8 @@ body div#banner h1, body div#fi-banner h1 { | |||
| 130 | 124 | ||
| 131 | body div#banner h1 a, body div#fi-banner h1 a { | 125 | body div#banner h1 a, body div#fi-banner h1 a { |
| 132 | display: block; | 126 | display: block; |
| 133 | width: 850px; | 127 | width: 900px; |
| 134 | height: 129px; | 128 | height: 200px; |
| 135 | text-indent: -5000px; | 129 | text-indent: -5000px; |
| 136 | text-decoration: none; | 130 | text-decoration: none; |
| 137 | margin: 0; | 131 | margin: 0; |
| @@ -147,27 +141,10 @@ div#bannernav { | |||
| 147 | text-align: center; | 141 | text-align: center; |
| 148 | } | 142 | } |
| 149 | 143 | ||
| 150 | span.side-left, span.side-right { | ||
| 151 | display: block; | ||
| 152 | width: 20px; | ||
| 153 | height: 150px; | ||
| 154 | background: url("/theme/images/sides_top.gif") no-repeat; | ||
| 155 | } | ||
| 156 | |||
| 157 | span.side-left { | ||
| 158 | float: left; | ||
| 159 | margin-right: 10px; | ||
| 160 | } | ||
| 161 | |||
| 162 | span.side-right { | ||
| 163 | background-position: 100% 0; | ||
| 164 | float: right; | ||
| 165 | } | ||
| 166 | |||
| 167 | /* Sidebar */ | 144 | /* Sidebar */ |
| 168 | 145 | ||
| 169 | div#rightbar { | 146 | div#rightbar { |
| 170 | float: right; | 147 | float: left; |
| 171 | width: 250px; /*210*/ | 148 | width: 250px; /*210*/ |
| 172 | padding: 0 10; | 149 | padding: 0 10; |
| 173 | } | 150 | } |
| @@ -216,7 +193,6 @@ div#sidebar li img { | |||
| 216 | /* Layout */ | 193 | /* Layout */ |
| 217 | 194 | ||
| 218 | #wrap { | 195 | #wrap { |
| 219 | background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0; | ||
| 220 | width: 910px; | 196 | width: 910px; |
| 221 | margin: 10px auto; | 197 | margin: 10px auto; |
| 222 | text-align: left; | 198 | text-align: left; |
| @@ -224,6 +200,16 @@ div#sidebar li img { | |||
| 224 | margin-top: 25px; | 200 | margin-top: 25px; |
| 225 | } | 201 | } |
| 226 | 202 | ||
| 203 | div#top-fade { | ||
| 204 | position: absolute; | ||
| 205 | top: 0; | ||
| 206 | left: 0; | ||
| 207 | width: 100%; | ||
| 208 | background-image: url(/theme/images/top_fade.png); | ||
| 209 | height: 400px; | ||
| 210 | z-index: 0; | ||
| 211 | } | ||
| 212 | |||
| 227 | #page-body { | 213 | #page-body { |
| 228 | margin: 0 30px; | 214 | margin: 0 30px; |
| 229 | clear: both; | 215 | clear: both; |
| @@ -245,7 +231,7 @@ body.fourm #page-body { | |||
| 245 | /* Content */ | 231 | /* Content */ |
| 246 | 232 | ||
| 247 | div#content { | 233 | div#content { |
| 248 | float: left; | 234 | float: right; |
| 249 | width: 555px; /*465*/ /*555*/ | 235 | width: 555px; /*465*/ /*555*/ |
| 250 | } | 236 | } |
| 251 | 237 | ||
| @@ -327,22 +313,6 @@ div#hatbar.quotes-options ul { | |||
| 327 | list-style: none; | 313 | list-style: none; |
| 328 | } | 314 | } |
| 329 | 315 | ||
| 330 | div#stripe { | ||
| 331 | position: fixed; | ||
| 332 | top: 0; | ||
| 333 | left: 0; | ||
| 334 | width: 100%; | ||
| 335 | background-color: #FBEC5D; | ||
| 336 | height: 20px; | ||
| 337 | z-index: 99; | ||
| 338 | padding-top: 5px; | ||
| 339 | text-align: center; | ||
| 340 | } | ||
| 341 | |||
| 342 | * > html div#stripe { | ||
| 343 | position: absolute; | ||
| 344 | } | ||
| 345 | |||
| 346 | /* Tables */ | 316 | /* Tables */ |
| 347 | 317 | ||
| 348 | table.webmail { | 318 | table.webmail { |
