diff options
| -rwxr-xr-x | includes/header.php | 12 | ||||
| -rwxr-xr-x | theme/css/bubbles.css | 38 | ||||
| -rw-r--r-- | theme/css/ie.css | 31 | ||||
| -rwxr-xr-x | theme/css/website.css | 53 | ||||
| -rwxr-xr-x | theme/header.tpl | 46 |
5 files changed, 104 insertions, 76 deletions
| diff --git a/includes/header.php b/includes/header.php index 8b9810a..427ad93 100755 --- a/includes/header.php +++ b/includes/header.php | |||
| @@ -24,12 +24,18 @@ require('headerproc.php'); | |||
| 24 | 24 | ||
| 25 | $headerTemp = new FITemplate('header'); | 25 | $headerTemp = new FITemplate('header'); |
| 26 | 26 | ||
| 27 | if ((date('G') >= 20) || (date('G') <= 6)) | 27 | if (!isset($_GET['emulateTime'])) |
| 28 | { | 28 | { |
| 29 | $bodyID = 'night'; | 29 | if ((date('G') >= 20) || (date('G') <= 6)) |
| 30 | { | ||
| 31 | $bodyID = 'night'; | ||
| 32 | } else { | ||
| 33 | $bodyID = 'day'; | ||
| 34 | } | ||
| 30 | } else { | 35 | } else { |
| 31 | $bodyID = 'day'; | 36 | $bodyID = $_GET['emulateTime']; |
| 32 | } | 37 | } |
| 38 | |||
| 33 | $headerTemp->add('BODYID',$bodyID); | 39 | $headerTemp->add('BODYID',$bodyID); |
| 34 | $headerTemp->add('CATEGORY',(isset($pageCategory)) ? $pageCategory : 'none'); | 40 | $headerTemp->add('CATEGORY',(isset($pageCategory)) ? $pageCategory : 'none'); |
| 35 | $headerTemp->add('AID',(isset($pageAID)) ? $pageAID : 'none'); | 41 | $headerTemp->add('AID',(isset($pageAID)) ? $pageAID : 'none'); |
| diff --git a/theme/css/bubbles.css b/theme/css/bubbles.css index bf3445c..920b917 100755 --- a/theme/css/bubbles.css +++ b/theme/css/bubbles.css | |||
| @@ -1,4 +1,5 @@ | |||
| 1 | /* Normal Bubble */ | 1 | /* Normal Bubble */ |
| 2 | |||
| 2 | div.bubble { | 3 | div.bubble { |
| 3 | width: auto; | 4 | width: auto; |
| 4 | font-size: 0.75em; | 5 | font-size: 0.75em; |
| @@ -20,9 +21,9 @@ div.bubble blockquote div { | |||
| 20 | 21 | ||
| 21 | div.bubble cite { | 22 | div.bubble cite { |
| 22 | position: relative; | 23 | position: relative; |
| 24 | top: 6px; | ||
| 23 | margin: 0; | 25 | margin: 0; |
| 24 | padding: 7px 0px 0px 15px; | 26 | padding: 7px 0px 0px 15px; |
| 25 | top: 6px; | ||
| 26 | background: transparent url(/theme/images/tip.gif) no-repeat 20px 0; | 27 | background: transparent url(/theme/images/tip.gif) no-repeat 20px 0; |
| 27 | font-style: normal; | 28 | font-style: normal; |
| 28 | font-size: small; | 29 | font-size: small; |
| @@ -34,31 +35,36 @@ div.bubble div.rounded { | |||
| 34 | border: 3px solid #fff; | 35 | border: 3px solid #fff; |
| 35 | background-color: #b7e0ff; | 36 | background-color: #b7e0ff; |
| 36 | } | 37 | } |
| 38 | |||
| 37 | div.bubble div.rounded blockquote, | 39 | div.bubble div.rounded blockquote, |
| 38 | div.bubble div.navbar-rounded blockquote { | 40 | div.bubble div.navbar-rounded blockquote { |
| 39 | border: 0; | 41 | border: 0; |
| 40 | background-color: transparent; | 42 | background-color: transparent; |
| 41 | } | 43 | } |
| 44 | |||
| 42 | div.bubble div.rounded blockquote div { | 45 | div.bubble div.rounded blockquote div { |
| 43 | margin: 0px 10px; | 46 | margin: 0px 10px; |
| 44 | } | 47 | } |
| 48 | |||
| 45 | div.bubble cite.rounded { | 49 | div.bubble cite.rounded { |
| 46 | margin: 0px; | 50 | margin: 0px; |
| 47 | padding-left: 15px; | 51 | padding: 19px 0 0 15px; |
| 48 | padding-top: 19px; | ||
| 49 | background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; | 52 | background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; |
| 50 | } | 53 | } |
| 51 | 54 | ||
| 52 | /* Pimped Bubble */ | 55 | /* Pimped Bubble */ |
| 53 | div.pimped.bubble { | 56 | |
| 57 | div.pimped { | ||
| 54 | font-size: 0.9em; | 58 | font-size: 0.9em; |
| 55 | } | 59 | } |
| 56 | div.pimped.bubble div.rounded { | 60 | |
| 61 | div.pimped div.rounded { | ||
| 57 | color: #fff; | 62 | color: #fff; |
| 58 | border: 3px solid #fff; | 63 | border: 3px solid #fff; |
| 59 | background-color: #111; | 64 | background-color: #111; |
| 60 | } | 65 | } |
| 61 | div.pimped.bubble cite.rounded { | 66 | |
| 67 | div.pimped cite.rounded { | ||
| 62 | background: transparent url(/theme/images/tip-pimped.gif) no-repeat 15px 0; | 68 | background: transparent url(/theme/images/tip-pimped.gif) no-repeat 15px 0; |
| 63 | } | 69 | } |
| 64 | 70 | ||
| @@ -70,21 +76,9 @@ div.bubble div.bquote blockquote { | |||
| 70 | } | 76 | } |
| 71 | 77 | ||
| 72 | .rounded { | 78 | .rounded { |
| 73 | -moz-border-radius-topleft: 10px; | 79 | -moz-border-radius: 10px; |
| 74 | -moz-border-radius-topright: 10px; | 80 | -webkit-border-radius: 10px; |
| 75 | -moz-border-radius-bottomleft: 10px; | 81 | -khtml-border-radius: 10px; |
| 76 | -moz-border-radius-bottomright: 10px; | 82 | border-radius: 10px; |
| 77 | -webkit-border-top-left-radius: 10px; | ||
| 78 | -webkit-border-top-right-radius: 10px; | ||
| 79 | -webkit-border-bottom-left-radius: 10px; | ||
| 80 | -webkit-border-bottom-right-radius: 10px; | ||
| 81 | -khtml-border-top-left-radius: 10px; | ||
| 82 | -khtml-border-top-right-radius: 10px; | ||
| 83 | -khtml-border-bottom-left-radius: 10px; | ||
| 84 | -khtml-border-bottom-right-radius: 10px; | ||
| 85 | border-top-left-radius: 10px; | ||
| 86 | border-top-right-radius: 10px; | ||
| 87 | border-bottom-left-radius: 10px; | ||
| 88 | border-bottom-right-radius: 10px; | ||
| 89 | padding: 4px; | 83 | padding: 4px; |
| 90 | } | 84 | } |
| diff --git a/theme/css/ie.css b/theme/css/ie.css index 6903ed4..ad0ebcc 100644 --- a/theme/css/ie.css +++ b/theme/css/ie.css | |||
| @@ -8,8 +8,37 @@ dl.icon { | |||
| 8 | 8 | ||
| 9 | #wrap { | 9 | #wrap { |
| 10 | text-align: center; | 10 | text-align: center; |
| 11 | background:transparent; | ||
| 12 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); | ||
| 13 | zoom: 1; | ||
| 11 | } | 14 | } |
| 12 | 15 | ||
| 13 | #wrap * { | 16 | #wrap #page-body { |
| 14 | text-align: left; | 17 | text-align: left; |
| 15 | } | 18 | } |
| 19 | |||
| 20 | body#night #wrap { | ||
| 21 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); | ||
| 22 | } | ||
| 23 | |||
| 24 | div#fi-navbar ul li a { | ||
| 25 | position: relative; | ||
| 26 | top: -0.4em; | ||
| 27 | } | ||
| 28 | |||
| 29 | div.bubble cite { | ||
| 30 | position: static; | ||
| 31 | padding-top: 4px; | ||
| 32 | } | ||
| 33 | |||
| 34 | div.bubble cite.rounded { | ||
| 35 | padding-top: 13px; | ||
| 36 | } | ||
| 37 | |||
| 38 | div.pimped cite.rounded { | ||
| 39 | padding-top: 14px; | ||
| 40 | } | ||
| 41 | |||
| 42 | span.post-vote { | ||
| 43 | position: static; | ||
| 44 | } | ||
| diff --git a/theme/css/website.css b/theme/css/website.css index 6b030fe..f0f2a0e 100755 --- a/theme/css/website.css +++ b/theme/css/website.css | |||
| @@ -1,9 +1,7 @@ | |||
| 1 | /* Four Island CSS */ | 1 | /* Four Island CSS */ |
| 2 | 2 | ||
| 3 | body { | 3 | body { |
| 4 | background-repeat: repeat-x; | 4 | background: repeat-x bottom left fixed; |
| 5 | background-attachment: fixed; | ||
| 6 | background-position: bottom left; | ||
| 7 | font-family: Arial, FreeSans; | 5 | font-family: Arial, FreeSans; |
| 8 | margin: 0px; | 6 | margin: 0px; |
| 9 | padding: 0px 0px 30px !important; | 7 | padding: 0px 0px 30px !important; |
| @@ -15,9 +13,15 @@ body.fourm { | |||
| 15 | 13 | ||
| 16 | /* Effects */ | 14 | /* Effects */ |
| 17 | 15 | ||
| 16 | /* NOTE: The ::selection and ::-moz-selection groups below, while | ||
| 17 | * containing the same code, do not, for some reason, work when put | ||
| 18 | * together | ||
| 19 | */ | ||
| 20 | |||
| 18 | ::selection { | 21 | ::selection { |
| 19 | background: pink; | 22 | background: pink; |
| 20 | } | 23 | } |
| 24 | |||
| 21 | ::-moz-selection { | 25 | ::-moz-selection { |
| 22 | background: pink; | 26 | background: pink; |
| 23 | } | 27 | } |
| @@ -35,7 +39,7 @@ a:link { | |||
| 35 | text-decoration: none; | 39 | text-decoration: none; |
| 36 | } | 40 | } |
| 37 | 41 | ||
| 38 | a:visited { | 42 | a:visited, a:active { |
| 39 | color: blue; | 43 | color: blue; |
| 40 | text-decoration: none; | 44 | text-decoration: none; |
| 41 | } | 45 | } |
| @@ -48,11 +52,6 @@ a:hover, a:focus { | |||
| 48 | text-transform: capitalize; | 52 | text-transform: capitalize; |
| 49 | } | 53 | } |
| 50 | 54 | ||
| 51 | a:active { | ||
| 52 | color: blue; | ||
| 53 | text-decoration: none; | ||
| 54 | } | ||
| 55 | |||
| 56 | a img { | 55 | a img { |
| 57 | border: 0; | 56 | border: 0; |
| 58 | } | 57 | } |
| @@ -86,9 +85,7 @@ blockquote { | |||
| 86 | border-left: 3px solid #CCC; | 85 | border-left: 3px solid #CCC; |
| 87 | font-family: Helvetica, sans-serif; | 86 | font-family: Helvetica, sans-serif; |
| 88 | font-size: 14px; | 87 | font-size: 14px; |
| 89 | margin-top: 10px; | 88 | margin: 10px 0 10px 50px; |
| 90 | margin-bottom: 10px; | ||
| 91 | margin-left: 50px; | ||
| 92 | } | 89 | } |
| 93 | 90 | ||
| 94 | pre { | 91 | pre { |
| @@ -106,9 +103,7 @@ div#banner, div#fi-banner { | |||
| 106 | } | 103 | } |
| 107 | 104 | ||
| 108 | div#banner { | 105 | div#banner { |
| 109 | background-image: url("/theme/images/fourisland_header.png"); | 106 | background: white url("/theme/images/fourisland_header.png") center no-repeat; |
| 110 | background-position: center; | ||
| 111 | background-color: white; | ||
| 112 | width: 100%; | 107 | width: 100%; |
| 113 | } | 108 | } |
| 114 | 109 | ||
| @@ -139,6 +134,8 @@ div#fi-navbar { | |||
| 139 | width: auto; | 134 | width: auto; |
| 140 | margin-bottom: 14px; | 135 | margin-bottom: 14px; |
| 141 | font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif; | 136 | font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif; |
| 137 | height: 1.9em; | ||
| 138 | clear: both; | ||
| 142 | } | 139 | } |
| 143 | 140 | ||
| 144 | div#fi-navbar div { | 141 | div#fi-navbar div { |
| @@ -147,8 +144,7 @@ div#fi-navbar div { | |||
| 147 | } | 144 | } |
| 148 | 145 | ||
| 149 | div#fi-navbar ul { | 146 | div#fi-navbar ul { |
| 150 | margin-top: .25em; | 147 | margin: .25em 0; |
| 151 | margin-bottom: .25em; | ||
| 152 | padding-left: 1em; | 148 | padding-left: 1em; |
| 153 | text-align: center; | 149 | text-align: center; |
| 154 | } | 150 | } |
| @@ -163,11 +159,8 @@ div#fi-navbar ul li+li:before { | |||
| 163 | content: " - "; | 159 | content: " - "; |
| 164 | } | 160 | } |
| 165 | 161 | ||
| 166 | div#fi-navbar ul li img { | 162 | div#fi-navbar ul li img, |
| 167 | display: none; | 163 | div#fi-navbar ul li.active span { |
| 168 | } | ||
| 169 | |||
| 170 | div#fi-navbar ul li.active a { | ||
| 171 | display: none; | 164 | display: none; |
| 172 | } | 165 | } |
| 173 | 166 | ||
| @@ -175,8 +168,7 @@ div#fi-navbar ul li.active img { | |||
| 175 | display: inline; | 168 | display: inline; |
| 176 | background-color: white; | 169 | background-color: white; |
| 177 | outline: white solid .5em; | 170 | outline: white solid .5em; |
| 178 | margin-left: .5em; | 171 | margin: 0 .5em; |
| 179 | margin-right: .5em; | ||
| 180 | } | 172 | } |
| 181 | 173 | ||
| 182 | div#fi-navbar div.bubble blockquote { | 174 | div#fi-navbar div.bubble blockquote { |
| @@ -192,7 +184,7 @@ div#fi-navbar div.bubble blockquote a { | |||
| 192 | 184 | ||
| 193 | div#rightbar { | 185 | div#rightbar { |
| 194 | float: left; | 186 | float: left; |
| 195 | width: 250px; /*210*/ | 187 | width: 270px; /*210*/ |
| 196 | } | 188 | } |
| 197 | 189 | ||
| 198 | div.sidebar { | 190 | div.sidebar { |
| @@ -241,7 +233,6 @@ div#sidebar li img { | |||
| 241 | #wrap { | 233 | #wrap { |
| 242 | width: 910px; | 234 | width: 910px; |
| 243 | margin: 10px auto; | 235 | margin: 10px auto; |
| 244 | text-align: left; | ||
| 245 | padding: 0; | 236 | padding: 0; |
| 246 | background-color: white; | 237 | background-color: white; |
| 247 | background-color: rgba(255, 255, 255, 0.5); | 238 | background-color: rgba(255, 255, 255, 0.5); |
| @@ -255,8 +246,7 @@ div#sidebar li img { | |||
| 255 | } | 246 | } |
| 256 | 247 | ||
| 257 | body.fourm #page-body { | 248 | body.fourm #page-body { |
| 258 | margin-left: 25; | 249 | margin: 0 10px 0 25px; |
| 259 | margin-right: 10; | ||
| 260 | width: 95%; | 250 | width: 95%; |
| 261 | font-size: 62.5%; | 251 | font-size: 62.5%; |
| 262 | } | 252 | } |
| @@ -298,8 +288,7 @@ div.cleardiv { | |||
| 298 | 288 | ||
| 299 | div#footer { | 289 | div#footer { |
| 300 | clear: both; | 290 | clear: both; |
| 301 | padding-bottom: 1em; | 291 | padding: .5em 0 1em 0; |
| 302 | padding-top: .5em; | ||
| 303 | margin-top: .5em; | 292 | margin-top: .5em; |
| 304 | text-align: center; | 293 | text-align: center; |
| 305 | font-size: .68em; | 294 | font-size: .68em; |
| @@ -384,7 +373,3 @@ table.webmail th { | |||
| 384 | background-color: #FF9912; | 373 | background-color: #FF9912; |
| 385 | text-align: left; | 374 | text-align: left; |
| 386 | } | 375 | } |
| 387 | |||
| 388 | table.webmail td { | ||
| 389 | word-wrap: break-word; | ||
| 390 | } | ||
| diff --git a/theme/header.tpl b/theme/header.tpl index bfefe44..2117d3d 100755 --- a/theme/header.tpl +++ b/theme/header.tpl | |||
| @@ -1,3 +1,5 @@ | |||
| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | ||
| 2 | |||
| 1 | <HTML> | 3 | <HTML> |
| 2 | <HEAD> | 4 | <HEAD> |
| 3 | <TITLE><!--EXTRATITLE-->Four Island</TITLE> | 5 | <TITLE><!--EXTRATITLE-->Four Island</TITLE> |
| @@ -26,14 +28,14 @@ | |||
| 26 | </DIV> | 28 | </DIV> |
| 27 | </DIV> | 29 | </DIV> |
| 28 | 30 | ||
| 29 | <DIV CLASS="cleardiv" /> | ||
| 30 | |||
| 31 | <DIV ID="fi-navbar"> | 31 | <DIV ID="fi-navbar"> |
| 32 | <DIV> | 32 | <DIV> |
| 33 | <UL> | 33 | <UL> |
| 34 | <LI<!--HOMEACTIVE-->> | 34 | <LI<!--HOMEACTIVE-->> |
| 35 | <IMG SRC="/theme/images/icons/newspaper.png" ALT="Blog"> | 35 | <A HREF="http://fourisland.com/"> |
| 36 | <A HREF="http://fourisland.com/">Blog</A> | 36 | <IMG SRC="/theme/images/icons/newspaper.png" ALT="Blog"> |
| 37 | <SPAN>Blog</SPAN> | ||
| 38 | </A> | ||
| 37 | </LI> | 39 | </LI> |
| 38 | 40 | ||
| 39 | <LI> | 41 | <LI> |
| @@ -41,36 +43,48 @@ | |||
| 41 | </LI> | 43 | </LI> |
| 42 | 44 | ||
| 43 | <LI<!--FOURMACTIVE-->> | 45 | <LI<!--FOURMACTIVE-->> |
| 44 | <IMG SRC="/theme/images/icons/comment.png" ALT="The Fourm"> | 46 | <A HREF="http://fourisland.com/fourm/"> |
| 45 | <A HREF="http://fourisland.com/fourm/">The Fourm</A> | 47 | <IMG SRC="/theme/images/icons/comment.png" ALT="The Fourm"> |
| 48 | <SPAN>The Fourm</SPAN> | ||
| 49 | </A> | ||
| 46 | </LI> | 50 | </LI> |
| 47 | 51 | ||
| 48 | <LI<!--WIKIACTIVE-->> | 52 | <LI<!--WIKIACTIVE-->> |
| 49 | <IMG SRC="/theme/images/icons/page_edit.png" ALT="Fouripedia"> | 53 | <A HREF="http://fourisland.com/wiki/"> |
| 50 | <A HREF="http://fourisland.com/wiki/">Fouripedia</A> | 54 | <IMG SRC="/theme/images/icons/page_edit.png" ALT="Fouripedia"> |
| 55 | <SPAN>Fouripedia</SPAN> | ||
| 56 | </A> | ||
| 51 | </LI> | 57 | </LI> |
| 52 | 58 | ||
| 53 | <LI<!--POLLACTIVE-->> | 59 | <LI<!--POLLACTIVE-->> |
| 54 | <IMG SRC="/theme/images/icons/overlays.png" ALT="Polls"> | 60 | <A HREF="http://fourisland.com/poll/"> |
| 55 | <A HREF="http://fourisland.com/poll/">Polls</A> | 61 | <IMG SRC="/theme/images/icons/overlays.png" ALT="Polls"> |
| 62 | <SPAN>Polls</SPAN> | ||
| 63 | </A> | ||
| 56 | </LI> | 64 | </LI> |
| 57 | 65 | ||
| 58 | <LI<!--QUOTESACTIVE-->> | 66 | <LI<!--QUOTESACTIVE-->> |
| 59 | <IMG SRC="/theme/images/icons/16-file-page.png" ALT="Quotes"> | 67 | <A HREF="http://fourisland.com/quotes/"> |
| 60 | <A HREF="http://fourisland.com/quotes/">Quotes</A> | 68 | <IMG SRC="/theme/images/icons/16-file-page.png" ALT="Quotes"> |
| 69 | <SPAN>Quotes</SPAN> | ||
| 70 | </A> | ||
| 61 | </LI> | 71 | </LI> |
| 62 | 72 | ||
| 63 | <!--BEGIN MEMBERS--> | 73 | <!--BEGIN MEMBERS--> |
| 64 | <LI<!--LOGACTIVE-->> | 74 | <LI<!--LOGACTIVE-->> |
| 65 | <IMG SRC="/theme/images/icons/door_in.png" ALT="Log<!--LOGDATA-->"> | 75 | <A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&redirect=<!--REDIRPAGE-->&sid=<!--SID-->"> |
| 66 | <A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&redirect=<!--REDIRPAGE-->&sid=<!--SID-->">Log<!--LOGDATA--></A> | 76 | <IMG SRC="/theme/images/icons/door_in.png" ALT="Log<!--LOGDATA-->"> |
| 77 | <SPAN>Log<!--LOGDATA--></SPAN> | ||
| 78 | </A> | ||
| 67 | </LI> | 79 | </LI> |
| 68 | <!--END MEMBERS--> | 80 | <!--END MEMBERS--> |
| 69 | 81 | ||
| 70 | <!--BEGIN ADMIN--> | 82 | <!--BEGIN ADMIN--> |
| 71 | <LI<!--PANELACTIVE-->> | 83 | <LI<!--PANELACTIVE-->> |
| 72 | <IMG SRC="/theme/images/icons/rainbow.png" ALT="Admin"> | 84 | <A HREF="http://fourisland.com/admin/"> |
| 73 | <A HREF="http://fourisland.com/admin/">Admin</A> | 85 | <IMG SRC="/theme/images/icons/rainbow.png" ALT="Admin"> |
| 86 | <SPAN>Admin</SPAN> | ||
| 87 | </A> | ||
| 74 | </LI> | 88 | </LI> |
| 75 | <!--END ADMIN--> | 89 | <!--END ADMIN--> |
| 76 | </UL> | 90 | </UL> |
