Ticket #3243: default.2.diff
| File default.2.diff, 66.0 KB (added by , 15 years ago) |
|---|
-
default.css
1 /* > Global Elements 2 -------------------------------------------------------------- */ 3 1 /*-------------------------------------------------------------- 2 Hello, this is the main BuddyPress Default theme file. 3 Please see adminbar.css in this folder for the adminbar styling. 4 ---------------------------------------------------------------- 5 >>> TABLE OF CONTENTS: 6 ---------------------------------------------------------------- 7 1.0 - Reset - Based on work by Eric Meyer 8 2.0 - BuddyPress 9 2.1 - Activity 10 2.1.2 - Activity Listing 11 2.1.3 - Activity Comments 12 2.2 - Admin Bar 13 2.3 - Ajax Loading 14 2.4 - Data Tables 15 2.5 - Directories - Members, Groups, Blogs, Forums 16 2.6 - Forum Topics 17 2.7 - Items 18 2.7.1 - Item Headers 19 2.7.2 - Item Lists - Activity, Friend, Group Lists 20 2.7.3 - Item Tabs 21 2.8 - Private Messaging Threads 22 3.0 - Error / Success Messages 23 4.0 - Forms 24 4.1 - Buttons 25 5.0 - Navigation 26 5.1 - Pagination 27 6.0 - Structure 28 6.1 - Content 29 6.2 - Header 30 6.3 - Footer 31 6.4 - Sidebar 32 7.0 - Text Elements 33 7.1 - Headers 34 8.0 - WordPress 35 8.1 - Alignments 36 8.2 - Comments 37 8.3 - Gallery 38 8.4 - Images 39 8.5 - Lists 40 8.6 - Posts 41 --------------------------------------------------------------*/ 42 /*-------------------------------------------------------------- 43 >>> START STYLES 44 --------------------------------------------------------------*/ 45 /*-------------------------------------------------------------- 46 1.0 - Reset - Reset default browser CSS. Based on work by Eric 47 Meyer: v1.0 http://meyerweb.com/eric/tools/css/reset/index.html 48 --------------------------------------------------------------*/ 49 html, body, div, span, applet, object, iframe, 50 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 51 a, abbr, acronym, address, big, cite, code, 52 del, dfn, em, font, img, ins, kbd, q, s, samp, 53 small, strike, strong, sub, sup, tt, var, 54 b, u, i, center, 55 dl, dt, dd, ol, ul, li, 56 fieldset, form, label, legend, 57 table, caption, tbody, tfoot, thead, tr, th, td { 58 margin: 0; 59 padding: 0; 60 border: 0; 61 outline: 0; 62 font-size: 100%; 63 vertical-align: baseline; 64 background: transparent; 65 } 4 66 body { 5 background-color: #eaeaea; 6 background-image: url( ../images/background.gif ); 7 background-repeat: repeat-x; 8 background-position: top left; 9 font-size: 12px; 10 font-family: Arial, Tahoma, Verdana, sans-serif; 11 line-height: 170%; 12 color: #555; 13 width: 90%; 14 min-width: 960px; 15 max-width: 1250px; 16 margin: 0 auto; 67 background:#fff; 68 line-height: 1; 17 69 } 18 h1, 19 h2, 20 h3, 21 h4, 22 h5, 23 h6 { 24 margin: 5px 0 15px 0; 70 ol, ul { 71 list-style: none; 25 72 } 26 h1 { 27 font-size: 28px; 28 margin-bottom: 25px; 73 blockquote, q { 74 quotes: none; 29 75 } 30 h2 { 31 font-size: 24px; 32 margin-bottom: 20px; 76 blockquote:before, blockquote:after, 77 q:before, q:after { 78 content: ''; 79 content: none; 33 80 } 34 h3 { 35 font-size: 20px; 81 /* remember to define focus styles! */ 82 :focus { 83 outline: 0; 36 84 } 37 h4 { 38 font-size: 16px; 39 margin-bottom: 15px;85 /* remember to highlight inserts somehow! */ 86 ins { 87 text-decoration: none; 40 88 } 41 h5 { 42 font-size: 14px; 43 margin-bottom: 0; 89 del { 90 text-decoration: line-through; 44 91 } 45 h6 { 46 font-size: 12px; 47 margin-bottom: 0; 92 /* tables still need 'cellspacing="0"' in the markup */ 93 table { 94 border-collapse: collapse; 95 border-spacing: 0; 48 96 } 49 a { 50 color: #1fb3dd; 97 a img { border: none; } 98 /*-------------------------------------------------------------- 99 2.0 - BuddyPress 100 --------------------------------------------------------------*/ 101 /*-------------------------------------------------------------- 102 2.1 - Activity 103 --------------------------------------------------------------*/ 104 form#whats-new-form { 105 margin-bottom: 5px; 51 106 } 52 a:hover, 53 a:active { 107 #item-body form#whats-new-form { 108 margin: 20px 0 10px; 109 padding-bottom: 40px; 110 border-bottom: 1px solid #ddd; 111 } 112 .home-page form#whats-new-form { 113 border-bottom: none; 114 padding-bottom: 0; 115 } 116 form#whats-new-form h5 { 117 margin: 0; 118 font-weight: normal; 119 font-size: 12px; 54 120 color: #888; 121 margin-left: 76px; 122 padding: 0 0 3px 0; 55 123 } 56 a:focus{57 outline: 1px dotted #ccc;124 form#whats-new-form #whats-new-avatar { 125 float: left; 58 126 } 59 .padder { 60 padding: 19px; 127 form#whats-new-form #whats-new-content { 128 margin-left: 54px; 129 padding-left: 22px; 61 130 } 62 .clear { 63 clear: left; 131 form#whats-new-form #whats-new-textarea { 132 padding: 8px; 133 border: 1px inset #ccc; 134 background: #fff; 135 margin-bottom: 10px; 136 -moz-border-radius: 3px; 137 -webkit-border-radius: 3px; 138 border-radius: 3px; 64 139 } 65 p { 66 margin-bottom: 15px; 140 form#whats-new-form textarea { 141 width: 100%; 142 height: 50px; 143 font-size: 14px; 144 font-family: inherit; 145 color: #555; 146 border: none; 147 margin: 0; 148 padding: 0; 67 149 } 68 p:last-child{69 ma rgin-bottom: 0;150 form#whats-new-form #whats-new-options select { 151 max-width: 200px; 70 152 } 71 hr { 72 background-color: #e7e7e7; 73 border: 0 none; 74 clear: both; 75 height: 1px; 76 margin: 20px 0; 153 form#whats-new-form #whats-new-submit { 154 float: right; 155 margin: 0; 77 156 } 78 img.avatar { 157 /*-------------------------------------------------------------- 158 2.1.1 - Activity Listing 159 --------------------------------------------------------------*/ 160 ul.activity-list li { 161 padding: 15px 0 0; 162 overflow: hidden; 163 } 164 .activity-list .activity-avatar { 79 165 float: left; 80 border: 2px solid #eee;81 166 } 82 big{83 font-size: 18px;167 ul.activity-list > li:first-child { 168 padding-top: 5px; 84 169 } 85 del{86 text-decoration: line-through;170 ul.activity-list li.has-comments { 171 padding-bottom: 15px; 87 172 } 88 ins { 89 background: #fff9db; 90 text-decoration: none; 173 body.activity-permalink ul.activity-list li.has-comments { 174 padding-bottom: 0; 91 175 } 92 sub { 93 top: .5ex; 176 .activity-list li.mini { 177 position: relative; 178 font-size: 11px; 179 min-height: 35px; 180 padding: 15px 0 0 0; 94 181 } 95 sup{96 bottom: 1ex;182 .activity-list li.mini div.activity-meta { 183 margin: 0; 97 184 } 98 sub, 99 sup { 100 height: 0; 101 line-height: 1; 102 vertical-align: baseline; 103 position: relative; 185 .activity-list li.mini div.activity-meta a { 186 padding: 3px 8px; 104 187 } 105 106 107 /* > Admin Bar 108 -------------------------------------------------------------- */ 109 110 #wp-admin-bar .padder { 111 width: 90% !important; /* Line up the admin bar with the content body in this theme */ 188 .activity-list li.mini .activity-avatar img.avatar, 189 .activity-list li.mini .activity-avatar img.FB_profile_pic { 190 width: 20px; 191 height: 20px; 192 margin-left: 76px; 112 193 } 113 114 115 /* > Header 116 -------------------------------------------------------------- */ 117 118 #header { 119 -moz-border-radius-bottomleft: 6px; 120 -webkit-border-bottom-left-radius: 6px; 121 -moz-border-radius-bottomright: 6px; 122 -webkit-border-bottom-right-radius: 6px; 123 color: #fff; 194 .activity-list li.activity_comment .activity-avatar img.avatar, 195 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { 196 width: 40px; 197 height: 40px; 198 margin-left: 20px; 199 } 200 body.activity-permalink .activity-list > li:first-child { 201 padding-top: 0; 202 } 203 body.activity-permalink .activity-list li .activity-avatar img.avatar, 204 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { 205 width: 100px; 124 206 height: 100px; 125 margin-bottom: 20px; 126 padding-top: 25px; 207 margin-left: 0; 208 } 209 .activity-list li .activity-content { 127 210 position: relative; 128 z-index: 1000;129 211 } 130 #header #search-bar { 131 margin-top: 5px; 132 text-align: right; 133 width: 100%; 212 .activity-list li.mini .activity-content p { 213 margin: 0; 214 float: left; 134 215 } 135 #header #search-bar .padder { 136 padding: 10px 15px 0 20px; 216 .activity-list li .activity-meta { 217 position: absolute; 218 right: 0; 219 top: 0; 137 220 } 138 #header #search-bar input[type=text] { 139 -moz-border-radius: 3px; 140 -webkit-border-radius: 3px; 141 border-radius: 3px; 142 border: 1px inset #888; 143 padding: 2px; 144 margin-right: 4px; 221 body.activity-permalink .activity-list .activity-meta { 222 top: 18px; 223 right: 15px; 145 224 } 146 #header #search-bar input[type=submit] { 225 body.activity-permalink .activity-list li.mini .activity-meta { 226 position: absolute; 227 right: 15px; 228 } 229 .activity-list li.mini .activity-comments { 230 clear: left; 231 font-size: 12px; 232 margin-top: 30px; 233 } 234 .activity-list li .activity-inreplyto { 147 235 font-size: 11px; 148 padding: 1px 4px; 149 margin-left: 4px; 236 color: #888; 237 margin-left: 70px; 238 margin-bottom: 15px; 239 padding-left: 25px; 240 background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat; 150 241 } 151 #header h1 { 152 float: left; 242 .activity-list li .activity-inreplyto > p { 243 margin: 0; 244 display: inline; 245 } 246 .activity-list li .activity-inreplyto blockquote, 247 .activity-list li .activity-inreplyto div.activity-inner { 248 background: none; 249 border: none; 250 display: inline; 251 padding: 0; 252 margin: 0; 253 overflow: hidden; 254 } 255 .activity-list .activity-avatar img { 256 width: 50px; 257 height: 50px; 258 } 259 body.activity-permalink .activity-list .activity-avatar img { 260 width: 100px; 261 height: 100px; 262 } 263 .activity-list .activity-content { 264 margin-left: 70px; 265 } 266 body.activity-permalink .activity-list li .activity-content { 267 -moz-border-radius: 4px; 268 -webkit-border-radius: 4px; 269 border-radius: 4px; 270 background: #fff; 271 padding: 15px; 272 border-bottom: 1px solid #ddd; 273 border-right: 1px solid #ddd; 274 margin-left: 135px; 275 font-size: 16px; 276 line-height: 150%; 277 min-height: 35px; 278 margin-right: 0; 279 } 280 body.activity-permalink .activity-list li .activity-header > p { 281 background: url( ../images/activity_arrow.gif ) top left no-repeat; 282 margin-left: -35px; 283 padding: 5px 0 0 35px; 284 height: 35px; 153 285 margin-bottom: 0; 154 margin-top: 0;155 286 } 156 #header h1 a { 157 color: #fff; 158 font-size: 26px; 287 .activity-list .activity-content .activity-header, 288 .activity-list .activity-content .comment-header { 289 font-size: 11px; 290 color: #888; 291 line-height: 220%; 292 } 293 .activity-header { 294 margin-right: 130px; 295 } 296 .activity-list .activity-content .activity-header img.avatar { 297 float: none !important; 298 margin: 0 5px -8px 0 !important; 299 } 300 .activity-list .activity-header a:first-child, 301 .commentlist .depth-1 > .comment-content .comment-meta a:first-child, 302 span.highlight { 303 background: #ebf7ff; 304 border-bottom: 1px solid #a1dcfa; 305 border-right: 1px solid #a1dcfa; 306 color: #059ae7; 307 padding: 3px 8px; 159 308 text-decoration: none; 309 -moz-border-radius: 4px; 310 -webkit-border-radius: 4px; 311 border-radius: 4px; 312 margin-right: 3px; 160 313 } 161 162 163 /* > Navigation 164 -------------------------------------------------------------- */ 165 166 #nav { 314 .activity-list .activity-header a:first-child:hover { 315 background: #059ae7 !important; 316 color: #fff !important; 317 } 318 .activity-list .activity-content a:first-child:focus { 319 outline: none; 320 } 321 .activity-list .activity-content span.time-since, 322 .comment-content .comment-meta span.time-since { 323 color: #bbb; 324 } 325 .activity-list .activity-content span.activity-header-meta a { 326 background: none; 327 padding: 0; 328 font-size: 11px; 167 329 margin: 0; 168 padding: 0; 169 position: absolute; 170 right: 15px; 171 list-style: none; 172 bottom: 0; 173 max-width: 95%; 330 border: none; 331 color: #aaa; 332 text-decoration: underline; 174 333 } 175 #nav li a { 176 background: url( ../images/60pc_black.png ); 177 color: #fff; 178 display: block; 179 padding: 5px 15px; 334 .activity-list .activity-content span.activity-header-meta a:hover { 335 color: inherit; 180 336 text-decoration: none; 181 337 } 182 #nav li { 183 margin-left: 5px; 184 float: left; 338 .activity-list .activity-content .activity-inner, 339 .activity-list .activity-content blockquote { 340 margin: 15px 0 15px 5px; 341 overflow: hidden; 185 342 } 186 #nav li li { 343 body.activity-permalink .activity-content .activity-inner, 344 body.activity-permalink .activity-content blockquote { 187 345 margin-left: 0; 346 margin-top: 5px; 188 347 } 189 #nav > li > a { 190 -moz-border-radius-topleft: 3px; 191 -webkit-border-top-left-radius: 3px; 192 -moz-border-radius-topright: 3px; 193 -webkit-border-top-right-radius: 3px; 348 .activity-inner > .activity-inner { 349 margin: 0 !important; 194 350 } 195 #nav li.selected a, 196 #nav > li.current-menu-item a, 197 #nav > li.current_page_item a { 198 background: #f5f5f5; 351 .activity-inner > blockquote { 352 margin: 0 !important; 353 } 354 .activity-list .activity-content img.thumbnail { 355 float: left; 356 margin: 0 10px 5px 0; 357 border: 2px solid #eee; 358 } 359 .activity-read-more { 360 margin-left: 1em; 361 } 362 .activity-list li.load-more { 363 margin: 15px 0 !important; 364 padding: 10px 15px !important; 365 background: #f0f0f0 !important; 366 text-align: center; 367 font-size: 1.2em; 368 border-right: 1px solid #ddd; 369 border-bottom: 1px solid #ddd; 370 -moz-border-radius: 4px; 371 -webkit-border-radius: 4px; 372 border-radius: 4px; 373 } 374 .activity-list li.load-more a { 199 375 color: #555; 200 376 } 201 #nav > li > ul { 202 border-top-width: 0; 377 /*-------------------------------------------------------------- 378 2.1.2 - Activity Comments 379 --------------------------------------------------------------*/ 380 div.activity-meta { 381 margin: 0 0 20px 3px; 382 clear: left; 203 383 } 204 #nav > ul li.sfhover a, 205 #nav > ul li:hover a { 206 background: #333; 384 .activity-list div.activity-meta a { 385 font-size: 11px; 386 background: #f4f4f4; 387 border-bottom: 1px solid #ddd; 388 border-right: 1px solid #ddd; 389 color: #999; 390 padding: 4px 8px; 391 text-decoration: none; 392 -moz-border-radius: 4px; 393 -webkit-border-radius: 4px; 394 border-radius: 4px; 395 margin-right: 3px; 396 } 397 .activity-list div.activity-meta a.acomment-reply { 398 background: #fff9db; 399 border-bottom: 1px solid #ffe8c4; 400 border-right: 1px solid #ffe8c4; 401 color: #ffa200; 402 } 403 div.activity-meta a:focus { 404 outline: none; 405 } 406 div.activity-meta a:hover { 407 background: #aaa; 207 408 color: #fff; 409 border-color: #aaa; 208 410 } 209 #nav li.sfhover, 210 #nav li:hover { 411 div.activity-meta a.acomment-reply:hover { 412 background: #f7740a; 413 color: #fff; 414 border-color: #f7740a; 415 } 416 div.activity-comments { 211 417 position: relative; 212 z-index: 1000; 418 margin: 0 0 0 75px; 419 width: auto; 420 overflow: hidden; /* IE fix */ 213 421 } 214 #nav ul { 215 border: 1px solid #222; 216 -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 217 -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 218 -moz-border-radius: 3px; 219 -webkit-border-radius: 3px; 220 -moz-border-radius-topleft: 0; 221 -webkit-border-top-left-radius: 0; 222 -moz-border-radius-topright: 0; 223 -webkit-border-top-right-radius: 0; 422 body.activity-permalink div.activity-comments { 423 width: auto; 424 margin-left: 135px; 425 background: none; 224 426 } 225 #nav ul li ul { 226 -moz-border-radius: 3px; 227 -webkit-border-radius: 3px; 427 div.activity-comments > ul { 428 background: #f5f5f5; 429 -moz-border-radius: 4px; 430 -webkit-border-radius: 4px; 431 padding: 0 10px 0; 228 432 } 229 #nav ul, 230 #nav .sfhover ul ul, 231 #nav :hover ul ul { 232 left: -9999px; 233 position: absolute; 433 div.activity-comments ul, 434 div.activity-comments ul li { 435 border: none; 436 list-style: none; 234 437 } 235 #nav .sfhover ul, 236 #nav :hover ul { 237 left: 0; 238 top: 100%; 239 width: 128px; 438 div.activity-comments ul { 439 clear: left; 240 440 } 241 #nav .sfhover ul li > a, 242 #nav :hover ul li > a { 243 background: #333; 244 color: #fff; 441 div.activity-comments ul li { 442 border-top: 2px solid #fff; 443 padding: 10px 0 0; 245 444 } 246 #nav .sfhover ul .sfhover > ul, 247 #nav :hover ul :hover > ul { 248 left: 125px; 249 top: -1px; 250 width: 128px; 445 body.activity-permalink .activity-list li.mini .activity-comments { 446 clear: none; 447 margin-top: 0; 251 448 } 252 #nav ul li.sfhover > a, 253 #nav ul li:hover > a { 254 background-color: #222; 255 color: #fff; 449 body.activity-permalink div.activity-comments ul li { 450 border-width: 1px; 451 padding: 10px 0 0; 256 452 } 257 #nav .sfhover ul li, 258 #nav :hover ul li { 259 height: 30px; 260 line-height: 30px; 261 text-indent: 10px; 262 width: 128px; 453 .commentlist .comment-content a:first-child { 454 margin-bottom: 10px; 263 455 } 264 #nav .sfhover ul li a, 265 #nav :hover ul li a { 266 padding: 0 0; 456 div.activity-comments > ul > li:first-child { 457 border-top: none; 267 458 } 268 269 270 /* > Container 271 -------------------------------------------------------------- */ 272 273 div#container { 274 position: relative; 275 width: 100%; 276 -moz-border-radius: 6px; 277 -webkit-border-radius: 6px; 278 border-right: 1px solid #e0e0e0; 279 border-bottom: 1px solid #e0e0e0; 459 div.activity-comments ul li:last-child { 460 margin-bottom: 0; 461 } 462 div.activity-comments ul li > ul { 463 margin-top: 0; 464 margin-left: 20px; 465 } 466 body.activity-permalink div.activity-comments ul li > ul { 467 margin-top: 10px; 468 } 469 body.activity-permalink div.activity-comments > ul { 470 padding-left: 15px; 471 } 472 div.activity-comments div.acomment-avatar img { 473 border-width: 2px !important; 474 float: left; 475 margin-right: 10px; 476 } 477 div.activity-comments div.acomment-content { 478 font-size: 11px; 479 margin-left: 39px; 480 margin-top: 5px; 481 } 482 div.acomment-content .time-since { 483 display: none; 484 } 485 div.acomment-content .activity-delete-link { 486 display: none; 487 } 488 div.acomment-content .comment-header { 489 display: none; 490 } 491 body.activity-permalink div.activity-comments div.acomment-content { 492 font-size: 14px; 493 } 494 div.activity-comments div.acomment-meta { 495 font-size: 11px; 496 color: #888; 497 } 498 div.activity-comments form.ac-form { 499 display: none; 500 margin: 10px 0 10px 33px; 501 background: #fafafa; 502 border: 1px solid #ddd; 503 -moz-border-radius: 4px; 504 -webkit-border-radius: 4px; 505 border-radius: 4px; 506 padding: 8px; 507 } 508 div.activity-comments li form.ac-form { 509 margin-right: 15px; 510 } 511 div.activity-comments form.root { 512 margin-left: 0; 513 } 514 div.activity-comments div#message { 515 margin-top: 15px; 516 margin-bottom: 0; 517 } 518 div.activity-comments form.loading { 519 background-image: url( ../images/ajax-loader.gif ); 520 background-position: 2% 95%; 521 background-repeat: no-repeat; 522 } 523 div.activity-comments form .ac-textarea { 524 padding: 8px; 525 border: 1px inset #ccc; 280 526 background: #fff; 281 overflow: hidden; 527 margin-bottom: 10px; 528 -moz-border-radius: 3px; 529 -webkit-border-radius: 3px; 530 border-radius: 3px; 282 531 } 283 body.activity-permalink div#container { 284 background: none; 532 div.activity-comments form textarea { 533 width: 100%; 534 font-family: inherit; 535 font-size: 11px; 536 color: #555; 537 height: 60px; 285 538 border: none; 539 padding: 0; 286 540 } 287 288 289 /* > Sidebar 290 -------------------------------------------------------------- */ 291 292 div#sidebar { 293 float: left; 294 width: 224px; 295 margin-left: -226px; 296 margin-top: 1px; 297 border-left: 1px solid #ddd; 298 -moz-border-radius-topright: 3px; 299 -webkit-border-top-right-radius: 3px; 300 background: url( ../images/sidebar_back.gif ) top left repeat-x; 541 div.activity-comments form input { 542 margin-top: 5px; 301 543 } 302 div #sidebar div#sidebar-me img.avatar {544 div.activity-comments form div.ac-reply-avatar { 303 545 float: left; 304 margin: 0 10px 15px 0;305 546 } 306 div#sidebar div#sidebar-me h4 { 307 font-size: 16px; 308 margin: 0 0 8px 0; 309 font-weight: normal; 547 div.ac-reply-avatar img { 548 border: 2px solid #fff !important; 310 549 } 311 div#sidebar ul#bp-nav { 312 clear: left; 313 margin: 15px -16px; 550 div.activity-comments form div.ac-reply-content { 551 margin-left: 50px; 552 padding-left: 15px; 553 color: #888; 554 font-size: 11px; 314 555 } 315 div#sidebar ul#bp-nav li { 316 padding: 10px 15px; 556 /*-------------------------------------------------------------- 557 2.2 - Admin Bar 558 --------------------------------------------------------------*/ 559 #wp-admin-bar .padder { 560 width: 90% !important; /* Line up the admin bar with the content body in this theme */ 317 561 } 318 div#sidebar h3.widgettitle { 319 margin: 25px -20px 10px -19px; 562 /*-------------------------------------------------------------- 563 2.3 - Ajax Loading 564 --------------------------------------------------------------*/ 565 .ajax-loader { 566 background: url( ../images/ajax-loader.gif ) center left no-repeat !important; 567 padding: 8px; 568 display: none; 569 } 570 a.loading { 571 background-image: url( ../images/ajax-loader.gif ) !important; 572 background-position: 95% 50% !important; 573 background-repeat: no-repeat !important; 574 padding-right: 25px !important; 575 } 576 /*-------------------------------------------------------------- 577 2.4 - Data Tables 578 --------------------------------------------------------------*/ 579 table { 580 width: 100%; 581 } 582 table thead tr { 320 583 background: #eaeaea; 321 padding: 5px 15px;322 font-size: 12px;323 clear: left;324 584 } 325 #footer-widget-area .widget_search, 326 div#sidebar .widget_search { 327 margin-top: 20px;585 table#message-threads { 586 margin: 0 -19px; 587 width: auto; 328 588 } 329 #footer-widget-area .widget_search input[type=text], 330 div#sidebar .widget_search input[type=text] { 331 width: 110px; 332 padding: 2px; 589 table.profile-fields { 590 margin-bottom: 20px; 333 591 } 334 #footer-widget-area ul#recentcomments li, 335 #footer-widget-area .widget_recent_entries ul li, 336 div#sidebar ul#recentcomments li, 337 div#sidebar .widget_recent_entries ul li { 338 margin-bottom: 15px; 592 div#sidebar table { 593 margin: 0 -16px; 594 width: 117%; 339 595 } 340 #footer-widget-area ul.item-list img.avatar, 341 div#sidebar ul.item-list img.avatar { 342 width: 20px; 343 height: 20px; 344 margin-right: 10px; 596 table tr td, 597 table tr th { 598 padding: 8px; 599 vertical-align: middle; 345 600 } 346 #footer-widget-area div.item-avatar img, 347 div#sidebar div.item-avatar img { 601 table tr td.label { 602 border-right: 1px solid #eaeaea; 603 font-weight: bold; 604 width: 25%; 605 } 606 table tr td.thread-info p { 607 margin: 0; 608 } 609 table tr td.thread-info p.thread-excerpt { 610 color: #888; 611 font-size: 11px; 612 margin-top: 3px; 613 } 614 div#sidebar table td, 615 table.forum td { 616 text-align: center; 617 } 618 table tr.alt { 619 background: #f8f8f8; 620 } 621 table.notification-settings { 622 margin-bottom: 20px; 623 text-align: left; 624 } 625 table.notification-settings th.icon, 626 table.notification-settings td:first-child { 627 display: none; 628 } 629 table.notification-settings th.title { 630 width: 80%; 631 } 632 table.notification-settings .yes, 633 table.notification-settings .no { 348 634 width: 40px; 349 height: 40px; 350 margin: 1px; 635 text-align: center; 351 636 } 352 #footer-widget-area .avatar-block, 353 div#sidebar .avatar-block { 354 overflow: hidden;637 table.forum { 638 margin: 0 -19px; 639 width: auto; 355 640 } 356 #footer-widget-area ul.item-list div.item-title, 357 div#sidebar ul.item-list div.item-title { 358 font-size: 12px; 641 table.forum tr.sticky td { 642 background: #fff9db; 643 border-top: 1px solid #ffe8c4; 644 border-bottom: 1px solid #ffe8c4; 359 645 } 360 #footer-widget-area div.item-options, 361 div#sidebar div.item-options { 362 margin: -10px -20px 0 -19px; 363 background: #f8f8f8; 364 padding: 5px 15px; 646 table.forum tr.closed td.td-title { 647 padding-left: 35px; 648 background-image: url( ../images/closed.png ); 649 background-position: 15px 50%; 650 background-repeat: no-repeat; 651 } 652 table.forum td p.topic-text { 653 color: #888; 365 654 font-size: 11px; 366 655 } 367 #footer-widget-area div.item-content { 368 margin-left: 38px; 656 table.forum tr > td:first-child, 657 table.forum tr > th:first-child { 658 padding-left: 15px; 369 659 } 370 #footer-widget-area div.item-meta, 371 div#sidebar div.item-meta, 372 div#sidebar div.item-content { 373 margin-left: 38px; 660 table.forum tr > td:last-child, 661 table.forum tr > th:last-child { 662 padding-right: 15px; 663 } 664 table.forum tr th#th-title, 665 table.forum tr th#th-poster, 666 table.forum tr th#th-group, 667 table.forum td.td-poster, 668 table.forum td.td-group, 669 table.forum td.td-title { 670 text-align: left; 671 } 672 table.forum td.td-freshness { 374 673 font-size: 11px; 674 color: #888; 675 white-space: nowrap; 676 width: 150px; 375 677 } 376 #footer-widget-area div.tags div#tag-text, 377 div#sidebar div.tags div#tag-text { 378 font-size: 1.4em; 379 line-height: 140%; 380 padding-top: 10px; 678 table.forum td img.avatar { 679 margin-right: 5px; 381 680 } 382 383 384 /* > Content 385 -------------------------------------------------------------- */ 386 387 div#content { 388 float: left; 681 table.forum td.td-poster, 682 table.forum td.td-group { 683 min-width: 140px; 684 } 685 table.forum th#th-title { 389 686 width: 100%; 390 -moz-border-radius-topleft: 6px;391 -webkit-border-top-left-radius: 6px;392 -moz-border-radius-bottomleft: 6px;393 -webkit-border-bottom-left-radius: 6px;394 687 } 395 div#content .padder { 396 margin-right: 225px; 397 border-right: 1px solid #ddd; 398 -moz-border-radius-topleft: 6px; 399 -webkit-border-top-left-radius: 6px; 400 -moz-border-radius-bottomleft: 6px; 401 -webkit-border-bottom-left-radius: 6px; 688 table.forum th#th-postcount { 689 width: 50px; 402 690 } 403 div#content .one-column { 404 margin-right: 0; 405 border-right: 0 none; 691 /*-------------------------------------------------------------- 692 2.5 - Directories - Members, Groups, Blogs, Forums 693 --------------------------------------------------------------*/ 694 div.dir-search { 695 float: right; 696 margin: -39px 0 0 0; 406 697 } 407 div #content .left-menu{408 float: left;409 width: 170px;698 div.dir-search input[type=text] { 699 padding: 0 3px; 700 font-size: 12px; 410 701 } 411 div#content .main-column { 412 margin-left: 190px; 702 /*-------------------------------------------------------------- 703 2.6 - Forum Topics 704 --------------------------------------------------------------*/ 705 ul#topic-post-list { 706 margin: 0px -19px 15px; 707 width: auto; 413 708 } 414 415 416 /* > Item Headers (Profiles, Groups) 417 -------------------------------------------------------------- */ 418 709 ul#topic-post-list li { 710 padding: 15px; 711 position: relative; 712 } 713 ul#topic-post-list li.alt { 714 background: #f8f8f8; 715 } 716 ul#topic-post-list li div.poster-meta { 717 margin-bottom: 10px; 718 color: #888; 719 } 720 ul#topic-post-list li div.post-content { 721 margin-left: 54px; 722 } 723 div.topic-tags { 724 font-size: 11px; 725 } 726 div.admin-links { 727 position: absolute; 728 top: 15px; 729 right: 25px; 730 color: #888; 731 font-size: 11px; 732 } 733 div#topic-meta { 734 padding: 5px 19px 30px; 735 margin: -10px -19px; 736 position: relative; 737 } 738 div#topic-meta div.admin-links { 739 right: 19px; 740 top: -36px; 741 } 742 div#topic-meta h3 { 743 font-size: 20px; 744 margin: 5px 0; 745 } 746 div#new-topic-post { 747 display: none; 748 margin: 20px 0 0 0; 749 padding: 1px 0 0 0; 750 } 751 /*-------------------------------------------------------------- 752 2.7 - Items 753 --------------------------------------------------------------*/ 754 .item-body { 755 margin: 20px 0; 756 } 757 span.activity, 758 div#message p { 759 display: inline-block; 760 font-size: 11px; 761 font-weight: normal; 762 background: #fff9db; 763 border-bottom: 1px solid #ffe8C4; 764 border-right: 1px solid #ffe8C4; 765 color: #ffa200; 766 padding: 1px 8px; 767 margin-top: 6px; 768 text-decoration: none; 769 -moz-border-radius: 3px; 770 -webkit-border-radius: 3px; 771 border-radius: 3px; 772 } 773 /*-------------------------------------------------------------- 774 2.7.1 - Item Headers 775 --------------------------------------------------------------*/ 419 776 div#item-header { 420 777 overflow: hidden; 421 778 } … … 507 864 div#item-header div#message.info { 508 865 line-height: 80%; 509 866 } 510 511 512 /* > Item Lists (Activity, Friend, Group lists) 513 -------------------------------------------------------------- */ 514 867 /*-------------------------------------------------------------- 868 2.7.2 - Item Lists - Activity, Friend, Group Lists 869 --------------------------------------------------------------*/ 515 870 ul.item-list { 516 871 width: 100%; 517 872 } … … 560 915 font-size: 11px; 561 916 float: right; 562 917 } 563 564 565 /* > Item Tabs 566 -------------------------------------------------------------- */ 567 918 /*-------------------------------------------------------------- 919 2.7.3 - Item Tabs 920 --------------------------------------------------------------*/ 568 921 div.item-list-tabs { 569 922 clear: left; 570 923 overflow: hidden; … … 644 997 background: url( ../images/rss.png ) center left no-repeat; 645 998 padding-left: 20px; 646 999 } 647 648 649 /* > Item Body 650 -------------------------------------------------------------- */ 651 652 .item-body { 653 margin: 20px 0; 1000 /*-------------------------------------------------------------- 1001 2.8 - Private Messaging Threads 1002 --------------------------------------------------------------*/ 1003 table#message-threads tr.unread td { 1004 background: #fff9db; 1005 border-top: 1px solid #ffe8c4; 1006 border-bottom: 1px solid #ffe8c4; 1007 font-weight: bold; 654 1008 } 655 span.activity, 656 div#message p { 657 display: inline-block; 658 font-size: 11px; 659 font-weight: normal; 660 background: #fff9db; 661 border-bottom: 1px solid #ffe8C4; 662 border-right: 1px solid #ffe8C4; 663 color: #ffa200; 664 padding: 1px 8px; 665 margin-top: 6px; 666 text-decoration: none; 1009 table#message-threads tr.unread td span.activity { 1010 background: #fff; 1011 } 1012 li span.unread-count, 1013 tr.unread span.unread-count { 1014 background: #dd0000; 1015 padding: 2px 8px; 1016 color: #fff; 1017 font-weight: bold; 667 1018 -moz-border-radius: 3px; 668 1019 -webkit-border-radius: 3px; 669 1020 border-radius: 3px; 670 1021 } 671 672 673 /* > Directories (Members, Groups, Blogs, Forums) 674 -------------------------------------------------------------- */ 675 676 div.dir-search { 677 float: right; 678 margin: -39px 0 0 0; 1022 div.item-list-tabs ul li a span.unread-count { 1023 padding: 1px 6px; 1024 color: #fff; 679 1025 } 680 div.dir-search input[type=text] { 681 padding: 0 3px; 682 font-size: 12px; 1026 div.messages-options-nav { 1027 font-size: 11px; 1028 background: #eee; 1029 text-align: right; 1030 margin: 0 -19px; 1031 padding: 5px 15px; 683 1032 } 684 685 686 /* > Pagination 687 -------------------------------------------------------------- */ 688 689 div.pagination { 690 margin: -20px -19px 0px -19px; 691 padding: 8px 20px; 692 color: #888; 693 font-size: 11px; 694 height: 19px; 1033 div#message-thread div.message-box { 1034 margin: 0 -19px; 1035 padding: 15px; 1036 } 1037 div#message-thread div.alt { 695 1038 background: #f4f4f4; 696 border: none;697 position: relative;698 1039 } 699 div.pagination .pag-count { 1040 div#message-thread p#message-recipients { 1041 margin: 10px 0 20px 0; 1042 } 1043 div#message-thread img.avatar { 700 1044 float: left; 1045 margin: 0 10px 0 0; 1046 vertical-align: middle; 701 1047 } 702 div.pagination .pagination-links { 703 float: right; 1048 div#message-thread strong { 1049 margin: 0; 1050 font-size: 16px; 704 1051 } 705 div.pagination .pagination-links span, 706 div.pagination .pagination-links a { 707 font-size: 12px; 708 padding: 0 5px; 1052 div#message-thread strong a { 1053 text-decoration: none; 709 1054 } 710 div .pagination .pagination-links a:hover{711 font-weight: bold;1055 div#message-thread strong span.activity { 1056 margin: 4px 0 0 10px; 712 1057 } 713 div# pag-bottom{714 margin-top: -1px;1058 div#message-thread div.message-metadata { 1059 overflow: hidden; 715 1060 } 716 717 718 /* > Error / Success Messages 719 -------------------------------------------------------------- */ 720 1061 div#message-thread div.message-content { 1062 margin-left: 45px; 1063 } 1064 div#message-thread div.message-options { 1065 text-align: right; 1066 } 1067 /*-------------------------------------------------------------- 1068 3.0 - Errors / Success Messages 1069 --------------------------------------------------------------*/ 721 1070 div#message { 722 1071 margin: 15px 0; 723 1072 } … … 750 1099 width: 90%; 751 1100 margin: 0 0 10px 0; 752 1101 } 753 754 755 /* > Buttons756 -------------------------------------------------------------- */757 758 button,759 a.button,760 input[type=submit],761 input[type=button],762 input[type=reset],763 ul.button-nav li a,764 div.generic-button a {765 background: url( ../images/white-grad.png ) top left repeat-x;766 border: 1px solid #ddd;767 padding: 3px 10px;768 -moz-border-radius: 3px;769 -webkit-border-radius: 3px;770 border-radius: 3px;771 text-decoration: none;772 color: #888;773 font-size: 12px;774 font-weight: normal;775 vertical-align: bottom;776 cursor: pointer;777 }778 button:hover,779 a.button:hover,780 a.button:focus,781 input[type=submit]:hover,782 input[type=button]:hover,783 input[type=reset]:hover,784 ul.button-nav li a:hover,785 ul.button-nav li.current a,786 div.generic-button a:hover {787 border-color: #aaa;788 color: #555;789 outline: none;790 }791 792 /* Buttons that are disabled */793 1102 button.pending, 794 1103 button.disabled, 795 1104 div.pending a, … … 817 1126 ul.button-nav li.current a { 818 1127 font-weight: bold; 819 1128 } 820 821 822 /* > AJAX Loaders 823 -------------------------------------------------------------- */ 824 825 .ajax-loader { 826 background: url( ../images/ajax-loader.gif ) center left no-repeat !important; 827 padding: 8px; 828 display: none; 829 } 830 a.loading { 831 background-image: url( ../images/ajax-loader.gif ) !important; 832 background-position: 95% 50% !important; 833 background-repeat: no-repeat !important; 834 padding-right: 25px !important; 835 } 836 837 838 /* > Input Forms 839 -------------------------------------------------------------- */ 840 1129 /*-------------------------------------------------------------- 1130 4.0 - Forms 1131 --------------------------------------------------------------*/ 841 1132 .standard-form textarea, 842 1133 .standard-form input[type=text], 843 1134 .standard-form select, … … 968 1259 border: 1px solid #e4e4e4; 969 1260 margin: 10px 0; 970 1261 } 971 972 973 /* > Data Tables 974 -------------------------------------------------------------- */ 975 976 table { 977 width: 100%; 978 } 979 table thead tr { 980 background: #eaeaea; 981 } 982 table#message-threads { 983 margin: 0 -19px; 984 width: auto; 985 } 986 table.profile-fields { 987 margin-bottom: 20px; 988 } 989 div#sidebar table { 990 margin: 0 -16px; 991 width: 117%; 992 } 993 table tr td, 994 table tr th { 995 padding: 8px; 996 vertical-align: middle; 997 } 998 table tr td.label { 999 border-right: 1px solid #eaeaea; 1000 font-weight: bold; 1001 width: 25%; 1002 } 1003 table tr td.thread-info p { 1004 margin: 0; 1005 } 1006 table tr td.thread-info p.thread-excerpt { 1262 /*-------------------------------------------------------------- 1263 4.1 - Buttons 1264 --------------------------------------------------------------*/ 1265 button, 1266 a.button, 1267 input[type=submit], 1268 input[type=button], 1269 input[type=reset], 1270 ul.button-nav li a, 1271 div.generic-button a { 1272 background: url( ../images/white-grad.png ) top left repeat-x; 1273 border: 1px solid #ddd; 1274 padding: 3px 10px; 1275 -moz-border-radius: 3px; 1276 -webkit-border-radius: 3px; 1277 border-radius: 3px; 1278 text-decoration: none; 1007 1279 color: #888; 1008 font-size: 11px; 1009 margin-top: 3px; 1280 font-size: 12px; 1281 font-weight: normal; 1282 vertical-align: bottom; 1283 cursor: pointer; 1010 1284 } 1011 div#sidebar table td, 1012 table.forum td { 1013 text-align: center; 1285 button:hover, 1286 a.button:hover, 1287 a.button:focus, 1288 input[type=submit]:hover, 1289 input[type=button]:hover, 1290 input[type=reset]:hover, 1291 ul.button-nav li a:hover, 1292 ul.button-nav li.current a, 1293 div.generic-button a:hover { 1294 border-color: #aaa; 1295 color: #555; 1296 outline: none; 1014 1297 } 1015 table tr.alt { 1016 background: #f8f8f8; 1298 /*-------------------------------------------------------------- 1299 5.0 - Navigation 1300 --------------------------------------------------------------*/ 1301 a { 1302 color: #1fb3dd; 1017 1303 } 1018 table.notification-settings { 1019 margin-bottom: 20px; 1020 text-align: left; 1021 } 1022 table.notification-settings th.icon, 1023 table.notification-settings td:first-child { 1024 display: none; 1025 } 1026 table.notification-settings th.title { 1027 width: 80%; 1028 } 1029 table.notification-settings .yes, 1030 table.notification-settings .no { 1031 width: 40px; 1032 text-align: center; 1033 } 1034 table.forum { 1035 margin: 0 -19px; 1036 width: auto; 1037 } 1038 table.forum tr.sticky td { 1039 background: #fff9db; 1040 border-top: 1px solid #ffe8c4; 1041 border-bottom: 1px solid #ffe8c4; 1042 } 1043 table.forum tr.closed td.td-title { 1044 padding-left: 35px; 1045 background-image: url( ../images/closed.png ); 1046 background-position: 15px 50%; 1047 background-repeat: no-repeat; 1048 } 1049 table.forum td p.topic-text { 1304 a:hover, 1305 a:active { 1050 1306 color: #888; 1051 font-size: 11px;1052 1307 } 1053 table.forum tr > td:first-child, 1054 table.forum tr > th:first-child { 1055 padding-left: 15px; 1308 a:focus { 1309 outline: 1px dotted #ccc; 1056 1310 } 1057 table.forum tr > td:last-child, 1058 table.forum tr > th:last-child { 1059 padding-right: 15px; 1311 #nav { 1312 margin: 0; 1313 padding: 0; 1314 position: absolute; 1315 right: 15px; 1316 list-style: none; 1317 bottom: 0; 1318 max-width: 95%; 1060 1319 } 1061 table.forum tr th#th-title, 1062 table.forum tr th#th-poster, 1063 table.forum tr th#th-group, 1064 table.forum td.td-poster, 1065 table.forum td.td-group, 1066 table.forum td.td-title { 1067 text-align: left; 1320 #nav li a { 1321 background: url( ../images/60pc_black.png ); 1322 color: #fff; 1323 display: block; 1324 padding: 5px 15px; 1325 text-decoration: none; 1068 1326 } 1069 table.forum td.td-freshness { 1070 font-size: 11px; 1071 color: #888; 1072 white-space: nowrap; 1073 width: 150px; 1327 #nav li { 1328 margin-left: 5px; 1329 float: left; 1074 1330 } 1075 table.forum td img.avatar{1076 margin- right: 5px;1331 #nav li li { 1332 margin-left: 0; 1077 1333 } 1078 table.forum td.td-poster, 1079 table.forum td.td-group { 1080 min-width: 140px; 1334 #nav > li > a { 1335 -moz-border-radius-topleft: 3px; 1336 -webkit-border-top-left-radius: 3px; 1337 -moz-border-radius-topright: 3px; 1338 -webkit-border-top-right-radius: 3px; 1081 1339 } 1082 table.forum th#th-title { 1083 width: 100%; 1340 #nav li.selected a, 1341 #nav > li.current-menu-item a, 1342 #nav > li.current_page_item a { 1343 background: #f5f5f5; 1344 color: #555; 1084 1345 } 1085 table.forum th#th-postcount{1086 width: 50px;1346 #nav > li > ul { 1347 border-top-width: 0; 1087 1348 } 1088 1089 1090 /* > Activity Stream Posting 1091 -------------------------------------------------------------- */ 1092 1093 form#whats-new-form { 1094 margin-bottom: 5px; 1349 #nav > ul li.sfhover a, 1350 #nav > ul li:hover a { 1351 background: #333; 1352 color: #fff; 1095 1353 } 1096 # item-body form#whats-new-form {1097 margin: 20px 0 10px; 1098 p adding-bottom: 40px;1099 border-bottom: 1px solid #ddd;1354 #nav li.sfhover, 1355 #nav li:hover { 1356 position: relative; 1357 z-index: 1000; 1100 1358 } 1101 .home-page form#whats-new-form { 1102 border-bottom: none; 1103 padding-bottom: 0; 1359 #nav ul { 1360 border: 1px solid #222; 1361 -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1362 -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1363 -moz-border-radius: 3px; 1364 -webkit-border-radius: 3px; 1365 -moz-border-radius-topleft: 0; 1366 -webkit-border-top-left-radius: 0; 1367 -moz-border-radius-topright: 0; 1368 -webkit-border-top-right-radius: 0; 1104 1369 } 1105 form#whats-new-form h5 { 1106 margin: 0; 1107 font-weight: normal; 1108 font-size: 12px; 1109 color: #888; 1110 margin-left: 76px; 1111 padding: 0 0 3px 0; 1112 } 1113 form#whats-new-form #whats-new-avatar { 1114 float: left; 1115 } 1116 form#whats-new-form #whats-new-content { 1117 margin-left: 54px; 1118 padding-left: 22px; 1119 } 1120 form#whats-new-form #whats-new-textarea { 1121 padding: 8px; 1122 border: 1px inset #ccc; 1123 background: #fff; 1124 margin-bottom: 10px; 1370 #nav ul li ul { 1125 1371 -moz-border-radius: 3px; 1126 1372 -webkit-border-radius: 3px; 1127 border-radius: 3px;1128 1373 } 1129 form#whats-new-form textarea { 1130 width: 100%; 1131 height: 50px; 1132 font-size: 14px; 1133 font-family: inherit; 1134 color: #555; 1135 border: none; 1136 margin: 0; 1137 padding: 0; 1374 #nav ul, 1375 #nav .sfhover ul ul, 1376 #nav :hover ul ul { 1377 left: -9999px; 1378 position: absolute; 1138 1379 } 1139 form#whats-new-form #whats-new-options select { 1140 max-width: 200px; 1380 #nav .sfhover ul, 1381 #nav :hover ul { 1382 left: 0; 1383 top: 100%; 1384 width: 128px; 1141 1385 } 1142 form#whats-new-form #whats-new-submit { 1143 float: right; 1144 margin: 0; 1386 #nav .sfhover ul li > a, 1387 #nav :hover ul li > a { 1388 background: #333; 1389 color: #fff; 1145 1390 } 1146 1147 1148 /* > Activity Stream Listing 1149 -------------------------------------------------------------- */ 1150 1151 ul.activity-list li { 1152 padding: 15px 0 0; 1153 overflow: hidden; 1391 #nav .sfhover ul .sfhover > ul, 1392 #nav :hover ul :hover > ul { 1393 left: 125px; 1394 top: -1px; 1395 width: 128px; 1154 1396 } 1155 .activity-list .activity-avatar { 1156 float: left; 1397 #nav ul li.sfhover > a, 1398 #nav ul li:hover > a { 1399 background-color: #222; 1400 color: #fff; 1157 1401 } 1158 ul.activity-list > li:first-child { 1159 padding-top: 5px; 1402 #nav .sfhover ul li, 1403 #nav :hover ul li { 1404 height: 30px; 1405 line-height: 30px; 1406 text-indent: 10px; 1407 width: 128px; 1160 1408 } 1161 ul.activity-list li.has-comments { 1162 padding-bottom: 15px; 1409 #nav .sfhover ul li a, 1410 #nav :hover ul li a { 1411 padding: 0 0; 1163 1412 } 1164 body.activity-permalink ul.activity-list li.has-comments { 1165 padding-bottom: 0; 1166 } 1167 .activity-list li.mini { 1168 position: relative; 1413 /*-------------------------------------------------------------- 1414 5.1 - Pagination 1415 --------------------------------------------------------------*/ 1416 div.pagination { 1417 margin: -20px -19px 0px -19px; 1418 padding: 8px 20px; 1419 color: #888; 1169 1420 font-size: 11px; 1170 min-height: 35px; 1171 padding: 15px 0 0 0; 1172 } 1173 .activity-list li.mini div.activity-meta { 1174 margin: 0; 1175 } 1176 .activity-list li.mini div.activity-meta a { 1177 padding: 3px 8px; 1178 } 1179 .activity-list li.mini .activity-avatar img.avatar, 1180 .activity-list li.mini .activity-avatar img.FB_profile_pic { 1181 width: 20px; 1182 height: 20px; 1183 margin-left: 76px; 1184 } 1185 .activity-list li.activity_comment .activity-avatar img.avatar, 1186 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { 1187 width: 40px; 1188 height: 40px; 1189 margin-left: 20px; 1190 } 1191 body.activity-permalink .activity-list > li:first-child { 1192 padding-top: 0; 1193 } 1194 body.activity-permalink .activity-list li .activity-avatar img.avatar, 1195 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { 1196 width: 100px; 1197 height: 100px; 1198 margin-left: 0; 1199 } 1200 .activity-list li .activity-content { 1421 height: 19px; 1422 background: #f4f4f4; 1423 border: none; 1201 1424 position: relative; 1202 1425 } 1203 .activity-list li.mini .activity-content p { 1204 margin: 0; 1426 div.pagination .pag-count { 1205 1427 float: left; 1206 1428 } 1207 .activity-list li .activity-meta { 1208 position: absolute; 1209 right: 0; 1210 top: 0; 1429 div.pagination .pagination-links { 1430 float: right; 1211 1431 } 1212 body.activity-permalink .activity-list .activity-meta { 1213 top: 18px; 1214 right: 15px; 1215 } 1216 body.activity-permalink .activity-list li.mini .activity-meta { 1217 position: absolute; 1218 right: 15px; 1219 } 1220 .activity-list li.mini .activity-comments { 1221 clear: left; 1432 div.pagination .pagination-links span, 1433 div.pagination .pagination-links a { 1222 1434 font-size: 12px; 1223 margin-top: 30px;1435 padding: 0 5px; 1224 1436 } 1225 .activity-list li .activity-inreplyto { 1226 font-size: 11px; 1227 color: #888; 1228 margin-left: 70px; 1229 margin-bottom: 15px; 1230 padding-left: 25px; 1231 background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat; 1437 div.pagination .pagination-links a:hover { 1438 font-weight: bold; 1232 1439 } 1233 .activity-list li .activity-inreplyto > p { 1234 margin: 0; 1235 display: inline; 1440 div#pag-bottom { 1441 margin-top: -1px; 1236 1442 } 1237 .activity-list li .activity-inreplyto blockquote, 1238 .activity-list li .activity-inreplyto div.activity-inner { 1239 background: none; 1240 border: none; 1241 display: inline; 1242 padding: 0; 1243 margin: 0; 1244 overflow: hidden; 1443 /*-------------------------------------------------------------- 1444 6.0 - Structure 1445 --------------------------------------------------------------*/ 1446 body { 1447 background-color: #eaeaea; 1448 background-image: url( ../images/background.gif ); 1449 background-repeat: repeat-x; 1450 background-position: top left; 1451 font-size: 12px; 1452 font-family: Arial, Tahoma, Verdana, sans-serif; 1453 line-height: 170%; 1454 color: #555; 1455 width: 90%; 1456 min-width: 960px; 1457 max-width: 1250px; 1458 margin: 0 auto; 1245 1459 } 1246 .activity-list .activity-avatar img { 1247 width: 50px; 1248 height: 50px; 1460 .padder { 1461 padding: 19px; 1249 1462 } 1250 body.activity-permalink .activity-list .activity-avatar img { 1251 width: 100px; 1252 height: 100px; 1463 .clear { 1464 clear: left; 1253 1465 } 1254 .activity-list .activity-content { 1255 margin-left: 70px; 1466 hr { 1467 background-color: #e7e7e7; 1468 border: 0 none; 1469 clear: both; 1470 height: 1px; 1471 margin: 20px 0; 1256 1472 } 1257 body.activity-permalink .activity-list li .activity-content { 1258 -moz-border-radius: 4px; 1259 -webkit-border-radius: 4px; 1260 border-radius: 4px; 1473 div#container { 1474 position: relative; 1475 width: 100%; 1476 -moz-border-radius: 6px; 1477 -webkit-border-radius: 6px; 1478 border-right: 1px solid #e0e0e0; 1479 border-bottom: 1px solid #e0e0e0; 1261 1480 background: #fff; 1262 padding: 15px; 1263 border-bottom: 1px solid #ddd; 1264 border-right: 1px solid #ddd; 1265 margin-left: 135px; 1266 font-size: 16px; 1267 line-height: 150%; 1268 min-height: 35px; 1269 margin-right: 0; 1481 overflow: hidden; 1270 1482 } 1271 body.activity-permalink .activity-list li .activity-header > p { 1272 background: url( ../images/activity_arrow.gif ) top left no-repeat; 1273 margin-left: -35px; 1274 padding: 5px 0 0 35px; 1275 height: 35px; 1276 margin-bottom: 0; 1277 } 1278 .activity-list .activity-content .activity-header, 1279 .activity-list .activity-content .comment-header { 1280 font-size: 11px; 1281 color: #888; 1282 line-height: 220%; 1283 } 1284 .activity-header { 1285 margin-right: 130px; 1286 } 1287 .activity-list .activity-content .activity-header img.avatar { 1288 float: none !important; 1289 margin: 0 5px -8px 0 !important; 1290 } 1291 .activity-list .activity-header a:first-child, 1292 .commentlist .depth-1 > .comment-content .comment-meta a:first-child, 1293 span.highlight { 1294 background: #ebf7ff; 1295 border-bottom: 1px solid #a1dcfa; 1296 border-right: 1px solid #a1dcfa; 1297 color: #059ae7; 1298 padding: 3px 8px; 1299 text-decoration: none; 1300 -moz-border-radius: 4px; 1301 -webkit-border-radius: 4px; 1302 border-radius: 4px; 1303 margin-right: 3px; 1304 } 1305 .activity-list .activity-header a:first-child:hover { 1306 background: #059ae7 !important; 1307 color: #fff !important; 1308 } 1309 .activity-list .activity-content a:first-child:focus { 1310 outline: none; 1311 } 1312 .activity-list .activity-content span.time-since, 1313 .comment-content .comment-meta span.time-since { 1314 color: #bbb; 1315 } 1316 .activity-list .activity-content span.activity-header-meta a { 1483 body.activity-permalink div#container { 1317 1484 background: none; 1318 padding: 0;1319 font-size: 11px;1320 margin: 0;1321 1485 border: none; 1322 color: #aaa;1323 text-decoration: underline;1324 1486 } 1325 .activity-list .activity-content span.activity-header-meta a:hover { 1326 color: inherit; 1327 text-decoration: none; 1328 } 1329 .activity-list .activity-content .activity-inner, 1330 .activity-list .activity-content blockquote { 1331 margin: 15px 0 15px 5px; 1332 overflow: hidden; 1333 } 1334 body.activity-permalink .activity-content .activity-inner, 1335 body.activity-permalink .activity-content blockquote { 1336 margin-left: 0; 1337 margin-top: 5px; 1338 } 1339 1340 /* Backwards compatibility. */ 1341 .activity-inner > .activity-inner { 1342 margin: 0 !important; 1343 } 1344 .activity-inner > blockquote { 1345 margin: 0 !important; 1346 } 1347 .activity-list .activity-content img.thumbnail { 1487 /*-------------------------------------------------------------- 1488 6.1 - Content 1489 --------------------------------------------------------------*/ 1490 div#content { 1348 1491 float: left; 1349 margin: 0 10px 5px 0; 1350 border: 2px solid #eee; 1492 width: 100%; 1493 -moz-border-radius-topleft: 6px; 1494 -webkit-border-top-left-radius: 6px; 1495 -moz-border-radius-bottomleft: 6px; 1496 -webkit-border-bottom-left-radius: 6px; 1351 1497 } 1352 .activity-read-more { 1353 margin-left: 1em; 1354 } 1355 .activity-list li.load-more { 1356 margin: 15px 0 !important; 1357 padding: 10px 15px !important; 1358 background: #f0f0f0 !important; 1359 text-align: center; 1360 font-size: 1.2em; 1498 div#content .padder { 1499 margin-right: 225px; 1361 1500 border-right: 1px solid #ddd; 1362 border-bottom: 1px solid #ddd;1363 - moz-border-radius: 4px;1364 - webkit-border-radius: 4px;1365 border-radius: 4px;1501 -moz-border-radius-topleft: 6px; 1502 -webkit-border-top-left-radius: 6px; 1503 -moz-border-radius-bottomleft: 6px; 1504 -webkit-border-bottom-left-radius: 6px; 1366 1505 } 1367 .activity-list li.load-more a { 1368 color: #555; 1506 div#content .one-column { 1507 margin-right: 0; 1508 border-right: 0 none; 1369 1509 } 1370 1371 1372 /* > Activity Stream Comments 1373 -------------------------------------------------------------- */ 1374 1375 div.activity-meta { 1376 margin: 0 0 20px 3px; 1377 clear: left; 1510 div#content .left-menu { 1511 float: left; 1512 width: 170px; 1378 1513 } 1379 .activity-list div.activity-meta a { 1380 font-size: 11px; 1381 background: #f4f4f4; 1382 border-bottom: 1px solid #ddd; 1383 border-right: 1px solid #ddd; 1384 color: #999; 1385 padding: 4px 8px; 1386 text-decoration: none; 1387 -moz-border-radius: 4px; 1388 -webkit-border-radius: 4px; 1389 border-radius: 4px; 1390 margin-right: 3px; 1514 div#content .main-column { 1515 margin-left: 190px; 1391 1516 } 1392 .activity-list div.activity-meta a.acomment-reply { 1393 background: #fff9db; 1394 border-bottom: 1px solid #ffe8c4; 1395 border-right: 1px solid #ffe8c4; 1396 color: #ffa200; 1397 } 1398 div.activity-meta a:focus { 1399 outline: none; 1400 } 1401 div.activity-meta a:hover { 1402 background: #aaa; 1517 /*-------------------------------------------------------------- 1518 6.2 - Header 1519 --------------------------------------------------------------*/ 1520 #header { 1521 -moz-border-radius-bottomleft: 6px; 1522 -webkit-border-bottom-left-radius: 6px; 1523 -moz-border-radius-bottomright: 6px; 1524 -webkit-border-bottom-right-radius: 6px; 1403 1525 color: #fff; 1404 border-color: #aaa; 1405 } 1406 div.activity-meta a.acomment-reply:hover { 1407 background: #f7740a; 1408 color: #fff; 1409 border-color: #f7740a; 1410 } 1411 div.activity-comments { 1526 height: 100px; 1527 margin-bottom: 20px; 1528 padding-top: 25px; 1412 1529 position: relative; 1413 margin: 0 0 0 75px; 1414 width: auto; 1415 overflow: hidden; /* IE fix */ 1530 z-index: 1000; 1416 1531 } 1417 body.activity-permalink div.activity-comments { 1418 width: auto; 1419 margin-left: 135px; 1420 background: none; 1421 } 1422 div.activity-comments > ul { 1423 background: #f5f5f5; 1424 -moz-border-radius: 4px; 1425 -webkit-border-radius: 4px; 1426 padding: 0 10px 0; 1427 } 1428 div.activity-comments ul, 1429 div.activity-comments ul li { 1430 border: none; 1431 list-style: none; 1432 } 1433 div.activity-comments ul { 1434 clear: left; 1435 } 1436 div.activity-comments ul li { 1437 border-top: 2px solid #fff; 1438 padding: 10px 0 0; 1439 } 1440 body.activity-permalink .activity-list li.mini .activity-comments { 1441 clear: none; 1442 margin-top: 0; 1443 } 1444 body.activity-permalink div.activity-comments ul li { 1445 border-width: 1px; 1446 padding: 10px 0 0; 1447 } 1448 .commentlist .comment-content a:first-child { 1449 margin-bottom: 10px; 1450 } 1451 div.activity-comments > ul > li:first-child { 1452 border-top: none; 1453 } 1454 div.activity-comments ul li:last-child { 1455 margin-bottom: 0; 1456 } 1457 div.activity-comments ul li > ul { 1458 margin-top: 0; 1459 margin-left: 20px; 1460 } 1461 body.activity-permalink div.activity-comments ul li > ul { 1462 margin-top: 10px; 1463 } 1464 body.activity-permalink div.activity-comments > ul { 1465 padding-left: 15px; 1466 } 1467 div.activity-comments div.acomment-avatar img { 1468 border-width: 2px !important; 1469 float: left; 1470 margin-right: 10px; 1471 } 1472 div.activity-comments div.acomment-content { 1473 font-size: 11px; 1474 margin-left: 39px; 1532 #header #search-bar { 1475 1533 margin-top: 5px; 1534 text-align: right; 1535 width: 100%; 1476 1536 } 1477 div.acomment-content .time-since{1478 display: none;1537 #header #search-bar .padder { 1538 padding: 10px 15px 0 20px; 1479 1539 } 1480 div.acomment-content .activity-delete-link { 1481 display: none; 1482 } 1483 div.acomment-content .comment-header { 1484 display: none; 1485 } 1486 body.activity-permalink div.activity-comments div.acomment-content { 1487 font-size: 14px; 1488 } 1489 div.activity-comments div.acomment-meta { 1490 font-size: 11px; 1491 color: #888; 1492 } 1493 div.activity-comments form.ac-form { 1494 display: none; 1495 margin: 10px 0 10px 33px; 1496 background: #fafafa; 1497 border: 1px solid #ddd; 1498 -moz-border-radius: 4px; 1499 -webkit-border-radius: 4px; 1500 border-radius: 4px; 1501 padding: 8px; 1502 } 1503 div.activity-comments li form.ac-form { 1504 margin-right: 15px; 1505 } 1506 div.activity-comments form.root { 1507 margin-left: 0; 1508 } 1509 div.activity-comments div#message { 1510 margin-top: 15px; 1511 margin-bottom: 0; 1512 } 1513 div.activity-comments form.loading { 1514 background-image: url( ../images/ajax-loader.gif ); 1515 background-position: 2% 95%; 1516 background-repeat: no-repeat; 1517 } 1518 div.activity-comments form .ac-textarea { 1519 padding: 8px; 1520 border: 1px inset #ccc; 1521 background: #fff; 1522 margin-bottom: 10px; 1540 #header #search-bar input[type=text] { 1523 1541 -moz-border-radius: 3px; 1524 1542 -webkit-border-radius: 3px; 1525 1543 border-radius: 3px; 1544 border: 1px inset #888; 1545 padding: 2px; 1546 margin-right: 4px; 1526 1547 } 1527 div.activity-comments form textarea { 1528 width: 100%; 1529 font-family: inherit; 1548 #header #search-bar input[type=submit] { 1530 1549 font-size: 11px; 1531 color: #555; 1532 height: 60px; 1533 border: none; 1534 padding: 0; 1550 padding: 1px 4px; 1551 margin-left: 4px; 1535 1552 } 1536 div.activity-comments form input { 1537 margin-top: 5px; 1538 } 1539 div.activity-comments form div.ac-reply-avatar { 1553 #header h1 { 1540 1554 float: left; 1555 margin-bottom: 0; 1556 margin-top: 0; 1541 1557 } 1542 div.ac-reply-avatar img { 1543 border: 2px solid #fff !important; 1558 #header h1 a { 1559 color: #fff; 1560 font-size: 26px; 1561 text-decoration: none; 1544 1562 } 1545 div.activity-comments form div.ac-reply-content { 1546 margin-left: 50px; 1547 padding-left: 15px; 1548 color: #888; 1549 font-size: 11px;1563 /*-------------------------------------------------------------- 1564 6.3 - Footer 1565 --------------------------------------------------------------*/ 1566 #footer { 1567 margin: 20px 0; 1550 1568 } 1551 1552 1553 /* > Private Message Threads 1554 -------------------------------------------------------------- */ 1555 1556 table#message-threads tr.unread td { 1557 background: #fff9db; 1558 border-top: 1px solid #ffe8c4; 1559 border-bottom: 1px solid #ffe8c4; 1560 font-weight: bold; 1561 } 1562 table#message-threads tr.unread td span.activity { 1569 #footer-widgets { 1563 1570 background: #fff; 1571 border-bottom: 1px solid #e0e0e0; 1572 border-right: 1px solid #e0e0e0; 1573 border-radius: 6px; 1574 padding: 19px; 1575 -moz-border-radius: 6px; 1576 -webkit-border-radius: 6px; 1564 1577 } 1565 li span.unread-count, 1566 tr.unread span.unread-count { 1567 background: #dd0000; 1568 padding: 2px 8px; 1569 color: #fff; 1570 font-weight: bold; 1571 -moz-border-radius: 3px; 1572 -webkit-border-radius: 3px; 1573 border-radius: 3px; 1578 #site-generator { 1579 margin: 20px 20px; 1580 text-align: center; 1581 color: #bbb; 1582 text-shadow: #fafafa 1px 1px 0; 1574 1583 } 1575 div.item-list-tabs ul li a span.unread-count{1576 padding: 1px 6px;1577 color: #fff;1584 #footer-widget-area { 1585 overflow: hidden; 1586 margin-top: -19px; 1578 1587 } 1579 div.messages-options-nav { 1580 font-size: 11px; 1581 background: #eee; 1582 text-align: right; 1583 margin: 0 -19px; 1588 #footer-widget-area div.widget-area > ul { 1589 float: left; 1590 margin-right: 19px; 1591 width: 23%; 1592 } 1593 #footer-widget-area div.widget-area > ul > li { 1594 margin-top: 19px; 1595 } 1596 #footer-widget-area h3.widgettitle { 1597 margin: 0 0 10px 0; 1598 background: #eaeaea; 1584 1599 padding: 5px 15px; 1600 font-size: 12px; 1601 clear: left; 1585 1602 } 1586 div#message-thread div.message-box{1587 margin : 0 -19px;1588 padding: 15px;1603 #footer-widget-area div div.item-options { 1604 margin-left: 0; 1605 margin-right: 0; 1589 1606 } 1590 div#message-thread div.alt{1591 background: #f4f4f4;1607 #footer-widget-area ul.item-list li img.avatar { 1608 margin-left: 15px; /* border is 4px */ 1592 1609 } 1593 div#message-thread p#message-recipients { 1594 margin: 10px 0 20px 0; 1610 /*-------------------------------------------------------------- 1611 6.4 - Sidebar 1612 --------------------------------------------------------------*/ 1613 div#sidebar { 1614 float: left; 1615 width: 224px; 1616 margin-left: -226px; 1617 margin-top: 1px; 1618 border-left: 1px solid #ddd; 1619 -moz-border-radius-topright: 3px; 1620 -webkit-border-top-right-radius: 3px; 1621 background: url( ../images/sidebar_back.gif ) top left repeat-x; 1595 1622 } 1596 div# message-threadimg.avatar {1623 div#sidebar div#sidebar-me img.avatar { 1597 1624 float: left; 1598 margin: 0 10px 0 0; 1599 vertical-align: middle; 1625 margin: 0 10px 15px 0; 1600 1626 } 1601 div#message-thread strong { 1602 margin: 0; 1627 div#sidebar div#sidebar-me h4 { 1603 1628 font-size: 16px; 1629 margin: 0 0 8px 0; 1630 font-weight: normal; 1604 1631 } 1605 div#message-thread strong a { 1606 text-decoration: none; 1632 div#sidebar ul#bp-nav { 1633 clear: left; 1634 margin: 15px -16px; 1607 1635 } 1608 div# message-thread strong span.activity{1609 margin: 4px 0 0 10px;1636 div#sidebar ul#bp-nav li { 1637 padding: 10px 15px; 1610 1638 } 1611 div#message-thread div.message-metadata { 1612 overflow: hidden; 1639 div#sidebar h3.widgettitle { 1640 margin: 25px -20px 10px -19px; 1641 background: #eaeaea; 1642 padding: 5px 15px; 1643 font-size: 12px; 1644 clear: left; 1613 1645 } 1614 div#message-thread div.message-content { 1615 margin-left: 45px; 1646 #footer-widget-area .widget_search, 1647 div#sidebar .widget_search { 1648 margin-top: 20px; 1616 1649 } 1617 div#message-thread div.message-options { 1618 text-align: right; 1650 #footer-widget-area .widget_search input[type=text], 1651 div#sidebar .widget_search input[type=text] { 1652 width: 110px; 1653 padding: 2px; 1619 1654 } 1620 1621 1622 /* > Group Forum Topics 1623 -------------------------------------------------------------- */ 1624 1625 ul#topic-post-list { 1626 margin: 0px -19px 15px; 1627 width: auto; 1655 #footer-widget-area ul#recentcomments li, 1656 #footer-widget-area .widget_recent_entries ul li, 1657 div#sidebar ul#recentcomments li, 1658 div#sidebar .widget_recent_entries ul li { 1659 margin-bottom: 15px; 1628 1660 } 1629 ul#topic-post-list li { 1630 padding: 15px; 1631 position: relative; 1661 #footer-widget-area ul.item-list img.avatar, 1662 div#sidebar ul.item-list img.avatar { 1663 width: 20px; 1664 height: 20px; 1665 margin-right: 10px; 1632 1666 } 1633 ul#topic-post-list li.alt { 1634 background: #f8f8f8; 1667 #footer-widget-area div.item-avatar img, 1668 div#sidebar div.item-avatar img { 1669 width: 40px; 1670 height: 40px; 1671 margin: 1px; 1635 1672 } 1636 ul#topic-post-list li div.poster-meta { 1637 margin-bottom: 10px; 1638 color: #888;1673 #footer-widget-area .avatar-block, 1674 div#sidebar .avatar-block { 1675 overflow: hidden; 1639 1676 } 1640 ul#topic-post-list li div.post-content { 1641 margin-left: 54px; 1677 #footer-widget-area ul.item-list div.item-title, 1678 div#sidebar ul.item-list div.item-title { 1679 font-size: 12px; 1642 1680 } 1643 div.topic-tags { 1681 #footer-widget-area div.item-options, 1682 div#sidebar div.item-options { 1683 margin: -10px -20px 0 -19px; 1684 background: #f8f8f8; 1685 padding: 5px 15px; 1644 1686 font-size: 11px; 1645 1687 } 1646 div.admin-links { 1647 position: absolute; 1648 top: 15px; 1649 right: 25px; 1650 color: #888; 1688 #footer-widget-area div.item-content { 1689 margin-left: 38px; 1690 } 1691 #footer-widget-area div.item-meta, 1692 div#sidebar div.item-meta, 1693 div#sidebar div.item-content { 1694 margin-left: 38px; 1651 1695 font-size: 11px; 1652 1696 } 1653 div#topic-meta { 1654 padding: 5px 19px 30px; 1655 margin: -10px -19px; 1656 position: relative; 1697 #footer-widget-area div.tags div#tag-text, 1698 div#sidebar div.tags div#tag-text { 1699 font-size: 1.4em; 1700 line-height: 140%; 1701 padding-top: 10px; 1657 1702 } 1658 div#topic-meta div.admin-links { 1659 right: 19px; 1660 top: -36px; 1703 /*-------------------------------------------------------------- 1704 7.0 - Text Elements 1705 --------------------------------------------------------------*/ 1706 p { 1707 margin-bottom: 15px; 1661 1708 } 1662 div#topic-meta h3 { 1663 font-size: 20px; 1664 margin: 5px 0; 1709 p:last-child { 1710 margin-bottom: 0; 1665 1711 } 1666 div#new-topic-post { 1667 display: none; 1668 margin: 20px 0 0 0; 1669 padding: 1px 0 0 0; 1712 big { 1713 font-size: 18px; 1670 1714 } 1671 1672 1673 /* > WordPress Blog Styles 1674 -------------------------------------------------------------- */ 1675 1676 .sticky .date { 1715 del { 1716 text-decoration: line-through; 1717 } 1718 ins { 1677 1719 background: #fff9db; 1678 border-top: 1px solid #ffe8c4;1679 border-bottom: 1px solid #ffe8c4;1680 color: #ffa200;1681 padding: 5px;1682 }1683 div.page,1684 div.post,1685 div.attachment {1686 margin: 0 0 30px 0;1687 overflow: hidden;1688 }1689 div.page:last-child,1690 div.post:last-child,1691 div.item-body:last-child,1692 #trackbacklist {1693 margin-bottom: 0;1694 }1695 h2.pagetitle,1696 h2.posttitle {1697 margin: 0;1698 line-height: 120%;1699 }1700 h2.pagetitle a,1701 h2.posttitle a {1702 color: #666;1703 1720 text-decoration: none; 1704 1721 } 1705 .edit-link, 1706 .page-link { 1707 clear: both; 1708 font-weight: bold; 1722 sub { 1723 top: .5ex; 1709 1724 } 1710 .navigation, 1711 .paged-navigation, 1712 .comment-navigation { 1713 overflow: hidden; 1714 font-family: georgia, times, serif; 1715 font-style: italic; 1716 font-size: 14px; 1717 padding: 5px 0; 1718 margin: 5px 0 25px 0; 1725 sup { 1726 bottom: 1ex; 1719 1727 } 1720 .alignright { 1721 float: right; 1722 margin-left: 15px; 1728 sub, 1729 sup { 1730 height: 0; 1731 line-height: 1; 1732 vertical-align: baseline; 1733 position: relative; 1723 1734 } 1724 .alignleft { 1725 float: left; 1726 margin-right: 15px; 1735 /*-------------------------------------------------------------- 1736 7.1 - Headers 1737 --------------------------------------------------------------*/ 1738 h1, 1739 h2, 1740 h3, 1741 h4, 1742 h5, 1743 h6 { 1744 margin: 5px 0 15px 0; 1727 1745 } 1728 div.page ul, 1729 div.page ol, 1730 div.page dl, 1731 div.post ul, 1732 div.post ol, 1733 div.post dl { 1734 margin: 0 0 18px 1.5em; 1746 h1 { 1747 font-size: 28px; 1748 margin-bottom: 25px; 1735 1749 } 1736 div.page ul, 1737 div.post ul { 1738 list-style: square; 1739 } 1740 div.page ol, 1741 div.post ol { 1742 list-style: decimal; 1743 } 1744 div.page ol ol, 1745 div.post ol ol { 1746 list-style: upper-alpha; 1747 } 1748 dl { 1749 margin-left: 0; 1750 } 1751 dt { 1752 font-size: 14px; 1753 font-weight: bold; 1754 } 1755 dd { 1756 margin: 0 0 15px 0; 1757 } 1758 pre, blockquote { 1750 h2 { 1751 font-size: 24px; 1759 1752 margin-bottom: 20px; 1760 1753 } 1761 pre, 1762 code p { 1763 padding: 15px; 1764 background: #f4f4f4; 1765 -moz-border-radius: 3px; 1766 -webkit-border-radius: 3px; 1767 border-radius: 3px; 1754 h3 { 1755 font-size: 20px; 1768 1756 } 1769 code { 1770 font-family: "Monaco", courier, sans-serif; 1771 } 1772 blockquote { 1773 quotes: none; 1774 font-style: italic; 1775 padding: 0 3em; 1776 font-family: georgia, times, serif; 1757 h4 { 1777 1758 font-size: 16px; 1778 line-height: 150%;1779 }1780 blockquote p {1781 margin-bottom: 15px !importantr;1782 }1783 div.post table,1784 div.page table {1785 1759 margin-bottom: 15px; 1786 border-collapse: collapse;1787 border-spacing: 0;1788 border: 1px solid #eee;1789 1760 } 1790 div.post table th, 1791 div.page table th { 1792 border-top: 1px solid #eee; 1793 text-align: left; 1761 h5 { 1762 font-size: 14px; 1763 margin-bottom: 0; 1794 1764 } 1795 div.post table td, 1796 div.page table td { 1797 border-top: 1px solid #eee; 1798 } 1799 div.author-box { 1800 background: #f0f0f0; 1801 padding: 10px; 1802 float: left; 1803 margin: 0 15px 15px 0; 1804 font-family: georgia, times, serif; 1805 font-style: italic; 1806 text-align: center; 1807 width: 70px; 1808 -moz-border-radius: 3px; 1809 -webkit-border-radius: 3px; 1810 border-radius: 3px; 1811 } 1812 div.author-box p, 1813 div.comment-avatar-box p { 1814 margin: 5px 0 0; 1815 } 1816 div.author-box a, 1817 div.comment-avatar-box a { 1818 text-decoration: none; 1819 } 1820 div.author-box img { 1821 float: none; 1822 border: 4px solid #fff; 1823 margin: 0; 1824 } 1825 div.post-content { 1826 margin-left: 105px; 1827 } 1828 p.date span:first-child { 1829 font-style: italic; 1830 } 1831 div.post .entry { 1832 margin-bottom: 15px; 1833 } 1834 p.date, 1835 p.postmetadata { 1836 color: #888; 1765 h6 { 1837 1766 font-size: 12px; 1838 font-family: Georgia, times, serif; 1839 padding: 3px 0; 1840 margin: 10px 0; 1841 border-bottom: 1px solid #e4e4e4; 1842 border-top: 1px solid #e4e4e4; 1767 margin-bottom: 0; 1843 1768 } 1844 p.postmetadata { 1845 clear: left; 1846 overflow: hidden; 1769 /*-------------------------------------------------------------- 1770 8.0 - WordPress 1771 --------------------------------------------------------------*/ 1772 /*-------------------------------------------------------------- 1773 8.1 - Alignments 1774 --------------------------------------------------------------*/ 1775 .alignright { 1776 float: right; 1777 margin-left: 15px; 1847 1778 } 1848 . tags{1779 .alignleft { 1849 1780 float: left; 1781 margin-right: 15px; 1850 1782 } 1851 .comments {1852 float: right;1853 }1854 img.wp-smiley {1855 padding: 0 !important;1856 margin: 0 !important;1857 border: none !important;1858 float: none !important;1859 clear: none !important;1860 }1861 img.centered,1862 img.aligncenter {1863 display: block;1864 margin-left: auto;1865 margin-right: auto;1866 }1867 img.alignright {1868 padding: 4px;1869 margin: 0 0 2px 7px;1870 display: inline;1871 }1872 img.alignleft {1873 padding: 4px;1874 margin: 0 7px 2px 0;1875 display: inline;1876 }1877 1783 .aligncenter { 1878 1784 display: block; 1879 1785 margin-left: auto; 1880 1786 margin-right: auto; 1881 1787 } 1882 .wp-caption { 1883 border: 1px solid #ddd; 1884 text-align: center; 1885 background-color: #f3f3f3; 1886 padding-top: 4px; 1887 margin-bottom: 15px; 1888 -moz-border-radius: 3px; 1889 -webkit-border-radius: 3px; 1890 border-radius: 3px; 1788 /*-------------------------------------------------------------- 1789 8.2 - Comments 1790 --------------------------------------------------------------*/ 1791 .navigation, 1792 .paged-navigation, 1793 .comment-navigation { 1794 overflow: hidden; 1795 font-family: georgia, times, serif; 1796 font-style: italic; 1797 font-size: 14px; 1798 padding: 5px 0; 1799 margin: 5px 0 25px 0; 1891 1800 } 1892 .wp-caption img { 1893 margin: 0; 1894 padding: 0; 1895 border: 0 none; 1801 .comments { 1802 float: right; 1896 1803 } 1897 dd.wp-caption p.wp-caption-text,1898 .wp-caption p.wp-caption-text {1899 font-size: 0.9em;1900 line-height: 17px;1901 padding: 5px 4px 5px 0;1902 margin: 0;1903 }1904 #content .gallery {1905 margin: 0 auto 15px;1906 }1907 #content .gallery .gallery-item {1908 margin-bottom: 0;1909 margin-left: 0;1910 }1911 .gallery-item img {1912 margin-bottom: 15px;1913 }1914 .gallery .gallery-caption {1915 color: #555;1916 }1917 1918 1919 /* > WordPress Blog Comment Styles1920 -------------------------------------------------------------- */1921 1922 1804 #trackbacks { 1923 1805 margin-top: 30px; 1924 1806 } … … 2094 1976 margin: 0 0; 2095 1977 padding: 0 0; 2096 1978 } 2097 2098 2099 /* > Footer 2100 -------------------------------------------------------------- */ 2101 2102 #footer { 2103 margin: 20px 0; 1979 /*-------------------------------------------------------------- 1980 8.3 - Gallery 1981 --------------------------------------------------------------*/ 1982 .wp-caption { 1983 border: 1px solid #ddd; 1984 text-align: center; 1985 background-color: #f3f3f3; 1986 padding-top: 4px; 1987 margin-bottom: 15px; 1988 -moz-border-radius: 3px; 1989 -webkit-border-radius: 3px; 1990 border-radius: 3px; 2104 1991 } 2105 #footer-widgets { 2106 background: #fff; 2107 border-bottom: 1px solid #e0e0e0; 2108 border-right: 1px solid #e0e0e0; 2109 border-radius: 6px; 2110 padding: 19px; 2111 -moz-border-radius: 6px; 2112 -webkit-border-radius: 6px; 1992 .wp-caption img { 1993 margin: 0; 1994 padding: 0; 1995 border: 0 none; 2113 1996 } 2114 #site-generator { 2115 margin: 20px 20px; 2116 text-align: center; 2117 color: #bbb; 2118 text-shadow: #fafafa 1px 1px 0; 1997 dd.wp-caption p.wp-caption-text, 1998 .wp-caption p.wp-caption-text { 1999 font-size: 0.9em; 2000 line-height: 17px; 2001 padding: 5px 4px 5px 0; 2002 margin: 0; 2119 2003 } 2120 #footer-widget-area { 2004 #content .gallery { 2005 margin: 0 auto 15px; 2006 } 2007 #content .gallery .gallery-item { 2008 margin-bottom: 0; 2009 margin-left: 0; 2010 } 2011 .gallery-item img { 2012 margin-bottom: 15px; 2013 } 2014 .gallery .gallery-caption { 2015 color: #555; 2016 } 2017 /*-------------------------------------------------------------- 2018 8.4 - Images 2019 --------------------------------------------------------------*/ 2020 img.avatar { 2021 float: left; 2022 border: 2px solid #eee; 2023 } 2024 img.wp-smiley { 2025 padding: 0 !important; 2026 margin: 0 !important; 2027 border: none !important; 2028 float: none !important; 2029 clear: none !important; 2030 } 2031 img.centered, 2032 img.aligncenter { 2033 display: block; 2034 margin-left: auto; 2035 margin-right: auto; 2036 } 2037 img.alignright { 2038 padding: 4px; 2039 margin: 0 0 2px 7px; 2040 display: inline; 2041 } 2042 img.alignleft { 2043 padding: 4px; 2044 margin: 0 7px 2px 0; 2045 display: inline; 2046 } 2047 /*-------------------------------------------------------------- 2048 8.5 - Lists 2049 --------------------------------------------------------------*/ 2050 div.page ul, 2051 div.page ol, 2052 div.page dl, 2053 div.post ul, 2054 div.post ol, 2055 div.post dl { 2056 margin: 0 0 18px 1.5em; 2057 } 2058 div.page ul, 2059 div.post ul { 2060 list-style: square; 2061 } 2062 div.page ol, 2063 div.post ol { 2064 list-style: decimal; 2065 } 2066 div.page ol ol, 2067 div.post ol ol { 2068 list-style: upper-alpha; 2069 } 2070 dl { 2071 margin-left: 0; 2072 } 2073 dt { 2074 font-size: 14px; 2075 font-weight: bold; 2076 } 2077 dd { 2078 margin: 0 0 15px 0; 2079 } 2080 /*-------------------------------------------------------------- 2081 8.6 - Posts 2082 --------------------------------------------------------------*/ 2083 .sticky .date { 2084 background: #fff9db; 2085 border-top: 1px solid #ffe8c4; 2086 border-bottom: 1px solid #ffe8c4; 2087 color: #ffa200; 2088 padding: 5px; 2089 } 2090 div.page, 2091 div.post, 2092 div.attachment { 2093 margin: 0 0 30px 0; 2121 2094 overflow: hidden; 2122 margin-top: -19px;2123 2095 } 2124 #footer-widget-area div.widget-area > ul { 2096 div.page:last-child, 2097 div.post:last-child, 2098 div.item-body:last-child, 2099 #trackbacklist { 2100 margin-bottom: 0; 2101 } 2102 h2.pagetitle, 2103 h2.posttitle { 2104 margin: 0; 2105 line-height: 120%; 2106 } 2107 h2.pagetitle a, 2108 h2.posttitle a { 2109 color: #666; 2110 text-decoration: none; 2111 } 2112 .edit-link, 2113 .page-link { 2114 clear: both; 2115 font-weight: bold; 2116 } 2117 pre, blockquote { 2118 margin-bottom: 20px; 2119 } 2120 pre, 2121 code p { 2122 padding: 15px; 2123 background: #f4f4f4; 2124 -moz-border-radius: 3px; 2125 -webkit-border-radius: 3px; 2126 border-radius: 3px; 2127 } 2128 code { 2129 font-family: "Monaco", courier, sans-serif; 2130 } 2131 blockquote { 2132 quotes: none; 2133 font-style: italic; 2134 padding: 0 3em; 2135 font-family: georgia, times, serif; 2136 font-size: 16px; 2137 line-height: 150%; 2138 } 2139 blockquote p { 2140 margin-bottom: 15px !importantr; 2141 } 2142 div.post table, 2143 div.page table { 2144 margin-bottom: 15px; 2145 border-collapse: collapse; 2146 border-spacing: 0; 2147 border: 1px solid #eee; 2148 } 2149 div.post table th, 2150 div.page table th { 2151 border-top: 1px solid #eee; 2152 text-align: left; 2153 } 2154 div.post table td, 2155 div.page table td { 2156 border-top: 1px solid #eee; 2157 } 2158 div.author-box { 2159 background: #f0f0f0; 2160 padding: 10px; 2125 2161 float: left; 2126 margin-right: 19px; 2127 width: 23%; 2162 margin: 0 15px 15px 0; 2163 font-family: georgia, times, serif; 2164 font-style: italic; 2165 text-align: center; 2166 width: 70px; 2167 -moz-border-radius: 3px; 2168 -webkit-border-radius: 3px; 2169 border-radius: 3px; 2128 2170 } 2129 #footer-widget-area div.widget-area > ul > li { 2130 margin-top: 19px; 2171 div.author-box p, 2172 div.comment-avatar-box p { 2173 margin: 5px 0 0; 2131 2174 } 2132 #footer-widget-area h3.widgettitle { 2133 margin: 0 0 10px 0; 2134 background: #eaeaea; 2135 padding: 5px 15px; 2175 div.author-box a, 2176 div.comment-avatar-box a { 2177 text-decoration: none; 2178 } 2179 div.author-box img { 2180 float: none; 2181 border: 4px solid #fff; 2182 margin: 0; 2183 } 2184 div.post-content { 2185 margin-left: 105px; 2186 } 2187 p.date span:first-child { 2188 font-style: italic; 2189 } 2190 div.post .entry { 2191 margin-bottom: 15px; 2192 } 2193 p.date, 2194 p.postmetadata { 2195 color: #888; 2136 2196 font-size: 12px; 2197 font-family: Georgia, times, serif; 2198 padding: 3px 0; 2199 margin: 10px 0; 2200 border-bottom: 1px solid #e4e4e4; 2201 border-top: 1px solid #e4e4e4; 2202 } 2203 p.postmetadata { 2137 2204 clear: left; 2205 overflow: hidden; 2138 2206 } 2139 #footer-widget-area div div.item-options { 2140 margin-left: 0; 2141 margin-right: 0; 2207 .tags { 2208 float: left; 2142 2209 } 2143 #footer-widget-area ul.item-list li img.avatar { 2144 margin-left: 15px; /* border is 4px */ 2145 } 2146 No newline at end of file 2210 /*-------------------------------------------------------------- 2211 <<< END STYLES 2212 --------------------------------------------------------------*/ 2213 No newline at end of file