diff options
Diffstat (limited to 'theme/css/website.css')
| -rwxr-xr-x | theme/css/website.css | 330 |
1 files changed, 330 insertions, 0 deletions
| diff --git a/theme/css/website.css b/theme/css/website.css new file mode 100755 index 0000000..ab1f725 --- /dev/null +++ b/theme/css/website.css | |||
| @@ -0,0 +1,330 @@ | |||
| 1 | /* Four Island CSS */ | ||
| 2 | |||
| 3 | body { | ||
| 4 | background-repeat: repeat-x; | ||
| 5 | background-attachment: fixed; | ||
| 6 | background-position: bottom left; | ||
| 7 | font-family: Arial, FreeSans; | ||
| 8 | margin: 0px; | ||
| 9 | padding: 0px 0px 30px !important; | ||
| 10 | } | ||
| 11 | |||
| 12 | body.fourm { | ||
| 13 | font-family: Verdana, Helvetica, Arial, sans-serif ; | ||
| 14 | } | ||
| 15 | |||
| 16 | /* Effects */ | ||
| 17 | |||
| 18 | ::selection { | ||
| 19 | background: pink; | ||
| 20 | } | ||
| 21 | ::-moz-selection { | ||
| 22 | background: pink; | ||
| 23 | } | ||
| 24 | |||
| 25 | form textarea:focus, form input:focus { | ||
| 26 | border: 2px solid #900; | ||
| 27 | background-color: #FEFFB2; | ||
| 28 | } | ||
| 29 | |||
| 30 | /* Links */ | ||
| 31 | |||
| 32 | a:link { | ||
| 33 | color: blue; | ||
| 34 | font-weight: bold; | ||
| 35 | text-decoration: none; | ||
| 36 | } | ||
| 37 | |||
| 38 | a:visited { | ||
| 39 | color: blue; | ||
| 40 | text-decoration: none; | ||
| 41 | } | ||
| 42 | |||
| 43 | a:hover, a:focus { | ||
| 44 | color: blue; | ||
| 45 | font-weight: bold; | ||
| 46 | text-decoration: none; | ||
| 47 | font-variant: small-caps; | ||
| 48 | text-transform: capitalize; | ||
| 49 | } | ||
| 50 | |||
| 51 | a:active { | ||
| 52 | color: blue; | ||
| 53 | text-decoration: none; | ||
| 54 | } | ||
| 55 | |||
| 56 | a img { | ||
| 57 | border: 0; | ||
| 58 | } | ||
| 59 | |||
| 60 | /* Random Elements */ | ||
| 61 | |||
| 62 | ul#bannernav, p { | ||
| 63 | margin:0pt; | ||
| 64 | padding:0pt; | ||
| 65 | } | ||
| 66 | |||
| 67 | p {margin-top: 1em} | ||
| 68 | |||
| 69 | ul, ol {margin-top: 1em; margin-bottom: 1em} | ||
| 70 | |||
| 71 | img.center, img[align="center"] { | ||
| 72 | display: block; | ||
| 73 | margin-left: auto; | ||
| 74 | margin-right: auto; | ||
| 75 | } | ||
| 76 | |||
| 77 | acronym, abbr, span.caps { | ||
| 78 | cursor: help; | ||
| 79 | } | ||
| 80 | |||
| 81 | acronym, abbr { | ||
| 82 | border-bottom: 1px dashed #999; | ||
| 83 | } | ||
| 84 | |||
| 85 | blockquote { | ||
| 86 | padding-left: 10px; | ||
| 87 | border-left: 3px solid #CCC; | ||
| 88 | font-family: helvetica; | ||
| 89 | font-size: 14px; | ||
| 90 | margin-top: 10px; | ||
| 91 | margin-bottom: 10px; | ||
| 92 | margin-left: 50px; | ||
| 93 | } | ||
| 94 | |||
| 95 | pre { | ||
| 96 | line-height: 12px; | ||
| 97 | } | ||
| 98 | |||
| 99 | /* Banner */ | ||
| 100 | |||
| 101 | div#banner, div#fi-banner { | ||
| 102 | background-repeat: no-repeat; | ||
| 103 | width: 900px; /*728*/ | ||
| 104 | height: 200px; | ||
| 105 | float: left; | ||
| 106 | margin-top: 21px; | ||
| 107 | } | ||
| 108 | |||
| 109 | div#banner { | ||
| 110 | background-image: url("/theme/images/fourisland_header.png"); | ||
| 111 | } | ||
| 112 | |||
| 113 | body div#banner h1, body div#fi-banner h1 { | ||
| 114 | margin: 0; | ||
| 115 | } | ||
| 116 | |||
| 117 | body div#banner h1 a, body div#fi-banner h1 a { | ||
| 118 | display: block; | ||
| 119 | width: 900px; | ||
| 120 | height: 200px; | ||
| 121 | text-indent: -5000px; | ||
| 122 | text-decoration: none; | ||
| 123 | margin: 0; | ||
| 124 | } | ||
| 125 | |||
| 126 | div#banner h1, div#fi-banner h1 { | ||
| 127 | margin: 0; | ||
| 128 | font-size: 3.0em; | ||
| 129 | font-weight: normal; | ||
| 130 | } | ||
| 131 | |||
| 132 | div#bannernav { | ||
| 133 | text-align: center; | ||
| 134 | } | ||
| 135 | |||
| 136 | /* Sidebar */ | ||
| 137 | |||
| 138 | div#rightbar { | ||
| 139 | float: left; | ||
| 140 | width: 250px; /*210*/ | ||
| 141 | padding: 0 10; | ||
| 142 | } | ||
| 143 | |||
| 144 | div.sidebar { | ||
| 145 | width: 250px; /*250*/ /*240*/ /*210*/ | ||
| 146 | padding: 0 10px; | ||
| 147 | margin-bottom: 5px; | ||
| 148 | } | ||
| 149 | |||
| 150 | div.sidebar h3 { | ||
| 151 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
| 152 | margin: 5px 0 0 0; | ||
| 153 | font-weight: bold; | ||
| 154 | color: #333333; | ||
| 155 | } | ||
| 156 | |||
| 157 | div.sidebar p { | ||
| 158 | font-size: 0.8em; | ||
| 159 | margin: 3px 0; | ||
| 160 | } | ||
| 161 | |||
| 162 | div.sidebar ul { | ||
| 163 | list-style-type: none; | ||
| 164 | padding: 0; | ||
| 165 | margin: 0; | ||
| 166 | line-height: normal !important; | ||
| 167 | list-style-image: none !important; | ||
| 168 | } | ||
| 169 | |||
| 170 | div#sidebar ul li { | ||
| 171 | margin-top: 4px; | ||
| 172 | } | ||
| 173 | |||
| 174 | div#sidebar ul li a { | ||
| 175 | display: block; | ||
| 176 | width: 230px; | ||
| 177 | } | ||
| 178 | |||
| 179 | div#sidebar li img { | ||
| 180 | border: 0; | ||
| 181 | height: 16px; | ||
| 182 | width: 16px; | ||
| 183 | } | ||
| 184 | |||
| 185 | /* Layout */ | ||
| 186 | |||
| 187 | #wrap { | ||
| 188 | width: 910px; | ||
| 189 | margin: 10px auto; | ||
| 190 | text-align: left; | ||
| 191 | padding: 0; | ||
| 192 | margin-top: 25px; | ||
| 193 | } | ||
| 194 | |||
| 195 | div#top-fade { | ||
| 196 | position: absolute; | ||
| 197 | top: 0; | ||
| 198 | left: 0; | ||
| 199 | width: 100%; | ||
| 200 | background-image: url(/theme/images/top_fade.png); | ||
| 201 | height: 400px; | ||
| 202 | z-index: 0; | ||
| 203 | } | ||
| 204 | |||
| 205 | #page-body { | ||
| 206 | margin: 0 30px; | ||
| 207 | clear: both; | ||
| 208 | position: relative; | ||
| 209 | } | ||
| 210 | |||
| 211 | body.fourm #page-body { | ||
| 212 | margin-left: 25; | ||
| 213 | margin-right: 10; | ||
| 214 | width: 95%; | ||
| 215 | font-size: 62.5%; | ||
| 216 | } | ||
| 217 | |||
| 218 | #phpBB3-page-body { | ||
| 219 | margin: 4px 0 !important; | ||
| 220 | clear: both; | ||
| 221 | } | ||
| 222 | |||
| 223 | /* Content */ | ||
| 224 | |||
| 225 | div#content { | ||
| 226 | float: right; | ||
| 227 | width: 555px; /*465*/ /*555*/ | ||
| 228 | } | ||
| 229 | |||
| 230 | body#day div#page div#content code { | ||
| 231 | display: block; | ||
| 232 | border: solid black 1px; | ||
| 233 | background-color: #FFFF64; | ||
| 234 | width: 485px; | ||
| 235 | overflow: visible; | ||
| 236 | } | ||
| 237 | |||
| 238 | div#content h2 { | ||
| 239 | color: #59770e; | ||
| 240 | margin: 0px 0px 2px; | ||
| 241 | border-bottom: 1px dotted #CCCCCC; | ||
| 242 | letter-spacing: -1px; | ||
| 243 | font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; | ||
| 244 | padding-bottom: 3px; | ||
| 245 | } | ||
| 246 | |||
| 247 | /* Random Divs/Spans */ | ||
| 248 | |||
| 249 | div.cleardiv { | ||
| 250 | clear: both; | ||
| 251 | height: 1em; | ||
| 252 | } | ||
| 253 | |||
| 254 | div#footer { | ||
| 255 | clear: both; | ||
| 256 | padding-bottom: 1em; | ||
| 257 | padding-top: .5em; | ||
| 258 | margin-top: .5em; | ||
| 259 | text-align: center; | ||
| 260 | font-size: .68em; | ||
| 261 | width: 100%; | ||
| 262 | border-top: 1px black solid; | ||
| 263 | border-bottom: 4px gray solid; | ||
| 264 | } | ||
| 265 | |||
| 266 | div#footer ul.rows li { | ||
| 267 | display: list-item; | ||
| 268 | } | ||
| 269 | |||
| 270 | div#footer ul { | ||
| 271 | padding: 0; | ||
| 272 | margin: 0; | ||
| 273 | list-style-type: none; | ||
| 274 | } | ||
| 275 | |||
| 276 | div#footer ul li { | ||
| 277 | display: inline; | ||
| 278 | margin-right: 1em; | ||
| 279 | } | ||
| 280 | |||
| 281 | div#footer ul li img { | ||
| 282 | width: 20px; | ||
| 283 | height: 20px; | ||
| 284 | vertical-align: top; | ||
| 285 | } | ||
| 286 | |||
| 287 | div#content ul { | ||
| 288 | list-style: url(/theme/images/bullet_disk_big.png); | ||
| 289 | } | ||
| 290 | |||
| 291 | div.push { | ||
| 292 | clear: both; | ||
| 293 | height: 20px; | ||
| 294 | } | ||
| 295 | |||
| 296 | div#content a img { | ||
| 297 | border: solid transparent 1px; | ||
| 298 | } | ||
| 299 | |||
| 300 | div#content a:hover img { | ||
| 301 | border: dashed gray 1px; | ||
| 302 | } | ||
| 303 | |||
| 304 | /* Tables */ | ||
| 305 | |||
| 306 | table.webmail { | ||
| 307 | border: 0; | ||
| 308 | width: 100%; | ||
| 309 | } | ||
| 310 | |||
| 311 | table.webmail, table.webmail td { | ||
| 312 | border-spacing: 0; | ||
| 313 | } | ||
| 314 | |||
| 315 | table.webmail tr { | ||
| 316 | background-color: #3CE4ED; | ||
| 317 | } | ||
| 318 | |||
| 319 | table.webmail tr.even { | ||
| 320 | background-color: #39B7CD; | ||
| 321 | } | ||
| 322 | |||
| 323 | table.webmail th { | ||
| 324 | background-color: #FF9912; | ||
| 325 | text-align: left; | ||
| 326 | } | ||
| 327 | |||
| 328 | table.webmail td { | ||
| 329 | word-wrap: break-word; | ||
| 330 | } | ||
