diff options
| author | Starla Insigna <hatkirby@fourisland.com> | 2008-11-22 18:01:52 -0500 |
|---|---|---|
| committer | Starla Insigna <hatkirby@fourisland.com> | 2008-11-22 18:01:52 -0500 |
| commit | 284226706885e3b40769dea5853a95e2b32efda8 (patch) | |
| tree | 77392f8cdb81eb805660b433c0ae9cfac7174607 /theme/css/website.php | |
| parent | 3796eb62b5a6a959d1a45697e08998adf7fd78a3 (diff) | |
| download | fourisland-284226706885e3b40769dea5853a95e2b32efda8.tar.gz fourisland-284226706885e3b40769dea5853a95e2b32efda8.tar.bz2 fourisland-284226706885e3b40769dea5853a95e2b32efda8.zip | |
Created the 6th layout
Diffstat (limited to 'theme/css/website.php')
| -rwxr-xr-x | theme/css/website.php | 169 |
1 files changed, 30 insertions, 139 deletions
| diff --git a/theme/css/website.php b/theme/css/website.php index 9b26d7c..0e2cb32 100755 --- a/theme/css/website.php +++ b/theme/css/website.php | |||
| @@ -25,6 +25,21 @@ require('headerproc.php'); | |||
| 25 | ?> | 25 | ?> |
| 26 | /* Four Island General CSS */ | 26 | /* Four Island General CSS */ |
| 27 | 27 | ||
| 28 | body { | ||
| 29 | background-color: white; | ||
| 30 | background-repeat: repeat-x; | ||
| 31 | background-attachment: fixed; | ||
| 32 | background-position: bottom left; | ||
| 33 | font-family: Arial, FreeSans; | ||
| 34 | margin: 0px; | ||
| 35 | padding: 0px 0px 30px !important; | ||
| 36 | } | ||
| 37 | |||
| 38 | body.fourm { | ||
| 39 | font-family: Verdana, Helvetica, Arial, sans-serif ; | ||
| 40 | } | ||
| 41 | |||
| 42 | |||
| 28 | ul#bannernav, p { | 43 | ul#bannernav, p { |
| 29 | margin:0pt; | 44 | margin:0pt; |
| 30 | padding:0pt; | 45 | padding:0pt; |
| @@ -34,7 +49,7 @@ ul#bannernav, p { | |||
| 34 | text-align: none !important; | 49 | text-align: none !important; |
| 35 | } | 50 | } |
| 36 | 51 | ||
| 37 | p {margin-top: 1em;} | 52 | p {margin-top: 1em} |
| 38 | 53 | ||
| 39 | ul, ol {margin-top: 1em; margin-bottom: 1em} | 54 | ul, ol {margin-top: 1em; margin-bottom: 1em} |
| 40 | 55 | ||
| @@ -106,8 +121,6 @@ acronym, abbr { | |||
| 106 | border-bottom: 1px dashed #999; | 121 | border-bottom: 1px dashed #999; |
| 107 | } | 122 | } |
| 108 | 123 | ||
| 109 | <?php if (!isset($_GET['nolayout'])) { ?> | ||
| 110 | |||
| 111 | blockquote { | 124 | blockquote { |
| 112 | padding-left: 10px; | 125 | padding-left: 10px; |
| 113 | border-left: 3px solid #CCC; | 126 | border-left: 3px solid #CCC; |
| @@ -118,8 +131,6 @@ blockquote { | |||
| 118 | margin-left: 50px; | 131 | margin-left: 50px; |
| 119 | } | 132 | } |
| 120 | 133 | ||
| 121 | <?php } ?> | ||
| 122 | |||
| 123 | pre { | 134 | pre { |
| 124 | line-height: 12px; | 135 | line-height: 12px; |
| 125 | } | 136 | } |
| @@ -129,13 +140,8 @@ pre { | |||
| 129 | cursor: help; | 140 | cursor: help; |
| 130 | } | 141 | } |
| 131 | 142 | ||
| 132 | * html div#members { | ||
| 133 | position: absolute; | ||
| 134 | } | ||
| 135 | |||
| 136 | #wrap { | 143 | #wrap { |
| 137 | width: 910px; | 144 | width: 910px; |
| 138 | background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0; | ||
| 139 | margin: 10px auto; | 145 | margin: 10px auto; |
| 140 | text-align: left; | 146 | text-align: left; |
| 141 | padding: 0; | 147 | padding: 0; |
| @@ -143,35 +149,6 @@ pre { | |||
| 143 | /* margin-left: 50px; */ | 149 | /* margin-left: 50px; */ |
| 144 | } | 150 | } |
| 145 | 151 | ||
| 146 | #page-header { | ||
| 147 | background: url("/theme/images/bg_header.gif") repeat-x 0 0; | ||
| 148 | height: 150px; | ||
| 149 | clear: both; | ||
| 150 | } | ||
| 151 | |||
| 152 | span.side-left, span.side-right { | ||
| 153 | display: block; | ||
| 154 | width: 20px; | ||
| 155 | height: 150px; | ||
| 156 | background: url("/theme/images/sides_top.gif") no-repeat; | ||
| 157 | } | ||
| 158 | span.side-left { | ||
| 159 | float: left; | ||
| 160 | margin-right: 10px; | ||
| 161 | } | ||
| 162 | span.side-right { | ||
| 163 | background-position: 100% 0; | ||
| 164 | float: right; | ||
| 165 | } | ||
| 166 | span.fcorners-bottom, span.fcorners-bottom span { | ||
| 167 | font-size: 1px; | ||
| 168 | line-height: 1px; | ||
| 169 | display: block; | ||
| 170 | height: 20px; | ||
| 171 | background-repeat: no-repeat; | ||
| 172 | background-image: url("/theme/images/corners_bottom.gif"); | ||
| 173 | margin: 0; | ||
| 174 | } | ||
| 175 | span.fcorners-bottom { | 152 | span.fcorners-bottom { |
| 176 | background-position: 0 0; | 153 | background-position: 0 0; |
| 177 | } | 154 | } |
| @@ -179,14 +156,12 @@ span.fcorners-bottom span { | |||
| 179 | background-position: 100% -20px; | 156 | background-position: 100% -20px; |
| 180 | } | 157 | } |
| 181 | 158 | ||
| 182 | <?php //if (!isset($_GET['nolayout'])) { ?> | ||
| 183 | |||
| 184 | /* Banner */ | 159 | /* Banner */ |
| 185 | 160 | ||
| 186 | div#banner, div#fi-banner { | 161 | div#banner, div#fi-banner { |
| 187 | background-repeat: no-repeat; | 162 | background-repeat: no-repeat; |
| 188 | width: 850px; | 163 | width: 900px; /*728*/ |
| 189 | height: 129px; | 164 | height: 200px; |
| 190 | float: left; | 165 | float: left; |
| 191 | margin-top: 21px; | 166 | margin-top: 21px; |
| 192 | } | 167 | } |
| @@ -197,8 +172,8 @@ body div#banner h1, body div#fi-banner h1 { | |||
| 197 | 172 | ||
| 198 | body div#banner h1 a, body div#fi-banner h1 a { | 173 | body div#banner h1 a, body div#fi-banner h1 a { |
| 199 | display: block; | 174 | display: block; |
| 200 | width: 850px; | 175 | width: 900px; |
| 201 | height: 129px; | 176 | height: 200px; |
| 202 | text-indent: -5000px; | 177 | text-indent: -5000px; |
| 203 | text-decoration: none; | 178 | text-decoration: none; |
| 204 | margin: 0; | 179 | margin: 0; |
| @@ -210,9 +185,10 @@ div#banner h1, div#fi-banner h1 { | |||
| 210 | font-weight: normal; | 185 | font-weight: normal; |
| 211 | } | 186 | } |
| 212 | 187 | ||
| 213 | div#banner div#bannerNav, div#fi-banner div#bannerNav { | 188 | div#bannernav { |
| 214 | position: relative; | 189 | /* position: relative; |
| 215 | top: -20px; | 190 | top: -20px;*/ |
| 191 | text-align: center; | ||
| 216 | } | 192 | } |
| 217 | 193 | ||
| 218 | #page-body { | 194 | #page-body { |
| @@ -270,7 +246,7 @@ body.login div#pageTabs ul li#bannernav-login { | |||
| 270 | /* Sidebar */ | 246 | /* Sidebar */ |
| 271 | 247 | ||
| 272 | div#rightbar { | 248 | div#rightbar { |
| 273 | float: right; | 249 | float: left; |
| 274 | width: 250px; /*210*/ | 250 | width: 250px; /*210*/ |
| 275 | /* clear: right; */ | 251 | /* clear: right; */ |
| 276 | padding: 0 10; | 252 | padding: 0 10; |
| @@ -285,6 +261,10 @@ div#iconbar ul li { | |||
| 285 | list-style-type: none; | 261 | list-style-type: none; |
| 286 | } | 262 | } |
| 287 | 263 | ||
| 264 | div#banner { | ||
| 265 | background-image: url("/theme/images/fourisland_header.png"); /*850x129*/ | ||
| 266 | } | ||
| 267 | |||
| 288 | div.sidebar { | 268 | div.sidebar { |
| 289 | width: 250px; /*250*/ /*240*/ /*210*/ | 269 | width: 250px; /*250*/ /*240*/ /*210*/ |
| 290 | padding: 0 10px; | 270 | padding: 0 10px; |
| @@ -382,7 +362,7 @@ div#sidebar li img { | |||
| 382 | /* Content */ | 362 | /* Content */ |
| 383 | 363 | ||
| 384 | div#content, div#fi-content { | 364 | div#content, div#fi-content { |
| 385 | float: left; | 365 | float: right; |
| 386 | width: 555px; /*465*/ /*555*/ | 366 | width: 555px; /*465*/ /*555*/ |
| 387 | } | 367 | } |
| 388 | 368 | ||
| @@ -394,9 +374,6 @@ body#day div#page div#content code { | |||
| 394 | overflow: visible; | 374 | overflow: visible; |
| 395 | } | 375 | } |
| 396 | 376 | ||
| 397 | <?php //} ?> | ||
| 398 | |||
| 399 | |||
| 400 | div#content h2 { | 377 | div#content h2 { |
| 401 | color: #59770e; | 378 | color: #59770e; |
| 402 | margin: 0px 0px 2px; | 379 | margin: 0px 0px 2px; |
| @@ -633,14 +610,10 @@ div#footer ul li img { | |||
| 633 | vertical-align: top; | 610 | vertical-align: top; |
| 634 | } | 611 | } |
| 635 | 612 | ||
| 636 | <?php if (!isset($_GET['nolayout'])) { ?> | ||
| 637 | |||
| 638 | div#content ul { | 613 | div#content ul { |
| 639 | list-style: url(/theme/images/bullet_disk_big.png); | 614 | list-style: url(/theme/images/bullet_disk_big.png); |
| 640 | } | 615 | } |
| 641 | 616 | ||
| 642 | <?php } ?> | ||
| 643 | |||
| 644 | div.push { | 617 | div.push { |
| 645 | clear: both; | 618 | clear: both; |
| 646 | height: 20px; | 619 | height: 20px; |
| @@ -709,33 +682,6 @@ div.post-date-4 { | |||
| 709 | background: url(/theme/images/date-bg-4.gif) no-repeat; | 682 | background: url(/theme/images/date-bg-4.gif) no-repeat; |
| 710 | } | 683 | } |
| 711 | 684 | ||
| 712 | div#members { | ||
| 713 | position: fixed; | ||
| 714 | left: -40px; | ||
| 715 | top: 20px; | ||
| 716 | } | ||
| 717 | |||
| 718 | div#members ul li { | ||
| 719 | list-style-type: none; | ||
| 720 | } | ||
| 721 | |||
| 722 | div#members ul li a { | ||
| 723 | color: white; | ||
| 724 | width: 100px; | ||
| 725 | height: 30px; | ||
| 726 | padding-right: 5px; | ||
| 727 | background-image: url(/theme/images/tabBG.png); | ||
| 728 | display: block; | ||
| 729 | text-align: right; | ||
| 730 | padding-top: 5px; | ||
| 731 | padding-bottom: 0px; | ||
| 732 | background-repeat: no-repeat; | ||
| 733 | } | ||
| 734 | |||
| 735 | div#members ul li a:hover { | ||
| 736 | background-image: url(/theme/images/tabBG2.png); | ||
| 737 | } | ||
| 738 | |||
| 739 | div#content a img { | 685 | div#content a img { |
| 740 | border: solid transparent 1px; | 686 | border: solid transparent 1px; |
| 741 | } | 687 | } |
| @@ -759,41 +705,6 @@ div.breadcrumb { | |||
| 759 | border-bottom: 1px dotted black; | 705 | border-bottom: 1px dotted black; |
| 760 | } | 706 | } |
| 761 | 707 | ||
| 762 | .delicious-posts { margin: 1em; padding: 0.5em; font-family: sans-serif; } | ||
| 763 | .delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0} | ||
| 764 | .delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% } | ||
| 765 | .delicious-posts a:hover { text-decoration: underline } | ||
| 766 | |||
| 767 | /* #twitter_div { | ||
| 768 | margin: 1em; | ||
| 769 | padding: 0.5em; | ||
| 770 | font-family: sans-serif; | ||
| 771 | } */ | ||
| 772 | |||
| 773 | /* #twitter_div ul, #twitter_div li, .twitter-title { | ||
| 774 | margin: 0; | ||
| 775 | padding: 0; | ||
| 776 | } */ | ||
| 777 | |||
| 778 | .twitter_update_list { | ||
| 779 | list-style-type: none; | ||
| 780 | } | ||
| 781 | |||
| 782 | .twitter_update_list li { | ||
| 783 | /* border-top: 1px solid #eee; | ||
| 784 | padding: 0.25em; */ | ||
| 785 | display: inline; | ||
| 786 | } | ||
| 787 | |||
| 788 | /* .twitter-title { | ||
| 789 | margin-left: -20px; | ||
| 790 | font-size: 120%; | ||
| 791 | } */ | ||
| 792 | |||
| 793 | .dispIfNew a:visited img { | ||
| 794 | display: none; | ||
| 795 | } | ||
| 796 | |||
| 797 | /* Tables */ | 708 | /* Tables */ |
| 798 | 709 | ||
| 799 | table.webmail { | 710 | table.webmail { |
| @@ -821,23 +732,3 @@ table.webmail th { | |||
| 821 | table.webmail td { | 732 | table.webmail td { |
| 822 | word-wrap: break-word; | 733 | word-wrap: break-word; |
| 823 | } | 734 | } |
| 824 | |||
| 825 | /* Print Only */ | ||
| 826 | |||
| 827 | @media print { | ||
| 828 | body { | ||
| 829 | width: 100% !important; | ||
| 830 | } | ||
| 831 | |||
| 832 | div#banner, div#footer, div#members { | ||
| 833 | display: none; | ||
| 834 | } | ||
| 835 | |||
| 836 | span.print { | ||
| 837 | display: inline; | ||
| 838 | } | ||
| 839 | |||
| 840 | div#cleardiv { | ||
| 841 | clear: none; | ||
| 842 | } | ||
| 843 | } | ||
