Merge lp:~daker/ubuntu-website/light-django.650657 into lp:~ubuntu-website-community/ubuntu-website/light-django-theme
- light-django.650657
- Merge into light-django-theme
Proposed by
Adnane Belmadiaf
| Status: | Merged | ||||
|---|---|---|---|---|---|
| Approved by: | Michael Hall | ||||
| Approved revision: | 29 | ||||
| Merged at revision: | 29 | ||||
| Proposed branch: | lp:~daker/ubuntu-website/light-django.650657 | ||||
| Merge into: | lp:~ubuntu-website-community/ubuntu-website/light-django-theme | ||||
| Diff against target: |
3878 lines (+2815/-935) 4 files modified
media/css/default.css (+890/-280) media/css/django_extras.css (+88/-41) media/css/ie.css (+908/-305) media/css/ie6.css (+929/-309) |
||||
| To merge this branch: | bzr merge lp:~daker/ubuntu-website/light-django.650657 | ||||
| Related bugs: |
|
| Reviewer | Review Type | Date Requested | Status |
|---|---|---|---|
| Chris Johnston | Pending | ||
|
Review via email:
|
|||
Commit message
Description of the change
To post a comment you must log in.
Preview Diff
[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
| 1 | === modified file 'media/css/default.css' | |||
| 2 | --- media/css/default.css 2010-09-28 21:33:05 +0000 | |||
| 3 | +++ media/css/default.css 2010-09-30 16:29:42 +0000 | |||
| 4 | @@ -1,15 +1,16 @@ | |||
| 5 | 1 | /*- LICENSE | 1 | /*- LICENSE |
| 6 | 2 | -------------------------------------------------------------------------------------------------------- */ | 2 | -------------------------------------------------------------------------------------------------------- */ |
| 7 | 3 | /* | 3 | /* |
| 9 | 4 | Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com | 4 | Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com |
| 10 | 5 | 5 | ||
| 14 | 6 | // Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ | 6 | // Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ |
| 15 | 7 | // - Free for use in both personal and commercial projects | 7 | // - Free for use in both personal and commercial projects |
| 16 | 8 | // - Attribution requires leaving author name, author link, and the license info intact. | 8 | // - Attribution requires leaving author name, author link, and the license info intact. |
| 17 | 9 | */ | 9 | */ |
| 18 | 10 | 10 | ||
| 19 | 11 | /*- reset | 11 | /*- reset |
| 20 | 12 | -------------------------------------------------------------------------------------------------------- */ | 12 | -------------------------------------------------------------------------------------------------------- */ |
| 21 | 13 | |||
| 22 | 13 | /* | 14 | /* |
| 23 | 14 | Reset derived and adapted from | 15 | Reset derived and adapted from |
| 24 | 15 | html5doctor.com Reset Stylesheet | 16 | html5doctor.com Reset Stylesheet |
| 25 | @@ -17,316 +18,925 @@ | |||
| 26 | 17 | 2010-03-01 | 18 | 2010-03-01 |
| 27 | 18 | Author: Richard Clark - http://richclarkdesign.com | 19 | Author: Richard Clark - http://richclarkdesign.com |
| 28 | 19 | */ | 20 | */ |
| 50 | 20 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, | 21 | |
| 51 | 21 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, | 22 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { |
| 52 | 22 | sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, | 23 | background: transparent; |
| 53 | 23 | tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, | 24 | border: 0; |
| 54 | 24 | hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } | 25 | font-family: inherit; |
| 55 | 25 | :focus /* remember to define focus styles! */ { outline: 0; } | 26 | font-weight: inherit; |
| 56 | 26 | body { line-height:1; } | 27 | font-style: inherit; |
| 57 | 27 | article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } | 28 | font-size: 100%; |
| 58 | 28 | ol, ul { list-style-position: inside; } | 29 | margin: 0; |
| 59 | 29 | nav ul { list-style:none; } | 30 | outline: 0; |
| 60 | 30 | blockquote, q { quotes:none; } | 31 | padding: 0; |
| 61 | 31 | blockquote:before, blockquote:after, q:before, q:after { content:''; } | 32 | vertical-align: baseline; |
| 62 | 32 | a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; color: #DD4814; vertical-align:baseline; background:transparent; text-decoration:none; } | 33 | } |
| 63 | 33 | ins { background-color:#ff9; color:#000; text-decoration:none; } | 34 | |
| 64 | 34 | mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } | 35 | blockquote:before, blockquote:after, q:before, q:after { |
| 65 | 35 | del { text-decoration: line-through; } | 36 | content: '' |
| 66 | 36 | abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } | 37 | } |
| 67 | 37 | table { border-collapse:collapse; border-spacing:0; } | 38 | |
| 68 | 38 | hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } | 39 | nav ul { |
| 69 | 39 | input, select { vertical-align:middle; } | 40 | list-style: none |
| 70 | 40 | textarea { overflow:auto;} | 41 | } |
| 71 | 42 | |||
| 72 | 43 | td li, li li { | ||
| 73 | 44 | font-size: 12px; | ||
| 74 | 45 | line-height: 16px; | ||
| 75 | 46 | } | ||
| 76 | 47 | |||
| 77 | 48 | :focus /* remember to define focus styles! */ { | ||
| 78 | 49 | outline: 0 | ||
| 79 | 50 | } | ||
| 80 | 51 | |||
| 81 | 52 | body { | ||
| 82 | 53 | line-height: 1 | ||
| 83 | 54 | } | ||
| 84 | 55 | |||
| 85 | 56 | article, aside, details, dialog, figure, footer, header, hgroup, nav, section { | ||
| 86 | 57 | display: block | ||
| 87 | 58 | } | ||
| 88 | 59 | |||
| 89 | 60 | ol, ul { | ||
| 90 | 61 | list-style-position: inside | ||
| 91 | 62 | } | ||
| 92 | 63 | |||
| 93 | 64 | blockquote, q { | ||
| 94 | 65 | quotes: none | ||
| 95 | 66 | } | ||
| 96 | 67 | |||
| 97 | 68 | a { | ||
| 98 | 69 | cursor: pointer; | ||
| 99 | 70 | margin: 0; | ||
| 100 | 71 | padding: 0; | ||
| 101 | 72 | border: 0; | ||
| 102 | 73 | font-size: 100%; | ||
| 103 | 74 | color: #DD4814; | ||
| 104 | 75 | vertical-align: baseline; | ||
| 105 | 76 | background: transparent; | ||
| 106 | 77 | text-decoration: none; | ||
| 107 | 78 | } | ||
| 108 | 79 | |||
| 109 | 80 | ins { | ||
| 110 | 81 | background-color: #ff9; | ||
| 111 | 82 | color: #000; | ||
| 112 | 83 | text-decoration: none; | ||
| 113 | 84 | } | ||
| 114 | 85 | |||
| 115 | 86 | mark { | ||
| 116 | 87 | background-color: #ff9; | ||
| 117 | 88 | color: #000; | ||
| 118 | 89 | font-style: italic; | ||
| 119 | 90 | font-weight: bold; | ||
| 120 | 91 | } | ||
| 121 | 92 | |||
| 122 | 93 | del { | ||
| 123 | 94 | text-decoration: line-through | ||
| 124 | 95 | } | ||
| 125 | 96 | |||
| 126 | 97 | abbr[title], dfn[title] { | ||
| 127 | 98 | border-bottom: 1px dotted #000; | ||
| 128 | 99 | cursor: help; | ||
| 129 | 100 | } | ||
| 130 | 101 | |||
| 131 | 102 | table { | ||
| 132 | 103 | border-collapse: collapse; | ||
| 133 | 104 | border-spacing: 0; | ||
| 134 | 105 | } | ||
| 135 | 106 | |||
| 136 | 107 | hr { | ||
| 137 | 108 | display: block; | ||
| 138 | 109 | height: 1px; | ||
| 139 | 110 | border: 0; | ||
| 140 | 111 | border-top: 1px solid #cccccc; | ||
| 141 | 112 | margin: 1em 0; | ||
| 142 | 113 | padding: 0; | ||
| 143 | 114 | } | ||
| 144 | 115 | |||
| 145 | 116 | input, select { | ||
| 146 | 117 | vertical-align: middle | ||
| 147 | 118 | } | ||
| 148 | 119 | |||
| 149 | 120 | textarea { | ||
| 150 | 121 | overflow: auto | ||
| 151 | 122 | } | ||
| 152 | 123 | |||
| 153 | 41 | /* ----------------------------------------------------------------------------------------------------- */ | 124 | /* ----------------------------------------------------------------------------------------------------- */ |
| 154 | 42 | 125 | ||
| 155 | 43 | |||
| 156 | 44 | /*- Typography | 126 | /*- Typography |
| 157 | 45 | -------------------------------------------------------------------------------------------------------- */ | 127 | -------------------------------------------------------------------------------------------------------- */ |
| 158 | 46 | 128 | ||
| 160 | 47 | body { font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; font-size:100%; line-height:1.5em;} | 129 | body { |
| 161 | 130 | font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; | ||
| 162 | 131 | font-size: 100%; | ||
| 163 | 132 | line-height: 1.5em; | ||
| 164 | 133 | } | ||
| 165 | 134 | |||
| 166 | 48 | h1, h2, h3 { | 135 | h1, h2, h3 { |
| 168 | 49 | color: #333333; | 136 | color: #333333; |
| 169 | 50 | font-weight: normal; | 137 | font-weight: normal; |
| 171 | 51 | margin: 0px; | 138 | margin: 0px; |
| 172 | 52 | } | 139 | } |
| 173 | 53 | 140 | ||
| 174 | 54 | h1 { | 141 | h1 { |
| 178 | 55 | font-size: 36px; | 142 | font-size: 36px; |
| 179 | 56 | line-height: 40px; | 143 | line-height: 40px; |
| 180 | 57 | margin-top: 0px; | 144 | margin-top: 0px; |
| 181 | 58 | margin-bottom: 0px; | 145 | margin-bottom: 0px; |
| 182 | 59 | } | 146 | } |
| 183 | 60 | 147 | ||
| 184 | 61 | h2 { | 148 | h2 { |
| 189 | 62 | font-size: 24px; | 149 | font-size: 24px; |
| 190 | 63 | line-height: 28px; | 150 | line-height: 28px; |
| 191 | 64 | font-weight: normal; | 151 | font-weight: normal; |
| 192 | 65 | margin-top: 16px; | 152 | margin-top: 16px; |
| 193 | 66 | margin-bottom: 8px; | 153 | margin-bottom: 8px; |
| 194 | 67 | } | 154 | } |
| 195 | 68 | 155 | ||
| 196 | 69 | h3 { | 156 | h3 { |
| 201 | 70 | font-size: 16px; | 157 | font-size: 16px; |
| 202 | 71 | line-height: 20px; | 158 | line-height: 20px; |
| 203 | 72 | font-weight: normal; | 159 | font-weight: normal; |
| 204 | 73 | margin-top: 16px; | 160 | margin-top: 16px; |
| 205 | 74 | margin-bottom: 8px; | 161 | margin-bottom: 8px; |
| 206 | 75 | } | 162 | } |
| 207 | 76 | 163 | ||
| 208 | 77 | p { | 164 | p { |
| 223 | 78 | font-size: 12px; | 165 | font-size: 12px; |
| 224 | 79 | line-height: 16px; | 166 | line-height: 16px; |
| 225 | 80 | } | 167 | } |
| 226 | 81 | 168 | ||
| 227 | 82 | dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } | 169 | dt { |
| 228 | 83 | li { font-size: 12px; line-height: 16px; } | 170 | font-size: 0.75em; |
| 229 | 84 | td li, li li { font-size: 12px; line-height: 16px; } | 171 | font-weight: bold; |
| 230 | 85 | strong { font-weight:bold;} | 172 | /* 16x0.75 =12 */ |
| 231 | 86 | em { font-style:italic; } | 173 | } |
| 232 | 87 | #top-logo { font-size:0.875em; /* 16x0.75 =12 */} | 174 | |
| 233 | 88 | #main-nav { font-size:0.875em; /* 16x0.875=14 */} | 175 | li { |
| 234 | 89 | #sub-nav { font-size:0.75em; /* 16x0.75 =12 */} | 176 | font-size: 12px; |
| 235 | 90 | .showcase-text { font-size:0.875em; /* 16x0.875=14 */ } | 177 | line-height: 16px; |
| 236 | 91 | .footer-item { font-size:0.75em; /* 16x0.625=12 */ } | 178 | } |
| 237 | 179 | |||
| 238 | 180 | strong { | ||
| 239 | 181 | font-weight: bold | ||
| 240 | 182 | } | ||
| 241 | 183 | |||
| 242 | 184 | em { | ||
| 243 | 185 | font-style: italic | ||
| 244 | 186 | } | ||
| 245 | 187 | |||
| 246 | 188 | #top-logo { | ||
| 247 | 189 | font-size: 0.875em; | ||
| 248 | 190 | /* 16x0.75 =12 */ | ||
| 249 | 191 | } | ||
| 250 | 192 | |||
| 251 | 193 | #main-nav { | ||
| 252 | 194 | font-size: 0.875em; | ||
| 253 | 195 | /* 16x0.875=14 */ | ||
| 254 | 196 | } | ||
| 255 | 197 | |||
| 256 | 198 | #sub-nav { | ||
| 257 | 199 | font-size: 0.75em; | ||
| 258 | 200 | /* 16x0.75 =12 */ | ||
| 259 | 201 | } | ||
| 260 | 202 | |||
| 261 | 203 | .showcase-text { | ||
| 262 | 204 | font-size: 0.875em; | ||
| 263 | 205 | /* 16x0.875=14 */ | ||
| 264 | 206 | } | ||
| 265 | 207 | |||
| 266 | 208 | .footer-item { | ||
| 267 | 209 | font-size: 0.75em; | ||
| 268 | 210 | /* 16x0.625=12 */ | ||
| 269 | 211 | } | ||
| 270 | 92 | 212 | ||
| 271 | 93 | /*- Layout | 213 | /*- Layout |
| 272 | 94 | -------------------------------------------------------------------------------------------------------- */ | 214 | -------------------------------------------------------------------------------------------------------- */ |
| 273 | 95 | 215 | ||
| 331 | 96 | .container { clear:both; margin:0 auto; padding:0; position:relative; width:980px; } | 216 | .container { |
| 332 | 97 | 217 | clear: both; | |
| 333 | 98 | #main-nav { float:left; width:770px; } | 218 | margin: 0 auto; |
| 334 | 99 | .main-nav-item { margin:5px 10px; padding:10px; } | 219 | padding: 0; |
| 335 | 100 | 220 | position: relative; | |
| 336 | 101 | #top-logo { float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px; width:180px; } | 221 | width: 980px; |
| 337 | 102 | #the-logo { float:right; } | 222 | } |
| 338 | 103 | 223 | ||
| 339 | 104 | #page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; } | 224 | #main-nav { |
| 340 | 105 | 225 | float: left; | |
| 341 | 106 | #sub-nav-container { height:40px; margin:0 10px; width:940px; } | 226 | width: 770px; |
| 342 | 107 | #sub-nav { float:left; padding:0px 10px;} | 227 | } |
| 343 | 108 | .sub-nav-item { margin:5px 10px; padding-right:10px;} | 228 | |
| 344 | 109 | #pop-up-container { float:left; padding:10px; } | 229 | .main-nav-item { |
| 345 | 110 | #pop-up-text { float:left; } | 230 | margin: 5px 10px; |
| 346 | 111 | #login-container { float:left; width:620px;} | 231 | padding: 10px; |
| 347 | 112 | 232 | } | |
| 348 | 113 | 233 | ||
| 349 | 114 | #searchbox-container { float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:auto;} | 234 | .main-nav-item, .main-nav-item:visited { |
| 350 | 115 | .showcase-item { float:left; margin:5px 10px; padding:10px; width:280px;} | 235 | border-right: 1px solid #EF7149; |
| 351 | 116 | .showcase-heading { margin:5px 0px 10px; width:280px;} | 236 | border-bottom: 0; |
| 352 | 117 | .showcase-subheading { margin:5px 0px 10px; width:280px;} | 237 | border-top: 0; |
| 353 | 118 | .showcase-text { margin:5px 0px 10px; width:280px;} | 238 | color: #fff; |
| 354 | 119 | .showcase-figure { float:left; margin:5px 10px; padding:10px; position:relative; width:600px;} | 239 | display: block; |
| 355 | 120 | .showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;} | 240 | float: left; |
| 356 | 121 | .showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;} | 241 | height: 70px; |
| 357 | 122 | #showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; } | 242 | line-height: 70px; |
| 358 | 123 | .showcase-nav-item { padding-right:10px;} | 243 | margin: 0px; |
| 359 | 124 | .main-content { clear:both; float:left; margin:5px 10px; padding:10px; width:920px; } | 244 | padding: 0 15px; |
| 360 | 125 | .minor-content { float:left; margin:5px 10px; padding:10px; width:440px; } | 245 | text-shadow: 1px 1px 1px #333; |
| 361 | 126 | .side-content { float:left; margin:5px 10px; padding:10px; width:280px; } | 246 | } |
| 362 | 127 | .sub-content { float:left; margin:5px 10px; padding:10px; width:120px; } | 247 | |
| 363 | 128 | p { padding: 5px 0px 10px; } | 248 | .main-nav-item.current, .main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus { |
| 364 | 129 | 249 | background: url(../images/mainnav.png) 0 0 repeat | |
| 365 | 130 | .divide { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; } | 250 | } |
| 366 | 131 | .divide-showcase { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; } | 251 | |
| 367 | 132 | 252 | #top-logo { | |
| 368 | 133 | 253 | float: right; | |
| 369 | 134 | 254 | margin: 5px 10px 5px 0px; | |
| 370 | 135 | #blog-posts { float:left; margin:5px 10px; padding:10px; width:600px; } | 255 | padding: 10px 10px 0px 0px; |
| 371 | 136 | .blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;} | 256 | width: 180px; |
| 372 | 137 | .post-figure { float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;} | 257 | } |
| 373 | 138 | .post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;} | 258 | |
| 374 | 139 | .post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;} | 259 | #the-logo { |
| 375 | 140 | .comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; } | 260 | float: right |
| 376 | 141 | 261 | } | |
| 377 | 142 | 262 | ||
| 378 | 143 | #blog-aside { float:left; margin:5px 10px; padding:0px; width:300px; } | 263 | #page-related { |
| 379 | 144 | .widgets-aside { float:left; margin:5px 0px 15px; padding:10px; width:280px; } | 264 | background-image: none; |
| 380 | 145 | 265 | margin: 0 auto; | |
| 381 | 146 | .pagination { clear:both; text-align:center; } | 266 | padding: 0 10px 10px; |
| 382 | 147 | 267 | position: relative; | |
| 383 | 148 | .footer-content { float:left; margin:5px 10px; padding:10px; width:120px; } | 268 | width: 960px; |
| 384 | 149 | .foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; } | 269 | } |
| 385 | 150 | 270 | ||
| 386 | 151 | 271 | #sub-nav-container { | |
| 387 | 152 | .plugin { margin: 0 -10px; padding:0px; width:980px; } | 272 | height: 40px; |
| 388 | 273 | margin: 0 10px; | ||
| 389 | 274 | width: 940px; | ||
| 390 | 275 | } | ||
| 391 | 276 | |||
| 392 | 277 | #sub-nav-container /* progressive */ { | ||
| 393 | 278 | -webkit-border-bottom-left-radius: 8px; | ||
| 394 | 279 | -webkit-border-bottom-right-radius: 8px; | ||
| 395 | 280 | -moz-border-radius-bottomleft: 8px; | ||
| 396 | 281 | -moz-border-radius-bottomright: 8px; | ||
| 397 | 282 | -webkit-box-shadow: 0px 1px 1px #ccc; | ||
| 398 | 283 | -moz-box-shadow: 0 1px 1px #DFDFDF; | ||
| 399 | 284 | } | ||
| 400 | 285 | |||
| 401 | 286 | #sub-nav { | ||
| 402 | 287 | float: left; | ||
| 403 | 288 | padding: 0px 10px; | ||
| 404 | 289 | } | ||
| 405 | 290 | |||
| 406 | 291 | .sub-nav-item { | ||
| 407 | 292 | margin: 5px 10px; | ||
| 408 | 293 | padding-right: 10px; | ||
| 409 | 294 | } | ||
| 410 | 295 | |||
| 411 | 296 | .sub-nav-item, .sub-nav-item:visited { | ||
| 412 | 297 | color: #333; | ||
| 413 | 298 | display: block; | ||
| 414 | 299 | float: left; | ||
| 415 | 300 | line-height: 40px; | ||
| 416 | 301 | margin: 0px; | ||
| 417 | 302 | padding: 0 15px; | ||
| 418 | 303 | } | ||
| 419 | 304 | |||
| 420 | 305 | .sub-nav-item.current, .sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus { | ||
| 421 | 306 | background-color: #efefef; | ||
| 422 | 307 | color: #DD4814; | ||
| 423 | 308 | } | ||
| 424 | 309 | |||
| 425 | 310 | #pop-up-container { | ||
| 426 | 311 | float: left; | ||
| 427 | 312 | padding: 10px; | ||
| 428 | 313 | } | ||
| 429 | 314 | |||
| 430 | 315 | #pop-up-text { | ||
| 431 | 316 | float: left | ||
| 432 | 317 | } | ||
| 433 | 318 | |||
| 434 | 319 | #login-container { | ||
| 435 | 320 | float: left; | ||
| 436 | 321 | width: 620px; | ||
| 437 | 322 | } | ||
| 438 | 323 | |||
| 439 | 324 | #searchbox-container { | ||
| 440 | 325 | float: right; | ||
| 441 | 326 | margin: 0px 10px 5px 0px; | ||
| 442 | 327 | padding: 0 0 0 10px; | ||
| 443 | 328 | width: auto; | ||
| 444 | 329 | } | ||
| 445 | 330 | |||
| 446 | 331 | .showcase-item { | ||
| 447 | 332 | float: left; | ||
| 448 | 333 | margin: 5px 10px; | ||
| 449 | 334 | padding: 10px; | ||
| 450 | 335 | width: 280px; | ||
| 451 | 336 | } | ||
| 452 | 337 | |||
| 453 | 338 | .showcase-heading { | ||
| 454 | 339 | margin: 5px 0px 10px; | ||
| 455 | 340 | width: 280px; | ||
| 456 | 341 | } | ||
| 457 | 342 | |||
| 458 | 343 | .showcase-subheading { | ||
| 459 | 344 | margin: 5px 0px 10px; | ||
| 460 | 345 | width: 280px; | ||
| 461 | 346 | } | ||
| 462 | 347 | |||
| 463 | 348 | .showcase-text { | ||
| 464 | 349 | margin: 5px 0px 10px; | ||
| 465 | 350 | width: 280px; | ||
| 466 | 351 | } | ||
| 467 | 352 | |||
| 468 | 353 | .showcase-figure { | ||
| 469 | 354 | float: left; | ||
| 470 | 355 | margin: 5px 10px; | ||
| 471 | 356 | padding: 10px; | ||
| 472 | 357 | position: relative; | ||
| 473 | 358 | width: 600px; | ||
| 474 | 359 | } | ||
| 475 | 360 | |||
| 476 | 361 | .showcase-img { | ||
| 477 | 362 | display: block; | ||
| 478 | 363 | margin: 0px; | ||
| 479 | 364 | padding: 0px; | ||
| 480 | 365 | position: relative; | ||
| 481 | 366 | width: 600px; | ||
| 482 | 367 | } | ||
| 483 | 368 | |||
| 484 | 369 | .showcase-caption { | ||
| 485 | 370 | position: absolute; | ||
| 486 | 371 | bottom: 0px; | ||
| 487 | 372 | left: 0px; | ||
| 488 | 373 | margin: 0px 10px 10px; | ||
| 489 | 374 | padding: 10px; | ||
| 490 | 375 | width: 580px; | ||
| 491 | 376 | } | ||
| 492 | 377 | |||
| 493 | 378 | #showcase-nav { | ||
| 494 | 379 | clear: both; | ||
| 495 | 380 | margin: 5px 10px; | ||
| 496 | 381 | padding: 0px 10px; | ||
| 497 | 382 | width: 920px; | ||
| 498 | 383 | } | ||
| 499 | 384 | |||
| 500 | 385 | #showcase-nav /* progressive */ { | ||
| 501 | 386 | -webkit-border-radius: 8px; | ||
| 502 | 387 | -moz-border-radius: 8px; | ||
| 503 | 388 | -moz-box-shadow: 0px 1px 1px #dfdfdf; | ||
| 504 | 389 | -webkit-box-shadow: 0px 1px 1px #ccc; | ||
| 505 | 390 | } | ||
| 506 | 391 | |||
| 507 | 392 | .showcase-nav-item { | ||
| 508 | 393 | padding-right: 10px | ||
| 509 | 394 | } | ||
| 510 | 395 | |||
| 511 | 396 | .showcase-nav-item, .showcase-nav-item:visited { | ||
| 512 | 397 | color: #333; | ||
| 513 | 398 | display: block; | ||
| 514 | 399 | float: left; | ||
| 515 | 400 | line-height: 40px; | ||
| 516 | 401 | margin: 0 1px; | ||
| 517 | 402 | padding: 0 15px; | ||
| 518 | 403 | } | ||
| 519 | 404 | |||
| 520 | 405 | .showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus { | ||
| 521 | 406 | border: 1px solid #ddd; | ||
| 522 | 407 | border-top: 0px solid; | ||
| 523 | 408 | border-bottom: 0px solid; | ||
| 524 | 409 | background-color: #efefef; | ||
| 525 | 410 | color: #DD4814; | ||
| 526 | 411 | margin: 0; | ||
| 527 | 412 | } | ||
| 528 | 413 | |||
| 529 | 414 | .main-content { | ||
| 530 | 415 | clear: both; | ||
| 531 | 416 | float: left; | ||
| 532 | 417 | margin: 5px 10px; | ||
| 533 | 418 | padding: 10px; | ||
| 534 | 419 | width: 920px; | ||
| 535 | 420 | } | ||
| 536 | 421 | |||
| 537 | 422 | .minor-content { | ||
| 538 | 423 | float: left; | ||
| 539 | 424 | margin: 5px 10px; | ||
| 540 | 425 | padding: 10px; | ||
| 541 | 426 | width: 440px; | ||
| 542 | 427 | } | ||
| 543 | 428 | |||
| 544 | 429 | .side-content { | ||
| 545 | 430 | float: left; | ||
| 546 | 431 | margin: 5px 10px; | ||
| 547 | 432 | padding: 10px; | ||
| 548 | 433 | width: 280px; | ||
| 549 | 434 | } | ||
| 550 | 435 | |||
| 551 | 436 | .sub-content { | ||
| 552 | 437 | float: left; | ||
| 553 | 438 | margin: 5px 10px; | ||
| 554 | 439 | padding: 10px; | ||
| 555 | 440 | width: 120px; | ||
| 556 | 441 | } | ||
| 557 | 442 | |||
| 558 | 443 | p { | ||
| 559 | 444 | padding: 5px 0px 10px | ||
| 560 | 445 | } | ||
| 561 | 446 | |||
| 562 | 447 | .divide { | ||
| 563 | 448 | border: 0px solid; | ||
| 564 | 449 | clear: both; | ||
| 565 | 450 | font-size: 0px; | ||
| 566 | 451 | height: 1px; | ||
| 567 | 452 | margin: -1px 0px 0px; | ||
| 568 | 453 | } | ||
| 569 | 454 | |||
| 570 | 455 | .divide-showcase { | ||
| 571 | 456 | border: 0px solid; | ||
| 572 | 457 | clear: both; | ||
| 573 | 458 | font-size: 0px; | ||
| 574 | 459 | height: 1px; | ||
| 575 | 460 | margin: -1px 0px 25px; | ||
| 576 | 461 | } | ||
| 577 | 462 | |||
| 578 | 463 | #blog-posts { | ||
| 579 | 464 | float: left; | ||
| 580 | 465 | margin: 5px 10px; | ||
| 581 | 466 | padding: 10px; | ||
| 582 | 467 | width: 600px; | ||
| 583 | 468 | } | ||
| 584 | 469 | |||
| 585 | 470 | .blog-post { | ||
| 586 | 471 | clear: both; | ||
| 587 | 472 | margin-bottom: 10px; | ||
| 588 | 473 | padding-bottom: 10px; | ||
| 589 | 474 | } | ||
| 590 | 475 | |||
| 591 | 476 | .post-figure { | ||
| 592 | 477 | float: right; | ||
| 593 | 478 | margin: 10px 0px 10px 10px; | ||
| 594 | 479 | padding: 0px; | ||
| 595 | 480 | position: relative; | ||
| 596 | 481 | width: 260px; | ||
| 597 | 482 | } | ||
| 598 | 483 | |||
| 599 | 484 | .post-img { | ||
| 600 | 485 | display: block; | ||
| 601 | 486 | margin: 0px; | ||
| 602 | 487 | padding: 0px; | ||
| 603 | 488 | position: relative; | ||
| 604 | 489 | width: 260px; | ||
| 605 | 490 | } | ||
| 606 | 491 | |||
| 607 | 492 | .post-img-caption { | ||
| 608 | 493 | position: absolute; | ||
| 609 | 494 | bottom: 0px; | ||
| 610 | 495 | left: 0px; | ||
| 611 | 496 | padding: 10px; | ||
| 612 | 497 | width: 240px; | ||
| 613 | 498 | } | ||
| 614 | 499 | |||
| 615 | 500 | .comments-count { | ||
| 616 | 501 | clear: both; | ||
| 617 | 502 | display: block; | ||
| 618 | 503 | font-style: italic; | ||
| 619 | 504 | color: #999; | ||
| 620 | 505 | text-align: right; | ||
| 621 | 506 | } | ||
| 622 | 507 | |||
| 623 | 508 | #blog-aside { | ||
| 624 | 509 | float: left; | ||
| 625 | 510 | margin: 5px 10px; | ||
| 626 | 511 | padding: 0px; | ||
| 627 | 512 | width: 300px; | ||
| 628 | 513 | } | ||
| 629 | 514 | |||
| 630 | 515 | .widgets-aside { | ||
| 631 | 516 | float: left; | ||
| 632 | 517 | margin: 5px 0px 15px; | ||
| 633 | 518 | padding: 10px; | ||
| 634 | 519 | width: 280px; | ||
| 635 | 520 | } | ||
| 636 | 521 | |||
| 637 | 522 | .widgets-aside /* progressive */ { | ||
| 638 | 523 | -webkit-border-radius: 8px; | ||
| 639 | 524 | -moz-border-radius: 8px; | ||
| 640 | 525 | -moz-box-shadow: 0px 1px 1px #dfdfdf; | ||
| 641 | 526 | -webkit-box-shadow: 0px 1px 1px #ccc; | ||
| 642 | 527 | } | ||
| 643 | 528 | |||
| 644 | 529 | .pagination { | ||
| 645 | 530 | clear: both; | ||
| 646 | 531 | text-align: center; | ||
| 647 | 532 | } | ||
| 648 | 533 | |||
| 649 | 534 | .footer-content { | ||
| 650 | 535 | float: left; | ||
| 651 | 536 | margin: 5px 10px; | ||
| 652 | 537 | padding: 10px; | ||
| 653 | 538 | width: 120px; | ||
| 654 | 539 | } | ||
| 655 | 540 | |||
| 656 | 541 | .footer-content dd { | ||
| 657 | 542 | margin-bottom: 15px | ||
| 658 | 543 | } | ||
| 659 | 544 | |||
| 660 | 545 | .foot-note { | ||
| 661 | 546 | clear: both; | ||
| 662 | 547 | margin: 15px 10px 0px; | ||
| 663 | 548 | padding: 10px; | ||
| 664 | 549 | width: 920px; | ||
| 665 | 550 | } | ||
| 666 | 551 | |||
| 667 | 552 | .plugin { | ||
| 668 | 553 | margin: 0 -10px; | ||
| 669 | 554 | padding: 0px; | ||
| 670 | 555 | width: 980px; | ||
| 671 | 556 | } | ||
| 672 | 153 | 557 | ||
| 673 | 154 | /*- Decoration | 558 | /*- Decoration |
| 674 | 155 | -------------------------------------------------------------------------------------------------------- */ | 559 | -------------------------------------------------------------------------------------------------------- */ |
| 675 | 156 | 560 | ||
| 811 | 157 | body { background:url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; } | 561 | body { |
| 812 | 158 | #page-header { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; height:70px; } | 562 | background: url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; |
| 813 | 159 | #page-header .container { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; } | 563 | color: #333333; |
| 814 | 160 | #top-logo { color:#fff; line-height:1.5em; text-align:right; } | 564 | } |
| 815 | 161 | #the-logo { padding-left:4px; } | 565 | |
| 816 | 162 | #loco { clear:both; display:block; float:right; color:#fff} | 566 | #page-header { |
| 817 | 163 | 567 | background: url("../images/header.png") repeat-x scroll 0 0 #DD4814; | |
| 818 | 164 | 568 | height: 70px; | |
| 819 | 165 | #main-nav { border-left: 1px solid #EF7149; z-index:10;} | 569 | } |
| 820 | 166 | .main-nav-item, | 570 | |
| 821 | 167 | .main-nav-item:visited { border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; display: block; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; } | 571 | #page-header .container { |
| 822 | 168 | .main-nav-item.current, | 572 | background: url("../images/header.png") repeat-x scroll 0 0 #DD4814 |
| 823 | 169 | .main-nav-item:hover, | 573 | } |
| 824 | 170 | .main-nav-item:active, | 574 | |
| 825 | 171 | .main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; } | 575 | #top-logo { |
| 826 | 172 | 576 | color: #fff; | |
| 827 | 173 | #page-related { background-color:#FFFFFF;} | 577 | line-height: 1.5em; |
| 828 | 174 | #sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} | 578 | text-align: right; |
| 829 | 175 | #sub-nav-container /* progressive */ { -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-box-shadow: 0px 1px 1px #ccc; -moz-box-shadow:0 1px 1px #DFDFDF;} | 579 | } |
| 830 | 176 | 580 | ||
| 831 | 177 | .sub-nav-item, | 581 | #the-logo { |
| 832 | 178 | .sub-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0px; padding: 0 15px; } | 582 | padding-left: 4px |
| 833 | 179 | .sub-nav-item.current, | 583 | } |
| 834 | 180 | .sub-nav-item:hover, | 584 | |
| 835 | 181 | .sub-nav-item:active, | 585 | #loco { |
| 836 | 182 | .sub-nav-item:focus { background-color:#efefef; color:#DD4814; } | 586 | clear: both; |
| 837 | 183 | 587 | display: block; | |
| 838 | 184 | #pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; } | 588 | float: right; |
| 839 | 185 | .login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; } | 589 | color: #fff; |
| 840 | 186 | #username, | 590 | } |
| 841 | 187 | #password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; } | 591 | |
| 842 | 188 | #login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 7px ; padding:2px;} | 592 | #main-nav { |
| 843 | 189 | #login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} | 593 | border-left: 1px solid #EF7149; |
| 844 | 190 | #join, | 594 | z-index: 10; |
| 845 | 191 | #join:visited { color:#333; } | 595 | } |
| 846 | 192 | #join:hover, | 596 | |
| 847 | 193 | #join:active, | 597 | #page-related { |
| 848 | 194 | #join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 598 | background-color: #FFFFFF |
| 849 | 195 | 599 | } | |
| 850 | 196 | FORM.search_form INPUT, #searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:180px; } | 600 | |
| 851 | 197 | FORM.search_form INPUT, #searchbox:focus { background-color:#f7f7f7; border: 1px solid #DD4814; } | 601 | #sub-nav-container { |
| 852 | 198 | #go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;} | 602 | background-color: #F7F7F7; |
| 853 | 199 | #go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} | 603 | border-bottom-left-radius: 8px; |
| 854 | 200 | #more-search, | 604 | border-bottom-right-radius: 8px; |
| 855 | 201 | #more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:1px 3px; } | 605 | } |
| 856 | 202 | #more-search:hover, | 606 | |
| 857 | 203 | #more-search:active, | 607 | #pop-up-text { |
| 858 | 204 | #more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; } | 608 | font-weight: bold; |
| 859 | 205 | 609 | line-height: 20px; | |
| 860 | 206 | 610 | padding: 0px 5px; | |
| 861 | 207 | .showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;} | 611 | } |
| 862 | 208 | #showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; height:40px; } | 612 | |
| 863 | 209 | #showcase-nav /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc;} | 613 | .login-label { |
| 864 | 210 | .showcase-nav-item, | 614 | height: 16px; |
| 865 | 211 | .showcase-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0 1px; padding: 0 15px; } | 615 | margin: 7px 0px 7px 9px; |
| 866 | 212 | .showcase-nav-item:hover, | 616 | padding: 3px; |
| 867 | 213 | .showcase-nav-item:active, | 617 | } |
| 868 | 214 | .showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; } | 618 | |
| 869 | 215 | 619 | #username, #password { | |
| 870 | 216 | 620 | background-color: #f0f0f0; | |
| 871 | 217 | 621 | border: 1px solid #CCCCCC; | |
| 872 | 218 | 622 | height: 16px; | |
| 873 | 219 | 623 | margin: 7px 0px 7px 9px; | |
| 874 | 220 | #main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;} | 624 | padding: 3px; |
| 875 | 221 | 625 | width: 110px; | |
| 876 | 222 | 626 | } | |
| 877 | 223 | .alone, | 627 | |
| 878 | 224 | .leading, | 628 | #login { |
| 879 | 225 | .aggregator { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; float:left;} | 629 | background-color: #f0f0f0; |
| 880 | 226 | .alone, | 630 | border: 1px solid #CCCCCC; |
| 881 | 227 | .leading, | 631 | height: 24px; |
| 882 | 228 | .aggregator /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; } | 632 | margin: 7px 9px 7px 7px; |
| 883 | 229 | 633 | padding: 2px; | |
| 884 | 230 | .aggregator { margin:5px 10px;} | 634 | } |
| 885 | 231 | .aggregator .first { margin-left:0px;} | 635 | |
| 886 | 232 | .aggregator .last { margin-right:0px;} | 636 | #login:hover { |
| 887 | 233 | 637 | background-color: #f7f7f7; | |
| 888 | 234 | 638 | border: 1px solid #DD4814; | |
| 889 | 235 | .post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; } | 639 | } |
| 890 | 236 | .post-meta { color:#999; font-size:0.85em; font-style:italic; } | 640 | |
| 891 | 237 | .post-title-link, | 641 | #join:hover, #join:active, #join:focus { |
| 892 | 238 | .post-title-link:visited { color:#333; } | 642 | color: #DD4814; |
| 893 | 239 | .post-title-link:hover, | 643 | text-shadow: 1px 1px 2px #999; |
| 894 | 240 | .post-title-link:active, | 644 | } |
| 895 | 241 | .post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 645 | |
| 896 | 242 | 646 | #join, #join:visited { | |
| 897 | 243 | .post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;} | 647 | color: #333 |
| 898 | 244 | .pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; } | 648 | } |
| 899 | 245 | .pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; } | 649 | |
| 900 | 246 | .pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;} | 650 | FORM.search_form INPUT, #searchbox { |
| 901 | 247 | .pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; } | 651 | background-color: #f0f0f0; |
| 902 | 248 | 652 | border: 1px solid #CCCCCC; | |
| 903 | 249 | .widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; } | 653 | height: 16px; |
| 904 | 250 | .widgets-aside /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; } | 654 | margin: 7px 0px 7px 9px; |
| 905 | 251 | .widget-links { list-style:none; } | 655 | padding: 3px; |
| 906 | 252 | .a-item { display:block; margin-top:3px; } | 656 | width: 180px; |
| 907 | 253 | .side-link, | 657 | } |
| 908 | 254 | .side-link:visited { color: #333333; display:block; padding-right:3px; } | 658 | |
| 909 | 255 | .side-link:hover, | 659 | FORM.search_form INPUT, #searchbox:focus { |
| 910 | 256 | .side-link:active, | 660 | background-color: #f7f7f7; |
| 911 | 257 | .side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; } | 661 | border: 1px solid #DD4814; |
| 912 | 258 | 662 | } | |
| 913 | 259 | 663 | ||
| 914 | 260 | #login-widget { text-align:center;} | 664 | #go-search { |
| 915 | 261 | 665 | background-color: #f0f0f0; | |
| 916 | 262 | 666 | border: 1px solid #CCCCCC; | |
| 917 | 263 | #page-footer { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; } | 667 | height: 24px; |
| 918 | 264 | #page-footer .container { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; } | 668 | margin: 7px 9px 7px 0px; |
| 919 | 265 | #page-footer .container div.copyright { | 669 | padding: 2px; |
| 920 | 266 | font-size: 10px; | 670 | } |
| 921 | 267 | line-height: 14px; | 671 | |
| 922 | 268 | color: #aea79f; | 672 | #go-search:hover { |
| 923 | 269 | } | 673 | background-color: #f7f7f7; |
| 924 | 270 | .footer-content dd { margin-bottom:15px;} | 674 | border: 1px solid #DD4814; |
| 925 | 271 | .footer-links { list-style:none; } | 675 | } |
| 926 | 272 | .footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; } | 676 | |
| 927 | 273 | .foot-note { color:#999; font-style:italic;} | 677 | #more-search:hover, #more-search:active, #more-search:focus { |
| 928 | 274 | 678 | background-color: #f7f7f7; | |
| 929 | 275 | .footer-link, | 679 | border: 1px solid #DD4814; |
| 930 | 276 | .footer-link:visited { color: #333333;} | 680 | color: #DD4814; |
| 931 | 277 | .footer-link:hover, | 681 | text-shadow: 1px 1px 2px #999; |
| 932 | 278 | .footer-link:active, | 682 | } |
| 933 | 279 | .footer-link:focus { color:#DD4814; text-decoration:underline; } | 683 | |
| 934 | 280 | 684 | #more-search, #more-search:visited { | |
| 935 | 281 | .footer-link-main, | 685 | background-color: #f0f0f0; |
| 936 | 282 | .footer-link-main:visited { } | 686 | border: 1px solid #CCCCCC; |
| 937 | 283 | .footer-link-main:hover, | 687 | color: #333; |
| 938 | 284 | .footer-link-main:active, | 688 | height: 16px; |
| 939 | 285 | .footer-link-main:focus { color:#DD4814; text-decoration:underline; } | 689 | margin: 7px 7px 7px 0px; |
| 940 | 286 | 690 | padding: 1px 3px; | |
| 941 | 287 | 691 | } | |
| 942 | 288 | 692 | ||
| 943 | 289 | 693 | .showcase-caption { | |
| 944 | 290 | 694 | background-color: #000; | |
| 945 | 291 | 695 | background-color: rgba(0,0,0,0.4); | |
| 946 | 696 | color: #fff; | ||
| 947 | 697 | } | ||
| 948 | 698 | |||
| 949 | 699 | #showcase-nav { | ||
| 950 | 700 | background-color: #f7f7f7; | ||
| 951 | 701 | border-radius: 8px; | ||
| 952 | 702 | box-shadow: 0px 1px 1px #dfdfdf; | ||
| 953 | 703 | height: 40px; | ||
| 954 | 704 | } | ||
| 955 | 705 | |||
| 956 | 706 | #main-section .container { | ||
| 957 | 707 | background-color: #fff; | ||
| 958 | 708 | background-image: none; | ||
| 959 | 709 | padding: 0px 10px 10px; | ||
| 960 | 710 | position: relative; | ||
| 961 | 711 | width: 960px; | ||
| 962 | 712 | } | ||
| 963 | 713 | |||
| 964 | 714 | .alone, .leading, .aggregator { | ||
| 965 | 715 | background-color: #f7f7f7; | ||
| 966 | 716 | border-radius: 8px; | ||
| 967 | 717 | box-shadow: 0px 1px 1px #dfdfdf; | ||
| 968 | 718 | float: left; | ||
| 969 | 719 | } | ||
| 970 | 720 | |||
| 971 | 721 | .alone, .leading, .aggregator /* progressive */ { | ||
| 972 | 722 | -webkit-border-radius: 8px; | ||
| 973 | 723 | -moz-border-radius: 8px; | ||
| 974 | 724 | -moz-box-shadow: 0px 1px 1px #dfdfdf; | ||
| 975 | 725 | -webkit-box-shadow: 0px 1px 1px #ccc; | ||
| 976 | 726 | } | ||
| 977 | 727 | |||
| 978 | 728 | .aggregator .first { | ||
| 979 | 729 | margin-left: 0px | ||
| 980 | 730 | } | ||
| 981 | 731 | |||
| 982 | 732 | .aggregator .last { | ||
| 983 | 733 | margin-right: 0px | ||
| 984 | 734 | } | ||
| 985 | 735 | |||
| 986 | 736 | .aggregator { | ||
| 987 | 737 | margin: 5px 10px | ||
| 988 | 738 | } | ||
| 989 | 739 | |||
| 990 | 740 | .post-header { | ||
| 991 | 741 | border-bottom: 1px dotted #333333; | ||
| 992 | 742 | margin-bottom: 10px; | ||
| 993 | 743 | padding-bottom: 5px; | ||
| 994 | 744 | } | ||
| 995 | 745 | |||
| 996 | 746 | .post-meta { | ||
| 997 | 747 | color: #999; | ||
| 998 | 748 | font-size: 0.85em; | ||
| 999 | 749 | font-style: italic; | ||
| 1000 | 750 | } | ||
| 1001 | 751 | |||
| 1002 | 752 | .post-title-link:hover, .post-title-link:active, .post-title-link:focus { | ||
| 1003 | 753 | color: #DD4814; | ||
| 1004 | 754 | text-shadow: 1px 1px 2px #999; | ||
| 1005 | 755 | } | ||
| 1006 | 756 | |||
| 1007 | 757 | .post-title-link, .post-title-link:visited { | ||
| 1008 | 758 | color: #333 | ||
| 1009 | 759 | } | ||
| 1010 | 760 | |||
| 1011 | 761 | .post-img-caption { | ||
| 1012 | 762 | background-color: #000; | ||
| 1013 | 763 | background-color: rgba(0,0,0,0.4); | ||
| 1014 | 764 | color: #fff; | ||
| 1015 | 765 | } | ||
| 1016 | 766 | |||
| 1017 | 767 | .pagination { | ||
| 1018 | 768 | border-top: 1px solid #333; | ||
| 1019 | 769 | color: #fff; | ||
| 1020 | 770 | margin-top: 15px; | ||
| 1021 | 771 | padding-top: 15px; | ||
| 1022 | 772 | } | ||
| 1023 | 773 | |||
| 1024 | 774 | .pagination-item { | ||
| 1025 | 775 | border-bottom: 1px solid #333; | ||
| 1026 | 776 | color: #333; | ||
| 1027 | 777 | margin-right: 5px; | ||
| 1028 | 778 | padding: 2px 6px; | ||
| 1029 | 779 | } | ||
| 1030 | 780 | |||
| 1031 | 781 | .pagination-item:hover { | ||
| 1032 | 782 | border-bottom: 1px solid #DD4814; | ||
| 1033 | 783 | background-color: #f7f7f7; | ||
| 1034 | 784 | color: #DD4814; | ||
| 1035 | 785 | } | ||
| 1036 | 786 | |||
| 1037 | 787 | .pagination-item.current { | ||
| 1038 | 788 | background-color: #f7f7f7; | ||
| 1039 | 789 | border-bottom: 1px solid #333; | ||
| 1040 | 790 | color: #333; | ||
| 1041 | 791 | font-weight: bold; | ||
| 1042 | 792 | } | ||
| 1043 | 793 | |||
| 1044 | 794 | .widgets-aside { | ||
| 1045 | 795 | background-color: #f7f7f7; | ||
| 1046 | 796 | border-radius: 8px; | ||
| 1047 | 797 | box-shadow: 0px 1px 1px #dfdfdf; | ||
| 1048 | 798 | } | ||
| 1049 | 799 | |||
| 1050 | 800 | .widget-links { | ||
| 1051 | 801 | list-style: none | ||
| 1052 | 802 | } | ||
| 1053 | 803 | |||
| 1054 | 804 | .a-item { | ||
| 1055 | 805 | display: block; | ||
| 1056 | 806 | margin-top: 3px; | ||
| 1057 | 807 | } | ||
| 1058 | 808 | |||
| 1059 | 809 | .side-link:hover, .side-link:active, .side-link:focus { | ||
| 1060 | 810 | background-color: #fff; | ||
| 1061 | 811 | border-right: 3px solid #DD4814; | ||
| 1062 | 812 | color: #DD4814; | ||
| 1063 | 813 | text-decoration: none; | ||
| 1064 | 814 | } | ||
| 1065 | 815 | |||
| 1066 | 816 | .side-link, .side-link:visited { | ||
| 1067 | 817 | color: #333333; | ||
| 1068 | 818 | display: block; | ||
| 1069 | 819 | padding-right: 3px; | ||
| 1070 | 820 | } | ||
| 1071 | 821 | |||
| 1072 | 822 | #login-widget { | ||
| 1073 | 823 | text-align: center | ||
| 1074 | 824 | } | ||
| 1075 | 825 | |||
| 1076 | 826 | #page-footer { | ||
| 1077 | 827 | background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA | ||
| 1078 | 828 | } | ||
| 1079 | 829 | |||
| 1080 | 830 | #page-footer .container { | ||
| 1081 | 831 | background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; | ||
| 1082 | 832 | padding: 0px 10px; | ||
| 1083 | 833 | width: 960px; | ||
| 1084 | 834 | } | ||
| 1085 | 835 | |||
| 1086 | 836 | #page-footer .container div.copyright { | ||
| 1087 | 837 | font-size: 10px; | ||
| 1088 | 838 | line-height: 14px; | ||
| 1089 | 839 | color: #aea79f; | ||
| 1090 | 840 | } | ||
| 1091 | 841 | |||
| 1092 | 842 | .footer-links { | ||
| 1093 | 843 | list-style: none | ||
| 1094 | 844 | } | ||
| 1095 | 845 | |||
| 1096 | 846 | .footer-item { | ||
| 1097 | 847 | border-bottom: 1px dotted #333; | ||
| 1098 | 848 | display: block; | ||
| 1099 | 849 | margin-top: 3px; | ||
| 1100 | 850 | } | ||
| 1101 | 851 | |||
| 1102 | 852 | .foot-note { | ||
| 1103 | 853 | color: #999; | ||
| 1104 | 854 | font-style: italic; | ||
| 1105 | 855 | } | ||
| 1106 | 856 | |||
| 1107 | 857 | .footer-link:hover, .footer-link:active, .footer-link:focus { | ||
| 1108 | 858 | color: #DD4814; | ||
| 1109 | 859 | text-decoration: underline; | ||
| 1110 | 860 | } | ||
| 1111 | 861 | |||
| 1112 | 862 | .footer-link, .footer-link:visited { | ||
| 1113 | 863 | color: #333333 | ||
| 1114 | 864 | } | ||
| 1115 | 865 | |||
| 1116 | 866 | .footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus { | ||
| 1117 | 867 | color: #DD4814; | ||
| 1118 | 868 | text-decoration: underline; | ||
| 1119 | 869 | } | ||
| 1120 | 870 | |||
| 1121 | 871 | .footer-link-main, .footer-link-main:visited { | ||
| 1122 | 872 | |||
| 1123 | 873 | } | ||
| 1124 | 292 | 874 | ||
| 1125 | 293 | /*- Forum Decoration [Demo] | 875 | /*- Forum Decoration [Demo] |
| 1126 | 294 | -------------------------------------------------------------------------------------------------------- */ | 876 | -------------------------------------------------------------------------------------------------------- */ |
| 1127 | 295 | 877 | ||
| 1162 | 296 | .forum-title { background-color:#efefef; margin:10px 0px; padding:20px;} | 878 | .forum-title { |
| 1163 | 297 | 879 | background-color: #efefef; | |
| 1164 | 298 | .forum-item { border-top:1px dotted #999; } | 880 | margin: 10px 0px; |
| 1165 | 299 | .cat-title, | 881 | padding: 20px; |
| 1166 | 300 | .sub-sections { font-size:0.75em; /* 16x0.75 =12 */ } | 882 | } |
| 1167 | 301 | 883 | ||
| 1168 | 302 | .latest, | 884 | .forum-item { |
| 1169 | 303 | .post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; } | 885 | border-top: 1px dotted #999 |
| 1170 | 304 | 886 | } | |
| 1171 | 305 | 887 | ||
| 1172 | 306 | .cat-title, | 888 | .cat-title, .sub-sections { |
| 1173 | 307 | .post-count, | 889 | font-size: 0.75em; |
| 1174 | 308 | .latest { padding:10px; vertical-align:middle; } | 890 | /* 16x0.75 =12 */ |
| 1175 | 309 | 891 | } | |
| 1176 | 310 | 892 | ||
| 1177 | 311 | .forum-title-link, | 893 | .latest, .post-count { |
| 1178 | 312 | .forum-title-link:visited { color:#333; } | 894 | font-size: 0.75em; |
| 1179 | 313 | .forum-title-link:hover, | 895 | /* 16x0.75 =12 */ line-height: 1.2em; |
| 1180 | 314 | .forum-title-link:active, | 896 | } |
| 1181 | 315 | .forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 897 | |
| 1182 | 316 | 898 | .cat-title, .post-count, .latest { | |
| 1183 | 317 | .status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; } | 899 | padding: 10px; |
| 1184 | 318 | .latest { width:180px; } | 900 | vertical-align: middle; |
| 1185 | 319 | .post-count { width:120px; } | 901 | } |
| 1186 | 320 | .sub-sections { background-color:#efefef; padding:5px 10px 10px; } | 902 | |
| 1187 | 321 | .post-count { background-color:#efefef; } | 903 | .forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus { |
| 1188 | 322 | 904 | color: #DD4814; | |
| 1189 | 323 | .count { display:block; font-style:italic; } | 905 | text-shadow: 1px 1px 2px #999; |
| 1190 | 324 | 906 | } | |
| 1191 | 325 | 907 | ||
| 1192 | 326 | 908 | .forum-title-link, .forum-title-link:visited { | |
| 1193 | 327 | 909 | color: #333 | |
| 1194 | 328 | 910 | } | |
| 1195 | 329 | 911 | ||
| 1196 | 912 | .status { | ||
| 1197 | 913 | background-color: #efefef; | ||
| 1198 | 914 | padding: 10px 5px; | ||
| 1199 | 915 | vertical-align: middle; | ||
| 1200 | 916 | width: 30px; | ||
| 1201 | 917 | } | ||
| 1202 | 918 | |||
| 1203 | 919 | .latest { | ||
| 1204 | 920 | width: 180px | ||
| 1205 | 921 | } | ||
| 1206 | 922 | |||
| 1207 | 923 | .post-count { | ||
| 1208 | 924 | width: 120px | ||
| 1209 | 925 | } | ||
| 1210 | 926 | |||
| 1211 | 927 | .sub-sections { | ||
| 1212 | 928 | background-color: #efefef; | ||
| 1213 | 929 | padding: 5px 10px 10px; | ||
| 1214 | 930 | } | ||
| 1215 | 931 | |||
| 1216 | 932 | .post-count { | ||
| 1217 | 933 | background-color: #efefef | ||
| 1218 | 934 | } | ||
| 1219 | 935 | |||
| 1220 | 936 | .count { | ||
| 1221 | 937 | display: block; | ||
| 1222 | 938 | font-style: italic; | ||
| 1223 | 939 | } | ||
| 1224 | 330 | 940 | ||
| 1225 | 331 | /* KuZeKo web@kuzeko.com | 941 | /* KuZeKo web@kuzeko.com |
| 1226 | 332 | -------------------------------------------------------------------------------------------------------- */ | 942 | -------------------------------------------------------------------------------------------------------- */ |
| 1227 | 333 | 943 | ||
| 1228 | === modified file 'media/css/django_extras.css' | |||
| 1229 | --- media/css/django_extras.css 2010-09-10 14:43:00 +0000 | |||
| 1230 | +++ media/css/django_extras.css 2010-09-30 16:29:42 +0000 | |||
| 1231 | @@ -1,29 +1,75 @@ | |||
| 1251 | 1 | /*- Form Decoration [Django] | 1 | /* - Form Decoration [Django] |
| 1252 | 2 | -------------------------------------------------------------------------------------------------------- */ | 2 | -------------------------------------------------------------------------------------------------------- |
| 1253 | 3 | 3 | */ | |
| 1254 | 4 | FORM TH, .form-item-label { font-size:0.75em; font-weight: bold; text-align: left; padding-right: 10px;} | 4 | |
| 1255 | 5 | FORM TD, .form-item-value { font-size:0.75em; font-weight: normal; text-align: left} | 5 | FORM TH, .form-item-label { |
| 1256 | 6 | FORM INPUT[type=text], .form-item-field { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:180px; } | 6 | font-size: 0.75em; |
| 1257 | 7 | FORM INPUT[type=text]:focus, .form-item-field:focus { background-color:#f7f7f7; border: 1px solid #DD4814; } | 7 | font-weight: bold; |
| 1258 | 8 | 8 | text-align: left; | |
| 1259 | 9 | 9 | padding-right: 10px; | |
| 1260 | 10 | /*- Data Table Decoration [Django] | 10 | } |
| 1261 | 11 | -------------------------------------------------------------------------------------------------------- */ | 11 | |
| 1262 | 12 | 12 | FORM TD, .form-item-value { | |
| 1263 | 13 | .odd, tr.odd { background-color: #F3F3F3; } | 13 | font-size: 0.75em; |
| 1264 | 14 | .even, tr.even { background-color: #FAFAFA; } | 14 | font-weight: normal; |
| 1265 | 15 | 15 | text-align: left; | |
| 1266 | 16 | TABLE.data_table { } | 16 | } |
| 1267 | 17 | TABLE.data_table TH { font-size: 0.75em; font-weight: bold; padding: 5px; text-align: center;} | 17 | |
| 1268 | 18 | TABLE.data_table TR { } | 18 | FORM INPUT[type=text], .form-item-field { |
| 1269 | 19 | TABLE.data_table TD { font-size: 0.75em; padding: 5px; vertical-align: top; } | 19 | background-color: #f0f0f0; |
| 1270 | 20 | border: 1px solid #CCCCCC; | ||
| 1271 | 21 | height: 16px; | ||
| 1272 | 22 | margin: 7px 0px 7px 9px; | ||
| 1273 | 23 | padding: 3px; | ||
| 1274 | 24 | width: 180px; | ||
| 1275 | 25 | } | ||
| 1276 | 26 | |||
| 1277 | 27 | FORM INPUT[type=text]:focus, .form-item-field:focus { | ||
| 1278 | 28 | background-color: #f7f7f7; | ||
| 1279 | 29 | border: 1px solid #DD4814; | ||
| 1280 | 30 | } | ||
| 1281 | 31 | |||
| 1282 | 32 | /* - Data Table Decoration [Django] | ||
| 1283 | 33 | -------------------------------------------------------------------------------------------------------- | ||
| 1284 | 34 | */ | ||
| 1285 | 35 | |||
| 1286 | 36 | .odd, tr.odd { | ||
| 1287 | 37 | background-color: #F3F3F3 | ||
| 1288 | 38 | } | ||
| 1289 | 39 | |||
| 1290 | 40 | .even, tr.even { | ||
| 1291 | 41 | background-color: #FAFAFA | ||
| 1292 | 42 | } | ||
| 1293 | 43 | |||
| 1294 | 44 | TABLE.data_table { | ||
| 1295 | 45 | |||
| 1296 | 46 | } | ||
| 1297 | 47 | |||
| 1298 | 48 | TABLE.data_table TH { | ||
| 1299 | 49 | font-size: 0.75em; | ||
| 1300 | 50 | font-weight: bold; | ||
| 1301 | 51 | padding: 5px; | ||
| 1302 | 52 | text-align: center; | ||
| 1303 | 53 | } | ||
| 1304 | 54 | |||
| 1305 | 55 | TABLE.data_table TR { | ||
| 1306 | 56 | |||
| 1307 | 57 | } | ||
| 1308 | 58 | |||
| 1309 | 59 | TABLE.data_table TD { | ||
| 1310 | 60 | font-size: 0.75em; | ||
| 1311 | 61 | padding: 5px; | ||
| 1312 | 62 | vertical-align: top; | ||
| 1313 | 63 | } | ||
| 1314 | 20 | 64 | ||
| 1315 | 21 | a { | 65 | a { |
| 1317 | 22 | color: #DD4814; | 66 | color: #DD4814 |
| 1318 | 23 | } | 67 | } |
| 1319 | 68 | |||
| 1320 | 24 | a:visited { | 69 | a:visited { |
| 1322 | 25 | color: #b12a10; | 70 | color: #b12a10 |
| 1323 | 26 | } | 71 | } |
| 1324 | 72 | |||
| 1325 | 27 | .resource { | 73 | .resource { |
| 1326 | 28 | width: 32px; | 74 | width: 32px; |
| 1327 | 29 | height: 32px; | 75 | height: 32px; |
| 1328 | @@ -32,30 +78,31 @@ | |||
| 1329 | 32 | margin-bottom: 3px; | 78 | margin-bottom: 3px; |
| 1330 | 33 | float: left; | 79 | float: left; |
| 1331 | 34 | border: 1px white solid; | 80 | border: 1px white solid; |
| 1333 | 35 | } | 81 | } |
| 1334 | 82 | |||
| 1335 | 36 | #main-content .resource:hover { | 83 | #main-content .resource:hover { |
| 1338 | 37 | border: 1px #eee solid; | 84 | border: 1px #eee solid |
| 1339 | 38 | } | 85 | } |
| 1340 | 39 | 86 | ||
| 1341 | 40 | #page-footer .container div.copyright { | 87 | #page-footer .container div.copyright { |
| 1345 | 41 | font-size:0.75em; | 88 | font-size: 0.75em; |
| 1346 | 42 | line-height:1.5em; | 89 | line-height: 1.5em; |
| 1347 | 43 | } | 90 | } |
| 1348 | 44 | 91 | ||
| 1349 | 45 | #page-footer .container div.loggedin { | 92 | #page-footer .container div.loggedin { |
| 1356 | 46 | font-size:0.75em; | 93 | font-size: 0.75em; |
| 1357 | 47 | line-height:1.5em; | 94 | line-height: 1.5em; |
| 1358 | 48 | float:left;width :45%; | 95 | float: left; |
| 1359 | 49 | margin-bottom:10px; | 96 | width : 45%; |
| 1360 | 50 | margin-top:5px; | 97 | margin-bottom: 10px; |
| 1361 | 51 | } | 98 | margin-top: 5px; |
| 1362 | 99 | } | ||
| 1363 | 52 | 100 | ||
| 1364 | 53 | #page-footer .container div.lang_switcher { | 101 | #page-footer .container div.lang_switcher { |
| 1373 | 54 | font-size:0.75em; | 102 | font-size: 0.75em; |
| 1374 | 55 | line-height:1.5em; | 103 | line-height: 1.5em; |
| 1375 | 56 | float:right; | 104 | float: right; |
| 1376 | 57 | width :55%; | 105 | width : 55%; |
| 1377 | 58 | margin-bottom:10px; | 106 | margin-bottom: 10px; |
| 1378 | 59 | margin-top:5px; | 107 | margin-top: 5px; |
| 1379 | 60 | } | 108 | } |
| 1372 | 61 | |||
| 1380 | 62 | 109 | ||
| 1381 | === modified file 'media/css/ie.css' | |||
| 1382 | --- media/css/ie.css 2010-09-28 21:33:05 +0000 | |||
| 1383 | +++ media/css/ie.css 2010-09-30 16:29:42 +0000 | |||
| 1384 | @@ -1,325 +1,928 @@ | |||
| 1433 | 1 | /*- LICENSE | 1 | /* - LICENSE |
| 1434 | 2 | -------------------------------------------------------------------------------------------------------- */ | 2 | -------------------------------------------------------------------------------------------------------- |
| 1435 | 3 | /* | 3 | */ |
| 1436 | 4 | Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com | 4 | |
| 1437 | 5 | 5 | /** | |
| 1438 | 6 | // Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ | 6 | * Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com |
| 1439 | 7 | // - Free for use in both personal and commercial projects | 7 | * |
| 1440 | 8 | // - Attribution requires leaving author name, author link, and the license info intact. | 8 | * Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ |
| 1441 | 9 | */ | 9 | * - Free for use in both personal and commercial projects |
| 1442 | 10 | 10 | * - Attribution requires leaving author name, author link, and the license info intact. | |
| 1443 | 11 | 11 | */ | |
| 1444 | 12 | /*- reset | 12 | |
| 1445 | 13 | -------------------------------------------------------------------------------------------------------- */ | 13 | /* - reset |
| 1446 | 14 | /* | 14 | --------------------------------------------------------------------------------------------------------*/ |
| 1447 | 15 | Reset derived and adapted from | 15 | |
| 1448 | 16 | html5doctor.com Reset Stylesheet | 16 | /** |
| 1449 | 17 | v1.4.1 | 17 | * Reset derived and adapted from |
| 1450 | 18 | 2010-03-01 | 18 | * html5doctor.com Reset Stylesheet |
| 1451 | 19 | Author: Richard Clark - http://richclarkdesign.com | 19 | * v1.4.1 |
| 1452 | 20 | */ | 20 | * 2010-03-01 |
| 1453 | 21 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, | 21 | * Author: Richard Clark - http://richclarkdesign.com |
| 1454 | 22 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, | 22 | */ |
| 1455 | 23 | sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, | 23 | |
| 1456 | 24 | tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, | 24 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { |
| 1457 | 25 | hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } | 25 | background: transparent; |
| 1458 | 26 | :focus /* remember to define focus styles! */ { outline: 0; } | 26 | border: 0; |
| 1459 | 27 | body { line-height:1; } | 27 | font-family: inherit; |
| 1460 | 28 | article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } | 28 | font-weight: inherit; |
| 1461 | 29 | ol, ul { list-style-position: inside; } | 29 | font-style: inherit; |
| 1462 | 30 | nav ul { list-style:none; } | 30 | font-size: 100%; |
| 1463 | 31 | blockquote, q { quotes:none; } | 31 | margin: 0; |
| 1464 | 32 | blockquote:before, blockquote:after, q:before, q:after { content:''; } | 32 | outline: 0; |
| 1465 | 33 | a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; color: #DD4814; vertical-align:baseline; background:transparent; text-decoration:none; } | 33 | padding: 0; |
| 1466 | 34 | ins { background-color:#ff9; color:#000; text-decoration:none; } | 34 | vertical-align: baseline; |
| 1467 | 35 | mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } | 35 | } |
| 1468 | 36 | del { text-decoration: line-through; } | 36 | |
| 1469 | 37 | abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } | 37 | blockquote:before, blockquote:after, q:before, q:after { |
| 1470 | 38 | table { border-collapse:collapse; border-spacing:0; } | 38 | content: '' |
| 1471 | 39 | hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } | 39 | } |
| 1472 | 40 | input, select { vertical-align:middle; } | 40 | |
| 1473 | 41 | textarea { overflow:auto;} | 41 | nav ul { |
| 1474 | 42 | /* ----------------------------------------------------------------------------------------------------- */ | 42 | list-style: none |
| 1475 | 43 | 43 | } | |
| 1476 | 44 | 44 | ||
| 1477 | 45 | /*- Typography | 45 | :focus /* remember to define focus styles! */ { |
| 1478 | 46 | -------------------------------------------------------------------------------------------------------- */ | 46 | outline: 0 |
| 1479 | 47 | 47 | } | |
| 1480 | 48 | body { font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; font-size:100%; line-height:1.5em;} | 48 | |
| 1481 | 49 | body { | ||
| 1482 | 50 | line-height: 1 | ||
| 1483 | 51 | } | ||
| 1484 | 52 | |||
| 1485 | 53 | article, aside, details, dialog, figure, footer, header, hgroup, nav, section { | ||
| 1486 | 54 | display: block | ||
| 1487 | 55 | } | ||
| 1488 | 56 | |||
| 1489 | 57 | ol, ul { | ||
| 1490 | 58 | list-style-position: inside | ||
| 1491 | 59 | } | ||
| 1492 | 60 | |||
| 1493 | 61 | blockquote, q { | ||
| 1494 | 62 | quotes: none | ||
| 1495 | 63 | } | ||
| 1496 | 64 | |||
| 1497 | 65 | a { | ||
| 1498 | 66 | cursor: pointer; | ||
| 1499 | 67 | margin: 0; | ||
| 1500 | 68 | padding: 0; | ||
| 1501 | 69 | border: 0; | ||
| 1502 | 70 | font-size: 100%; | ||
| 1503 | 71 | color: #DD4814; | ||
| 1504 | 72 | vertical-align: baseline; | ||
| 1505 | 73 | background: transparent; | ||
| 1506 | 74 | text-decoration: none; | ||
| 1507 | 75 | } | ||
| 1508 | 76 | |||
| 1509 | 77 | ins { | ||
| 1510 | 78 | background-color: #ff9; | ||
| 1511 | 79 | color: #000; | ||
| 1512 | 80 | text-decoration: none; | ||
| 1513 | 81 | } | ||
| 1514 | 82 | |||
| 1515 | 83 | mark { | ||
| 1516 | 84 | background-color: #ff9; | ||
| 1517 | 85 | color: #000; | ||
| 1518 | 86 | font-style: italic; | ||
| 1519 | 87 | font-weight: bold; | ||
| 1520 | 88 | } | ||
| 1521 | 89 | |||
| 1522 | 90 | del { | ||
| 1523 | 91 | text-decoration: line-through | ||
| 1524 | 92 | } | ||
| 1525 | 93 | |||
| 1526 | 94 | abbr[title], dfn[title] { | ||
| 1527 | 95 | border-bottom: 1px dotted #000; | ||
| 1528 | 96 | cursor: help; | ||
| 1529 | 97 | } | ||
| 1530 | 98 | |||
| 1531 | 99 | table { | ||
| 1532 | 100 | border-collapse: collapse; | ||
| 1533 | 101 | border-spacing: 0; | ||
| 1534 | 102 | } | ||
| 1535 | 103 | |||
| 1536 | 104 | hr { | ||
| 1537 | 105 | display: block; | ||
| 1538 | 106 | height: 1px; | ||
| 1539 | 107 | border: 0; | ||
| 1540 | 108 | border-top: 1px solid #cccccc; | ||
| 1541 | 109 | margin: 1em 0; | ||
| 1542 | 110 | padding: 0; | ||
| 1543 | 111 | } | ||
| 1544 | 112 | |||
| 1545 | 113 | input, select { | ||
| 1546 | 114 | vertical-align: middle | ||
| 1547 | 115 | } | ||
| 1548 | 116 | |||
| 1549 | 117 | textarea { | ||
| 1550 | 118 | overflow: auto | ||
| 1551 | 119 | } | ||
| 1552 | 120 | |||
| 1553 | 121 | /* ----------------------------------------------------------------------------------------------------- | ||
| 1554 | 122 | ================================================== */ | ||
| 1555 | 123 | |||
| 1556 | 124 | /* - Typography | ||
| 1557 | 125 | -------------------------------------------------------------------------------------------------------- | ||
| 1558 | 126 | ================================================== */ | ||
| 1559 | 127 | |||
| 1560 | 128 | body { | ||
| 1561 | 129 | font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; | ||
| 1562 | 130 | font-size: 100%; | ||
| 1563 | 131 | line-height: 1.5em; | ||
| 1564 | 132 | } | ||
| 1565 | 133 | |||
| 1566 | 49 | h1, h2, h3 { | 134 | h1, h2, h3 { |
| 1568 | 50 | color: #333333; | 135 | color: #333333; |
| 1569 | 51 | font-weight: normal; | 136 | font-weight: normal; |
| 1571 | 52 | margin: 0px; | 137 | margin: 0px; |
| 1572 | 53 | } | 138 | } |
| 1573 | 54 | 139 | ||
| 1574 | 55 | h1 { | 140 | h1 { |
| 1579 | 56 | font-size: 36px; | 141 | font-size: 36px; |
| 1580 | 57 | line-height: 40px; | 142 | line-height: 40px; |
| 1581 | 58 | 143 | margin-top: 0px; | |
| 1578 | 59 | margin-top: 0px; | ||
| 1582 | 60 | margin-bottom: 0px; | 144 | margin-bottom: 0px; |
| 1583 | 61 | |||
| 1584 | 62 | } | 145 | } |
| 1585 | 63 | 146 | ||
| 1586 | 64 | h2 { | 147 | h2 { |
| 1591 | 65 | font-size: 24px; | 148 | font-size: 24px; |
| 1592 | 66 | line-height: 28px; | 149 | line-height: 28px; |
| 1593 | 67 | font-weight: normal; | 150 | font-weight: normal; |
| 1594 | 68 | margin-top: 16px; | 151 | margin-top: 16px; |
| 1595 | 69 | margin-bottom: 8px; | 152 | margin-bottom: 8px; |
| 1596 | 70 | } | 153 | } |
| 1597 | 71 | 154 | ||
| 1598 | 72 | h3 { | 155 | h3 { |
| 1603 | 73 | font-size: 16px; | 156 | font-size: 16px; |
| 1604 | 74 | line-height: 20px; | 157 | line-height: 20px; |
| 1605 | 75 | font-weight: normal; | 158 | font-weight: normal; |
| 1606 | 76 | margin-top: 16px; | 159 | margin-top: 16px; |
| 1607 | 77 | margin-bottom: 8px; | 160 | margin-bottom: 8px; |
| 1608 | 78 | } | 161 | } |
| 1609 | 79 | 162 | ||
| 1610 | 80 | p { | 163 | p { |
| 1853 | 81 | font-size: 12px; | 164 | font-size: 12px; |
| 1854 | 82 | line-height: 16px; | 165 | line-height: 16px; |
| 1855 | 83 | } | 166 | } |
| 1856 | 84 | 167 | ||
| 1857 | 85 | dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } | 168 | dt { |
| 1858 | 86 | li { font-size: 12px; line-height: 16px; } | 169 | font-size: 0.75em; |
| 1859 | 87 | strong { font-weight:bold;} | 170 | font-weight: bold; |
| 1860 | 88 | em { font-style:italic; } | 171 | /* 16x0.75 =12 */ |
| 1861 | 89 | #top-logo { font-size:0.875em; /* 16x0.75 =12 */} | 172 | } |
| 1862 | 90 | #main-nav { font-size:0.875em; /* 16x0.875=14 */} | 173 | |
| 1863 | 91 | #sub-nav { font-size:0.75em; /* 16x0.75 =12 */} | 174 | li { |
| 1864 | 92 | .showcase-text { font-size:0.875em; /* 16x0.875=14 */ } | 175 | font-size: 12px; |
| 1865 | 93 | /*footer { font-size:0.625em; /* 16x0.625=10 */ /* } */ | 176 | line-height: 16px; |
| 1866 | 94 | 177 | } | |
| 1867 | 95 | /*- Layout | 178 | |
| 1868 | 96 | -------------------------------------------------------------------------------------------------------- */ | 179 | strong { |
| 1869 | 97 | 180 | font-weight: bold | |
| 1870 | 98 | .container { clear:both; margin:0 auto; padding:0; position:relative; width:980px; } | 181 | } |
| 1871 | 99 | 182 | ||
| 1872 | 100 | #main-nav { float:left; width:620px; } | 183 | em { |
| 1873 | 101 | .main-nav-item { margin:5px 10px; padding:10px; } | 184 | font-style: italic |
| 1874 | 102 | 185 | } | |
| 1875 | 103 | #top-logo { float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px;; width:280px; } | 186 | |
| 1876 | 104 | #the-logo { float:right; } | 187 | #top-logo { |
| 1877 | 105 | 188 | font-size: 0.875em; | |
| 1878 | 106 | 189 | /* 16x0.75 =12 */ | |
| 1879 | 107 | 190 | } | |
| 1880 | 108 | 191 | ||
| 1881 | 109 | #page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; } | 192 | #main-nav { |
| 1882 | 110 | 193 | font-size: 0.875em; | |
| 1883 | 111 | #sub-nav-container { height:40px; margin:0 10px; width:940px; } | 194 | /* 16x0.875=14 */ |
| 1884 | 112 | #sub-nav { float:left; padding:0px 10px;} | 195 | } |
| 1885 | 113 | 196 | ||
| 1886 | 114 | .sub-nav-item { margin:5px 10px; padding-right:10px;} | 197 | #sub-nav { |
| 1887 | 115 | #pop-up-container { float:left; padding:10px; } | 198 | font-size: 0.75em; |
| 1888 | 116 | #pop-up-text { float:left; } | 199 | /* 16x0.75 =12 */ |
| 1889 | 117 | #login-container { float:left; width:620px;} | 200 | } |
| 1890 | 118 | 201 | ||
| 1891 | 119 | 202 | .showcase-text { | |
| 1892 | 120 | #searchbox-container { float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:300px;} | 203 | font-size: 0.875em; |
| 1893 | 121 | .showcase-item { float:left; margin:5px 10px; padding:10px; width:280px;} | 204 | /* 16x0.875=14 */ |
| 1894 | 122 | .showcase-heading { margin:5px 0px 10px; width:280px;} | 205 | } |
| 1895 | 123 | .showcase-subheading { margin:5px 0px 10px; width:280px;} | 206 | |
| 1896 | 124 | .showcase-text { margin:5px 0px 10px; width:280px;} | 207 | /* footer { font-size:0.625em; /* 16x0.625=10 */ |
| 1897 | 125 | .showcase-figure { float:left; margin:5px 10px; padding:10px; position:relative; width:600px;} | 208 | |
| 1898 | 126 | .showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;} | 209 | /* } |
| 1899 | 127 | .showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;} | 210 | ================================================== */ |
| 1900 | 128 | 211 | ||
| 1901 | 129 | 212 | /* - Layout | |
| 1902 | 130 | #showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; } | 213 | -------------------------------------------------------------------------------------------------------- |
| 1903 | 131 | .showcase-nav-item { padding-right:10px;} | 214 | ================================================== */ |
| 1904 | 132 | .main-content { clear:both; float:left; margin:5px 10px; padding:10px; width:920px; } | 215 | |
| 1905 | 133 | .minor-content { float:left; margin:5px 10px; padding:10px; width:440px; } | 216 | .container { |
| 1906 | 134 | .side-content { float:left; margin:5px 10px; padding:10px; width:280px; } | 217 | clear: both; |
| 1907 | 135 | .sub-content { float:left; margin:5px 10px; padding:10px; width:120px; } | 218 | margin: 0 auto; |
| 1908 | 136 | p { padding: 5px 0px 10px; } | 219 | padding: 0; |
| 1909 | 137 | 220 | position: relative; | |
| 1910 | 138 | .divide { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; visibility:hidden; } | 221 | width: 980px; |
| 1911 | 139 | .divide-showcase { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; visibility:hidden;} | 222 | } |
| 1912 | 140 | 223 | ||
| 1913 | 141 | #blog-posts { float:left; margin:5px 10px; padding:10px; width:600px; } | 224 | #main-nav { |
| 1914 | 142 | .blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;} | 225 | float: left; |
| 1915 | 143 | .post-figure { float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;} | 226 | width: 620px; |
| 1916 | 144 | .post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;} | 227 | } |
| 1917 | 145 | .post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;} | 228 | |
| 1918 | 146 | .comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; } | 229 | .main-nav-item { |
| 1919 | 147 | 230 | margin: 5px 10px; | |
| 1920 | 148 | 231 | padding: 10px; | |
| 1921 | 149 | #blog-aside { float:left; margin:5px 10px; padding:0px; width:300px; } | 232 | } |
| 1922 | 150 | .widgets-aside { float:left; margin:5px 0px 15px; padding:10px; width:280px; } | 233 | |
| 1923 | 151 | 234 | .main-nav-item, .main-nav-item:visited { | |
| 1924 | 152 | .pagination { clear:both; text-align:center; } | 235 | border-right: 1px solid #EF7149; |
| 1925 | 153 | 236 | border-bottom: 0; | |
| 1926 | 154 | 237 | border-top: 0; | |
| 1927 | 155 | .footer-content { float:left; margin:5px 10px; padding:10px; width:120px; } | 238 | color: #fff; |
| 1928 | 156 | .foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; } | 239 | display: block; |
| 1929 | 157 | 240 | float: left; | |
| 1930 | 158 | .plugin { margin: 0 -10px; padding:0px; position:relative; width:980px; } | 241 | height: 70px; |
| 1931 | 159 | /*- Decoration | 242 | line-height: 70px; |
| 1932 | 160 | -------------------------------------------------------------------------------------------------------- */ | 243 | margin: 0px; |
| 1933 | 161 | 244 | padding: 0 15px; | |
| 1934 | 162 | body { background:url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; } | 245 | text-shadow: 1px 1px 1px #333; |
| 1935 | 163 | #page-header { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; height:70px; } | 246 | } |
| 1936 | 164 | #page-header .container { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; } | 247 | |
| 1937 | 165 | #top-logo { color:#fff; line-height:1.5em; text-align:right; } | 248 | .main-nav-item.current, .main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus { |
| 1938 | 166 | #the-logo { padding-left:4px; } | 249 | background: url(../images/mainnav.png) 0 0 repeat |
| 1939 | 167 | #loco { clear:both; display:block; float:right;} | 250 | } |
| 1940 | 168 | 251 | ||
| 1941 | 169 | 252 | #top-logo { | |
| 1942 | 170 | 253 | float: right; | |
| 1943 | 171 | 254 | margin: 5px 10px 5px 0px; | |
| 1944 | 172 | #main-nav { border-left: 1px solid #EF7149; z-index:10;} | 255 | padding: 10px 10px 0px 0px; |
| 1945 | 173 | .main-nav-item, | 256 | : ; |
| 1946 | 174 | .main-nav-item:visited { border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; display: block; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; } | 257 | width: 280px; |
| 1947 | 175 | .main-nav-item.current, | 258 | } |
| 1948 | 176 | .main-nav-item:hover, | 259 | |
| 1949 | 177 | .main-nav-item:active, | 260 | #the-logo { |
| 1950 | 178 | .main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; } | 261 | float: right |
| 1951 | 179 | 262 | } | |
| 1952 | 180 | 263 | ||
| 1953 | 181 | #page-related { background-color:#FFFFFF;} | 264 | #page-related { |
| 1954 | 182 | #sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} | 265 | background-image: none; |
| 1955 | 183 | .sub-nav-item, | 266 | margin: 0 auto; |
| 1956 | 184 | .sub-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0px; padding: 0 15px; } | 267 | padding: 0 10px 10px; |
| 1957 | 185 | .sub-nav-item.current, | 268 | position: relative; |
| 1958 | 186 | .sub-nav-item:hover, | 269 | width: 960px; |
| 1959 | 187 | .sub-nav-item:active, | 270 | } |
| 1960 | 188 | .sub-nav-item:focus { background-color:#efefef; color:#DD4814; } | 271 | |
| 1961 | 189 | 272 | #sub-nav-container { | |
| 1962 | 190 | .login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; } | 273 | height: 40px; |
| 1963 | 191 | #username, | 274 | margin: 0 10px; |
| 1964 | 192 | #password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; } | 275 | width: 940px; |
| 1965 | 193 | #login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;} | 276 | } |
| 1966 | 194 | #login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} | 277 | |
| 1967 | 195 | #join, | 278 | #sub-nav { |
| 1968 | 196 | #join:visited { color:#333; } | 279 | float: left; |
| 1969 | 197 | #join:hover, | 280 | padding: 0px 10px; |
| 1970 | 198 | #join:active, | 281 | } |
| 1971 | 199 | #join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 282 | |
| 1972 | 200 | 283 | .sub-nav-item { | |
| 1973 | 201 | #pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; } | 284 | margin: 5px 10px; |
| 1974 | 202 | #searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 3px 7px 9px; padding:3px; width:180px;} | 285 | padding-right: 10px; |
| 1975 | 203 | #searchbox:focus { background-color:#fff; border: 1px solid #DD4814; } | 286 | } |
| 1976 | 204 | #go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 0 7px 0px ; padding:2px;} | 287 | |
| 1977 | 205 | #go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} | 288 | .sub-nav-item, .sub-nav-item:visited { |
| 1978 | 206 | #more-search, | 289 | color: #333; |
| 1979 | 207 | #more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:2px 3px; } | 290 | display: block; |
| 1980 | 208 | #more-search:hover, | 291 | float: left; |
| 1981 | 209 | #more-search:active, | 292 | line-height: 40px; |
| 1982 | 210 | #more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; } | 293 | margin: 0px; |
| 1983 | 211 | 294 | padding: 0 15px; | |
| 1984 | 212 | 295 | } | |
| 1985 | 213 | .showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; | 296 | |
| 1986 | 214 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ | 297 | .sub-nav-item.current, .sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus { |
| 1987 | 215 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } | 298 | background-color: #efefef; |
| 1988 | 216 | 299 | color: #DD4814; | |
| 1989 | 217 | #showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; height:40px; } | 300 | } |
| 1990 | 218 | .showcase-nav-item, | 301 | |
| 1991 | 219 | .showcase-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0 1px; padding: 0 15px; } | 302 | #pop-up-container { |
| 1992 | 220 | .showcase-nav-item:hover, | 303 | float: left; |
| 1993 | 221 | .showcase-nav-item:active, | 304 | padding: 10px; |
| 1994 | 222 | .showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; } | 305 | } |
| 1995 | 223 | 306 | ||
| 1996 | 224 | 307 | #pop-up-text { | |
| 1997 | 225 | 308 | float: left | |
| 1998 | 226 | 309 | } | |
| 1999 | 227 | #main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;} | 310 | |
| 2000 | 228 | 311 | #login-container { | |
| 2001 | 229 | .alone, | 312 | float: left; |
| 2002 | 230 | .leading, | 313 | width: 620px; |
| 2003 | 231 | .aggregator { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; float:left; } | 314 | } |
| 2004 | 232 | 315 | ||
| 2005 | 233 | .aggregator { margin:5px 10px;} | 316 | #searchbox-container { |
| 2006 | 234 | .aggregator .first { margin-left:0px;} | 317 | float: right; |
| 2007 | 235 | .aggregator .last { margin-right:0px;} | 318 | margin: 0px 10px 5px 0px; |
| 2008 | 236 | 319 | padding: 0 0 0 10px; | |
| 2009 | 237 | 320 | width: 300px; | |
| 2010 | 238 | .post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; } | 321 | } |
| 2011 | 239 | .post-meta { color:#999; font-size:0.85em; font-style:italic; } | 322 | |
| 2012 | 240 | .post-title-link, | 323 | .showcase-item { |
| 2013 | 241 | .post-title-link:visited { color:#333; } | 324 | float: left; |
| 2014 | 242 | .post-title-link:hover, | 325 | margin: 5px 10px; |
| 2015 | 243 | .post-title-link:active, | 326 | padding: 10px; |
| 2016 | 244 | .post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 327 | width: 280px; |
| 2017 | 245 | 328 | } | |
| 2018 | 246 | .post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; | 329 | |
| 2019 | 247 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ | 330 | .showcase-heading { |
| 2020 | 248 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } | 331 | margin: 5px 0px 10px; |
| 2021 | 249 | .pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; } | 332 | width: 280px; |
| 2022 | 250 | .pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; } | 333 | } |
| 2023 | 251 | .pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;} | 334 | |
| 2024 | 252 | .pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; } | 335 | .showcase-subheading { |
| 2025 | 253 | 336 | margin: 5px 0px 10px; | |
| 2026 | 254 | .widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; } | 337 | width: 280px; |
| 2027 | 255 | .widget-links { list-style:none; list-style-position:outside; } | 338 | } |
| 2028 | 256 | .a-item { display:block; margin-top:3px; } | 339 | |
| 2029 | 257 | .side-link, | 340 | .showcase-text { |
| 2030 | 258 | .side-link:visited { color: #333333; display:block; padding-right:3px; } | 341 | margin: 5px 0px 10px; |
| 2031 | 259 | .side-link:hover, | 342 | width: 280px; |
| 2032 | 260 | .side-link:active, | 343 | } |
| 2033 | 261 | .side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; } | 344 | |
| 2034 | 262 | 345 | .showcase-figure { | |
| 2035 | 263 | #login-widget { text-align:center;} | 346 | float: left; |
| 2036 | 264 | 347 | margin: 5px 10px; | |
| 2037 | 265 | #page-footer { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; } | 348 | padding: 10px; |
| 2038 | 266 | #page-footer .container { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; } | 349 | position: relative; |
| 2039 | 267 | #page-footer .container div.copyright { | 350 | width: 600px; |
| 2040 | 268 | font-size: 10px; | 351 | } |
| 2041 | 269 | line-height: 14px; | 352 | |
| 2042 | 270 | color: #aea79f; | 353 | .showcase-img { |
| 2043 | 271 | } | 354 | display: block; |
| 2044 | 272 | .footer-content dd { margin-bottom:15px;} | 355 | margin: 0px; |
| 2045 | 273 | .footer-links { list-style:none; text-indent:0px; list-style-position:outside; } | 356 | padding: 0px; |
| 2046 | 274 | .footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; } | 357 | position: relative; |
| 2047 | 275 | .foot-note { color:#999; font-style:italic;} | 358 | width: 600px; |
| 2048 | 276 | 359 | } | |
| 2049 | 277 | .footer-link, | 360 | |
| 2050 | 278 | .footer-link:visited { color: #333333;} | 361 | .showcase-caption { |
| 2051 | 279 | .footer-link:hover, | 362 | position: absolute; |
| 2052 | 280 | .footer-link:active, | 363 | bottom: 0px; |
| 2053 | 281 | .footer-link:focus { color:#DD4814; text-decoration:underline; } | 364 | left: 0px; |
| 2054 | 282 | 365 | margin: 0px 10px 10px; | |
| 2055 | 283 | .footer-link-main, | 366 | padding: 10px; |
| 2056 | 284 | .footer-link-main:visited { } | 367 | width: 580px; |
| 2057 | 285 | .footer-link-main:hover, | 368 | } |
| 2058 | 286 | .footer-link-main:active, | 369 | |
| 2059 | 287 | .footer-link-main:focus { color:#DD4814; text-decoration:underline; } | 370 | #showcase-nav { |
| 2060 | 288 | 371 | clear: both; | |
| 2061 | 289 | 372 | margin: 5px 10px; | |
| 2062 | 290 | 373 | padding: 0px 10px; | |
| 2063 | 291 | /*- Forum Decoration [Demo] | 374 | width: 920px; |
| 2064 | 292 | -------------------------------------------------------------------------------------------------------- */ | 375 | } |
| 2065 | 293 | 376 | ||
| 2066 | 294 | .forum-title { background-color:#efefef; margin:10px 0px; padding:20px;} | 377 | .showcase-nav-item { |
| 2067 | 295 | 378 | padding-right: 10px | |
| 2068 | 296 | .forum-item { border-top:1px dotted #999; } | 379 | } |
| 2069 | 297 | .cat-title, | 380 | |
| 2070 | 298 | .sub-sections { font-size:0.75em; /* 16x0.75 =12 */ } | 381 | .showcase-nav-item, .showcase-nav-item:visited { |
| 2071 | 299 | 382 | color: #333; | |
| 2072 | 300 | .latest, | 383 | display: block; |
| 2073 | 301 | .post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; } | 384 | float: left; |
| 2074 | 302 | 385 | line-height: 40px; | |
| 2075 | 303 | 386 | margin: 0 1px; | |
| 2076 | 304 | .cat-title, | 387 | padding: 0 15px; |
| 2077 | 305 | .post-count, | 388 | } |
| 2078 | 306 | .latest { padding:10px; vertical-align:middle; } | 389 | |
| 2079 | 307 | 390 | .showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus { | |
| 2080 | 308 | 391 | border: 1px solid #ddd; | |
| 2081 | 309 | .forum-title-link, | 392 | border-top: 0px solid; |
| 2082 | 310 | .forum-title-link:visited { color:#333; } | 393 | border-bottom: 0px solid; |
| 2083 | 311 | .forum-title-link:hover, | 394 | background-color: #efefef; |
| 2084 | 312 | .forum-title-link:active, | 395 | color: #DD4814; |
| 2085 | 313 | .forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 396 | margin: 0; |
| 2086 | 314 | 397 | } | |
| 2087 | 315 | .status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; } | 398 | |
| 2088 | 316 | .latest { width:180px; } | 399 | .main-content { |
| 2089 | 317 | .post-count { width:120px; } | 400 | clear: both; |
| 2090 | 318 | .sub-sections { background-color:#efefef; padding:5px 10px 10px; } | 401 | float: left; |
| 2091 | 319 | .post-count { background-color:#efefef; } | 402 | margin: 5px 10px; |
| 2092 | 320 | 403 | padding: 10px; | |
| 2093 | 321 | .count { display:block; font-style:italic; } | 404 | width: 920px; |
| 2094 | 322 | 405 | } | |
| 2095 | 406 | |||
| 2096 | 407 | .minor-content { | ||
| 2097 | 408 | float: left; | ||
| 2098 | 409 | margin: 5px 10px; | ||
| 2099 | 410 | padding: 10px; | ||
| 2100 | 411 | width: 440px; | ||
| 2101 | 412 | } | ||
| 2102 | 413 | |||
| 2103 | 414 | .side-content { | ||
| 2104 | 415 | float: left; | ||
| 2105 | 416 | margin: 5px 10px; | ||
| 2106 | 417 | padding: 10px; | ||
| 2107 | 418 | width: 280px; | ||
| 2108 | 419 | } | ||
| 2109 | 420 | |||
| 2110 | 421 | .sub-content { | ||
| 2111 | 422 | float: left; | ||
| 2112 | 423 | margin: 5px 10px; | ||
| 2113 | 424 | padding: 10px; | ||
| 2114 | 425 | width: 120px; | ||
| 2115 | 426 | } | ||
| 2116 | 427 | |||
| 2117 | 428 | p { | ||
| 2118 | 429 | padding: 5px 0px 10px | ||
| 2119 | 430 | } | ||
| 2120 | 431 | |||
| 2121 | 432 | .divide { | ||
| 2122 | 433 | border: 0px solid; | ||
| 2123 | 434 | clear: both; | ||
| 2124 | 435 | font-size: 0px; | ||
| 2125 | 436 | height: 1px; | ||
| 2126 | 437 | margin: -1px 0px 0px; | ||
| 2127 | 438 | visibility: hidden; | ||
| 2128 | 439 | } | ||
| 2129 | 440 | |||
| 2130 | 441 | .divide-showcase { | ||
| 2131 | 442 | border: 0px solid; | ||
| 2132 | 443 | clear: both; | ||
| 2133 | 444 | font-size: 0px; | ||
| 2134 | 445 | height: 1px; | ||
| 2135 | 446 | margin: -1px 0px 25px; | ||
| 2136 | 447 | visibility: hidden; | ||
| 2137 | 448 | } | ||
| 2138 | 449 | |||
| 2139 | 450 | #blog-posts { | ||
| 2140 | 451 | float: left; | ||
| 2141 | 452 | margin: 5px 10px; | ||
| 2142 | 453 | padding: 10px; | ||
| 2143 | 454 | width: 600px; | ||
| 2144 | 455 | } | ||
| 2145 | 456 | |||
| 2146 | 457 | .blog-post { | ||
| 2147 | 458 | clear: both; | ||
| 2148 | 459 | margin-bottom: 10px; | ||
| 2149 | 460 | padding-bottom: 10px; | ||
| 2150 | 461 | } | ||
| 2151 | 462 | |||
| 2152 | 463 | .post-figure { | ||
| 2153 | 464 | float: right; | ||
| 2154 | 465 | margin: 10px 0px 10px 10px; | ||
| 2155 | 466 | padding: 0px; | ||
| 2156 | 467 | position: relative; | ||
| 2157 | 468 | width: 260px; | ||
| 2158 | 469 | } | ||
| 2159 | 470 | |||
| 2160 | 471 | .post-img { | ||
| 2161 | 472 | display: block; | ||
| 2162 | 473 | margin: 0px; | ||
| 2163 | 474 | padding: 0px; | ||
| 2164 | 475 | position: relative; | ||
| 2165 | 476 | width: 260px; | ||
| 2166 | 477 | } | ||
| 2167 | 478 | |||
| 2168 | 479 | .post-img-caption { | ||
| 2169 | 480 | position: absolute; | ||
| 2170 | 481 | bottom: 0px; | ||
| 2171 | 482 | left: 0px; | ||
| 2172 | 483 | padding: 10px; | ||
| 2173 | 484 | width: 240px; | ||
| 2174 | 485 | } | ||
| 2175 | 486 | |||
| 2176 | 487 | .comments-count { | ||
| 2177 | 488 | clear: both; | ||
| 2178 | 489 | display: block; | ||
| 2179 | 490 | font-style: italic; | ||
| 2180 | 491 | color: #999; | ||
| 2181 | 492 | text-align: right; | ||
| 2182 | 493 | } | ||
| 2183 | 494 | |||
| 2184 | 495 | #blog-aside { | ||
| 2185 | 496 | float: left; | ||
| 2186 | 497 | margin: 5px 10px; | ||
| 2187 | 498 | padding: 0px; | ||
| 2188 | 499 | width: 300px; | ||
| 2189 | 500 | } | ||
| 2190 | 501 | |||
| 2191 | 502 | .widgets-aside { | ||
| 2192 | 503 | float: left; | ||
| 2193 | 504 | margin: 5px 0px 15px; | ||
| 2194 | 505 | padding: 10px; | ||
| 2195 | 506 | width: 280px; | ||
| 2196 | 507 | } | ||
| 2197 | 508 | |||
| 2198 | 509 | .pagination { | ||
| 2199 | 510 | clear: both; | ||
| 2200 | 511 | text-align: center; | ||
| 2201 | 512 | } | ||
| 2202 | 513 | |||
| 2203 | 514 | .footer-content { | ||
| 2204 | 515 | float: left; | ||
| 2205 | 516 | margin: 5px 10px; | ||
| 2206 | 517 | padding: 10px; | ||
| 2207 | 518 | width: 120px; | ||
| 2208 | 519 | } | ||
| 2209 | 520 | |||
| 2210 | 521 | .footer-content dd { | ||
| 2211 | 522 | margin-bottom: 15px | ||
| 2212 | 523 | } | ||
| 2213 | 524 | |||
| 2214 | 525 | .foot-note { | ||
| 2215 | 526 | clear: both; | ||
| 2216 | 527 | margin: 15px 10px 0px; | ||
| 2217 | 528 | padding: 10px; | ||
| 2218 | 529 | width: 920px; | ||
| 2219 | 530 | } | ||
| 2220 | 531 | |||
| 2221 | 532 | .plugin { | ||
| 2222 | 533 | margin: 0 -10px; | ||
| 2223 | 534 | padding: 0px; | ||
| 2224 | 535 | position: relative; | ||
| 2225 | 536 | width: 980px; | ||
| 2226 | 537 | } | ||
| 2227 | 538 | |||
| 2228 | 539 | /* - Decoration | ||
| 2229 | 540 | -------------------------------------------------------------------------------------------------------- | ||
| 2230 | 541 | ================================================== */ | ||
| 2231 | 542 | |||
| 2232 | 543 | body { | ||
| 2233 | 544 | background: url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; | ||
| 2234 | 545 | color: #333333; | ||
| 2235 | 546 | } | ||
| 2236 | 547 | |||
| 2237 | 548 | #page-header { | ||
| 2238 | 549 | background: url("../images/header.png") repeat-x scroll 0 0 #DD4814; | ||
| 2239 | 550 | height: 70px; | ||
| 2240 | 551 | } | ||
| 2241 | 552 | |||
| 2242 | 553 | #page-header .container { | ||
| 2243 | 554 | background: url("../images/header.png") repeat-x scroll 0 0 #DD4814 | ||
| 2244 | 555 | } | ||
| 2245 | 556 | |||
| 2246 | 557 | #top-logo { | ||
| 2247 | 558 | color: #fff; | ||
| 2248 | 559 | line-height: 1.5em; | ||
| 2249 | 560 | text-align: right; | ||
| 2250 | 561 | } | ||
| 2251 | 562 | |||
| 2252 | 563 | #the-logo { | ||
| 2253 | 564 | padding-left: 4px | ||
| 2254 | 565 | } | ||
| 2255 | 566 | |||
| 2256 | 567 | #loco { | ||
| 2257 | 568 | clear: both; | ||
| 2258 | 569 | display: block; | ||
| 2259 | 570 | float: right; | ||
| 2260 | 571 | } | ||
| 2261 | 572 | |||
| 2262 | 573 | #main-nav { | ||
| 2263 | 574 | border-left: 1px solid #EF7149; | ||
| 2264 | 575 | z-index: 10; | ||
| 2265 | 576 | } | ||
| 2266 | 577 | |||
| 2267 | 578 | #page-related { | ||
| 2268 | 579 | background-color: #FFFFFF | ||
| 2269 | 580 | } | ||
| 2270 | 581 | |||
| 2271 | 582 | #sub-nav-container { | ||
| 2272 | 583 | background-color: #F7F7F7; | ||
| 2273 | 584 | border-bottom-left-radius: 8px; | ||
| 2274 | 585 | border-bottom-right-radius: 8px; | ||
| 2275 | 586 | } | ||
| 2276 | 587 | |||
| 2277 | 588 | .login-label { | ||
| 2278 | 589 | height: 16px; | ||
| 2279 | 590 | margin: 7px 0px 7px 9px; | ||
| 2280 | 591 | padding: 3px; | ||
| 2281 | 592 | } | ||
| 2282 | 593 | |||
| 2283 | 594 | #username, #password { | ||
| 2284 | 595 | background-color: #f0f0f0; | ||
| 2285 | 596 | border: 1px solid #CCCCCC; | ||
| 2286 | 597 | height: 16px; | ||
| 2287 | 598 | margin: 7px 0px 7px 9px; | ||
| 2288 | 599 | padding: 3px; | ||
| 2289 | 600 | width: 110px; | ||
| 2290 | 601 | } | ||
| 2291 | 602 | |||
| 2292 | 603 | #login { | ||
| 2293 | 604 | background-color: #f0f0f0; | ||
| 2294 | 605 | border: 1px solid #CCCCCC; | ||
| 2295 | 606 | height: 24px; | ||
| 2296 | 607 | margin: 7px 9px 7px 0px; | ||
| 2297 | 608 | padding: 2px; | ||
| 2298 | 609 | } | ||
| 2299 | 610 | |||
| 2300 | 611 | #login:hover { | ||
| 2301 | 612 | background-color: #f7f7f7; | ||
| 2302 | 613 | border: 1px solid #DD4814; | ||
| 2303 | 614 | } | ||
| 2304 | 615 | |||
| 2305 | 616 | #join:hover, #join:active, #join:focus { | ||
| 2306 | 617 | color: #DD4814; | ||
| 2307 | 618 | text-shadow: 1px 1px 2px #999; | ||
| 2308 | 619 | } | ||
| 2309 | 620 | |||
| 2310 | 621 | #join, #join:visited { | ||
| 2311 | 622 | color: #333 | ||
| 2312 | 623 | } | ||
| 2313 | 624 | |||
| 2314 | 625 | #pop-up-text { | ||
| 2315 | 626 | font-weight: bold; | ||
| 2316 | 627 | line-height: 20px; | ||
| 2317 | 628 | padding: 0px 5px; | ||
| 2318 | 629 | } | ||
| 2319 | 630 | |||
| 2320 | 631 | #searchbox { | ||
| 2321 | 632 | background-color: #f0f0f0; | ||
| 2322 | 633 | border: 1px solid #CCCCCC; | ||
| 2323 | 634 | height: 16px; | ||
| 2324 | 635 | margin: 7px 3px 7px 9px; | ||
| 2325 | 636 | padding: 3px; | ||
| 2326 | 637 | width: 180px; | ||
| 2327 | 638 | } | ||
| 2328 | 639 | |||
| 2329 | 640 | #searchbox:focus { | ||
| 2330 | 641 | background-color: #fff; | ||
| 2331 | 642 | border: 1px solid #DD4814; | ||
| 2332 | 643 | } | ||
| 2333 | 644 | |||
| 2334 | 645 | #go-search { | ||
| 2335 | 646 | background-color: #f0f0f0; | ||
| 2336 | 647 | border: 1px solid #CCCCCC; | ||
| 2337 | 648 | height: 24px; | ||
| 2338 | 649 | margin: 7px 0 7px 0px; | ||
| 2339 | 650 | padding: 2px; | ||
| 2340 | 651 | } | ||
| 2341 | 652 | |||
| 2342 | 653 | #go-search:hover { | ||
| 2343 | 654 | background-color: #f7f7f7; | ||
| 2344 | 655 | border: 1px solid #DD4814; | ||
| 2345 | 656 | } | ||
| 2346 | 657 | |||
| 2347 | 658 | #more-search:hover, #more-search:active, #more-search:focus { | ||
| 2348 | 659 | background-color: #f7f7f7; | ||
| 2349 | 660 | border: 1px solid #DD4814; | ||
| 2350 | 661 | color: #DD4814; | ||
| 2351 | 662 | text-shadow: 1px 1px 2px #999; | ||
| 2352 | 663 | } | ||
| 2353 | 664 | |||
| 2354 | 665 | #more-search, #more-search:visited { | ||
| 2355 | 666 | background-color: #f0f0f0; | ||
| 2356 | 667 | border: 1px solid #CCCCCC; | ||
| 2357 | 668 | color: #333; | ||
| 2358 | 669 | height: 16px; | ||
| 2359 | 670 | margin: 7px 7px 7px 0px; | ||
| 2360 | 671 | padding: 2px 3px; | ||
| 2361 | 672 | } | ||
| 2362 | 673 | |||
| 2363 | 674 | .showcase-caption { | ||
| 2364 | 675 | background-color: #000; | ||
| 2365 | 676 | background-color: rgba(0,0,0,0.4); | ||
| 2366 | 677 | color: #fff; | ||
| 2367 | 678 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); | ||
| 2368 | 679 | /* IE6,IE7 */ | ||
| 2369 | 680 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; | ||
| 2370 | 681 | /* IE8 */ | ||
| 2371 | 682 | } | ||
| 2372 | 683 | |||
| 2373 | 684 | #showcase-nav { | ||
| 2374 | 685 | background-color: #f7f7f7; | ||
| 2375 | 686 | border-radius: 8px; | ||
| 2376 | 687 | box-shadow: 0px 1px 1px #ccc; | ||
| 2377 | 688 | height: 40px; | ||
| 2378 | 689 | } | ||
| 2379 | 690 | |||
| 2380 | 691 | #main-section .container { | ||
| 2381 | 692 | background-color: #fff; | ||
| 2382 | 693 | background-image: none; | ||
| 2383 | 694 | padding: 0px 10px 10px; | ||
| 2384 | 695 | position: relative; | ||
| 2385 | 696 | width: 960px; | ||
| 2386 | 697 | } | ||
| 2387 | 698 | |||
| 2388 | 699 | .alone, .leading, .aggregator { | ||
| 2389 | 700 | background-color: #f7f7f7; | ||
| 2390 | 701 | border-radius: 8px; | ||
| 2391 | 702 | box-shadow: 0px 1px 1px #ccc; | ||
| 2392 | 703 | float: left; | ||
| 2393 | 704 | } | ||
| 2394 | 705 | |||
| 2395 | 706 | .aggregator .first { | ||
| 2396 | 707 | margin-left: 0px | ||
| 2397 | 708 | } | ||
| 2398 | 709 | |||
| 2399 | 710 | .aggregator .last { | ||
| 2400 | 711 | margin-right: 0px | ||
| 2401 | 712 | } | ||
| 2402 | 713 | |||
| 2403 | 714 | .aggregator { | ||
| 2404 | 715 | margin: 5px 10px | ||
| 2405 | 716 | } | ||
| 2406 | 717 | |||
| 2407 | 718 | .post-header { | ||
| 2408 | 719 | border-bottom: 1px dotted #333333; | ||
| 2409 | 720 | margin-bottom: 10px; | ||
| 2410 | 721 | padding-bottom: 5px; | ||
| 2411 | 722 | } | ||
| 2412 | 723 | |||
| 2413 | 724 | .post-meta { | ||
| 2414 | 725 | color: #999; | ||
| 2415 | 726 | font-size: 0.85em; | ||
| 2416 | 727 | font-style: italic; | ||
| 2417 | 728 | } | ||
| 2418 | 729 | |||
| 2419 | 730 | .post-title-link:hover, .post-title-link:active, .post-title-link:focus { | ||
| 2420 | 731 | color: #DD4814; | ||
| 2421 | 732 | text-shadow: 1px 1px 2px #999; | ||
| 2422 | 733 | } | ||
| 2423 | 734 | |||
| 2424 | 735 | .post-title-link, .post-title-link:visited { | ||
| 2425 | 736 | color: #333 | ||
| 2426 | 737 | } | ||
| 2427 | 738 | |||
| 2428 | 739 | .post-img-caption { | ||
| 2429 | 740 | background-color: #000; | ||
| 2430 | 741 | background-color: rgba(0,0,0,0.4); | ||
| 2431 | 742 | color: #fff; | ||
| 2432 | 743 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); | ||
| 2433 | 744 | /* IE6,IE7 */ | ||
| 2434 | 745 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; | ||
| 2435 | 746 | /* IE8 */ | ||
| 2436 | 747 | } | ||
| 2437 | 748 | |||
| 2438 | 749 | .pagination { | ||
| 2439 | 750 | border-top: 1px solid #333; | ||
| 2440 | 751 | color: #fff; | ||
| 2441 | 752 | margin-top: 15px; | ||
| 2442 | 753 | padding-top: 15px; | ||
| 2443 | 754 | } | ||
| 2444 | 755 | |||
| 2445 | 756 | .pagination-item { | ||
| 2446 | 757 | border-bottom: 1px solid #333; | ||
| 2447 | 758 | color: #333; | ||
| 2448 | 759 | margin-right: 5px; | ||
| 2449 | 760 | padding: 2px 6px; | ||
| 2450 | 761 | } | ||
| 2451 | 762 | |||
| 2452 | 763 | .pagination-item:hover { | ||
| 2453 | 764 | border-bottom: 1px solid #DD4814; | ||
| 2454 | 765 | background-color: #f7f7f7; | ||
| 2455 | 766 | color: #DD4814; | ||
| 2456 | 767 | } | ||
| 2457 | 768 | |||
| 2458 | 769 | .pagination-item.current { | ||
| 2459 | 770 | background-color: #f7f7f7; | ||
| 2460 | 771 | border-bottom: 1px solid #333; | ||
| 2461 | 772 | color: #333; | ||
| 2462 | 773 | font-weight: bold; | ||
| 2463 | 774 | } | ||
| 2464 | 775 | |||
| 2465 | 776 | .widgets-aside { | ||
| 2466 | 777 | background-color: #f7f7f7; | ||
| 2467 | 778 | border-radius: 8px; | ||
| 2468 | 779 | box-shadow: 0px 1px 1px #ccc; | ||
| 2469 | 780 | } | ||
| 2470 | 781 | |||
| 2471 | 782 | .widget-links { | ||
| 2472 | 783 | list-style: none; | ||
| 2473 | 784 | list-style-position: outside; | ||
| 2474 | 785 | } | ||
| 2475 | 786 | |||
| 2476 | 787 | .a-item { | ||
| 2477 | 788 | display: block; | ||
| 2478 | 789 | margin-top: 3px; | ||
| 2479 | 790 | } | ||
| 2480 | 791 | |||
| 2481 | 792 | .side-link:hover, .side-link:active, .side-link:focus { | ||
| 2482 | 793 | background-color: #fff; | ||
| 2483 | 794 | border-right: 3px solid #DD4814; | ||
| 2484 | 795 | color: #DD4814; | ||
| 2485 | 796 | text-decoration: none; | ||
| 2486 | 797 | } | ||
| 2487 | 798 | |||
| 2488 | 799 | .side-link, .side-link:visited { | ||
| 2489 | 800 | color: #333333; | ||
| 2490 | 801 | display: block; | ||
| 2491 | 802 | padding-right: 3px; | ||
| 2492 | 803 | } | ||
| 2493 | 804 | |||
| 2494 | 805 | #login-widget { | ||
| 2495 | 806 | text-align: center | ||
| 2496 | 807 | } | ||
| 2497 | 808 | |||
| 2498 | 809 | #page-footer { | ||
| 2499 | 810 | background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA | ||
| 2500 | 811 | } | ||
| 2501 | 812 | |||
| 2502 | 813 | #page-footer .container { | ||
| 2503 | 814 | background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; | ||
| 2504 | 815 | padding: 0px 10px; | ||
| 2505 | 816 | width: 960px; | ||
| 2506 | 817 | } | ||
| 2507 | 818 | |||
| 2508 | 819 | #page-footer .container div.copyright { | ||
| 2509 | 820 | font-size: 10px; | ||
| 2510 | 821 | line-height: 14px; | ||
| 2511 | 822 | color: #aea79f; | ||
| 2512 | 823 | } | ||
| 2513 | 824 | |||
| 2514 | 825 | .footer-links { | ||
| 2515 | 826 | list-style: none; | ||
| 2516 | 827 | text-indent: 0px; | ||
| 2517 | 828 | list-style-position: outside; | ||
| 2518 | 829 | } | ||
| 2519 | 830 | |||
| 2520 | 831 | .footer-item { | ||
| 2521 | 832 | border-bottom: 1px dotted #333; | ||
| 2522 | 833 | display: block; | ||
| 2523 | 834 | margin-top: 3px; | ||
| 2524 | 835 | } | ||
| 2525 | 836 | |||
| 2526 | 837 | .foot-note { | ||
| 2527 | 838 | color: #999; | ||
| 2528 | 839 | font-style: italic; | ||
| 2529 | 840 | } | ||
| 2530 | 841 | |||
| 2531 | 842 | .footer-link:hover, .footer-link:active, .footer-link:focus { | ||
| 2532 | 843 | color: #DD4814; | ||
| 2533 | 844 | text-decoration: underline; | ||
| 2534 | 845 | } | ||
| 2535 | 846 | |||
| 2536 | 847 | .footer-link, .footer-link:visited { | ||
| 2537 | 848 | color: #333333 | ||
| 2538 | 849 | } | ||
| 2539 | 850 | |||
| 2540 | 851 | .footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus { | ||
| 2541 | 852 | color: #DD4814; | ||
| 2542 | 853 | text-decoration: underline; | ||
| 2543 | 854 | } | ||
| 2544 | 855 | |||
| 2545 | 856 | .footer-link-main, .footer-link-main:visited { | ||
| 2546 | 857 | |||
| 2547 | 858 | } | ||
| 2548 | 859 | |||
| 2549 | 860 | /* - Forum Decoration [Demo] | ||
| 2550 | 861 | -------------------------------------------------------------------------------------------------------- | ||
| 2551 | 862 | ================================================== */ | ||
| 2552 | 863 | |||
| 2553 | 864 | .forum-title { | ||
| 2554 | 865 | background-color: #efefef; | ||
| 2555 | 866 | margin: 10px 0px; | ||
| 2556 | 867 | padding: 20px; | ||
| 2557 | 868 | } | ||
| 2558 | 869 | |||
| 2559 | 870 | .forum-item { | ||
| 2560 | 871 | border-top: 1px dotted #999 | ||
| 2561 | 872 | } | ||
| 2562 | 873 | |||
| 2563 | 874 | .cat-title, .sub-sections { | ||
| 2564 | 875 | font-size: 0.75em; | ||
| 2565 | 876 | /* 16x0.75 =12 */ | ||
| 2566 | 877 | } | ||
| 2567 | 878 | |||
| 2568 | 879 | .latest, .post-count { | ||
| 2569 | 880 | font-size: 0.75em; | ||
| 2570 | 881 | /* 16x0.75 =12 */ line-height: 1.2em; | ||
| 2571 | 882 | } | ||
| 2572 | 883 | |||
| 2573 | 884 | .cat-title, .post-count, .latest { | ||
| 2574 | 885 | padding: 10px; | ||
| 2575 | 886 | vertical-align: middle; | ||
| 2576 | 887 | } | ||
| 2577 | 888 | |||
| 2578 | 889 | .forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus { | ||
| 2579 | 890 | color: #DD4814; | ||
| 2580 | 891 | text-shadow: 1px 1px 2px #999; | ||
| 2581 | 892 | } | ||
| 2582 | 893 | |||
| 2583 | 894 | .forum-title-link, .forum-title-link:visited { | ||
| 2584 | 895 | color: #333 | ||
| 2585 | 896 | } | ||
| 2586 | 897 | |||
| 2587 | 898 | .status { | ||
| 2588 | 899 | background-color: #efefef; | ||
| 2589 | 900 | padding: 10px 5px; | ||
| 2590 | 901 | vertical-align: middle; | ||
| 2591 | 902 | width: 30px; | ||
| 2592 | 903 | } | ||
| 2593 | 904 | |||
| 2594 | 905 | .latest { | ||
| 2595 | 906 | width: 180px | ||
| 2596 | 907 | } | ||
| 2597 | 908 | |||
| 2598 | 909 | .post-count { | ||
| 2599 | 910 | width: 120px | ||
| 2600 | 911 | } | ||
| 2601 | 912 | |||
| 2602 | 913 | .sub-sections { | ||
| 2603 | 914 | background-color: #efefef; | ||
| 2604 | 915 | padding: 5px 10px 10px; | ||
| 2605 | 916 | } | ||
| 2606 | 917 | |||
| 2607 | 918 | .post-count { | ||
| 2608 | 919 | background-color: #efefef | ||
| 2609 | 920 | } | ||
| 2610 | 921 | |||
| 2611 | 922 | .count { | ||
| 2612 | 923 | display: block; | ||
| 2613 | 924 | font-style: italic; | ||
| 2614 | 925 | } | ||
| 2615 | 323 | 926 | ||
| 2616 | 324 | /* KuZeKo web@kuzeko.com | 927 | /* KuZeKo web@kuzeko.com |
| 2617 | 325 | -------------------------------------------------------------------------------------------------------- */ | 928 | -------------------------------------------------------------------------------------------------------- */ |
| 2618 | 326 | 929 | ||
| 2619 | === modified file 'media/css/ie6.css' | |||
| 2620 | --- media/css/ie6.css 2010-09-28 21:33:05 +0000 | |||
| 2621 | +++ media/css/ie6.css 2010-09-30 16:29:42 +0000 | |||
| 2622 | @@ -1,327 +1,947 @@ | |||
| 2670 | 1 | /*- LICENSE | 1 | /* - LICENSE |
| 2671 | 2 | -------------------------------------------------------------------------------------------------------- */ | 2 | -------------------------------------------------------------------------------------------------------- |
| 2672 | 3 | /* | 3 | */ |
| 2673 | 4 | Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com | 4 | |
| 2674 | 5 | 5 | /** | |
| 2675 | 6 | // Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ | 6 | * Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com |
| 2676 | 7 | // - Free for use in both personal and commercial projects | 7 | * |
| 2677 | 8 | // - Attribution requires leaving author name, author link, and the license info intact. | 8 | * Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/ |
| 2678 | 9 | */ | 9 | * - Free for use in both personal and commercial projects |
| 2679 | 10 | 10 | * - Attribution requires leaving author name, author link, and the license info intact. | |
| 2680 | 11 | /*- reset | 11 | */ |
| 2681 | 12 | -------------------------------------------------------------------------------------------------------- */ | 12 | |
| 2682 | 13 | /* | 13 | /* - reset |
| 2683 | 14 | Reset derived and adapted from | 14 | -------------------------------------------------------------------------------------------------------- */ |
| 2684 | 15 | html5doctor.com Reset Stylesheet | 15 | |
| 2685 | 16 | v1.4.1 | 16 | /** |
| 2686 | 17 | 2010-03-01 | 17 | * Reset derived and adapted from |
| 2687 | 18 | Author: Richard Clark - http://richclarkdesign.com | 18 | * html5doctor.com Reset Stylesheet |
| 2688 | 19 | */ | 19 | * v1.4.1 |
| 2689 | 20 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, | 20 | * 2010-03-01 |
| 2690 | 21 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, | 21 | * Author: Richard Clark - http://richclarkdesign.com |
| 2691 | 22 | sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, | 22 | */ |
| 2692 | 23 | tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, | 23 | |
| 2693 | 24 | hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } | 24 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { |
| 2694 | 25 | :focus /* remember to define focus styles! */ { outline: 0; } | 25 | background: transparent; |
| 2695 | 26 | body { line-height:1; } | 26 | border: 0; |
| 2696 | 27 | article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } | 27 | font-family: inherit; |
| 2697 | 28 | ol, ul { list-style-position: inside; } | 28 | font-weight: inherit; |
| 2698 | 29 | nav ul { list-style:none; } | 29 | font-style: inherit; |
| 2699 | 30 | blockquote, q { quotes:none; } | 30 | font-size: 100%; |
| 2700 | 31 | blockquote:before, blockquote:after, q:before, q:after { content:''; } | 31 | margin: 0; |
| 2701 | 32 | a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; color: #DD4814; vertical-align:baseline; background:transparent; text-decoration:none; } | 32 | outline: 0; |
| 2702 | 33 | ins { background-color:#ff9; color:#000; text-decoration:none; } | 33 | padding: 0; |
| 2703 | 34 | mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } | 34 | vertical-align: baseline; |
| 2704 | 35 | del { text-decoration: line-through; } | 35 | } |
| 2705 | 36 | abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } | 36 | |
| 2706 | 37 | table { border-collapse:collapse; border-spacing:0; } | 37 | blockquote:before, blockquote:after, q:before, q:after { |
| 2707 | 38 | hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } | 38 | content: '' |
| 2708 | 39 | input, select { vertical-align:middle; } | 39 | } |
| 2709 | 40 | textarea { overflow:auto;} | 40 | |
| 2710 | 41 | /* ----------------------------------------------------------------------------------------------------- */ | 41 | nav ul { |
| 2711 | 42 | 42 | list-style: none | |
| 2712 | 43 | 43 | } | |
| 2713 | 44 | /*- Typography | 44 | |
| 2714 | 45 | -------------------------------------------------------------------------------------------------------- */ | 45 | :focus /* remember to define focus styles! */ { |
| 2715 | 46 | 46 | outline: 0 | |
| 2716 | 47 | body { font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; font-size:100%; line-height:1.5em;} | 47 | } |
| 2717 | 48 | |||
| 2718 | 49 | body { | ||
| 2719 | 50 | line-height: 1 | ||
| 2720 | 51 | } | ||
| 2721 | 52 | |||
| 2722 | 53 | article, aside, details, dialog, figure, footer, header, hgroup, nav, section { | ||
| 2723 | 54 | display: block | ||
| 2724 | 55 | } | ||
| 2725 | 56 | |||
| 2726 | 57 | ol, ul { | ||
| 2727 | 58 | list-style-position: inside | ||
| 2728 | 59 | } | ||
| 2729 | 60 | |||
| 2730 | 61 | blockquote, q { | ||
| 2731 | 62 | quotes: none | ||
| 2732 | 63 | } | ||
| 2733 | 64 | |||
| 2734 | 65 | a { | ||
| 2735 | 66 | cursor: pointer; | ||
| 2736 | 67 | margin: 0; | ||
| 2737 | 68 | padding: 0; | ||
| 2738 | 69 | border: 0; | ||
| 2739 | 70 | font-size: 100%; | ||
| 2740 | 71 | color: #DD4814; | ||
| 2741 | 72 | vertical-align: baseline; | ||
| 2742 | 73 | background: transparent; | ||
| 2743 | 74 | text-decoration: none; | ||
| 2744 | 75 | } | ||
| 2745 | 76 | |||
| 2746 | 77 | ins { | ||
| 2747 | 78 | background-color: #ff9; | ||
| 2748 | 79 | color: #000; | ||
| 2749 | 80 | text-decoration: none; | ||
| 2750 | 81 | } | ||
| 2751 | 82 | |||
| 2752 | 83 | mark { | ||
| 2753 | 84 | background-color: #ff9; | ||
| 2754 | 85 | color: #000; | ||
| 2755 | 86 | font-style: italic; | ||
| 2756 | 87 | font-weight: bold; | ||
| 2757 | 88 | } | ||
| 2758 | 89 | |||
| 2759 | 90 | del { | ||
| 2760 | 91 | text-decoration: line-through | ||
| 2761 | 92 | } | ||
| 2762 | 93 | |||
| 2763 | 94 | abbr[title], dfn[title] { | ||
| 2764 | 95 | border-bottom: 1px dotted #000; | ||
| 2765 | 96 | cursor: help; | ||
| 2766 | 97 | } | ||
| 2767 | 98 | |||
| 2768 | 99 | table { | ||
| 2769 | 100 | border-collapse: collapse; | ||
| 2770 | 101 | border-spacing: 0; | ||
| 2771 | 102 | } | ||
| 2772 | 103 | |||
| 2773 | 104 | hr { | ||
| 2774 | 105 | display: block; | ||
| 2775 | 106 | height: 1px; | ||
| 2776 | 107 | border: 0; | ||
| 2777 | 108 | border-top: 1px solid #cccccc; | ||
| 2778 | 109 | margin: 1em 0; | ||
| 2779 | 110 | padding: 0; | ||
| 2780 | 111 | } | ||
| 2781 | 112 | |||
| 2782 | 113 | input, select { | ||
| 2783 | 114 | vertical-align: middle | ||
| 2784 | 115 | } | ||
| 2785 | 116 | |||
| 2786 | 117 | textarea { | ||
| 2787 | 118 | overflow: auto | ||
| 2788 | 119 | } | ||
| 2789 | 120 | |||
| 2790 | 121 | /* ----------------------------------------------------------------------------------------------------- | ||
| 2791 | 122 | */ | ||
| 2792 | 123 | |||
| 2793 | 124 | /* - Typography | ||
| 2794 | 125 | -------------------------------------------------------------------------------------------------------- | ||
| 2795 | 126 | */ | ||
| 2796 | 127 | |||
| 2797 | 128 | body { | ||
| 2798 | 129 | font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; | ||
| 2799 | 130 | font-size: 100%; | ||
| 2800 | 131 | line-height: 1.5em; | ||
| 2801 | 132 | } | ||
| 2802 | 133 | |||
| 2803 | 48 | h1, h2, h3 { | 134 | h1, h2, h3 { |
| 2805 | 49 | color: #333333; | 135 | color: #333333; |
| 2806 | 50 | font-weight: normal; | 136 | font-weight: normal; |
| 2808 | 51 | margin: 0px; | 137 | margin: 0px; |
| 2809 | 52 | } | 138 | } |
| 2810 | 53 | 139 | ||
| 2811 | 54 | h1 { | 140 | h1 { |
| 2816 | 55 | font-size: 36px; | 141 | font-size: 36px; |
| 2817 | 56 | line-height: 40px; | 142 | line-height: 40px; |
| 2818 | 57 | 143 | margin-top: 0px; | |
| 2815 | 58 | margin-top: 0px; | ||
| 2819 | 59 | margin-bottom: 0px; | 144 | margin-bottom: 0px; |
| 2820 | 60 | |||
| 2821 | 61 | } | 145 | } |
| 2822 | 62 | 146 | ||
| 2823 | 63 | h2 { | 147 | h2 { |
| 2828 | 64 | font-size: 24px; | 148 | font-size: 24px; |
| 2829 | 65 | line-height: 28px; | 149 | line-height: 28px; |
| 2830 | 66 | font-weight: normal; | 150 | font-weight: normal; |
| 2831 | 67 | margin-top: 16px; | 151 | margin-top: 16px; |
| 2832 | 68 | margin-bottom: 8px; | 152 | margin-bottom: 8px; |
| 2833 | 69 | } | 153 | } |
| 2834 | 70 | 154 | ||
| 2835 | 71 | h3 { | 155 | h3 { |
| 2840 | 72 | font-size: 16px; | 156 | font-size: 16px; |
| 2841 | 73 | line-height: 20px; | 157 | line-height: 20px; |
| 2842 | 74 | font-weight: normal; | 158 | font-weight: normal; |
| 2843 | 75 | margin-top: 16px; | 159 | margin-top: 16px; |
| 2844 | 76 | margin-bottom: 8px; | 160 | margin-bottom: 8px; |
| 2845 | 77 | } | 161 | } |
| 2846 | 78 | 162 | ||
| 2847 | 79 | p { | 163 | p { |
| 3095 | 80 | font-size: 12px; | 164 | font-size: 12px; |
| 3096 | 81 | line-height: 16px; | 165 | line-height: 16px; |
| 3097 | 82 | } | 166 | } |
| 3098 | 83 | 167 | ||
| 3099 | 84 | dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ } | 168 | dt { |
| 3100 | 85 | li { font-size: 12px; line-height: 16px; } | 169 | font-size: 0.75em; |
| 3101 | 86 | strong { font-weight:bold;} | 170 | font-weight: bold; |
| 3102 | 87 | em { font-style:italic; } | 171 | /* 16x0.75 =12 */ |
| 3103 | 88 | #top-logo { font-size:0.875em; /* 16x0.75 =12 */} | 172 | } |
| 3104 | 89 | #main-nav { font-size:0.875em; /* 16x0.875=14 */} | 173 | |
| 3105 | 90 | #sub-nav { font-size:0.75em; /* 16x0.75 =12 */} | 174 | li { |
| 3106 | 91 | .showcase-text { font-size:0.875em; /* 16x0.875=14 */ } | 175 | font-size: 12px; |
| 3107 | 92 | 176 | line-height: 16px; | |
| 3108 | 93 | 177 | } | |
| 3109 | 94 | /*- Layout | 178 | |
| 3110 | 95 | -------------------------------------------------------------------------------------------------------- */ | 179 | strong { |
| 3111 | 96 | 180 | font-weight: bold | |
| 3112 | 97 | .container { clear:both; margin:0 auto; position:relative; width:980px; } | 181 | } |
| 3113 | 98 | 182 | ||
| 3114 | 99 | #main-nav { display:inline; float:left; width:620px; } | 183 | em { |
| 3115 | 100 | .main-nav-item { margin:5px 10px; padding:10px; } | 184 | font-style: italic |
| 3116 | 101 | 185 | } | |
| 3117 | 102 | #top-logo { display:inline; float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px; width:280px; } | 186 | |
| 3118 | 103 | #the-logo { display:inline; float:right; } | 187 | #top-logo { |
| 3119 | 104 | 188 | font-size: 0.875em; | |
| 3120 | 105 | 189 | /* 16x0.75 =12 */ | |
| 3121 | 106 | #page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; } | 190 | } |
| 3122 | 107 | 191 | ||
| 3123 | 108 | #sub-nav-container { margin:0 10px 0px; padding-bottom:0px; width:940px; } | 192 | #main-nav { |
| 3124 | 109 | #sub-nav { display:inline float:left; margin-bottom:0px; padding:0px 10px 0px; padding-bottom:0px } | 193 | font-size: 0.875em; |
| 3125 | 110 | 194 | /* 16x0.875=14 */ | |
| 3126 | 111 | .sub-nav-item { margin:5px 10px; margin-bottom:0 padding-right:10px;} | 195 | } |
| 3127 | 112 | #pop-up-container { display:inline float:left; padding:10px; } | 196 | |
| 3128 | 113 | #pop-up-text { display:inline float:left; } | 197 | #sub-nav { |
| 3129 | 114 | #login-container { display:inline float:left; width:620px;} | 198 | font-size: 0.75em; |
| 3130 | 115 | 199 | /* 16x0.75 =12 */ | |
| 3131 | 116 | 200 | } | |
| 3132 | 117 | #searchbox-container { display:inline float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:300px;} | 201 | |
| 3133 | 118 | .showcase-item { display:inline; float:left; margin:5px 10px; padding:10px; width:280px;} | 202 | .showcase-text { |
| 3134 | 119 | .showcase-heading { margin:5px 0px 10px; width:280px;} | 203 | font-size: 0.875em; |
| 3135 | 120 | .showcase-subheading { margin:5px 0px 10px; width:280px;} | 204 | /* 16x0.875=14 */ |
| 3136 | 121 | .showcase-text { margin:5px 0px 10px; width:280px;} | 205 | } |
| 3137 | 122 | .showcase-figure { display:inline; float:left; margin:5px 10px; padding:10px; position:relative; width:600px;} | 206 | |
| 3138 | 123 | .showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;} | 207 | /* - Layout |
| 3139 | 124 | .showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;} | 208 | -------------------------------------------------------------------------------------------------------- |
| 3140 | 125 | 209 | */ | |
| 3141 | 126 | 210 | ||
| 3142 | 127 | #showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; } | 211 | .container { |
| 3143 | 128 | .showcase-nav-item { padding-right:10px;} | 212 | clear: both; |
| 3144 | 129 | .main-content { display:inline; clear:both; float:left; margin:5px 10px; padding:10px; width:920px; } | 213 | margin: 0 auto; |
| 3145 | 130 | .minor-content { display:inline; float:left; margin:5px 10px; padding:10px; width:440px; } | 214 | position: relative; |
| 3146 | 131 | .side-content { display:inline; float:left; margin:5px 10px; padding:10px; width:280px; } | 215 | width: 980px; |
| 3147 | 132 | .sub-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; } | 216 | } |
| 3148 | 133 | p { padding: 5px 0px 10px; } | 217 | |
| 3149 | 134 | 218 | #main-nav { | |
| 3150 | 135 | .divide { display:inline; border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; visibility:hidden; width:10px; } | 219 | display: inline; |
| 3151 | 136 | .divide-showcase { display:inline; border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; visibility:hidden; } | 220 | float: left; |
| 3152 | 137 | 221 | width: 620px; | |
| 3153 | 138 | #blog-posts { display:inline; float:left; margin:5px 10px; padding:10px; width:600px; } | 222 | } |
| 3154 | 139 | .blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;} | 223 | |
| 3155 | 140 | .post-figure { display:inline; float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;} | 224 | .main-nav-item { |
| 3156 | 141 | .post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;} | 225 | margin: 5px 10px; |
| 3157 | 142 | .post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;} | 226 | padding: 10px; |
| 3158 | 143 | .comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; } | 227 | } |
| 3159 | 144 | 228 | ||
| 3160 | 145 | 229 | .main-nav-item, .main-nav-item:visited { | |
| 3161 | 146 | #blog-aside { display:inline; float:left; margin:5px 10px; padding:0px; width:300px; } | 230 | display: inline; |
| 3162 | 147 | .widgets-aside { display:inline; float:left; margin:5px 0px 15px; padding:10px; width:280px; } | 231 | border-right: 1px solid #EF7149; |
| 3163 | 148 | 232 | border-bottom: 0; | |
| 3164 | 149 | .pagination { clear:both; text-align:center; } | 233 | border-top: 0; |
| 3165 | 150 | 234 | color: #fff; | |
| 3166 | 151 | 235 | float: left; | |
| 3167 | 152 | .footer-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; } | 236 | height: 70px; |
| 3168 | 153 | .foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; } | 237 | line-height: 70px; |
| 3169 | 154 | 238 | margin: 0px; | |
| 3170 | 155 | .plugin { margin: 0 -10px; padding:0px; position:relative; width:980px; } | 239 | padding: 0 15px; |
| 3171 | 156 | /*- Decoration | 240 | text-shadow: 1px 1px 1px #333; |
| 3172 | 157 | -------------------------------------------------------------------------------------------------------- */ | 241 | } |
| 3173 | 158 | 242 | ||
| 3174 | 159 | body { background:url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; } | 243 | .main-nav-item.current, .main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus { |
| 3175 | 160 | #page-header { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; height:70px; } | 244 | background: url(../images/mainnav.png) 0 0 repeat |
| 3176 | 161 | #page-header .container { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; } | 245 | } |
| 3177 | 162 | #top-logo { color:#fff; line-height:1.5em; text-align:right; } | 246 | |
| 3178 | 163 | #the-logo { padding-left:4px; } | 247 | #top-logo { |
| 3179 | 164 | #loco { display:inline; clear:both; float:right;} | 248 | display: inline; |
| 3180 | 165 | 249 | float: right; | |
| 3181 | 166 | 250 | margin: 5px 10px 5px 0px; | |
| 3182 | 167 | 251 | padding: 10px 10px 0px 0px; | |
| 3183 | 168 | #main-nav { border-left: 1px solid #EF7149; z-index:10;} | 252 | width: 280px; |
| 3184 | 169 | .main-nav-item, | 253 | } |
| 3185 | 170 | .main-nav-item:visited { display:inline; border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; } | 254 | |
| 3186 | 171 | .main-nav-item.current, | 255 | #the-logo { |
| 3187 | 172 | .main-nav-item:hover, | 256 | display: inline; |
| 3188 | 173 | .main-nav-item:active, | 257 | float: right; |
| 3189 | 174 | .main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; } | 258 | } |
| 3190 | 175 | 259 | ||
| 3191 | 176 | #page-related { background-color:#FFFFFF;} | 260 | #page-related { |
| 3192 | 177 | #sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-bottom:0px;} | 261 | background-image: none; |
| 3193 | 178 | #sub-nav { margin-bottom:0px; padding-bottom:0px;} | 262 | margin: 0 auto; |
| 3194 | 179 | .sub-nav-item, | 263 | padding: 0 10px 10px; |
| 3195 | 180 | .sub-nav-item:visited { display:inline; color:#333; float: left; line-height:40px; margin:0px; padding: 0 15px 0px; } | 264 | position: relative; |
| 3196 | 181 | .sub-nav-item.current, | 265 | width: 960px; |
| 3197 | 182 | .sub-nav-item:hover, | 266 | } |
| 3198 | 183 | .sub-nav-item:active, | 267 | |
| 3199 | 184 | .sub-nav-item:focus { background-color:#efefef; color:#DD4814; } | 268 | #sub-nav-container { |
| 3200 | 185 | 269 | margin: 0 10px 0px; | |
| 3201 | 186 | 270 | padding-bottom: 0px; | |
| 3202 | 187 | .login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; } | 271 | width: 940px; |
| 3203 | 188 | #username, | 272 | } |
| 3204 | 189 | #password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; } | 273 | |
| 3205 | 190 | #login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;} | 274 | #sub-nav { |
| 3206 | 191 | #login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} | 275 | display: inline float:left; |
| 3207 | 192 | #join, | 276 | margin-bottom: 0px; |
| 3208 | 193 | #join:visited { color:#333; } | 277 | padding: 0px 10px 0px; |
| 3209 | 194 | #join:hover, | 278 | padding-bottom: 0px; |
| 3210 | 195 | #join:active, | 279 | } |
| 3211 | 196 | #join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 280 | |
| 3212 | 197 | 281 | .sub-nav-item { | |
| 3213 | 198 | #pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; } | 282 | margin: 5px 10px; |
| 3214 | 199 | #searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 3px 7px 9px; padding:3px; width:180px;} | 283 | margin-bottom: 0 padding-right:10px; |
| 3215 | 200 | #searchbox:focus { background-color:#fff; border: 1px solid #DD4814; } | 284 | } |
| 3216 | 201 | #go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 0 7px 0px ; padding:2px;} | 285 | |
| 3217 | 202 | #go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;} | 286 | .sub-nav-item, .sub-nav-item:visited { |
| 3218 | 203 | #more-search, | 287 | display: inline; |
| 3219 | 204 | #more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:2px 3px; } | 288 | color: #333; |
| 3220 | 205 | #more-search:hover, | 289 | float: left; |
| 3221 | 206 | #more-search:active, | 290 | line-height: 40px; |
| 3222 | 207 | #more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; } | 291 | margin: 0px; |
| 3223 | 208 | 292 | padding: 0 15px 0px; | |
| 3224 | 209 | 293 | } | |
| 3225 | 210 | 294 | ||
| 3226 | 211 | 295 | .sub-nav-item.current, .sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus { | |
| 3227 | 212 | .showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; | 296 | background-color: #efefef; |
| 3228 | 213 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ | 297 | color: #DD4814; |
| 3229 | 214 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } | 298 | } |
| 3230 | 215 | 299 | ||
| 3231 | 216 | 300 | #pop-up-container { | |
| 3232 | 217 | #showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; height:40px; } | 301 | display: inline float:left; |
| 3233 | 218 | .showcase-nav-item, | 302 | padding: 10px; |
| 3234 | 219 | .showcase-nav-item:visited { display:inline; color:#333; float: left; line-height:40px; margin:0 1px; padding: 0 15px; } | 303 | } |
| 3235 | 220 | .showcase-nav-item:hover, | 304 | |
| 3236 | 221 | .showcase-nav-item:active, | 305 | #pop-up-text { |
| 3237 | 222 | .showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; } | 306 | display: inline float:left |
| 3238 | 223 | 307 | } | |
| 3239 | 224 | 308 | ||
| 3240 | 225 | 309 | #login-container { | |
| 3241 | 226 | #main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;} | 310 | display: inline float:left; |
| 3242 | 227 | 311 | width: 620px; | |
| 3243 | 228 | 312 | } | |
| 3244 | 229 | 313 | ||
| 3245 | 230 | .alone, | 314 | #searchbox-container { |
| 3246 | 231 | .leading, | 315 | display: inline float:right; |
| 3247 | 232 | .aggregator { display:inline; background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; float:left; } | 316 | margin: 0px 10px 5px 0px; |
| 3248 | 233 | 317 | padding: 0 0 0 10px; | |
| 3249 | 234 | .aggregator { margin:5px 10px;} | 318 | width: 300px; |
| 3250 | 235 | .aggregator .first { margin-left:0px;} | 319 | } |
| 3251 | 236 | .aggregator .last { margin-right:0px;} | 320 | |
| 3252 | 237 | 321 | .showcase-item { | |
| 3253 | 238 | .post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; } | 322 | display: inline; |
| 3254 | 239 | .post-meta { color:#999; font-size:0.85em; font-style:italic; } | 323 | float: left; |
| 3255 | 240 | .post-title-link, | 324 | margin: 5px 10px; |
| 3256 | 241 | .post-title-link:visited { color:#333; } | 325 | padding: 10px; |
| 3257 | 242 | .post-title-link:hover, | 326 | width: 280px; |
| 3258 | 243 | .post-title-link:active, | 327 | } |
| 3259 | 244 | .post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 328 | |
| 3260 | 245 | 329 | .showcase-heading { | |
| 3261 | 246 | .post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff; | 330 | margin: 5px 0px 10px; |
| 3262 | 247 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ | 331 | width: 280px; |
| 3263 | 248 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ } | 332 | } |
| 3264 | 249 | .pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; } | 333 | |
| 3265 | 250 | .pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; } | 334 | .showcase-subheading { |
| 3266 | 251 | .pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;} | 335 | margin: 5px 0px 10px; |
| 3267 | 252 | .pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; } | 336 | width: 280px; |
| 3268 | 253 | 337 | } | |
| 3269 | 254 | .widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; } | 338 | |
| 3270 | 255 | .widget-links { list-style:none; list-style-position:outside; } | 339 | .showcase-text { |
| 3271 | 256 | .a-item { display:block; margin-top:3px; } | 340 | margin: 5px 0px 10px; |
| 3272 | 257 | .side-link, | 341 | width: 280px; |
| 3273 | 258 | .side-link:visited { color: #333333; display:block; padding-right:3px; } | 342 | } |
| 3274 | 259 | .side-link:hover, | 343 | |
| 3275 | 260 | .side-link:active, | 344 | .showcase-figure { |
| 3276 | 261 | .side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; } | 345 | display: inline; |
| 3277 | 262 | 346 | float: left; | |
| 3278 | 263 | #login-widget { text-align:center;} | 347 | margin: 5px 10px; |
| 3279 | 264 | 348 | padding: 10px; | |
| 3280 | 265 | 349 | position: relative; | |
| 3281 | 266 | 350 | width: 600px; | |
| 3282 | 267 | 351 | } | |
| 3283 | 268 | #page-footer { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; } | 352 | |
| 3284 | 269 | #page-footer .container { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; } | 353 | .showcase-img { |
| 3285 | 270 | #page-footer .container div.copyright { | 354 | display: block; |
| 3286 | 271 | font-size: 10px; | 355 | margin: 0px; |
| 3287 | 272 | line-height: 14px; | 356 | padding: 0px; |
| 3288 | 273 | color: #aea79f; | 357 | position: relative; |
| 3289 | 274 | } | 358 | width: 600px; |
| 3290 | 275 | .footer-content dd { margin-bottom:15px;} | 359 | } |
| 3291 | 276 | .footer-links { list-style:none; text-indent:0px; list-style-position:outside; } | 360 | |
| 3292 | 277 | .footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; } | 361 | .showcase-caption { |
| 3293 | 278 | .foot-note { color:#999; font-style:italic;} | 362 | position: absolute; |
| 3294 | 279 | 363 | bottom: 0px; | |
| 3295 | 280 | .footer-link, | 364 | left: 0px; |
| 3296 | 281 | .footer-link:visited { color: #333333;} | 365 | margin: 0px 10px 10px; |
| 3297 | 282 | .footer-link:hover, | 366 | padding: 10px; |
| 3298 | 283 | .footer-link:active, | 367 | width: 580px; |
| 3299 | 284 | .footer-link:focus { color:#DD4814; text-decoration:underline; } | 368 | } |
| 3300 | 285 | 369 | ||
| 3301 | 286 | .footer-link-main, | 370 | #showcase-nav { |
| 3302 | 287 | .footer-link-main:visited { } | 371 | clear: both; |
| 3303 | 288 | .footer-link-main:hover, | 372 | margin: 5px 10px; |
| 3304 | 289 | .footer-link-main:active, | 373 | padding: 0px 10px; |
| 3305 | 290 | .footer-link-main:focus { color:#DD4814; text-decoration:underline; } | 374 | width: 920px; |
| 3306 | 291 | 375 | } | |
| 3307 | 292 | 376 | ||
| 3308 | 293 | 377 | .showcase-nav-item { | |
| 3309 | 294 | /*- Forum Decoration [Demo] | 378 | padding-right: 10px |
| 3310 | 295 | -------------------------------------------------------------------------------------------------------- */ | 379 | } |
| 3311 | 296 | 380 | ||
| 3312 | 297 | .forum-title { background-color:#efefef; margin:10px 0px; padding:20px;} | 381 | .showcase-nav-item, .showcase-nav-item:visited { |
| 3313 | 298 | 382 | display: inline; | |
| 3314 | 299 | .forum-item { border-top:1px dotted #999; } | 383 | color: #333; |
| 3315 | 300 | .cat-title, | 384 | float: left; |
| 3316 | 301 | .sub-sections { font-size:0.75em; /* 16x0.75 =12 */ } | 385 | line-height: 40px; |
| 3317 | 302 | 386 | margin: 0 1px; | |
| 3318 | 303 | .latest, | 387 | padding: 0 15px; |
| 3319 | 304 | .post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; } | 388 | } |
| 3320 | 305 | 389 | ||
| 3321 | 306 | 390 | .showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus { | |
| 3322 | 307 | .cat-title, | 391 | border: 1px solid #ddd; |
| 3323 | 308 | .post-count, | 392 | border-top: 0px solid; |
| 3324 | 309 | .latest { padding:10px; vertical-align:middle; } | 393 | border-bottom: 0px solid; |
| 3325 | 310 | 394 | background-color: #efefef; | |
| 3326 | 311 | 395 | color: #DD4814; | |
| 3327 | 312 | .forum-title-link, | 396 | margin: 0; |
| 3328 | 313 | .forum-title-link:visited { color:#333; } | 397 | } |
| 3329 | 314 | .forum-title-link:hover, | 398 | |
| 3330 | 315 | .forum-title-link:active, | 399 | .main-content { |
| 3331 | 316 | .forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; } | 400 | display: inline; |
| 3332 | 317 | 401 | clear: both; | |
| 3333 | 318 | .status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; } | 402 | float: left; |
| 3334 | 319 | .latest { width:180px; } | 403 | margin: 5px 10px; |
| 3335 | 320 | .post-count { width:120px; } | 404 | padding: 10px; |
| 3336 | 321 | .sub-sections { background-color:#efefef; padding:5px 10px 10px; } | 405 | width: 920px; |
| 3337 | 322 | .post-count { background-color:#efefef; } | 406 | } |
| 3338 | 323 | 407 | ||
| 3339 | 324 | .count { display:block; font-style:italic; } | 408 | .minor-content { |
| 3340 | 325 | 409 | display: inline; | |
| 3341 | 326 | /* KuZeKo web@kuzeko.com | 410 | float: left; |
| 3342 | 411 | margin: 5px 10px; | ||
| 3343 | 412 | padding: 10px; | ||
| 3344 | 413 | width: 440px; | ||
| 3345 | 414 | } | ||
| 3346 | 415 | |||
| 3347 | 416 | .side-content { | ||
| 3348 | 417 | display: inline; | ||
| 3349 | 418 | float: left; | ||
| 3350 | 419 | margin: 5px 10px; | ||
| 3351 | 420 | padding: 10px; | ||
| 3352 | 421 | width: 280px; | ||
| 3353 | 422 | } | ||
| 3354 | 423 | |||
| 3355 | 424 | .sub-content { | ||
| 3356 | 425 | display: inline; | ||
| 3357 | 426 | float: left; | ||
| 3358 | 427 | margin: 5px 10px; | ||
| 3359 | 428 | padding: 10px; | ||
| 3360 | 429 | width: 120px; | ||
| 3361 | 430 | } | ||
| 3362 | 431 | |||
| 3363 | 432 | p { | ||
| 3364 | 433 | padding: 5px 0px 10px | ||
| 3365 | 434 | } | ||
| 3366 | 435 | |||
| 3367 | 436 | .divide { | ||
| 3368 | 437 | display: inline; | ||
| 3369 | 438 | border: 0px solid; | ||
| 3370 | 439 | clear: both; | ||
| 3371 | 440 | font-size: 0px; | ||
| 3372 | 441 | height: 1px; | ||
| 3373 | 442 | margin: -1px 0px 0px; | ||
| 3374 | 443 | visibility: hidden; | ||
| 3375 | 444 | width: 10px; | ||
| 3376 | 445 | } | ||
| 3377 | 446 | |||
| 3378 | 447 | .divide-showcase { | ||
| 3379 | 448 | display: inline; | ||
| 3380 | 449 | border: 0px solid; | ||
| 3381 | 450 | clear: both; | ||
| 3382 | 451 | font-size: 0px; | ||
| 3383 | 452 | height: 1px; | ||
| 3384 | 453 | margin: -1px 0px 25px; | ||
| 3385 | 454 | visibility: hidden; | ||
| 3386 | 455 | } | ||
| 3387 | 456 | |||
| 3388 | 457 | #blog-posts { | ||
| 3389 | 458 | display: inline; | ||
| 3390 | 459 | float: left; | ||
| 3391 | 460 | margin: 5px 10px; | ||
| 3392 | 461 | padding: 10px; | ||
| 3393 | 462 | width: 600px; | ||
| 3394 | 463 | } | ||
| 3395 | 464 | |||
| 3396 | 465 | .blog-post { | ||
| 3397 | 466 | clear: both; | ||
| 3398 | 467 | margin-bottom: 10px; | ||
| 3399 | 468 | padding-bottom: 10px; | ||
| 3400 | 469 | } | ||
| 3401 | 470 | |||
| 3402 | 471 | .post-figure { | ||
| 3403 | 472 | display: inline; | ||
| 3404 | 473 | float: right; | ||
| 3405 | 474 | margin: 10px 0px 10px 10px; | ||
| 3406 | 475 | padding: 0px; | ||
| 3407 | 476 | position: relative; | ||
| 3408 | 477 | width: 260px; | ||
| 3409 | 478 | } | ||
| 3410 | 479 | |||
| 3411 | 480 | .post-img { | ||
| 3412 | 481 | display: block; | ||
| 3413 | 482 | margin: 0px; | ||
| 3414 | 483 | padding: 0px; | ||
| 3415 | 484 | position: relative; | ||
| 3416 | 485 | width: 260px; | ||
| 3417 | 486 | } | ||
| 3418 | 487 | |||
| 3419 | 488 | .post-img-caption { | ||
| 3420 | 489 | position: absolute; | ||
| 3421 | 490 | bottom: 0px; | ||
| 3422 | 491 | left: 0px; | ||
| 3423 | 492 | padding: 10px; | ||
| 3424 | 493 | width: 240px; | ||
| 3425 | 494 | } | ||
| 3426 | 495 | |||
| 3427 | 496 | .comments-count { | ||
| 3428 | 497 | clear: both; | ||
| 3429 | 498 | display: block; | ||
| 3430 | 499 | font-style: italic; | ||
| 3431 | 500 | color: #999; | ||
| 3432 | 501 | text-align: right; | ||
| 3433 | 502 | } | ||
| 3434 | 503 | |||
| 3435 | 504 | #blog-aside { | ||
| 3436 | 505 | display: inline; | ||
| 3437 | 506 | float: left; | ||
| 3438 | 507 | margin: 5px 10px; | ||
| 3439 | 508 | padding: 0px; | ||
| 3440 | 509 | width: 300px; | ||
| 3441 | 510 | } | ||
| 3442 | 511 | |||
| 3443 | 512 | .widgets-aside { | ||
| 3444 | 513 | display: inline; | ||
| 3445 | 514 | float: left; | ||
| 3446 | 515 | margin: 5px 0px 15px; | ||
| 3447 | 516 | padding: 10px; | ||
| 3448 | 517 | width: 280px; | ||
| 3449 | 518 | } | ||
| 3450 | 519 | |||
| 3451 | 520 | .pagination { | ||
| 3452 | 521 | clear: both; | ||
| 3453 | 522 | text-align: center; | ||
| 3454 | 523 | } | ||
| 3455 | 524 | |||
| 3456 | 525 | .footer-content { | ||
| 3457 | 526 | display: inline; | ||
| 3458 | 527 | float: left; | ||
| 3459 | 528 | margin: 5px 10px; | ||
| 3460 | 529 | padding: 10px; | ||
| 3461 | 530 | width: 120px; | ||
| 3462 | 531 | } | ||
| 3463 | 532 | |||
| 3464 | 533 | .footer-content dd { | ||
| 3465 | 534 | margin-bottom: 15px | ||
| 3466 | 535 | } | ||
| 3467 | 536 | |||
| 3468 | 537 | .foot-note { | ||
| 3469 | 538 | clear: both; | ||
| 3470 | 539 | margin: 15px 10px 0px; | ||
| 3471 | 540 | padding: 10px; | ||
| 3472 | 541 | width: 920px; | ||
| 3473 | 542 | } | ||
| 3474 | 543 | |||
| 3475 | 544 | .plugin { | ||
| 3476 | 545 | margin: 0 -10px; | ||
| 3477 | 546 | padding: 0px; | ||
| 3478 | 547 | position: relative; | ||
| 3479 | 548 | width: 980px; | ||
| 3480 | 549 | } | ||
| 3481 | 550 | |||
| 3482 | 551 | /* - Decoration | ||
| 3483 | 552 | -------------------------------------------------------------------------------------------------------- | ||
| 3484 | 553 | */ | ||
| 3485 | 554 | |||
| 3486 | 555 | body { | ||
| 3487 | 556 | background: url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; | ||
| 3488 | 557 | color: #333333; | ||
| 3489 | 558 | } | ||
| 3490 | 559 | |||
| 3491 | 560 | #page-header { | ||
| 3492 | 561 | background: url("../images/header.png") repeat-x scroll 0 0 #DD4814; | ||
| 3493 | 562 | height: 70px; | ||
| 3494 | 563 | } | ||
| 3495 | 564 | |||
| 3496 | 565 | #page-header .container { | ||
| 3497 | 566 | background: url("../images/header.png") repeat-x scroll 0 0 #DD4814 | ||
| 3498 | 567 | } | ||
| 3499 | 568 | |||
| 3500 | 569 | #top-logo { | ||
| 3501 | 570 | color: #fff; | ||
| 3502 | 571 | line-height: 1.5em; | ||
| 3503 | 572 | text-align: right; | ||
| 3504 | 573 | } | ||
| 3505 | 574 | |||
| 3506 | 575 | #the-logo { | ||
| 3507 | 576 | padding-left: 4px | ||
| 3508 | 577 | } | ||
| 3509 | 578 | |||
| 3510 | 579 | #loco { | ||
| 3511 | 580 | display: inline; | ||
| 3512 | 581 | clear: both; | ||
| 3513 | 582 | float: right; | ||
| 3514 | 583 | } | ||
| 3515 | 584 | |||
| 3516 | 585 | #main-nav { | ||
| 3517 | 586 | border-left: 1px solid #EF7149; | ||
| 3518 | 587 | z-index: 10; | ||
| 3519 | 588 | } | ||
| 3520 | 589 | |||
| 3521 | 590 | #page-related { | ||
| 3522 | 591 | background-color: #FFFFFF | ||
| 3523 | 592 | } | ||
| 3524 | 593 | |||
| 3525 | 594 | #sub-nav-container { | ||
| 3526 | 595 | background-color: #F7F7F7; | ||
| 3527 | 596 | border-bottom-left-radius: 8px; | ||
| 3528 | 597 | border-bottom-right-radius: 8px; | ||
| 3529 | 598 | padding-bottom: 0px; | ||
| 3530 | 599 | } | ||
| 3531 | 600 | |||
| 3532 | 601 | #sub-nav { | ||
| 3533 | 602 | margin-bottom: 0px; | ||
| 3534 | 603 | padding-bottom: 0px; | ||
| 3535 | 604 | } | ||
| 3536 | 605 | |||
| 3537 | 606 | .login-label { | ||
| 3538 | 607 | height: 16px; | ||
| 3539 | 608 | margin: 7px 0px 7px 9px; | ||
| 3540 | 609 | padding: 3px; | ||
| 3541 | 610 | } | ||
| 3542 | 611 | |||
| 3543 | 612 | #username, #password { | ||
| 3544 | 613 | background-color: #f0f0f0; | ||
| 3545 | 614 | border: 1px solid #CCCCCC; | ||
| 3546 | 615 | height: 16px; | ||
| 3547 | 616 | margin: 7px 0px 7px 9px; | ||
| 3548 | 617 | padding: 3px; | ||
| 3549 | 618 | width: 110px; | ||
| 3550 | 619 | } | ||
| 3551 | 620 | |||
| 3552 | 621 | #login { | ||
| 3553 | 622 | background-color: #f0f0f0; | ||
| 3554 | 623 | border: 1px solid #CCCCCC; | ||
| 3555 | 624 | height: 24px; | ||
| 3556 | 625 | margin: 7px 9px 7px 0px; | ||
| 3557 | 626 | padding: 2px; | ||
| 3558 | 627 | } | ||
| 3559 | 628 | |||
| 3560 | 629 | #login:hover { | ||
| 3561 | 630 | background-color: #f7f7f7; | ||
| 3562 | 631 | border: 1px solid #DD4814; | ||
| 3563 | 632 | } | ||
| 3564 | 633 | |||
| 3565 | 634 | #join:hover, #join:active, #join:focus { | ||
| 3566 | 635 | color: #DD4814; | ||
| 3567 | 636 | text-shadow: 1px 1px 2px #999; | ||
| 3568 | 637 | } | ||
| 3569 | 638 | |||
| 3570 | 639 | #join, #join:visited { | ||
| 3571 | 640 | color: #333 | ||
| 3572 | 641 | } | ||
| 3573 | 642 | |||
| 3574 | 643 | #pop-up-text { | ||
| 3575 | 644 | font-weight: bold; | ||
| 3576 | 645 | line-height: 20px; | ||
| 3577 | 646 | padding: 0px 5px; | ||
| 3578 | 647 | } | ||
| 3579 | 648 | |||
| 3580 | 649 | #searchbox { | ||
| 3581 | 650 | background-color: #f0f0f0; | ||
| 3582 | 651 | border: 1px solid #CCCCCC; | ||
| 3583 | 652 | height: 16px; | ||
| 3584 | 653 | margin: 7px 3px 7px 9px; | ||
| 3585 | 654 | padding: 3px; | ||
| 3586 | 655 | width: 180px; | ||
| 3587 | 656 | } | ||
| 3588 | 657 | |||
| 3589 | 658 | #searchbox:focus { | ||
| 3590 | 659 | background-color: #fff; | ||
| 3591 | 660 | border: 1px solid #DD4814; | ||
| 3592 | 661 | } | ||
| 3593 | 662 | |||
| 3594 | 663 | #go-search { | ||
| 3595 | 664 | background-color: #f0f0f0; | ||
| 3596 | 665 | border: 1px solid #CCCCCC; | ||
| 3597 | 666 | height: 24px; | ||
| 3598 | 667 | margin: 7px 0 7px 0px; | ||
| 3599 | 668 | padding: 2px; | ||
| 3600 | 669 | } | ||
| 3601 | 670 | |||
| 3602 | 671 | #go-search:hover { | ||
| 3603 | 672 | background-color: #f7f7f7; | ||
| 3604 | 673 | border: 1px solid #DD4814; | ||
| 3605 | 674 | } | ||
| 3606 | 675 | |||
| 3607 | 676 | #more-search:hover, #more-search:active, #more-search:focus { | ||
| 3608 | 677 | background-color: #f7f7f7; | ||
| 3609 | 678 | border: 1px solid #DD4814; | ||
| 3610 | 679 | color: #DD4814; | ||
| 3611 | 680 | text-shadow: 1px 1px 2px #999; | ||
| 3612 | 681 | } | ||
| 3613 | 682 | |||
| 3614 | 683 | #more-search, #more-search:visited { | ||
| 3615 | 684 | background-color: #f0f0f0; | ||
| 3616 | 685 | border: 1px solid #CCCCCC; | ||
| 3617 | 686 | color: #333; | ||
| 3618 | 687 | height: 16px; | ||
| 3619 | 688 | margin: 7px 7px 7px 0px; | ||
| 3620 | 689 | padding: 2px 3px; | ||
| 3621 | 690 | } | ||
| 3622 | 691 | |||
| 3623 | 692 | .showcase-caption { | ||
| 3624 | 693 | background-color: #000; | ||
| 3625 | 694 | background-color: rgba(0,0,0,0.4); | ||
| 3626 | 695 | color: #fff; | ||
| 3627 | 696 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); | ||
| 3628 | 697 | /* IE6,IE7 */ | ||
| 3629 | 698 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; | ||
| 3630 | 699 | /* IE8 */ | ||
| 3631 | 700 | } | ||
| 3632 | 701 | |||
| 3633 | 702 | #showcase-nav { | ||
| 3634 | 703 | background-color: #f7f7f7; | ||
| 3635 | 704 | border-radius: 8px; | ||
| 3636 | 705 | box-shadow: 0px 1px 1px #ccc; | ||
| 3637 | 706 | height: 40px; | ||
| 3638 | 707 | } | ||
| 3639 | 708 | |||
| 3640 | 709 | #main-section .container { | ||
| 3641 | 710 | background-color: #fff; | ||
| 3642 | 711 | background-image: none; | ||
| 3643 | 712 | padding: 0px 10px 10px; | ||
| 3644 | 713 | position: relative; | ||
| 3645 | 714 | width: 960px; | ||
| 3646 | 715 | } | ||
| 3647 | 716 | |||
| 3648 | 717 | .alone, .leading, .aggregator { | ||
| 3649 | 718 | display: inline; | ||
| 3650 | 719 | background-color: #f7f7f7; | ||
| 3651 | 720 | border-radius: 8px; | ||
| 3652 | 721 | box-shadow: 0px 1px 1px #ccc; | ||
| 3653 | 722 | float: left; | ||
| 3654 | 723 | } | ||
| 3655 | 724 | |||
| 3656 | 725 | .aggregator .first { | ||
| 3657 | 726 | margin-left: 0px | ||
| 3658 | 727 | } | ||
| 3659 | 728 | |||
| 3660 | 729 | .aggregator .last { | ||
| 3661 | 730 | margin-right: 0px | ||
| 3662 | 731 | } | ||
| 3663 | 732 | |||
| 3664 | 733 | .aggregator { | ||
| 3665 | 734 | margin: 5px 10px | ||
| 3666 | 735 | } | ||
| 3667 | 736 | |||
| 3668 | 737 | .post-header { | ||
| 3669 | 738 | border-bottom: 1px dotted #333333; | ||
| 3670 | 739 | margin-bottom: 10px; | ||
| 3671 | 740 | padding-bottom: 5px; | ||
| 3672 | 741 | } | ||
| 3673 | 742 | |||
| 3674 | 743 | .post-meta { | ||
| 3675 | 744 | color: #999; | ||
| 3676 | 745 | font-size: 0.85em; | ||
| 3677 | 746 | font-style: italic; | ||
| 3678 | 747 | } | ||
| 3679 | 748 | |||
| 3680 | 749 | .post-title-link:hover, .post-title-link:active, .post-title-link:focus { | ||
| 3681 | 750 | color: #DD4814; | ||
| 3682 | 751 | text-shadow: 1px 1px 2px #999; | ||
| 3683 | 752 | } | ||
| 3684 | 753 | |||
| 3685 | 754 | .post-title-link, .post-title-link:visited { | ||
| 3686 | 755 | color: #333 | ||
| 3687 | 756 | } | ||
| 3688 | 757 | |||
| 3689 | 758 | .post-img-caption { | ||
| 3690 | 759 | background-color: #000; | ||
| 3691 | 760 | background-color: rgba(0,0,0,0.4); | ||
| 3692 | 761 | color: #fff; | ||
| 3693 | 762 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); | ||
| 3694 | 763 | /* IE6,IE7 */ | ||
| 3695 | 764 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; | ||
| 3696 | 765 | /* IE8 */ | ||
| 3697 | 766 | } | ||
| 3698 | 767 | |||
| 3699 | 768 | .pagination { | ||
| 3700 | 769 | border-top: 1px solid #333; | ||
| 3701 | 770 | color: #fff; | ||
| 3702 | 771 | margin-top: 15px; | ||
| 3703 | 772 | padding-top: 15px; | ||
| 3704 | 773 | } | ||
| 3705 | 774 | |||
| 3706 | 775 | .pagination-item { | ||
| 3707 | 776 | border-bottom: 1px solid #333; | ||
| 3708 | 777 | color: #333; | ||
| 3709 | 778 | margin-right: 5px; | ||
| 3710 | 779 | padding: 2px 6px; | ||
| 3711 | 780 | } | ||
| 3712 | 781 | |||
| 3713 | 782 | .pagination-item:hover { | ||
| 3714 | 783 | border-bottom: 1px solid #DD4814; | ||
| 3715 | 784 | background-color: #f7f7f7; | ||
| 3716 | 785 | color: #DD4814; | ||
| 3717 | 786 | } | ||
| 3718 | 787 | |||
| 3719 | 788 | .pagination-item.current { | ||
| 3720 | 789 | background-color: #f7f7f7; | ||
| 3721 | 790 | border-bottom: 1px solid #333; | ||
| 3722 | 791 | color: #333; | ||
| 3723 | 792 | font-weight: bold; | ||
| 3724 | 793 | } | ||
| 3725 | 794 | |||
| 3726 | 795 | .widgets-aside { | ||
| 3727 | 796 | background-color: #f7f7f7; | ||
| 3728 | 797 | border-radius: 8px; | ||
| 3729 | 798 | box-shadow: 0px 1px 1px #ccc; | ||
| 3730 | 799 | } | ||
| 3731 | 800 | |||
| 3732 | 801 | .widget-links { | ||
| 3733 | 802 | list-style: none; | ||
| 3734 | 803 | list-style-position: outside; | ||
| 3735 | 804 | } | ||
| 3736 | 805 | |||
| 3737 | 806 | .a-item { | ||
| 3738 | 807 | display: block; | ||
| 3739 | 808 | margin-top: 3px; | ||
| 3740 | 809 | } | ||
| 3741 | 810 | |||
| 3742 | 811 | .side-link:hover, .side-link:active, .side-link:focus { | ||
| 3743 | 812 | background-color: #fff; | ||
| 3744 | 813 | border-right: 3px solid #DD4814; | ||
| 3745 | 814 | color: #DD4814; | ||
| 3746 | 815 | text-decoration: none; | ||
| 3747 | 816 | } | ||
| 3748 | 817 | |||
| 3749 | 818 | .side-link, .side-link:visited { | ||
| 3750 | 819 | color: #333333; | ||
| 3751 | 820 | display: block; | ||
| 3752 | 821 | padding-right: 3px; | ||
| 3753 | 822 | } | ||
| 3754 | 823 | |||
| 3755 | 824 | #login-widget { | ||
| 3756 | 825 | text-align: center | ||
| 3757 | 826 | } | ||
| 3758 | 827 | |||
| 3759 | 828 | #page-footer { | ||
| 3760 | 829 | background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA | ||
| 3761 | 830 | } | ||
| 3762 | 831 | |||
| 3763 | 832 | #page-footer .container { | ||
| 3764 | 833 | background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; | ||
| 3765 | 834 | padding: 0px 10px; | ||
| 3766 | 835 | width: 960px; | ||
| 3767 | 836 | } | ||
| 3768 | 837 | |||
| 3769 | 838 | #page-footer .container div.copyright { | ||
| 3770 | 839 | font-size: 10px; | ||
| 3771 | 840 | line-height: 14px; | ||
| 3772 | 841 | color: #aea79f; | ||
| 3773 | 842 | } | ||
| 3774 | 843 | |||
| 3775 | 844 | .footer-links { | ||
| 3776 | 845 | list-style: none; | ||
| 3777 | 846 | text-indent: 0px; | ||
| 3778 | 847 | list-style-position: outside; | ||
| 3779 | 848 | } | ||
| 3780 | 849 | |||
| 3781 | 850 | .footer-item { | ||
| 3782 | 851 | border-bottom: 1px dotted #333; | ||
| 3783 | 852 | display: block; | ||
| 3784 | 853 | margin-top: 3px; | ||
| 3785 | 854 | } | ||
| 3786 | 855 | |||
| 3787 | 856 | .foot-note { | ||
| 3788 | 857 | color: #999; | ||
| 3789 | 858 | font-style: italic; | ||
| 3790 | 859 | } | ||
| 3791 | 860 | |||
| 3792 | 861 | .footer-link:hover, .footer-link:active, .footer-link:focus { | ||
| 3793 | 862 | color: #DD4814; | ||
| 3794 | 863 | text-decoration: underline; | ||
| 3795 | 864 | } | ||
| 3796 | 865 | |||
| 3797 | 866 | .footer-link, .footer-link:visited { | ||
| 3798 | 867 | color: #333333 | ||
| 3799 | 868 | } | ||
| 3800 | 869 | |||
| 3801 | 870 | .footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus { | ||
| 3802 | 871 | color: #DD4814; | ||
| 3803 | 872 | text-decoration: underline; | ||
| 3804 | 873 | } | ||
| 3805 | 874 | |||
| 3806 | 875 | .footer-link-main, .footer-link-main:visited { | ||
| 3807 | 876 | |||
| 3808 | 877 | } | ||
| 3809 | 878 | |||
| 3810 | 879 | /* - Forum Decoration [Demo] | ||
| 3811 | 880 | -------------------------------------------------------------------------------------------------------- | ||
| 3812 | 881 | */ | ||
| 3813 | 882 | |||
| 3814 | 883 | .forum-title { | ||
| 3815 | 884 | background-color: #efefef; | ||
| 3816 | 885 | margin: 10px 0px; | ||
| 3817 | 886 | padding: 20px; | ||
| 3818 | 887 | } | ||
| 3819 | 888 | |||
| 3820 | 889 | .forum-item { | ||
| 3821 | 890 | border-top: 1px dotted #999 | ||
| 3822 | 891 | } | ||
| 3823 | 892 | |||
| 3824 | 893 | .cat-title, .sub-sections { | ||
| 3825 | 894 | font-size: 0.75em; | ||
| 3826 | 895 | /* 16x0.75 =12 */ | ||
| 3827 | 896 | } | ||
| 3828 | 897 | |||
| 3829 | 898 | .latest, .post-count { | ||
| 3830 | 899 | font-size: 0.75em; | ||
| 3831 | 900 | /* 16x0.75 =12 */ line-height: 1.2em; | ||
| 3832 | 901 | } | ||
| 3833 | 902 | |||
| 3834 | 903 | .cat-title, .post-count, .latest { | ||
| 3835 | 904 | padding: 10px; | ||
| 3836 | 905 | vertical-align: middle; | ||
| 3837 | 906 | } | ||
| 3838 | 907 | |||
| 3839 | 908 | .forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus { | ||
| 3840 | 909 | color: #DD4814; | ||
| 3841 | 910 | text-shadow: 1px 1px 2px #999; | ||
| 3842 | 911 | } | ||
| 3843 | 912 | |||
| 3844 | 913 | .forum-title-link, .forum-title-link:visited { | ||
| 3845 | 914 | color: #333 | ||
| 3846 | 915 | } | ||
| 3847 | 916 | |||
| 3848 | 917 | .status { | ||
| 3849 | 918 | background-color: #efefef; | ||
| 3850 | 919 | padding: 10px 5px; | ||
| 3851 | 920 | vertical-align: middle; | ||
| 3852 | 921 | width: 30px; | ||
| 3853 | 922 | } | ||
| 3854 | 923 | |||
| 3855 | 924 | .latest { | ||
| 3856 | 925 | width: 180px | ||
| 3857 | 926 | } | ||
| 3858 | 927 | |||
| 3859 | 928 | .post-count { | ||
| 3860 | 929 | width: 120px | ||
| 3861 | 930 | } | ||
| 3862 | 931 | |||
| 3863 | 932 | .sub-sections { | ||
| 3864 | 933 | background-color: #efefef; | ||
| 3865 | 934 | padding: 5px 10px 10px; | ||
| 3866 | 935 | } | ||
| 3867 | 936 | |||
| 3868 | 937 | .post-count { | ||
| 3869 | 938 | background-color: #efefef | ||
| 3870 | 939 | } | ||
| 3871 | 940 | |||
| 3872 | 941 | .count { | ||
| 3873 | 942 | display: block; | ||
| 3874 | 943 | font-style: italic; | ||
| 3875 | 944 | } | ||
| 3876 | 945 | |||
| 3877 | 946 | /** KuZeKo web@kuzeko.com | ||
| 3878 | 327 | -------------------------------------------------------------------------------------------------------- */ | 947 | -------------------------------------------------------------------------------------------------------- */ |
