| | 139 | #header { |
| | 140 | -moz-border-radius-bottomleft: 6px; |
| | 141 | -webkit-border-bottom-left-radius: 6px; |
| | 142 | -moz-border-radius-bottomright: 6px; |
| | 143 | -webkit-border-bottom-right-radius: 6px; |
| | 144 | border-top-left-radius: 6px; |
| | 145 | border-top-right-radius: 6px; |
| | 146 | color: #fff; |
| | 147 | height: 100px; |
| | 148 | margin-bottom: 20px; |
| | 149 | padding-top: 25px; |
| | 150 | position: relative; |
| | 151 | z-index: 1000; |
| | 152 | } |
| | 153 | #header #search-bar { |
| | 154 | margin-top: 5px; |
| | 155 | text-align: right; |
| | 156 | width: 100%; |
| | 157 | } |
| | 158 | #header #search-bar .padder { |
| | 159 | padding: 10px 15px 0 20px; |
| | 160 | } |
| | 161 | #header #search-bar input[type=text] { |
| | 162 | border: 1px inset #888; |
| | 163 | -moz-border-radius: 3px; |
| | 164 | -webkit-border-radius: 3px; |
| | 165 | border-radius: 3px; |
| | 166 | margin-right: 4px; |
| | 167 | padding: 2px; |
| | 168 | } |
| | 169 | #header #search-bar input[type=submit] { |
| | 170 | font-size: 11px; |
| | 171 | padding: 1px 4px; |
| | 172 | margin-left: 4px; |
| | 173 | } |
| | 174 | #header h1 { |
| | 175 | float: left; |
| | 176 | margin-bottom: 0; |
| | 177 | margin-top: 0; |
| | 178 | } |
| | 179 | #header h1 a { |
| | 180 | color: #fff; |
| | 181 | font-size: 26px; |
| | 182 | text-decoration: none; |
| | 183 | } |
| | 184 | |
| | 185 | |
| | 186 | /*-------------------------------------------------------------- |
| | 187 | 2.3 - Footer |
| | 188 | --------------------------------------------------------------*/ |
| | 189 | #footer { |
| | 190 | margin: 20px 0; |
| | 191 | } |
| | 192 | #footer-widgets { |
| | 193 | background: #fff; |
| | 194 | border-bottom: 1px solid #e0e0e0; |
| | 195 | border-right: 1px solid #e0e0e0; |
| | 196 | -moz-border-radius: 6px; |
| | 197 | -webkit-border-radius: 6px; |
| | 198 | border-radius: 6px; |
| | 199 | padding: 19px; |
| | 200 | } |
| | 201 | #site-generator { |
| | 202 | margin: 20px 20px; |
| | 203 | text-align: center; |
| | 204 | color: #bbb; |
| | 205 | text-shadow: #fafafa 1px 1px 0; |
| | 206 | } |
| | 207 | #footer-widget-area { |
| | 208 | overflow: hidden; |
| | 209 | margin-top: -19px; |
| | 210 | } |
| | 211 | #footer-widget-area div.widget-area > ul { |
| | 212 | float: left; |
| | 213 | margin-right: 19px; |
| | 214 | width: 23%; |
| | 215 | } |
| | 216 | #footer-widget-area div.widget-area > ul > li { |
| | 217 | margin-top: 19px; |
| | 218 | } |
| | 219 | #footer-widget-area h3.widgettitle { |
| | 220 | margin: 0 0 10px 0; |
| | 221 | background: #eaeaea; |
| | 222 | padding: 5px 15px; |
| | 223 | font-size: 12px; |
| | 224 | clear: left; |
| | 225 | } |
| | 226 | #footer-widget-area div div.item-options { |
| | 227 | margin-left: 0; |
| | 228 | margin-right: 0; |
| | 229 | } |
| | 230 | #footer-widget-area ul.item-list li img.avatar { |
| | 231 | margin-left: 15px; /* border is 4px */ |
| | 232 | } |
| | 233 | |
| | 234 | |
| | 235 | /*-------------------------------------------------------------- |
| | 236 | 2.4 - Sidebar |
| | 237 | --------------------------------------------------------------*/ |
| | 238 | div#sidebar { |
| | 239 | background: url( ../images/sidebar_back.gif ) top left repeat-x; |
| | 240 | border-left: 1px solid #ddd; |
| | 241 | -moz-border-radius-topright: 3px; |
| | 242 | -webkit-border-top-right-radius: 3px; |
| | 243 | border-top-right-radius: 3px; |
| | 244 | float: left; |
| | 245 | margin-left: -226px; |
| | 246 | margin-top: 1px; |
| | 247 | width: 224px; |
| | 248 | } |
| | 249 | div#sidebar div#sidebar-me img.avatar { |
| | 250 | float: left; |
| | 251 | margin: 0 10px 15px 0; |
| | 252 | } |
| | 253 | div#sidebar div#sidebar-me h4 { |
| | 254 | font-size: 16px; |
| | 255 | margin: 0 0 8px 0; |
| | 256 | font-weight: normal; |
| | 257 | } |
| | 258 | div#sidebar ul#bp-nav { |
| | 259 | clear: left; |
| | 260 | margin: 15px -16px; |
| | 261 | } |
| | 262 | div#sidebar ul#bp-nav li { |
| | 263 | padding: 10px 15px; |
| | 264 | } |
| | 265 | div#sidebar h3.widgettitle { |
| | 266 | margin: 25px -20px 10px -19px; |
| | 267 | background: #eaeaea; |
| | 268 | padding: 5px 15px; |
| | 269 | font-size: 12px; |
| | 270 | clear: left; |
| | 271 | } |
| | 272 | #footer-widget-area .widget_search, |
| | 273 | div#sidebar .widget_search { |
| | 274 | margin-top: 20px; |
| | 275 | } |
| | 276 | #footer-widget-area .widget_search input[type=text], |
| | 277 | div#sidebar .widget_search input[type=text] { |
| | 278 | width: 110px; |
| | 279 | padding: 2px; |
| | 280 | } |
| | 281 | #footer-widget-area ul#recentcomments li, |
| | 282 | #footer-widget-area .widget_recent_entries ul li, |
| | 283 | div#sidebar ul#recentcomments li, |
| | 284 | div#sidebar .widget_recent_entries ul li { |
| | 285 | margin-bottom: 15px; |
| | 286 | } |
| | 287 | #footer-widget-area ul.item-list img.avatar, |
| | 288 | div#sidebar ul.item-list img.avatar { |
| | 289 | width: 20px; |
| | 290 | height: 20px; |
| | 291 | margin-right: 10px; |
| | 292 | } |
| | 293 | #footer-widget-area div.item-avatar img, |
| | 294 | div#sidebar div.item-avatar img { |
| | 295 | width: 40px; |
| | 296 | height: 40px; |
| | 297 | margin: 1px; |
| | 298 | } |
| | 299 | #footer-widget-area .avatar-block, |
| | 300 | div#sidebar .avatar-block { |
| | 301 | overflow: hidden; |
| | 302 | } |
| | 303 | #footer-widget-area ul.item-list div.item-title, |
| | 304 | div#sidebar ul.item-list div.item-title { |
| | 305 | font-size: 12px; |
| | 306 | } |
| | 307 | #footer-widget-area div.item-options, |
| | 308 | div#sidebar div.item-options { |
| | 309 | margin: -10px -20px 0 -19px; |
| | 310 | background: #f8f8f8; |
| | 311 | padding: 5px 15px; |
| | 312 | font-size: 11px; |
| | 313 | } |
| | 314 | #footer-widget-area div.item-content { |
| | 315 | margin-left: 38px; |
| | 316 | } |
| | 317 | #footer-widget-area div.item-meta, |
| | 318 | div#sidebar div.item-meta, |
| | 319 | div#sidebar div.item-content { |
| | 320 | margin-left: 38px; |
| | 321 | font-size: 11px; |
| | 322 | } |
| | 323 | #footer-widget-area div.tags div#tag-text, |
| | 324 | div#sidebar div.tags div#tag-text { |
| | 325 | font-size: 1.4em; |
| | 326 | line-height: 140%; |
| | 327 | padding-top: 10px; |
| | 328 | } |
| | 329 | |
| | 330 | |
| | 331 | /*-------------------------------------------------------------- |
| | 332 | 3.0 - Non-structural |
| | 333 | --------------------------------------------------------------*/ |
| | 334 | p { |
| | 335 | margin-bottom: 15px; |
| | 336 | } |
| | 337 | p:last-child { |
| | 338 | margin-bottom: 0; |
| | 339 | } |
| | 340 | hr { |
| | 341 | background-color: #e7e7e7; |
| | 342 | border: 0 none; |
| | 343 | clear: both; |
| | 344 | height: 1px; |
| | 345 | margin: 20px 0; |
| | 346 | } |
| | 347 | |
| | 348 | |
| | 349 | /*-------------------------------------------------------------- |
| | 350 | 3.1 - Text |
| | 351 | --------------------------------------------------------------*/ |
| | 352 | big { |
| | 353 | font-size: 18px; |
| | 354 | } |
| | 355 | del { |
| | 356 | text-decoration: line-through; |
| | 357 | } |
| | 358 | ins { |
| | 359 | background: #fff9db; |
| | 360 | text-decoration: none; |
| | 361 | } |
| | 362 | sub { |
| | 363 | top: .5ex; |
| | 364 | } |
| | 365 | sup { |
| | 366 | bottom: 1ex; |
| | 367 | } |
| | 368 | sub, |
| | 369 | sup { |
| | 370 | height: 0; |
| | 371 | line-height: 1; |
| | 372 | vertical-align: baseline; |
| | 373 | position: relative; |
| | 374 | } |
| | 375 | pre, blockquote { |
| | 376 | margin-bottom: 20px; |
| | 377 | } |
| | 378 | pre, |
| | 379 | code p { |
| | 380 | background: #f4f4f4; |
| | 381 | -moz-border-radius: 3px; |
| | 382 | -webkit-border-radius: 3px; |
| | 383 | border-radius: 3px; |
| | 384 | padding: 15px; |
| | 385 | } |
| | 386 | code { |
| | 387 | font-family: "Monaco", courier, sans-serif; |
| | 388 | } |
| | 389 | blockquote { |
| | 390 | quotes: none; |
| | 391 | font-style: italic; |
| | 392 | padding: 0 3em; |
| | 393 | font-family: georgia, times, serif; |
| | 394 | font-size: 16px; |
| | 395 | line-height: 150%; |
| | 396 | } |
| | 397 | blockquote p { |
| | 398 | margin-bottom: 15px !importantr; |
| | 399 | } |
| | 400 | |
| | 401 | |
| | 402 | /*-------------------------------------------------------------- |
| | 403 | 3.2 - Headers |
| | 404 | --------------------------------------------------------------*/ |
| | 405 | h1, |
| | 406 | h2, |
| | 407 | h3, |
| | 408 | h4, |
| | 409 | h5, |
| | 410 | h6 { |
| | 411 | margin: 5px 0 15px 0; |
| | 412 | } |
| | 413 | h1 { |
| | 414 | font-size: 28px; |
| | 415 | margin-bottom: 25px; |
| | 416 | } |
| | 417 | h2 { |
| | 418 | font-size: 24px; |
| | 419 | margin-bottom: 20px; |
| | 420 | } |
| | 421 | h3 { |
| | 422 | font-size: 20px; |
| | 423 | } |
| | 424 | h4 { |
| | 425 | font-size: 16px; |
| | 426 | margin-bottom: 15px; |
| | 427 | } |
| | 428 | h5 { |
| | 429 | font-size: 14px; |
| | 430 | margin-bottom: 0; |
| | 431 | } |
| | 432 | h6 { |
| | 433 | font-size: 12px; |
| | 434 | margin-bottom: 0; |
| | 435 | } |
| | 436 | |
| | 437 | |
| | 438 | /*-------------------------------------------------------------- |
| | 439 | 3.3 - Lists |
| | 440 | --------------------------------------------------------------*/ |
| | 441 | div.page ul, |
| | 442 | div.page ol, |
| | 443 | div.page dl, |
| | 444 | div.post ul, |
| | 445 | div.post ol, |
| | 446 | div.post dl { |
| | 447 | margin: 0 0 18px 1.5em; |
| | 448 | } |
| | 449 | div.page ul, |
| | 450 | div.post ul { |
| | 451 | list-style: square; |
| | 452 | } |
| | 453 | div.page ol, |
| | 454 | div.post ol { |
| | 455 | list-style: decimal; |
| | 456 | } |
| | 457 | div.page ol ol, |
| | 458 | div.post ol ol { |
| | 459 | list-style: upper-alpha; |
| | 460 | } |
| | 461 | dl { |
| | 462 | margin-left: 0; |
| | 463 | } |
| | 464 | dt { |
| | 465 | font-size: 14px; |
| | 466 | font-weight: bold; |
| | 467 | } |
| | 468 | dd { |
| | 469 | margin: 0 0 15px 0; |
| | 470 | } |
| | 471 | |
| | 472 | |
| | 473 | /*-------------------------------------------------------------- |
| | 474 | 4.0 - Navigation |
| | 475 | --------------------------------------------------------------*/ |
| | 476 | a { |
| | 477 | color: #1fb3dd; |
| | 478 | } |
| | 479 | a:hover, |
| | 480 | a:active { |
| | 481 | color: #888; |
| | 482 | } |
| | 483 | a:focus { |
| | 484 | outline: 1px dotted #ccc; |
| | 485 | } |
| | 486 | #nav { |
| | 487 | margin: 0; |
| | 488 | padding: 0; |
| | 489 | position: absolute; |
| | 490 | right: 15px; |
| | 491 | list-style: none; |
| | 492 | bottom: 0; |
| | 493 | max-width: 95%; |
| | 494 | } |
| | 495 | #nav li a { |
| | 496 | background: url( ../images/60pc_black.png ); |
| | 497 | color: #fff; |
| | 498 | display: block; |
| | 499 | padding: 5px 15px; |
| | 500 | text-decoration: none; |
| | 501 | } |
| | 502 | #nav li { |
| | 503 | margin-left: 5px; |
| | 504 | float: left; |
| | 505 | } |
| | 506 | #nav li li { |
| | 507 | margin-left: 0; |
| | 508 | } |
| | 509 | #nav > li > a { |
| | 510 | -moz-border-radius-topleft: 3px; |
| | 511 | -webkit-border-top-left-radius: 3px; |
| | 512 | -moz-border-radius-topright: 3px; |
| | 513 | -webkit-border-top-right-radius: 3px; |
| | 514 | border-top-left-radius: 3px; |
| | 515 | border-top-right-radius: 3px; |
| | 516 | } |
| | 517 | #nav li.selected a, |
| | 518 | #nav > li.current-menu-item a, |
| | 519 | #nav > li.current_page_item a { |
| | 520 | background: #f5f5f5; |
| | 521 | color: #555; |
| | 522 | } |
| | 523 | #nav > li > ul { |
| | 524 | border-top-width: 0; |
| | 525 | } |
| | 526 | #nav > ul li.sfhover a, |
| | 527 | #nav > ul li:hover a { |
| | 528 | background: #333; |
| | 529 | color: #fff; |
| | 530 | } |
| | 531 | #nav li.sfhover, |
| | 532 | #nav li:hover { |
| | 533 | position: relative; |
| | 534 | z-index: 1000; |
| | 535 | } |
| | 536 | #nav ul { |
| | 537 | border: 1px solid #222; |
| | 538 | -moz-border-radius: 3px; |
| | 539 | -webkit-border-radius: 3px; |
| | 540 | -moz-border-radius-topleft: 0; |
| | 541 | -moz-border-radius-topright: 0; |
| | 542 | -webkit-border-top-left-radius: 0; |
| | 543 | -webkit-border-top-right-radius: 0; |
| | 544 | border-top-left-radius: 0; |
| | 545 | border-top-right-radius: 0; |
| | 546 | -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
| | 547 | -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
| | 548 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
| | 549 | } |
| | 550 | #nav ul li ul { |
| | 551 | -moz-border-radius: 3px; |
| | 552 | -webkit-border-radius: 3px; |
| | 553 | border-radius: 3px; |
| | 554 | } |
| | 555 | #nav ul, |
| | 556 | #nav .sfhover ul ul, |
| | 557 | #nav :hover ul ul { |
| | 558 | left: -9999px; |
| | 559 | position: absolute; |
| | 560 | } |
| | 561 | #nav .sfhover ul, |
| | 562 | #nav :hover ul { |
| | 563 | left: 0; |
| | 564 | top: 100%; |
| | 565 | width: 128px; |
| | 566 | } |
| | 567 | #nav .sfhover ul li > a, |
| | 568 | #nav :hover ul li > a { |
| | 569 | background: #333; |
| | 570 | color: #fff; |
| | 571 | } |
| | 572 | #nav .sfhover ul .sfhover > ul, |
| | 573 | #nav :hover ul :hover > ul { |
| | 574 | left: 125px; |
| | 575 | top: -1px; |
| | 576 | width: 128px; |
| | 577 | } |
| | 578 | #nav ul li.sfhover > a, |
| | 579 | #nav ul li:hover > a { |
| | 580 | background-color: #222; |
| | 581 | color: #fff; |
| | 582 | } |
| | 583 | #nav .sfhover ul li, |
| | 584 | #nav :hover ul li { |
| | 585 | height: 30px; |
| | 586 | line-height: 30px; |
| | 587 | text-indent: 10px; |
| | 588 | width: 128px; |
| | 589 | } |
| | 590 | #nav .sfhover ul li a, |
| | 591 | #nav :hover ul li a { |
| | 592 | padding: 0 0; |
| | 593 | } |
| | 594 | |
| | 595 | |
| | 596 | /*-------------------------------------------------------------- |
| | 597 | 4.1 - Pagination |
| | 598 | --------------------------------------------------------------*/ |
| | 599 | div.pagination { |
| | 600 | margin: -20px -19px 0px -19px; |
| | 601 | padding: 8px 20px; |
| | 602 | color: #888; |
| | 603 | font-size: 11px; |
| | 604 | height: 19px; |
| | 605 | background: #f4f4f4; |
| | 606 | border: none; |
| | 607 | position: relative; |
| | 608 | } |
| | 609 | div.pagination .pag-count { |
| | 610 | float: left; |
| | 611 | } |
| | 612 | div.pagination .pagination-links { |
| | 613 | float: right; |
| | 614 | } |
| | 615 | div.pagination .pagination-links span, |
| | 616 | div.pagination .pagination-links a { |
| | 617 | font-size: 12px; |
| | 618 | padding: 0 5px; |
| | 619 | } |
| | 620 | div.pagination .pagination-links a:hover { |
| | 621 | font-weight: bold; |
| | 622 | } |
| | 623 | div#pag-bottom { |
| | 624 | margin-top: -1px; |
| | 625 | } |
| | 626 | |
| | 627 | |
| | 628 | /*-------------------------------------------------------------- |
| | 629 | 5.0 - WordPress |
| | 630 | --------------------------------------------------------------*/ |
| | 631 | /*-------------------------------------------------------------- |
| | 632 | 5.1 - Alignments |
| | 633 | --------------------------------------------------------------*/ |
| | 634 | .alignright { |
| | 635 | float: right; |
| | 636 | margin-left: 15px; |
| | 637 | } |
| | 638 | .alignleft { |
| | 639 | float: left; |
| | 640 | margin-right: 15px; |
| | 641 | } |
| | 642 | .aligncenter { |
| | 643 | display: block; |
| | 644 | margin-left: auto; |
| | 645 | margin-right: auto; |
| | 646 | } |
| | 647 | .clear { |
| | 648 | clear: left; |
| | 649 | } |
| | 650 | |
| | 651 | |
| | 652 | /*-------------------------------------------------------------- |
| | 653 | 5.2 - Comments |
| | 654 | --------------------------------------------------------------*/ |
| | 655 | .navigation, |
| | 656 | .paged-navigation, |
| | 657 | .comment-navigation { |
| | 658 | overflow: hidden; |
| | 659 | font-family: georgia, times, serif; |
| | 660 | font-style: italic; |
| | 661 | font-size: 14px; |
| | 662 | padding: 5px 0; |
| | 663 | margin: 5px 0 25px 0; |
| | 664 | } |
| | 665 | .comments { |
| | 666 | float: right; |
| | 667 | } |
| | 668 | #trackbacks { |
| | 669 | margin-top: 30px; |
| | 670 | } |
| | 671 | .commentlist .bypostauthor { |
| | 672 | } |
| | 673 | #comments ol.commentlist { |
| | 674 | border-bottom: 1px solid #e4e4e4; |
| | 675 | margin: 0 0 30px 0; |
| | 676 | } |
| | 677 | ol.commentlist li { |
| | 678 | clear: left; |
| | 679 | list-style: none; |
| | 680 | margin-bottom: 15px; |
| | 681 | } |
| | 682 | ol.commentlist div.comment-avatar-box { |
| | 683 | float: left; |
| | 684 | margin: 15px 10px 15px 0; |
| | 685 | } |
| | 686 | .commentlist ul.children div.comment-avatar-box { |
| | 687 | float: left; |
| | 688 | margin: 0px 10px 10px 0; |
| | 689 | } |
| | 690 | div.comment-avatar-box img { |
| | 691 | border: 2px solid #eee; |
| | 692 | } |
| | 693 | div.comment-content { |
| | 694 | border-top: 1px solid #e4e4e4; |
| | 695 | padding-left: 75px; |
| | 696 | } |
| | 697 | .commentlist .children .comment { |
| | 698 | margin-bottom: 5px; |
| | 699 | } |
| | 700 | div.comment-meta, |
| | 701 | div.comment-options { |
| | 702 | color: #888; |
| | 703 | font-size: 11px; |
| | 704 | margin: 15px 0; |
| | 705 | } |
| | 706 | div.comment-meta em { |
| | 707 | font-style: normal; |
| | 708 | } |
| | 709 | div.comment-meta span.comment-highlight a { |
| | 710 | background: #EBF7FF; |
| | 711 | border-right: 1px solid #a1dcfa; |
| | 712 | border-bottom: 1px solid #a1dcfa; |
| | 713 | -moz-border-radius: 4px; |
| | 714 | -webkit-border-radius: 4px; |
| | 715 | border-radius: 4px; |
| | 716 | color: #059AE7; |
| | 717 | margin-right: 3px; |
| | 718 | padding: 3px 8px; |
| | 719 | text-decoration: none; |
| | 720 | } |
| | 721 | div.comment-meta .comment-highlight a:hover, |
| | 722 | .commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover { |
| | 723 | background: #059AE7; |
| | 724 | border-color: #059AE7; |
| | 725 | color: #fff; |
| | 726 | } |
| | 727 | #reply-title { |
| | 728 | margin-top: 0; |
| | 729 | } |
| | 730 | #reply-title small { |
| | 731 | float: right; |
| | 732 | font-size: 11px; |
| | 733 | font-weight: normal; |
| | 734 | } |
| | 735 | #reply-title small a, |
| | 736 | div.comment-options a.comment-reply-link { |
| | 737 | background: #FFF9DB; |
| | 738 | border-bottom: 1px solid #FFE8C4; |
| | 739 | border-right: 1px solid #FFE8C4; |
| | 740 | -moz-border-radius: 4px; |
| | 741 | -webkit-border-radius: 4px; |
| | 742 | border-radius: 4px; |
| | 743 | color: #ffa200; |
| | 744 | margin-right: 10px; |
| | 745 | padding: 3px 8px; |
| | 746 | text-decoration: none; |
| | 747 | } |
| | 748 | #reply-title small a { |
| | 749 | margin-right: 0; |
| | 750 | } |
| | 751 | #reply-title small a:hover, |
| | 752 | div.comment-options a.comment-reply-link:hover { |
| | 753 | background: #f7740a; |
| | 754 | border-color: #f7740a; |
| | 755 | color: #fff; |
| | 756 | } |
| | 757 | .commentlist ul.children { |
| | 758 | background: #f5f5f5; |
| | 759 | -moz-border-radius: 4px; |
| | 760 | -webkit-border-radius: 4px; |
| | 761 | border-radius: 4px; |
| | 762 | margin-bottom: 10px; |
| | 763 | margin-left: 75px; |
| | 764 | padding: 1px 10px; |
| | 765 | |
| | 766 | } |
| | 767 | .commentlist ul.children ul { |
| | 768 | margin-left: 20px; |
| | 769 | margin-bottom: 0; |
| | 770 | padding: 5px 0 0 0; |
| | 771 | } |
| | 772 | .commentlist ul.children img.avatar { |
| | 773 | border-style: none; |
| | 774 | height: 25px; |
| | 775 | margin: 0; |
| | 776 | width: 25px; |
| | 777 | } |
| | 778 | .commentlist ul.children div.comment-content { |
| | 779 | border-top: none; |
| | 780 | padding-left: 35px; |
| | 781 | } |
| | 782 | .commentlist ul.children div.comment-meta { |
| | 783 | font-size: 11px; |
| | 784 | margin-top: 0; |
| | 785 | } |
| | 786 | .commentlist ul.children div.comment-options { |
| | 787 | margin-bottom: 5px; |
| | 788 | margin-top: 0; |
| | 789 | } |
| | 790 | .commentlist ul.children li { |
| | 791 | border-top: 2px solid #fffeff; |
| | 792 | padding-top: 10px; |
| | 793 | } |
| | 794 | .commentlist ul.children li:first-child { |
| | 795 | border-top: none; |
| | 796 | } |
| | 797 | .commentlist ul.children ul li:first-child { |
| | 798 | border-top: 2px solid #fffeff; |
| | 799 | } |
| | 800 | .commentlist ul.children div.comment-options a.comment-reply-link { |
| | 801 | background: transparent; |
| | 802 | border-style: none; |
| | 803 | color: #1fb3dd; |
| | 804 | margin-right: 0; |
| | 805 | padding: 3px 8px; |
| | 806 | text-decoration: underline; |
| | 807 | } |
| | 808 | .commentlist ul.children div.comment-options a.comment-reply-link:hover { |
| | 809 | background: transparent; |
| | 810 | border-style: none; |
| | 811 | color: #1fb3dd; |
| | 812 | } |
| | 813 | #respond { |
| | 814 | background-color: #fafafa; |
| | 815 | border: 1px solid #e5e5e5; |
| | 816 | -moz-border-radius: 4px; |
| | 817 | -webkit-border-radius: 4px; |
| | 818 | border-radius: 4px; |
| | 819 | padding: 15px; |
| | 820 | } |
| | 821 | #respond .form-submit { |
| | 822 | margin-bottom: 0; |
| | 823 | } |
| | 824 | ol.commentlist #respond { |
| | 825 | margin-left: 75px; |
| | 826 | } |
| | 827 | .commentlist ul.children #respond { |
| | 828 | margin-bottom: 10px; |
| | 829 | margin-left: 35px; |
| | 830 | margin-right: 20px; |
| | 831 | } |
| | 832 | h3#reply .comments-header { |
| | 833 | font-size: 14px; |
| | 834 | } |
| | 835 | #respond div.comment-avatar-box { |
| | 836 | margin-top: 0; |
| | 837 | } |
| | 838 | #respond div.comment-content { |
| | 839 | border-style: none; |
| | 840 | } |
| | 841 | #nav-below { |
| | 842 | margin: 0 0; |
| | 843 | padding: 0 0; |
| | 844 | } |
| | 845 | |
| | 846 | |
| | 847 | /*-------------------------------------------------------------- |
| | 848 | 5.3 - Gallery |
| | 849 | --------------------------------------------------------------*/ |
| | 850 | .wp-caption { |
| | 851 | background-color: #f3f3f3; |
| | 852 | border: 1px solid #ddd; |
| | 853 | -moz-border-radius: 3px; |
| | 854 | -webkit-border-radius: 3px; |
| | 855 | border-radius: 3px; |
| | 856 | margin-bottom: 15px; |
| | 857 | padding-top: 4px; |
| | 858 | text-align: center; |
| | 859 | |
| | 860 | } |
| | 861 | .wp-caption img { |
| | 862 | margin: 0; |
| | 863 | padding: 0; |
| | 864 | border: 0 none; |
| | 865 | } |
| | 866 | dd.wp-caption p.wp-caption-text, |
| | 867 | .wp-caption p.wp-caption-text { |
| | 868 | font-size: 0.9em; |
| | 869 | line-height: 17px; |
| | 870 | padding: 5px 4px 5px 0; |
| | 871 | margin: 0; |
| | 872 | } |
| | 873 | #content .gallery { |
| | 874 | margin: 0 auto 15px; |
| | 875 | } |
| | 876 | #content .gallery .gallery-item { |
| | 877 | margin-bottom: 0; |
| | 878 | margin-left: 0; |
| | 879 | } |
| | 880 | .gallery-item img { |
| | 881 | margin-bottom: 15px; |
| | 882 | } |
| | 883 | .gallery .gallery-caption { |
| | 884 | color: #555; |
| | 885 | } |
| | 886 | |
| | 887 | |
| | 888 | /*-------------------------------------------------------------- |
| | 889 | 5.4 - Images |
| | 890 | --------------------------------------------------------------*/ |
| | 891 | img.avatar { |
| | 892 | float: left; |
| | 893 | border: 2px solid #eee; |
| | 894 | } |
| | 895 | img.wp-smiley { |
| | 896 | padding: 0 !important; |
| | 897 | margin: 0 !important; |
| | 898 | border: none !important; |
| | 899 | float: none !important; |
| | 900 | clear: none !important; |
| | 901 | } |
| | 902 | img.centered, |
| | 903 | img.aligncenter { |
| | 904 | display: block; |
| | 905 | margin-left: auto; |
| | 906 | margin-right: auto; |
| | 907 | } |
| | 908 | img.alignright { |
| | 909 | padding: 4px; |
| | 910 | margin: 0 0 2px 7px; |
| | 911 | display: inline; |
| | 912 | } |
| | 913 | img.alignleft { |
| | 914 | padding: 4px; |
| | 915 | margin: 0 7px 2px 0; |
| | 916 | display: inline; |
| | 917 | } |
| | 918 | |
| | 919 | |
| | 920 | /*-------------------------------------------------------------- |
| | 921 | 5.5 - Posts |
| | 922 | --------------------------------------------------------------*/ |
| | 923 | .sticky .date { |
| | 924 | background: #fff9db; |
| | 925 | border-top: 1px solid #ffe8c4; |
| | 926 | border-bottom: 1px solid #ffe8c4; |
| | 927 | color: #ffa200; |
| | 928 | padding: 5px; |
| | 929 | } |
| | 930 | div.page, |
| | 931 | div.post, |
| | 932 | div.attachment { |
| | 933 | margin: 0 0 30px 0; |
| | 934 | overflow: hidden; |
| | 935 | } |
| | 936 | div.page:last-child, |
| | 937 | div.post:last-child, |
| | 938 | div.item-body:last-child, |
| | 939 | #trackbacklist { |
| | 940 | margin-bottom: 0; |
| | 941 | } |
| | 942 | h2.pagetitle, |
| | 943 | h2.posttitle { |
| | 944 | margin: 0; |
| | 945 | line-height: 120%; |
| | 946 | } |
| | 947 | h2.pagetitle a, |
| | 948 | h2.posttitle a { |
| | 949 | color: #666; |
| | 950 | text-decoration: none; |
| | 951 | } |
| | 952 | .edit-link, |
| | 953 | .page-link { |
| | 954 | clear: both; |
| | 955 | font-weight: bold; |
| | 956 | } |
| | 957 | div.post table, |
| | 958 | div.page table { |
| | 959 | margin-bottom: 15px; |
| | 960 | border-collapse: collapse; |
| | 961 | border-spacing: 0; |
| | 962 | border: 1px solid #eee; |
| | 963 | } |
| | 964 | div.post table th, |
| | 965 | div.page table th { |
| | 966 | border-top: 1px solid #eee; |
| | 967 | text-align: left; |
| | 968 | } |
| | 969 | div.post table td, |
| | 970 | div.page table td { |
| | 971 | border-top: 1px solid #eee; |
| | 972 | } |
| | 973 | div.author-box { |
| | 974 | background: #f0f0f0; |
| | 975 | -moz-border-radius: 3px; |
| | 976 | -webkit-border-radius: 3px; |
| | 977 | border-radius: 3px; |
| | 978 | float: left; |
| | 979 | font-family: georgia, times, serif; |
| | 980 | font-style: italic; |
| | 981 | margin: 0 15px 15px 0; |
| | 982 | padding: 10px; |
| | 983 | text-align: center; |
| | 984 | width: 70px; |
| | 985 | } |
| | 986 | div.author-box p, |
| | 987 | div.comment-avatar-box p { |
| | 988 | margin: 5px 0 0; |
| | 989 | } |
| | 990 | div.author-box a, |
| | 991 | div.comment-avatar-box a { |
| | 992 | text-decoration: none; |
| | 993 | } |
| | 994 | div.author-box img { |
| | 995 | float: none; |
| | 996 | border: 4px solid #fff; |
| | 997 | margin: 0; |
| | 998 | } |
| | 999 | div.post-content { |
| | 1000 | margin-left: 105px; |
| | 1001 | } |
| | 1002 | p.date span:first-child { |
| | 1003 | font-style: italic; |
| | 1004 | } |
| | 1005 | div.post .entry { |
| | 1006 | margin-bottom: 15px; |
| | 1007 | } |
| | 1008 | p.date, |
| | 1009 | p.postmetadata { |
| | 1010 | color: #888; |
| | 1011 | font-size: 12px; |
| | 1012 | font-family: Georgia, times, serif; |
| | 1013 | padding: 3px 0; |
| | 1014 | margin: 10px 0; |
| | 1015 | border-bottom: 1px solid #e4e4e4; |
| | 1016 | border-top: 1px solid #e4e4e4; |
| | 1017 | } |
| | 1018 | p.postmetadata { |
| | 1019 | clear: left; |
| | 1020 | overflow: hidden; |
| | 1021 | } |
| | 1022 | .tags { |
| | 1023 | float: left; |
| | 1024 | } |
| | 1025 | |
| | 1026 | |
| | 1027 | /*-------------------------------------------------------------- |
| | 1028 | 6.0 - BuddyPress |
| | 1029 | --------------------------------------------------------------*/ |
| | 1030 | /*-------------------------------------------------------------- |
| | 1031 | 6.1 - Activity |
| | 1032 | --------------------------------------------------------------*/ |
| | 1519 | div.dir-search { |
| | 1520 | float: right; |
| | 1521 | margin: -39px 0 0 0; |
| | 1522 | } |
| | 1523 | div.dir-search input[type=text] { |
| | 1524 | padding: 0 3px; |
| | 1525 | font-size: 12px; |
| | 1526 | } |
| | 1527 | |
| | 1528 | |
| | 1529 | /*-------------------------------------------------------------- |
| | 1530 | 6.5 - Errors / Success Messages |
| | 1531 | --------------------------------------------------------------*/ |
| | 1532 | div#message { |
| | 1533 | margin: 15px 0; |
| | 1534 | } |
| | 1535 | div#message.updated { |
| | 1536 | clear: both; |
| | 1537 | } |
| | 1538 | div#message p { |
| | 1539 | padding: 10px 15px; |
| | 1540 | font-size: 12px; |
| | 1541 | display: block; |
| | 1542 | } |
| | 1543 | div#message.error p { |
| | 1544 | background: #e41717; |
| | 1545 | color: #fff; |
| | 1546 | border-color: #a71a1a; |
| | 1547 | clear: left; |
| | 1548 | } |
| | 1549 | div#message.updated p { |
| | 1550 | background: #dffcd9; |
| | 1551 | color: #1a9b00; |
| | 1552 | border-color: #c4e9bd; |
| | 1553 | } |
| | 1554 | .standard-form#signup_form div div.error { |
| | 1555 | background: #e41717; |
| | 1556 | -moz-border-radius: 3px; |
| | 1557 | -webkit-border-radius: 3px; |
| | 1558 | border-radius: 3px; |
| | 1559 | color: #fff; |
| | 1560 | margin: 0 0 10px 0; |
| | 1561 | padding: 6px; |
| | 1562 | width: 90%; |
| | 1563 | } |
| | 1564 | button.pending, |
| | 1565 | button.disabled, |
| | 1566 | div.pending a, |
| | 1567 | a.disabled { |
| | 1568 | border-color: #eee; |
| | 1569 | color: #bbb; |
| | 1570 | cursor: default; |
| | 1571 | } |
| | 1572 | button.pending:hover, |
| | 1573 | button.disabled:hover, |
| | 1574 | div.pending a:hover, |
| | 1575 | a.disabled:hover { |
| | 1576 | border-color: #eee; |
| | 1577 | color: #bbb; |
| | 1578 | } |
| | 1579 | div.accept, |
| | 1580 | div.reject { |
| | 1581 | float: left; |
| | 1582 | margin-left: 10px; |
| | 1583 | } |
| | 1584 | ul.button-nav li { |
| | 1585 | float: left; |
| | 1586 | margin: 0 10px 10px 0; |
| | 1587 | } |
| | 1588 | ul.button-nav li.current a { |
| | 1589 | font-weight: bold; |
| | 1590 | } |
| | 1591 | |
| | 1592 | |
| | 1593 | /*-------------------------------------------------------------- |
| | 1594 | 6.6 - Forms |
| | 1595 | --------------------------------------------------------------*/ |
| | 1596 | .standard-form textarea, |
| | 1597 | .standard-form input[type=text], |
| | 1598 | .standard-form select, |
| | 1599 | .standard-form input[type=password], |
| | 1600 | .dir-search input[type=text] { |
| | 1601 | border: 1px inset #ccc; |
| | 1602 | -moz-border-radius: 3px; |
| | 1603 | -webkit-border-radius: 3px; |
| | 1604 | border-radius: 3px; |
| | 1605 | color: #888; |
| | 1606 | font: inherit; |
| | 1607 | font-size: 14px; |
| | 1608 | padding: 6px; |
| | 1609 | } |
| | 1610 | .standard-form select { |
| | 1611 | padding: 3px; |
| | 1612 | } |
| | 1613 | .standard-form input[type=password] { |
| | 1614 | margin-bottom: 5px; |
| | 1615 | } |
| | 1616 | .standard-form label, |
| | 1617 | .standard-form span.label { |
| | 1618 | display: block; |
| | 1619 | font-weight: bold; |
| | 1620 | margin: 15px 0 5px 0; |
| | 1621 | } |
| | 1622 | .standard-form div.checkbox label, |
| | 1623 | .standard-form div.radio label { |
| | 1624 | font-weight: normal; |
| | 1625 | margin: 5px 0 0 0; |
| | 1626 | font-size: 14px; |
| | 1627 | color: #888; |
| | 1628 | } |
| | 1629 | .standard-form#sidebar-login-form label { |
| | 1630 | margin-top: 5px; |
| | 1631 | } |
| | 1632 | .form-allowed-tags, |
| | 1633 | .standard-form input[type=text] { |
| | 1634 | width: 75%; |
| | 1635 | } |
| | 1636 | .standard-form#sidebar-login-form input[type=text], |
| | 1637 | .standard-form#sidebar-login-form input[type=password] { |
| | 1638 | padding: 4px; |
| | 1639 | width: 95%; |
| | 1640 | } |
| | 1641 | .standard-form #basic-details-section input[type=password], |
| | 1642 | .standard-form #blog-details-section input#signup_blog_url { |
| | 1643 | width: 35%; |
| | 1644 | } |
| | 1645 | .standard-form#signup_form input[type=text], |
| | 1646 | .standard-form#signup_form textarea { |
| | 1647 | width: 90%; |
| | 1648 | } |
| | 1649 | .standard-form#signup_form div.submit { |
| | 1650 | float: right; |
| | 1651 | } |
| | 1652 | div#signup-avatar img { |
| | 1653 | margin: 0 15px 10px 0; |
| | 1654 | } |
| | 1655 | .standard-form textarea { |
| | 1656 | width: 75%; |
| | 1657 | height: 120px; |
| | 1658 | } |
| | 1659 | .standard-form textarea#message_content { |
| | 1660 | height: 200px; |
| | 1661 | } |
| | 1662 | .standard-form#send-reply textarea { |
| | 1663 | width: 97.5%; |
| | 1664 | } |
| | 1665 | .standard-form p.description { |
| | 1666 | font-size: 11px; |
| | 1667 | color: #888; |
| | 1668 | margin: 5px 0; |
| | 1669 | } |
| | 1670 | .standard-form div.submit { |
| | 1671 | padding: 15px 0 0 0; |
| | 1672 | clear: both; |
| | 1673 | } |
| | 1674 | .standard-form p.submit { |
| | 1675 | padding: 15px 0 0 0; |
| | 1676 | margin-bottom: 0; |
| | 1677 | } |
| | 1678 | .standard-form div.submit input { |
| | 1679 | margin-right: 15px; |
| | 1680 | } |
| | 1681 | .standard-form div.radio ul { |
| | 1682 | margin: 10px 0 15px 38px; |
| | 1683 | list-style: disc; |
| | 1684 | } |
| | 1685 | .standard-form div.radio ul li { |
| | 1686 | margin-bottom: 5px; |
| | 1687 | } |
| | 1688 | .standard-form a.clear-value { |
| | 1689 | display: block; |
| | 1690 | margin-top: 5px; |
| | 1691 | outline: none; |
| | 1692 | } |
| | 1693 | .standard-form #basic-details-section, |
| | 1694 | .standard-form #blog-details-section, |
| | 1695 | .standard-form #profile-details-section { |
| | 1696 | float: left; |
| | 1697 | width: 48%; |
| | 1698 | } |
| | 1699 | .standard-form #profile-details-section { |
| | 1700 | float: right; |
| | 1701 | } |
| | 1702 | .standard-form #blog-details-section { |
| | 1703 | clear: left; |
| | 1704 | } |
| | 1705 | .standard-form input:focus, |
| | 1706 | .standard-form textarea:focus, |
| | 1707 | .standard-form select:focus { |
| | 1708 | background: #fafafa; |
| | 1709 | color: #555; |
| | 1710 | } |
| | 1711 | form#send-invite-form { |
| | 1712 | margin-top: 20px; |
| | 1713 | } |
| | 1714 | div#invite-list { |
| | 1715 | background: #f5f5f5; |
| | 1716 | border: 1px solid #e4e4e4; |
| | 1717 | -moz-border-radius: 3px; |
| | 1718 | -webkit-border-radius: 3px; |
| | 1719 | border-radius: 3px; |
| | 1720 | height: 400px; |
| | 1721 | margin: 10px 0; |
| | 1722 | overflow: scroll; |
| | 1723 | padding: 5px; |
| | 1724 | width: 160px; |
| | 1725 | } |
| | 1726 | button, |
| | 1727 | a.button, |
| | 1728 | input[type=submit], |
| | 1729 | input[type=button], |
| | 1730 | input[type=reset], |
| | 1731 | ul.button-nav li a, |
| | 1732 | div.generic-button a { |
| | 1733 | background: url( ../images/white-grad.png ) top left repeat-x; |
| | 1734 | border: 1px solid #ddd; |
| | 1735 | -moz-border-radius: 3px; |
| | 1736 | -webkit-border-radius: 3px; |
| | 1737 | border-radius: 3px; |
| | 1738 | cursor: pointer; |
| | 1739 | text-decoration: none; |
| | 1740 | color: #888; |
| | 1741 | font-size: 12px; |
| | 1742 | font-weight: normal; |
| | 1743 | padding: 3px 10px; |
| | 1744 | vertical-align: bottom; |
| | 1745 | } |
| | 1746 | button:hover, |
| | 1747 | a.button:hover, |
| | 1748 | a.button:focus, |
| | 1749 | input[type=submit]:hover, |
| | 1750 | input[type=button]:hover, |
| | 1751 | input[type=reset]:hover, |
| | 1752 | ul.button-nav li a:hover, |
| | 1753 | ul.button-nav li.current a, |
| | 1754 | div.generic-button a:hover { |
| | 1755 | border-color: #aaa; |
| | 1756 | color: #555; |
| | 1757 | outline: none; |
| | 1758 | } |
| | 1759 | |
| | 1760 | |
| | 1761 | /*-------------------------------------------------------------- |
| | 1762 | 6.7 - Forums, Tables and Topics |
| | 1763 | --------------------------------------------------------------*/ |
| | 1764 | ul#topic-post-list { |
| | 1765 | margin: 0px -19px 15px; |
| | 1766 | width: auto; |
| | 1767 | } |
| | 1768 | ul#topic-post-list li { |
| | 1769 | padding: 15px; |
| | 1770 | position: relative; |
| | 1771 | } |
| | 1772 | ul#topic-post-list li.alt { |
| | 1773 | background: #f8f8f8; |
| | 1774 | } |
| | 1775 | ul#topic-post-list li div.poster-meta { |
| | 1776 | margin-bottom: 10px; |
| | 1777 | color: #888; |
| | 1778 | } |
| | 1779 | ul#topic-post-list li div.post-content { |
| | 1780 | margin-left: 54px; |
| | 1781 | } |
| | 1782 | div.topic-tags { |
| | 1783 | font-size: 11px; |
| | 1784 | } |
| | 1785 | div.admin-links { |
| | 1786 | position: absolute; |
| | 1787 | top: 15px; |
| | 1788 | right: 25px; |
| | 1789 | color: #888; |
| | 1790 | font-size: 11px; |
| | 1791 | } |
| | 1792 | div#topic-meta { |
| | 1793 | padding: 5px 19px 30px; |
| | 1794 | margin: -10px -19px; |
| | 1795 | position: relative; |
| | 1796 | } |
| | 1797 | div#topic-meta div.admin-links { |
| | 1798 | right: 19px; |
| | 1799 | top: -36px; |
| | 1800 | } |
| | 1801 | div#topic-meta h3 { |
| | 1802 | font-size: 20px; |
| | 1803 | margin: 5px 0; |
| | 1804 | } |
| | 1805 | div#new-topic-post { |
| | 1806 | display: none; |
| | 1807 | margin: 20px 0 0 0; |
| | 1808 | padding: 1px 0 0 0; |
| | 1809 | } |
| 1065 | | } |
| 1066 | | |
| 1067 | | |
| 1068 | | /*-------------------------------------------------------------- |
| 1069 | | 3.0 - Errors / Success Messages |
| 1070 | | --------------------------------------------------------------*/ |
| 1071 | | div#message { |
| 1072 | | margin: 15px 0; |
| 1073 | | } |
| 1074 | | div#message.updated { |
| 1075 | | clear: both; |
| 1076 | | } |
| 1077 | | div#message p { |
| 1078 | | padding: 10px 15px; |
| 1079 | | font-size: 12px; |
| 1080 | | display: block; |
| 1081 | | } |
| 1082 | | div#message.error p { |
| 1083 | | background: #e41717; |
| 1084 | | color: #fff; |
| 1085 | | border-color: #a71a1a; |
| 1086 | | clear: left; |
| 1087 | | } |
| 1088 | | div#message.updated p { |
| 1089 | | background: #dffcd9; |
| 1090 | | color: #1a9b00; |
| 1091 | | border-color: #c4e9bd; |
| 1092 | | } |
| 1093 | | .standard-form#signup_form div div.error { |
| 1094 | | background: #e41717; |
| 1095 | | -moz-border-radius: 3px; |
| 1096 | | -webkit-border-radius: 3px; |
| 1097 | | border-radius: 3px; |
| 1098 | | color: #fff; |
| 1099 | | margin: 0 0 10px 0; |
| 1100 | | padding: 6px; |
| 1101 | | width: 90%; |
| 1102 | | } |
| 1103 | | button.pending, |
| 1104 | | button.disabled, |
| 1105 | | div.pending a, |
| 1106 | | a.disabled { |
| 1107 | | border-color: #eee; |
| 1108 | | color: #bbb; |
| 1109 | | cursor: default; |
| 1110 | | } |
| 1111 | | button.pending:hover, |
| 1112 | | button.disabled:hover, |
| 1113 | | div.pending a:hover, |
| 1114 | | a.disabled:hover { |
| 1115 | | border-color: #eee; |
| 1116 | | color: #bbb; |
| 1117 | | } |
| 1118 | | div.accept, |
| 1119 | | div.reject { |
| 1120 | | float: left; |
| 1121 | | margin-left: 10px; |
| 1122 | | } |
| 1123 | | ul.button-nav li { |
| 1124 | | float: left; |
| 1125 | | margin: 0 10px 10px 0; |
| 1126 | | } |
| 1127 | | ul.button-nav li.current a { |
| 1128 | | font-weight: bold; |
| 1129 | | } |
| 1130 | | |
| 1131 | | |
| 1132 | | /*-------------------------------------------------------------- |
| 1133 | | 4.0 - Forms |
| 1134 | | --------------------------------------------------------------*/ |
| 1135 | | .standard-form textarea, |
| 1136 | | .standard-form input[type=text], |
| 1137 | | .standard-form select, |
| 1138 | | .standard-form input[type=password], |
| 1139 | | .dir-search input[type=text] { |
| 1140 | | border: 1px inset #ccc; |
| 1141 | | -moz-border-radius: 3px; |
| 1142 | | -webkit-border-radius: 3px; |
| 1143 | | border-radius: 3px; |
| 1144 | | color: #888; |
| 1145 | | font: inherit; |
| 1146 | | font-size: 14px; |
| 1147 | | padding: 6px; |
| 1148 | | } |
| 1149 | | .standard-form select { |
| 1150 | | padding: 3px; |
| 1151 | | } |
| 1152 | | .standard-form input[type=password] { |
| 1153 | | margin-bottom: 5px; |
| 1154 | | } |
| 1155 | | .standard-form label, |
| 1156 | | .standard-form span.label { |
| 1157 | | display: block; |
| 1158 | | font-weight: bold; |
| 1159 | | margin: 15px 0 5px 0; |
| 1160 | | } |
| 1161 | | .standard-form div.checkbox label, |
| 1162 | | .standard-form div.radio label { |
| 1163 | | font-weight: normal; |
| 1164 | | margin: 5px 0 0 0; |
| 1165 | | font-size: 14px; |
| 1166 | | color: #888; |
| 1167 | | } |
| 1168 | | .standard-form#sidebar-login-form label { |
| 1169 | | margin-top: 5px; |
| 1170 | | } |
| 1171 | | .form-allowed-tags, |
| 1172 | | .standard-form input[type=text] { |
| 1173 | | width: 75%; |
| 1174 | | } |
| 1175 | | .standard-form#sidebar-login-form input[type=text], |
| 1176 | | .standard-form#sidebar-login-form input[type=password] { |
| 1177 | | padding: 4px; |
| 1178 | | width: 95%; |
| 1179 | | } |
| 1180 | | .standard-form #basic-details-section input[type=password], |
| 1181 | | .standard-form #blog-details-section input#signup_blog_url { |
| 1182 | | width: 35%; |
| 1183 | | } |
| 1184 | | .standard-form#signup_form input[type=text], |
| 1185 | | .standard-form#signup_form textarea { |
| 1186 | | width: 90%; |
| 1187 | | } |
| 1188 | | .standard-form#signup_form div.submit { |
| 1189 | | float: right; |
| 1190 | | } |
| 1191 | | div#signup-avatar img { |
| 1192 | | margin: 0 15px 10px 0; |
| 1193 | | } |
| 1194 | | .standard-form textarea { |
| 1195 | | width: 75%; |
| 1196 | | height: 120px; |
| 1197 | | } |
| 1198 | | .standard-form textarea#message_content { |
| 1199 | | height: 200px; |
| 1200 | | } |
| 1201 | | .standard-form#send-reply textarea { |
| 1202 | | width: 97.5%; |
| 1203 | | } |
| 1204 | | .standard-form p.description { |
| 1205 | | font-size: 11px; |
| 1206 | | color: #888; |
| 1207 | | margin: 5px 0; |
| 1208 | | } |
| 1209 | | .standard-form div.submit { |
| 1210 | | padding: 15px 0 0 0; |
| 1211 | | clear: both; |
| 1212 | | } |
| 1213 | | .standard-form p.submit { |
| 1214 | | padding: 15px 0 0 0; |
| 1215 | | margin-bottom: 0; |
| 1216 | | } |
| 1217 | | .standard-form div.submit input { |
| 1218 | | margin-right: 15px; |
| 1219 | | } |
| 1220 | | .standard-form div.radio ul { |
| 1221 | | margin: 10px 0 15px 38px; |
| 1222 | | list-style: disc; |
| 1223 | | } |
| 1224 | | .standard-form div.radio ul li { |
| 1225 | | margin-bottom: 5px; |
| 1226 | | } |
| 1227 | | .standard-form a.clear-value { |
| 1228 | | display: block; |
| 1229 | | margin-top: 5px; |
| 1230 | | outline: none; |
| 1231 | | } |
| 1232 | | .standard-form #basic-details-section, |
| 1233 | | .standard-form #blog-details-section, |
| 1234 | | .standard-form #profile-details-section { |
| 1235 | | float: left; |
| 1236 | | width: 48%; |
| 1237 | | } |
| 1238 | | .standard-form #profile-details-section { |
| 1239 | | float: right; |
| 1240 | | } |
| 1241 | | .standard-form #blog-details-section { |
| 1242 | | clear: left; |
| 1243 | | } |
| 1244 | | .standard-form input:focus, |
| 1245 | | .standard-form textarea:focus, |
| 1246 | | .standard-form select:focus { |
| 1247 | | background: #fafafa; |
| 1248 | | color: #555; |
| 1249 | | } |
| 1250 | | form#send-invite-form { |
| 1251 | | margin-top: 20px; |
| 1252 | | } |
| 1253 | | div#invite-list { |
| 1254 | | background: #f5f5f5; |
| 1255 | | border: 1px solid #e4e4e4; |
| 1256 | | -moz-border-radius: 3px; |
| 1257 | | -webkit-border-radius: 3px; |
| 1258 | | border-radius: 3px; |
| 1259 | | height: 400px; |
| 1260 | | margin: 10px 0; |
| 1261 | | overflow: scroll; |
| 1262 | | padding: 5px; |
| 1263 | | width: 160px; |
| 1264 | | } |
| 1265 | | |
| 1266 | | |
| 1267 | | /*-------------------------------------------------------------- |
| 1268 | | 4.1 - Buttons |
| 1269 | | --------------------------------------------------------------*/ |
| 1270 | | button, |
| 1271 | | a.button, |
| 1272 | | input[type=submit], |
| 1273 | | input[type=button], |
| 1274 | | input[type=reset], |
| 1275 | | ul.button-nav li a, |
| 1276 | | div.generic-button a { |
| 1277 | | background: url( ../images/white-grad.png ) top left repeat-x; |
| 1278 | | border: 1px solid #ddd; |
| 1279 | | -moz-border-radius: 3px; |
| 1280 | | -webkit-border-radius: 3px; |
| 1281 | | border-radius: 3px; |
| 1282 | | cursor: pointer; |
| 1283 | | text-decoration: none; |
| 1284 | | color: #888; |
| 1285 | | font-size: 12px; |
| 1286 | | font-weight: normal; |
| 1287 | | padding: 3px 10px; |
| 1288 | | vertical-align: bottom; |
| 1289 | | } |
| 1290 | | button:hover, |
| 1291 | | a.button:hover, |
| 1292 | | a.button:focus, |
| 1293 | | input[type=submit]:hover, |
| 1294 | | input[type=button]:hover, |
| 1295 | | input[type=reset]:hover, |
| 1296 | | ul.button-nav li a:hover, |
| 1297 | | ul.button-nav li.current a, |
| 1298 | | div.generic-button a:hover { |
| 1299 | | border-color: #aaa; |
| 1300 | | color: #555; |
| 1301 | | outline: none; |
| 1302 | | } |
| 1303 | | |
| 1304 | | |
| 1305 | | /*-------------------------------------------------------------- |
| 1306 | | 5.0 - Navigation |
| 1307 | | --------------------------------------------------------------*/ |
| 1308 | | a { |
| 1309 | | color: #1fb3dd; |
| 1310 | | } |
| 1311 | | a:hover, |
| 1312 | | a:active { |
| 1313 | | color: #888; |
| 1314 | | } |
| 1315 | | a:focus { |
| 1316 | | outline: 1px dotted #ccc; |
| 1317 | | } |
| 1318 | | #nav { |
| 1319 | | margin: 0; |
| 1320 | | padding: 0; |
| 1321 | | position: absolute; |
| 1322 | | right: 15px; |
| 1323 | | list-style: none; |
| 1324 | | bottom: 0; |
| 1325 | | max-width: 95%; |
| 1326 | | } |
| 1327 | | #nav li a { |
| 1328 | | background: url( ../images/60pc_black.png ); |
| 1329 | | color: #fff; |
| 1330 | | display: block; |
| 1331 | | padding: 5px 15px; |
| 1332 | | text-decoration: none; |
| 1333 | | } |
| 1334 | | #nav li { |
| 1335 | | margin-left: 5px; |
| 1336 | | float: left; |
| 1337 | | } |
| 1338 | | #nav li li { |
| 1339 | | margin-left: 0; |
| 1340 | | } |
| 1341 | | #nav > li > a { |
| 1342 | | -moz-border-radius-topleft: 3px; |
| 1343 | | -webkit-border-top-left-radius: 3px; |
| 1344 | | -moz-border-radius-topright: 3px; |
| 1345 | | -webkit-border-top-right-radius: 3px; |
| 1346 | | border-top-left-radius: 3px; |
| 1347 | | border-top-right-radius: 3px; |
| 1348 | | } |
| 1349 | | #nav li.selected a, |
| 1350 | | #nav > li.current-menu-item a, |
| 1351 | | #nav > li.current_page_item a { |
| 1352 | | background: #f5f5f5; |
| 1353 | | color: #555; |
| 1354 | | } |
| 1355 | | #nav > li > ul { |
| 1356 | | border-top-width: 0; |
| 1357 | | } |
| 1358 | | #nav > ul li.sfhover a, |
| 1359 | | #nav > ul li:hover a { |
| 1360 | | background: #333; |
| 1361 | | color: #fff; |
| 1362 | | } |
| 1363 | | #nav li.sfhover, |
| 1364 | | #nav li:hover { |
| 1365 | | position: relative; |
| 1366 | | z-index: 1000; |
| 1367 | | } |
| 1368 | | #nav ul { |
| 1369 | | border: 1px solid #222; |
| 1370 | | -moz-border-radius: 3px; |
| 1371 | | -webkit-border-radius: 3px; |
| 1372 | | -moz-border-radius-topleft: 0; |
| 1373 | | -moz-border-radius-topright: 0; |
| 1374 | | -webkit-border-top-left-radius: 0; |
| 1375 | | -webkit-border-top-right-radius: 0; |
| 1376 | | border-top-left-radius: 0; |
| 1377 | | border-top-right-radius: 0; |
| 1378 | | -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
| 1379 | | -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
| 1380 | | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
| 1381 | | } |
| 1382 | | #nav ul li ul { |
| 1383 | | -moz-border-radius: 3px; |
| 1384 | | -webkit-border-radius: 3px; |
| 1385 | | border-radius: 3px; |
| 1386 | | } |
| 1387 | | #nav ul, |
| 1388 | | #nav .sfhover ul ul, |
| 1389 | | #nav :hover ul ul { |
| 1390 | | left: -9999px; |
| 1391 | | position: absolute; |
| 1392 | | } |
| 1393 | | #nav .sfhover ul, |
| 1394 | | #nav :hover ul { |
| 1395 | | left: 0; |
| 1396 | | top: 100%; |
| 1397 | | width: 128px; |
| 1398 | | } |
| 1399 | | #nav .sfhover ul li > a, |
| 1400 | | #nav :hover ul li > a { |
| 1401 | | background: #333; |
| 1402 | | color: #fff; |
| 1403 | | } |
| 1404 | | #nav .sfhover ul .sfhover > ul, |
| 1405 | | #nav :hover ul :hover > ul { |
| 1406 | | left: 125px; |
| 1407 | | top: -1px; |
| 1408 | | width: 128px; |
| 1409 | | } |
| 1410 | | #nav ul li.sfhover > a, |
| 1411 | | #nav ul li:hover > a { |
| 1412 | | background-color: #222; |
| 1413 | | color: #fff; |
| 1414 | | } |
| 1415 | | #nav .sfhover ul li, |
| 1416 | | #nav :hover ul li { |
| 1417 | | height: 30px; |
| 1418 | | line-height: 30px; |
| 1419 | | text-indent: 10px; |
| 1420 | | width: 128px; |
| 1421 | | } |
| 1422 | | #nav .sfhover ul li a, |
| 1423 | | #nav :hover ul li a { |
| 1424 | | padding: 0 0; |
| 1425 | | } |
| 1426 | | |
| 1427 | | |
| 1428 | | /*-------------------------------------------------------------- |
| 1429 | | 5.1 - Pagination |
| 1430 | | --------------------------------------------------------------*/ |
| 1431 | | div.pagination { |
| 1432 | | margin: -20px -19px 0px -19px; |
| 1433 | | padding: 8px 20px; |
| 1434 | | color: #888; |
| 1435 | | font-size: 11px; |
| 1436 | | height: 19px; |
| 1437 | | background: #f4f4f4; |
| 1438 | | border: none; |
| 1439 | | position: relative; |
| 1440 | | } |
| 1441 | | div.pagination .pag-count { |
| 1442 | | float: left; |
| 1443 | | } |
| 1444 | | div.pagination .pagination-links { |
| 1445 | | float: right; |
| 1446 | | } |
| 1447 | | div.pagination .pagination-links span, |
| 1448 | | div.pagination .pagination-links a { |
| 1449 | | font-size: 12px; |
| 1450 | | padding: 0 5px; |
| 1451 | | } |
| 1452 | | div.pagination .pagination-links a:hover { |
| 1453 | | font-weight: bold; |
| 1454 | | } |
| 1455 | | div#pag-bottom { |
| 1456 | | margin-top: -1px; |
| 1457 | | } |
| 1458 | | |
| 1459 | | |
| 1460 | | /*-------------------------------------------------------------- |
| 1461 | | 6.0 - Structure |
| 1462 | | --------------------------------------------------------------*/ |
| 1463 | | body { |
| 1464 | | background-color: #eaeaea; |
| 1465 | | background-image: url( ../images/background.gif ); |
| 1466 | | background-repeat: repeat-x; |
| 1467 | | background-position: top left; |
| 1468 | | font-size: 12px; |
| 1469 | | font-family: Arial, Tahoma, Verdana, sans-serif; |
| 1470 | | line-height: 170%; |
| 1471 | | color: #555; |
| 1472 | | width: 90%; |
| 1473 | | min-width: 960px; |
| 1474 | | max-width: 1250px; |
| 1475 | | margin: 0 auto; |
| 1476 | | } |
| 1477 | | .padder { |
| 1478 | | padding: 19px; |
| 1479 | | } |
| 1480 | | .clear { |
| 1481 | | clear: left; |
| 1482 | | } |
| 1483 | | hr { |
| 1484 | | background-color: #e7e7e7; |
| 1485 | | border: 0 none; |
| 1486 | | clear: both; |
| 1487 | | height: 1px; |
| 1488 | | margin: 20px 0; |
| 1489 | | } |
| 1490 | | div#container { |
| 1491 | | background: #fff; |
| 1492 | | border-right: 1px solid #e0e0e0; |
| 1493 | | border-bottom: 1px solid #e0e0e0; |
| 1494 | | -moz-border-radius: 6px; |
| 1495 | | -webkit-border-radius: 6px; |
| 1496 | | border-radius: 6px; |
| 1497 | | overflow: hidden; |
| 1498 | | position: relative; |
| 1499 | | width: 100%; |
| 1500 | | } |
| 1501 | | body.activity-permalink div#container { |
| 1502 | | background: none; |
| 1503 | | border: none; |
| 1504 | | } |
| 1505 | | |
| 1506 | | |
| 1507 | | /*-------------------------------------------------------------- |
| 1508 | | 6.1 - Content |
| 1509 | | --------------------------------------------------------------*/ |
| 1510 | | div#content { |
| 1511 | | -moz-border-radius-topleft: 6px; |
| 1512 | | -webkit-border-top-left-radius: 6px; |
| 1513 | | -moz-border-radius-bottomleft: 6px; |
| 1514 | | -webkit-border-bottom-left-radius: 6px; |
| 1515 | | border-top-left-radius: 6px; |
| 1516 | | border-top-right-radius: 6px; |
| 1517 | | float: left; |
| 1518 | | width: 100%; |
| 1519 | | } |
| 1520 | | div#content .padder { |
| 1521 | | border-right: 1px solid #ddd; |
| 1522 | | -moz-border-radius-topleft: 6px; |
| 1523 | | -webkit-border-top-left-radius: 6px; |
| 1524 | | -moz-border-radius-bottomleft: 6px; |
| 1525 | | -webkit-border-bottom-left-radius: 6px; |
| 1526 | | border-top-left-radius: 6px; |
| 1527 | | border-bottom-left-radius: 6px; |
| 1528 | | margin-right: 225px; |
| 1529 | | } |
| 1530 | | div#content .one-column { |
| 1531 | | margin-right: 0; |
| 1532 | | border-right: 0 none; |
| 1533 | | } |
| 1534 | | div#content .left-menu { |
| 1535 | | float: left; |
| 1536 | | width: 170px; |
| 1537 | | } |
| 1538 | | div#content .main-column { |
| 1539 | | margin-left: 190px; |
| 1540 | | } |
| 1541 | | |
| 1542 | | |
| 1543 | | /*-------------------------------------------------------------- |
| 1544 | | 6.2 - Header |
| 1545 | | --------------------------------------------------------------*/ |
| 1546 | | #header { |
| 1547 | | -moz-border-radius-bottomleft: 6px; |
| 1548 | | -webkit-border-bottom-left-radius: 6px; |
| 1549 | | -moz-border-radius-bottomright: 6px; |
| 1550 | | -webkit-border-bottom-right-radius: 6px; |
| 1551 | | border-top-left-radius: 6px; |
| 1552 | | border-top-right-radius: 6px; |
| 1553 | | color: #fff; |
| 1554 | | height: 100px; |
| 1555 | | margin-bottom: 20px; |
| 1556 | | padding-top: 25px; |
| 1557 | | position: relative; |
| 1558 | | z-index: 1000; |
| 1559 | | } |
| 1560 | | #header #search-bar { |
| 1561 | | margin-top: 5px; |
| 1562 | | text-align: right; |
| 1563 | | width: 100%; |
| 1564 | | } |
| 1565 | | #header #search-bar .padder { |
| 1566 | | padding: 10px 15px 0 20px; |
| 1567 | | } |
| 1568 | | #header #search-bar input[type=text] { |
| 1569 | | border: 1px inset #888; |
| 1570 | | -moz-border-radius: 3px; |
| 1571 | | -webkit-border-radius: 3px; |
| 1572 | | border-radius: 3px; |
| 1573 | | margin-right: 4px; |
| 1574 | | padding: 2px; |
| 1575 | | } |
| 1576 | | #header #search-bar input[type=submit] { |
| 1577 | | font-size: 11px; |
| 1578 | | padding: 1px 4px; |
| 1579 | | margin-left: 4px; |
| 1580 | | } |
| 1581 | | #header h1 { |
| 1582 | | float: left; |
| 1583 | | margin-bottom: 0; |
| 1584 | | margin-top: 0; |
| 1585 | | } |
| 1586 | | #header h1 a { |
| 1587 | | color: #fff; |
| 1588 | | font-size: 26px; |
| 1589 | | text-decoration: none; |
| 1590 | | } |
| 1591 | | |
| 1592 | | |
| 1593 | | /*-------------------------------------------------------------- |
| 1594 | | 6.3 - Footer |
| 1595 | | --------------------------------------------------------------*/ |
| 1596 | | #footer { |
| 1597 | | margin: 20px 0; |
| 1598 | | } |
| 1599 | | #footer-widgets { |
| 1600 | | background: #fff; |
| 1601 | | border-bottom: 1px solid #e0e0e0; |
| 1602 | | border-right: 1px solid #e0e0e0; |
| 1603 | | -moz-border-radius: 6px; |
| 1604 | | -webkit-border-radius: 6px; |
| 1605 | | border-radius: 6px; |
| 1606 | | padding: 19px; |
| 1607 | | } |
| 1608 | | #site-generator { |
| 1609 | | margin: 20px 20px; |
| 1610 | | text-align: center; |
| 1611 | | color: #bbb; |
| 1612 | | text-shadow: #fafafa 1px 1px 0; |
| 1613 | | } |
| 1614 | | #footer-widget-area { |
| 1615 | | overflow: hidden; |
| 1616 | | margin-top: -19px; |
| 1617 | | } |
| 1618 | | #footer-widget-area div.widget-area > ul { |
| 1619 | | float: left; |
| 1620 | | margin-right: 19px; |
| 1621 | | width: 23%; |
| 1622 | | } |
| 1623 | | #footer-widget-area div.widget-area > ul > li { |
| 1624 | | margin-top: 19px; |
| 1625 | | } |
| 1626 | | #footer-widget-area h3.widgettitle { |
| 1627 | | margin: 0 0 10px 0; |
| 1628 | | background: #eaeaea; |
| 1629 | | padding: 5px 15px; |
| 1630 | | font-size: 12px; |
| 1631 | | clear: left; |
| 1632 | | } |
| 1633 | | #footer-widget-area div div.item-options { |
| 1634 | | margin-left: 0; |
| 1635 | | margin-right: 0; |
| 1636 | | } |
| 1637 | | #footer-widget-area ul.item-list li img.avatar { |
| 1638 | | margin-left: 15px; /* border is 4px */ |
| 1639 | | } |
| 1640 | | |
| 1641 | | |
| 1642 | | /*-------------------------------------------------------------- |
| 1643 | | 6.4 - Sidebar |
| 1644 | | --------------------------------------------------------------*/ |
| 1645 | | div#sidebar { |
| 1646 | | background: url( ../images/sidebar_back.gif ) top left repeat-x; |
| 1647 | | border-left: 1px solid #ddd; |
| 1648 | | -moz-border-radius-topright: 3px; |
| 1649 | | -webkit-border-top-right-radius: 3px; |
| 1650 | | border-top-right-radius: 3px; |
| 1651 | | float: left; |
| 1652 | | margin-left: -226px; |
| 1653 | | margin-top: 1px; |
| 1654 | | width: 224px; |
| 1655 | | } |
| 1656 | | div#sidebar div#sidebar-me img.avatar { |
| 1657 | | float: left; |
| 1658 | | margin: 0 10px 15px 0; |
| 1659 | | } |
| 1660 | | div#sidebar div#sidebar-me h4 { |
| 1661 | | font-size: 16px; |
| 1662 | | margin: 0 0 8px 0; |
| 1663 | | font-weight: normal; |
| 1664 | | } |
| 1665 | | div#sidebar ul#bp-nav { |
| 1666 | | clear: left; |
| 1667 | | margin: 15px -16px; |
| 1668 | | } |
| 1669 | | div#sidebar ul#bp-nav li { |
| 1670 | | padding: 10px 15px; |
| 1671 | | } |
| 1672 | | div#sidebar h3.widgettitle { |
| 1673 | | margin: 25px -20px 10px -19px; |
| 1674 | | background: #eaeaea; |
| 1675 | | padding: 5px 15px; |
| 1676 | | font-size: 12px; |
| 1677 | | clear: left; |
| 1678 | | } |
| 1679 | | #footer-widget-area .widget_search, |
| 1680 | | div#sidebar .widget_search { |
| 1681 | | margin-top: 20px; |
| 1682 | | } |
| 1683 | | #footer-widget-area .widget_search input[type=text], |
| 1684 | | div#sidebar .widget_search input[type=text] { |
| 1685 | | width: 110px; |
| 1686 | | padding: 2px; |
| 1687 | | } |
| 1688 | | #footer-widget-area ul#recentcomments li, |
| 1689 | | #footer-widget-area .widget_recent_entries ul li, |
| 1690 | | div#sidebar ul#recentcomments li, |
| 1691 | | div#sidebar .widget_recent_entries ul li { |
| 1692 | | margin-bottom: 15px; |
| 1693 | | } |
| 1694 | | #footer-widget-area ul.item-list img.avatar, |
| 1695 | | div#sidebar ul.item-list img.avatar { |
| 1696 | | width: 20px; |
| 1697 | | height: 20px; |
| 1698 | | margin-right: 10px; |
| 1699 | | } |
| 1700 | | #footer-widget-area div.item-avatar img, |
| 1701 | | div#sidebar div.item-avatar img { |
| 1702 | | width: 40px; |
| 1703 | | height: 40px; |
| 1704 | | margin: 1px; |
| 1705 | | } |
| 1706 | | #footer-widget-area .avatar-block, |
| 1707 | | div#sidebar .avatar-block { |
| 1708 | | overflow: hidden; |
| 1709 | | } |
| 1710 | | #footer-widget-area ul.item-list div.item-title, |
| 1711 | | div#sidebar ul.item-list div.item-title { |
| 1712 | | font-size: 12px; |
| 1713 | | } |
| 1714 | | #footer-widget-area div.item-options, |
| 1715 | | div#sidebar div.item-options { |
| 1716 | | margin: -10px -20px 0 -19px; |
| 1717 | | background: #f8f8f8; |
| 1718 | | padding: 5px 15px; |
| 1719 | | font-size: 11px; |
| 1720 | | } |
| 1721 | | #footer-widget-area div.item-content { |
| 1722 | | margin-left: 38px; |
| 1723 | | } |
| 1724 | | #footer-widget-area div.item-meta, |
| 1725 | | div#sidebar div.item-meta, |
| 1726 | | div#sidebar div.item-content { |
| 1727 | | margin-left: 38px; |
| 1728 | | font-size: 11px; |
| 1729 | | } |
| 1730 | | #footer-widget-area div.tags div#tag-text, |
| 1731 | | div#sidebar div.tags div#tag-text { |
| 1732 | | font-size: 1.4em; |
| 1733 | | line-height: 140%; |
| 1734 | | padding-top: 10px; |
| 1735 | | } |
| 1736 | | |
| 1737 | | |
| 1738 | | /*-------------------------------------------------------------- |
| 1739 | | 7.0 - Text Elements |
| 1740 | | --------------------------------------------------------------*/ |
| 1741 | | p { |
| 1742 | | margin-bottom: 15px; |
| 1743 | | } |
| 1744 | | p:last-child { |
| 1745 | | margin-bottom: 0; |
| 1746 | | } |
| 1747 | | big { |
| 1748 | | font-size: 18px; |
| 1749 | | } |
| 1750 | | del { |
| 1751 | | text-decoration: line-through; |
| 1752 | | } |
| 1753 | | ins { |
| 1754 | | background: #fff9db; |
| 1755 | | text-decoration: none; |
| 1756 | | } |
| 1757 | | sub { |
| 1758 | | top: .5ex; |
| 1759 | | } |
| 1760 | | sup { |
| 1761 | | bottom: 1ex; |
| 1762 | | } |
| 1763 | | sub, |
| 1764 | | sup { |
| 1765 | | height: 0; |
| 1766 | | line-height: 1; |
| 1767 | | vertical-align: baseline; |
| 1768 | | position: relative; |
| 1769 | | } |
| 1770 | | |
| 1771 | | |
| 1772 | | /*-------------------------------------------------------------- |
| 1773 | | 7.1 - Headers |
| 1774 | | --------------------------------------------------------------*/ |
| 1775 | | h1, |
| 1776 | | h2, |
| 1777 | | h3, |
| 1778 | | h4, |
| 1779 | | h5, |
| 1780 | | h6 { |
| 1781 | | margin: 5px 0 15px 0; |
| 1782 | | } |
| 1783 | | h1 { |
| 1784 | | font-size: 28px; |
| 1785 | | margin-bottom: 25px; |
| 1786 | | } |
| 1787 | | h2 { |
| 1788 | | font-size: 24px; |
| 1789 | | margin-bottom: 20px; |
| 1790 | | } |
| 1791 | | h3 { |
| 1792 | | font-size: 20px; |
| 1793 | | } |
| 1794 | | h4 { |
| 1795 | | font-size: 16px; |
| 1796 | | margin-bottom: 15px; |
| 1797 | | } |
| 1798 | | h5 { |
| 1799 | | font-size: 14px; |
| 1800 | | margin-bottom: 0; |
| 1801 | | } |
| 1802 | | h6 { |
| 1803 | | font-size: 12px; |
| 1804 | | margin-bottom: 0; |
| 1805 | | } |
| 1806 | | |
| 1807 | | |
| 1808 | | /*-------------------------------------------------------------- |
| 1809 | | 8.0 - WordPress |
| 1810 | | --------------------------------------------------------------*/ |
| 1811 | | /*-------------------------------------------------------------- |
| 1812 | | 8.1 - Alignments |
| 1813 | | --------------------------------------------------------------*/ |
| 1814 | | .alignright { |
| 1815 | | float: right; |
| 1816 | | margin-left: 15px; |
| 1817 | | } |
| 1818 | | .alignleft { |
| 1819 | | float: left; |
| 1820 | | margin-right: 15px; |
| 1821 | | } |
| 1822 | | .aligncenter { |
| 1823 | | display: block; |
| 1824 | | margin-left: auto; |
| 1825 | | margin-right: auto; |
| 1826 | | } |
| 1827 | | |
| 1828 | | |
| 1829 | | /*-------------------------------------------------------------- |
| 1830 | | 8.2 - Comments |
| 1831 | | --------------------------------------------------------------*/ |
| 1832 | | .navigation, |
| 1833 | | .paged-navigation, |
| 1834 | | .comment-navigation { |
| 1835 | | overflow: hidden; |
| 1836 | | font-family: georgia, times, serif; |
| 1837 | | font-style: italic; |
| 1838 | | font-size: 14px; |
| 1839 | | padding: 5px 0; |
| 1840 | | margin: 5px 0 25px 0; |
| 1841 | | } |
| 1842 | | .comments { |
| 1843 | | float: right; |
| 1844 | | } |
| 1845 | | #trackbacks { |
| 1846 | | margin-top: 30px; |
| 1847 | | } |
| 1848 | | .commentlist .bypostauthor { |
| 1849 | | } |
| 1850 | | #comments ol.commentlist { |
| 1851 | | border-bottom: 1px solid #e4e4e4; |
| 1852 | | margin: 0 0 30px 0; |
| 1853 | | } |
| 1854 | | ol.commentlist li { |
| 1855 | | clear: left; |
| 1856 | | list-style: none; |
| 1857 | | margin-bottom: 15px; |
| 1858 | | } |
| 1859 | | ol.commentlist div.comment-avatar-box { |
| 1860 | | float: left; |
| 1861 | | margin: 15px 10px 15px 0; |
| 1862 | | } |
| 1863 | | .commentlist ul.children div.comment-avatar-box { |
| 1864 | | float: left; |
| 1865 | | margin: 0px 10px 10px 0; |
| 1866 | | } |
| 1867 | | div.comment-avatar-box img { |
| 1868 | | border: 2px solid #eee; |
| 1869 | | } |
| 1870 | | div.comment-content { |
| 1871 | | border-top: 1px solid #e4e4e4; |
| 1872 | | padding-left: 75px; |
| 1873 | | } |
| 1874 | | .commentlist .children .comment { |
| 1875 | | margin-bottom: 5px; |
| 1876 | | } |
| 1877 | | div.comment-meta, |
| 1878 | | div.comment-options { |
| 1879 | | color: #888; |
| 1880 | | font-size: 11px; |
| 1881 | | margin: 15px 0; |
| 1882 | | } |
| 1883 | | div.comment-meta em { |
| 1884 | | font-style: normal; |
| 1885 | | } |
| 1886 | | div.comment-meta span.comment-highlight a { |
| 1887 | | background: #EBF7FF; |
| 1888 | | border-right: 1px solid #a1dcfa; |
| 1889 | | border-bottom: 1px solid #a1dcfa; |
| 1890 | | -moz-border-radius: 4px; |
| 1891 | | -webkit-border-radius: 4px; |
| 1892 | | border-radius: 4px; |
| 1893 | | color: #059AE7; |
| 1894 | | margin-right: 3px; |
| 1895 | | padding: 3px 8px; |
| 1896 | | text-decoration: none; |
| 1897 | | } |
| 1898 | | div.comment-meta .comment-highlight a:hover, |
| 1899 | | .commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover { |
| 1900 | | background: #059AE7; |
| 1901 | | border-color: #059AE7; |
| 1902 | | color: #fff; |
| 1903 | | } |
| 1904 | | #reply-title { |
| 1905 | | margin-top: 0; |
| 1906 | | } |
| 1907 | | #reply-title small { |
| 1908 | | float: right; |
| 1909 | | font-size: 11px; |
| 1910 | | font-weight: normal; |
| 1911 | | } |
| 1912 | | #reply-title small a, |
| 1913 | | div.comment-options a.comment-reply-link { |
| 1914 | | background: #FFF9DB; |
| 1915 | | border-bottom: 1px solid #FFE8C4; |
| 1916 | | border-right: 1px solid #FFE8C4; |
| 1917 | | -moz-border-radius: 4px; |
| 1918 | | -webkit-border-radius: 4px; |
| 1919 | | border-radius: 4px; |
| 1920 | | color: #ffa200; |
| 1921 | | margin-right: 10px; |
| 1922 | | padding: 3px 8px; |
| 1923 | | text-decoration: none; |
| 1924 | | } |
| 1925 | | #reply-title small a { |
| 1926 | | margin-right: 0; |
| 1927 | | } |
| 1928 | | #reply-title small a:hover, |
| 1929 | | div.comment-options a.comment-reply-link:hover { |
| 1930 | | background: #f7740a; |
| 1931 | | border-color: #f7740a; |
| 1932 | | color: #fff; |
| 1933 | | } |
| 1934 | | .commentlist ul.children { |
| 1935 | | background: #f5f5f5; |
| 1936 | | -moz-border-radius: 4px; |
| 1937 | | -webkit-border-radius: 4px; |
| 1938 | | border-radius: 4px; |
| 1939 | | margin-bottom: 10px; |
| 1940 | | margin-left: 75px; |
| 1941 | | padding: 1px 10px; |
| 1942 | | |
| 1943 | | } |
| 1944 | | .commentlist ul.children ul { |
| 1945 | | margin-left: 20px; |
| 1946 | | margin-bottom: 0; |
| 1947 | | padding: 5px 0 0 0; |
| 1948 | | } |
| 1949 | | .commentlist ul.children img.avatar { |
| 1950 | | border-style: none; |
| 1951 | | height: 25px; |
| 1952 | | margin: 0; |
| 1953 | | width: 25px; |
| 1954 | | } |
| 1955 | | .commentlist ul.children div.comment-content { |
| 1956 | | border-top: none; |
| 1957 | | padding-left: 35px; |
| 1958 | | } |
| 1959 | | .commentlist ul.children div.comment-meta { |
| 1960 | | font-size: 11px; |
| 1961 | | margin-top: 0; |
| 1962 | | } |
| 1963 | | .commentlist ul.children div.comment-options { |
| 1964 | | margin-bottom: 5px; |
| 1965 | | margin-top: 0; |
| 1966 | | } |
| 1967 | | .commentlist ul.children li { |
| 1968 | | border-top: 2px solid #fffeff; |
| 1969 | | padding-top: 10px; |
| 1970 | | } |
| 1971 | | .commentlist ul.children li:first-child { |
| 1972 | | border-top: none; |
| 1973 | | } |
| 1974 | | .commentlist ul.children ul li:first-child { |
| 1975 | | border-top: 2px solid #fffeff; |
| 1976 | | } |
| 1977 | | .commentlist ul.children div.comment-options a.comment-reply-link { |
| 1978 | | background: transparent; |
| 1979 | | border-style: none; |
| 1980 | | color: #1fb3dd; |
| 1981 | | margin-right: 0; |
| 1982 | | padding: 3px 8px; |
| 1983 | | text-decoration: underline; |
| 1984 | | } |
| 1985 | | .commentlist ul.children div.comment-options a.comment-reply-link:hover { |
| 1986 | | background: transparent; |
| 1987 | | border-style: none; |
| 1988 | | color: #1fb3dd; |
| 1989 | | } |
| 1990 | | #respond { |
| 1991 | | background-color: #fafafa; |
| 1992 | | border: 1px solid #e5e5e5; |
| 1993 | | -moz-border-radius: 4px; |
| 1994 | | -webkit-border-radius: 4px; |
| 1995 | | border-radius: 4px; |
| 1996 | | padding: 15px; |
| 1997 | | } |
| 1998 | | #respond .form-submit { |
| 1999 | | margin-bottom: 0; |
| 2000 | | } |
| 2001 | | ol.commentlist #respond { |
| 2002 | | margin-left: 75px; |
| 2003 | | } |
| 2004 | | .commentlist ul.children #respond { |
| 2005 | | margin-bottom: 10px; |
| 2006 | | margin-left: 35px; |
| 2007 | | margin-right: 20px; |
| 2008 | | } |
| 2009 | | h3#reply .comments-header { |
| 2010 | | font-size: 14px; |
| 2011 | | } |
| 2012 | | #respond div.comment-avatar-box { |
| 2013 | | margin-top: 0; |
| 2014 | | } |
| 2015 | | #respond div.comment-content { |
| 2016 | | border-style: none; |
| 2017 | | } |
| 2018 | | #nav-below { |
| 2019 | | margin: 0 0; |
| 2020 | | padding: 0 0; |
| 2021 | | } |
| 2022 | | |
| 2023 | | |
| 2024 | | /*-------------------------------------------------------------- |
| 2025 | | 8.3 - Gallery |
| 2026 | | --------------------------------------------------------------*/ |
| 2027 | | .wp-caption { |
| 2028 | | background-color: #f3f3f3; |
| 2029 | | border: 1px solid #ddd; |
| 2030 | | -moz-border-radius: 3px; |
| 2031 | | -webkit-border-radius: 3px; |
| 2032 | | border-radius: 3px; |
| 2033 | | margin-bottom: 15px; |
| 2034 | | padding-top: 4px; |
| 2035 | | text-align: center; |
| 2036 | | |
| 2037 | | } |
| 2038 | | .wp-caption img { |
| 2039 | | margin: 0; |
| 2040 | | padding: 0; |
| 2041 | | border: 0 none; |
| 2042 | | } |
| 2043 | | dd.wp-caption p.wp-caption-text, |
| 2044 | | .wp-caption p.wp-caption-text { |
| 2045 | | font-size: 0.9em; |
| 2046 | | line-height: 17px; |
| 2047 | | padding: 5px 4px 5px 0; |
| 2048 | | margin: 0; |
| 2049 | | } |
| 2050 | | #content .gallery { |
| 2051 | | margin: 0 auto 15px; |
| 2052 | | } |
| 2053 | | #content .gallery .gallery-item { |
| 2054 | | margin-bottom: 0; |
| 2055 | | margin-left: 0; |
| 2056 | | } |
| 2057 | | .gallery-item img { |
| 2058 | | margin-bottom: 15px; |
| 2059 | | } |
| 2060 | | .gallery .gallery-caption { |
| 2061 | | color: #555; |
| 2062 | | } |
| 2063 | | |
| 2064 | | |
| 2065 | | /*-------------------------------------------------------------- |
| 2066 | | 8.4 - Images |
| 2067 | | --------------------------------------------------------------*/ |
| 2068 | | img.avatar { |
| 2069 | | float: left; |
| 2070 | | border: 2px solid #eee; |
| 2071 | | } |
| 2072 | | img.wp-smiley { |
| 2073 | | padding: 0 !important; |
| 2074 | | margin: 0 !important; |
| 2075 | | border: none !important; |
| 2076 | | float: none !important; |
| 2077 | | clear: none !important; |
| 2078 | | } |
| 2079 | | img.centered, |
| 2080 | | img.aligncenter { |
| 2081 | | display: block; |
| 2082 | | margin-left: auto; |
| 2083 | | margin-right: auto; |
| 2084 | | } |
| 2085 | | img.alignright { |
| 2086 | | padding: 4px; |
| 2087 | | margin: 0 0 2px 7px; |
| 2088 | | display: inline; |
| 2089 | | } |
| 2090 | | img.alignleft { |
| 2091 | | padding: 4px; |
| 2092 | | margin: 0 7px 2px 0; |
| 2093 | | display: inline; |
| 2094 | | } |
| 2095 | | |
| 2096 | | |
| 2097 | | /*-------------------------------------------------------------- |
| 2098 | | 8.5 - Lists |
| 2099 | | --------------------------------------------------------------*/ |
| 2100 | | div.page ul, |
| 2101 | | div.page ol, |
| 2102 | | div.page dl, |
| 2103 | | div.post ul, |
| 2104 | | div.post ol, |
| 2105 | | div.post dl { |
| 2106 | | margin: 0 0 18px 1.5em; |
| 2107 | | } |
| 2108 | | div.page ul, |
| 2109 | | div.post ul { |
| 2110 | | list-style: square; |
| 2111 | | } |
| 2112 | | div.page ol, |
| 2113 | | div.post ol { |
| 2114 | | list-style: decimal; |
| 2115 | | } |
| 2116 | | div.page ol ol, |
| 2117 | | div.post ol ol { |
| 2118 | | list-style: upper-alpha; |
| 2119 | | } |
| 2120 | | dl { |
| 2121 | | margin-left: 0; |
| 2122 | | } |
| 2123 | | dt { |
| 2124 | | font-size: 14px; |
| 2125 | | font-weight: bold; |
| 2126 | | } |
| 2127 | | dd { |
| 2128 | | margin: 0 0 15px 0; |
| 2129 | | } |
| 2130 | | |
| 2131 | | |
| 2132 | | /*-------------------------------------------------------------- |
| 2133 | | 8.6 - Posts |
| 2134 | | --------------------------------------------------------------*/ |
| 2135 | | .sticky .date { |
| 2136 | | background: #fff9db; |
| 2137 | | border-top: 1px solid #ffe8c4; |
| 2138 | | border-bottom: 1px solid #ffe8c4; |
| 2139 | | color: #ffa200; |
| 2140 | | padding: 5px; |
| 2141 | | } |
| 2142 | | div.page, |
| 2143 | | div.post, |
| 2144 | | div.attachment { |
| 2145 | | margin: 0 0 30px 0; |
| 2146 | | overflow: hidden; |
| 2147 | | } |
| 2148 | | div.page:last-child, |
| 2149 | | div.post:last-child, |
| 2150 | | div.item-body:last-child, |
| 2151 | | #trackbacklist { |
| 2152 | | margin-bottom: 0; |
| 2153 | | } |
| 2154 | | h2.pagetitle, |
| 2155 | | h2.posttitle { |
| 2156 | | margin: 0; |
| 2157 | | line-height: 120%; |
| 2158 | | } |
| 2159 | | h2.pagetitle a, |
| 2160 | | h2.posttitle a { |
| 2161 | | color: #666; |
| 2162 | | text-decoration: none; |
| 2163 | | } |
| 2164 | | .edit-link, |
| 2165 | | .page-link { |
| 2166 | | clear: both; |
| 2167 | | font-weight: bold; |
| 2168 | | } |
| 2169 | | pre, blockquote { |
| 2170 | | margin-bottom: 20px; |
| 2171 | | } |
| 2172 | | pre, |
| 2173 | | code p { |
| 2174 | | background: #f4f4f4; |
| 2175 | | -moz-border-radius: 3px; |
| 2176 | | -webkit-border-radius: 3px; |
| 2177 | | border-radius: 3px; |
| 2178 | | padding: 15px; |
| 2179 | | } |
| 2180 | | code { |
| 2181 | | font-family: "Monaco", courier, sans-serif; |
| 2182 | | } |
| 2183 | | blockquote { |
| 2184 | | quotes: none; |
| 2185 | | font-style: italic; |
| 2186 | | padding: 0 3em; |
| 2187 | | font-family: georgia, times, serif; |
| 2188 | | font-size: 16px; |
| 2189 | | line-height: 150%; |
| 2190 | | } |
| 2191 | | blockquote p { |
| 2192 | | margin-bottom: 15px !importantr; |
| 2193 | | } |
| 2194 | | div.post table, |
| 2195 | | div.page table { |
| 2196 | | margin-bottom: 15px; |
| 2197 | | border-collapse: collapse; |
| 2198 | | border-spacing: 0; |
| 2199 | | border: 1px solid #eee; |
| 2200 | | } |
| 2201 | | div.post table th, |
| 2202 | | div.page table th { |
| 2203 | | border-top: 1px solid #eee; |
| 2204 | | text-align: left; |
| 2205 | | } |
| 2206 | | div.post table td, |
| 2207 | | div.page table td { |
| 2208 | | border-top: 1px solid #eee; |
| 2209 | | } |
| 2210 | | div.author-box { |
| 2211 | | background: #f0f0f0; |
| 2212 | | -moz-border-radius: 3px; |
| 2213 | | -webkit-border-radius: 3px; |
| 2214 | | border-radius: 3px; |
| 2215 | | float: left; |
| 2216 | | font-family: georgia, times, serif; |
| 2217 | | font-style: italic; |
| 2218 | | margin: 0 15px 15px 0; |
| 2219 | | padding: 10px; |
| 2220 | | text-align: center; |
| 2221 | | width: 70px; |
| 2222 | | } |
| 2223 | | div.author-box p, |
| 2224 | | div.comment-avatar-box p { |
| 2225 | | margin: 5px 0 0; |
| 2226 | | } |
| 2227 | | div.author-box a, |
| 2228 | | div.comment-avatar-box a { |
| 2229 | | text-decoration: none; |
| 2230 | | } |
| 2231 | | div.author-box img { |
| 2232 | | float: none; |
| 2233 | | border: 4px solid #fff; |
| 2234 | | margin: 0; |
| 2235 | | } |
| 2236 | | div.post-content { |
| 2237 | | margin-left: 105px; |
| 2238 | | } |
| 2239 | | p.date span:first-child { |
| 2240 | | font-style: italic; |
| 2241 | | } |
| 2242 | | div.post .entry { |
| 2243 | | margin-bottom: 15px; |
| 2244 | | } |
| 2245 | | p.date, |
| 2246 | | p.postmetadata { |
| 2247 | | color: #888; |
| 2248 | | font-size: 12px; |
| 2249 | | font-family: Georgia, times, serif; |
| 2250 | | padding: 3px 0; |
| 2251 | | margin: 10px 0; |
| 2252 | | border-bottom: 1px solid #e4e4e4; |
| 2253 | | border-top: 1px solid #e4e4e4; |
| 2254 | | } |
| 2255 | | p.postmetadata { |
| 2256 | | clear: left; |
| 2257 | | overflow: hidden; |
| 2258 | | } |
| 2259 | | .tags { |
| 2260 | | float: left; |