diff options
Diffstat (limited to 'theme/layouts/6.2/style.css')
| -rw-r--r-- | theme/layouts/6.2/style.css | 247 |
1 files changed, 247 insertions, 0 deletions
| diff --git a/theme/layouts/6.2/style.css b/theme/layouts/6.2/style.css new file mode 100644 index 0000000..53f3556 --- /dev/null +++ b/theme/layouts/6.2/style.css | |||
| @@ -0,0 +1,247 @@ | |||
| 1 | /* Banner */ | ||
| 2 | |||
| 3 | div#banner, div#fi-banner { | ||
| 4 | background-repeat: no-repeat; | ||
| 5 | width: 900px; /*728*/ | ||
| 6 | height: 200px; | ||
| 7 | float: left; | ||
| 8 | /* margin-top: 21px; */ | ||
| 9 | } | ||
| 10 | |||
| 11 | div#banner { | ||
| 12 | background: white url("/theme/images/fourisland_header.png") center no-repeat; | ||
| 13 | width: 100%; | ||
| 14 | } | ||
| 15 | |||
| 16 | body div#banner h1, body div#fi-banner h1 { | ||
| 17 | margin: 0; | ||
| 18 | } | ||
| 19 | |||
| 20 | body div#banner h1 a, body div#fi-banner h1 a { | ||
| 21 | display: block; | ||
| 22 | width: 900px; | ||
| 23 | height: 200px; | ||
| 24 | text-indent: -5000px; | ||
| 25 | text-decoration: none; | ||
| 26 | margin: 0; | ||
| 27 | } | ||
| 28 | |||
| 29 | div#banner h1, div#fi-banner h1 { | ||
| 30 | margin: 0; | ||
| 31 | font-size: 3.0em; | ||
| 32 | font-weight: normal; | ||
| 33 | } | ||
| 34 | |||
| 35 | /* NavBar */ | ||
| 36 | |||
| 37 | div#fi-navbar { | ||
| 38 | position: relative; | ||
| 39 | background-color: #b7e0ff; | ||
| 40 | width: auto; | ||
| 41 | margin-bottom: 14px; | ||
| 42 | font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif; | ||
| 43 | height: 1.9em; | ||
| 44 | clear: both; | ||
| 45 | } | ||
| 46 | |||
| 47 | div#fi-navbar div { | ||
| 48 | padding: .001em 0; | ||
| 49 | margin: 10px; | ||
| 50 | } | ||
| 51 | |||
| 52 | div#fi-navbar ul { | ||
| 53 | margin: .25em 0; | ||
| 54 | padding-left: 1em; | ||
| 55 | text-align: center; | ||
| 56 | } | ||
| 57 | |||
| 58 | div#fi-navbar ul li { | ||
| 59 | display: inline; | ||
| 60 | font-family: Verdana, sans-serif; | ||
| 61 | font-size: 1.1em; | ||
| 62 | } | ||
| 63 | |||
| 64 | div#fi-navbar ul li+li:before { | ||
| 65 | content: " - "; | ||
| 66 | } | ||
| 67 | |||
| 68 | div#fi-navbar ul li img, | ||
| 69 | div#fi-navbar ul li.active span { | ||
| 70 | display: none; | ||
| 71 | } | ||
| 72 | |||
| 73 | div#fi-navbar ul li.active img { | ||
| 74 | display: inline; | ||
| 75 | background-color: white; | ||
| 76 | outline: white solid .5em; | ||
| 77 | margin: 0 .5em; | ||
| 78 | } | ||
| 79 | |||
| 80 | div#fi-navbar div.bubble blockquote { | ||
| 81 | background: none; | ||
| 82 | font-size: 0.9em; | ||
| 83 | } | ||
| 84 | |||
| 85 | div#fi-navbar div.bubble blockquote a { | ||
| 86 | color: blue; | ||
| 87 | } | ||
| 88 | |||
| 89 | /* Sidebar */ | ||
| 90 | |||
| 91 | div#rightbar { | ||
| 92 | float: left; | ||
| 93 | width: 270px; /*210*/ | ||
| 94 | } | ||
| 95 | |||
| 96 | div.sidebar { | ||
| 97 | width: 250px; /*250*/ /*240*/ /*210*/ | ||
| 98 | padding: 0 10px; | ||
| 99 | margin-bottom: 5px; | ||
| 100 | } | ||
| 101 | |||
| 102 | div.sidebar h3 { | ||
| 103 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
| 104 | margin: 5px 0 0 0; | ||
| 105 | font-weight: bold; | ||
| 106 | color: #333333; | ||
| 107 | } | ||
| 108 | |||
| 109 | div.sidebar p { | ||
| 110 | font-size: 0.8em; | ||
| 111 | margin: 3px 0; | ||
| 112 | } | ||
| 113 | |||
| 114 | div.sidebar ul { | ||
| 115 | list-style-type: none; | ||
| 116 | padding: 0; | ||
| 117 | margin: 0; | ||
| 118 | line-height: normal !important; | ||
| 119 | list-style-image: none !important; | ||
| 120 | } | ||
| 121 | |||
| 122 | div#sidebar ul li { | ||
| 123 | margin-top: 4px; | ||
| 124 | } | ||
| 125 | |||
| 126 | div#sidebar ul li a { | ||
| 127 | display: block; | ||
| 128 | width: 230px; | ||
| 129 | } | ||
| 130 | |||
| 131 | div#sidebar li img { | ||
| 132 | border: 0; | ||
| 133 | height: 16px; | ||
| 134 | width: 16px; | ||
| 135 | } | ||
| 136 | |||
| 137 | /* Layout */ | ||
| 138 | |||
| 139 | #wrap { | ||
| 140 | width: 910px; | ||
| 141 | margin: 10px auto; | ||
| 142 | padding: 0; | ||
| 143 | background-color: white; | ||
| 144 | background-color: rgba(255, 255, 255, 0.5); | ||
| 145 | border: 4px solid gray; | ||
| 146 | } | ||
| 147 | |||
| 148 | #page-body { | ||
| 149 | margin: 0 30px; | ||
| 150 | clear: both; | ||
| 151 | position: relative; | ||
| 152 | } | ||
| 153 | |||
| 154 | body.fourm #page-body { | ||
| 155 | margin: 0 10px 0 25px; | ||
| 156 | width: 95%; | ||
| 157 | font-size: 62.5%; | ||
| 158 | } | ||
| 159 | |||
| 160 | #phpBB3-page-body { | ||
| 161 | margin: 4px 0 !important; | ||
| 162 | clear: both; | ||
| 163 | } | ||
| 164 | |||
| 165 | /* Content */ | ||
| 166 | |||
| 167 | div#content { | ||
| 168 | float: right; | ||
| 169 | width: 555px; /*465*/ /*555*/ | ||
| 170 | } | ||
| 171 | |||
| 172 | div#footer { | ||
| 173 | clear: both; | ||
| 174 | padding: .5em 0 1em 0; | ||
| 175 | margin-top: .5em; | ||
| 176 | text-align: center; | ||
| 177 | font-size: .68em; | ||
| 178 | border-top: 1px black solid; | ||
| 179 | } | ||
| 180 | |||
| 181 | div#footer ul.rows li { | ||
| 182 | display: list-item; | ||
| 183 | } | ||
| 184 | |||
| 185 | div#footer ul { | ||
| 186 | padding: 0; | ||
| 187 | margin: 0; | ||
| 188 | list-style-type: none; | ||
| 189 | } | ||
| 190 | |||
| 191 | div#footer ul li { | ||
| 192 | display: inline; | ||
| 193 | margin-right: 1em; | ||
| 194 | } | ||
| 195 | |||
| 196 | div#footer ul li img { | ||
| 197 | width: 20px; | ||
| 198 | height: 20px; | ||
| 199 | vertical-align: top; | ||
| 200 | } | ||
| 201 | |||
| 202 | div#content ul { | ||
| 203 | list-style: url(/theme/images/bullet_disk_big.png); | ||
| 204 | } | ||
| 205 | |||
| 206 | div#content a img { | ||
| 207 | border: solid transparent 1px; | ||
| 208 | } | ||
| 209 | |||
| 210 | div#content a:hover img { | ||
| 211 | border: dashed gray 1px; | ||
| 212 | } | ||
| 213 | |||
| 214 | div#hatbar.quotes-options ul { | ||
| 215 | list-style: none; | ||
| 216 | } | ||
| 217 | |||
| 218 | div.autosize { | ||
| 219 | margin-bottom: 6px !important; | ||
| 220 | } | ||
| 221 | |||
| 222 | body { | ||
| 223 | background: repeat-x bottom left fixed; | ||
| 224 | font-family: Arial, FreeSans; | ||
| 225 | margin: 0px; | ||
| 226 | padding: 0px 0px 30px !important; | ||
| 227 | } | ||
| 228 | |||
| 229 | body.fourm { | ||
| 230 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
| 231 | } | ||
| 232 | |||
| 233 | body.fourm div#content { | ||
| 234 | width: 100%; | ||
| 235 | float: none; | ||
| 236 | } | ||
| 237 | |||
| 238 | body { | ||
| 239 | background-color: aqua; | ||
| 240 | background-image: url(/theme/images/backgrounds/island6.PNG); | ||
| 241 | } | ||
| 242 | |||
| 243 | span.post-vote { | ||
| 244 | float: right; | ||
| 245 | position: relative; | ||
| 246 | top: -20px; | ||
| 247 | } | ||
