1#writtensidebar h1 { 2 border-bottom: 1px solid #ddd; 3 margin-bottom: 5px; 4 font-size: 14px; 5 font-weight: normal; 6} 7 8.page li { display: block; } 9.toolbutton { background-color: rgb(237,248,252) } 10.toolbutton img { vertical-align: middle; } 11#secondary1 { top: 0px; } 12.tinynav { box-sizing: border-box; } 13 14#qsearch__in { width: 64%; font-size: 1.45em; } 15#dw__search button[type="submit"]{ font-family: FontAwesome; color: transparent; font-size: 0px; } 16#dw__search button[type="submit"]::before{ content: "\f002"; color: #eeeeee; font-weight: normal; font-size: 18px;} 17 18/* page actions menu */ 19#navbuttons .minibutton .action, 20 #navbuttons .minibutton .wikilink2,{ 21 /*text-indent: 100%; white-space: nowrap; */ 22 /*overflow: hidden;*/ 23 top: -24px; 24 position: relative; width: 50%; height: 24px; display: block; 25 font-size: 10px; color: transparent; 26 /*background-color: yellow;*/ 27 28} 29 30[class^="icon-"]::before, [class*=" icon-"]::before { 31 text-align: left; 32} 33 34[class^="minibutton icon-"] { 35 /*background-color: orange !important;*/ 36 width: 1.4em !important; 37} 38 39 40/* see font-awesome.css to know what \f105 means */ 41.bcsep:before { 42 content: "\f105"; 43 font-family: FontAwesome; 44 color: black 45} 46 47.bcsep { 48 padding: 0 10px; 49 color: transparent; 50} 51 52/* config manager */ 53 54/*#config__manager fieldset { clear: both; }*/ 55#config__manager table { min-width: 10%; width: 100%; } 56/*fieldset { word-wrap: anywhere; }*/ 57#config__manager table { border-collapse: revert; border-spacing: 0px 1.85em; } 58#config__manager tr { padding: 1em 0px; } 59#config__manager td.label span.outkey { font-size: 1.15em !important; } 60#config__manager fieldset td.value { width: 17em; } 61 62/* defined in /lib/plugin/config.style.css */ 63#config__manager td input.edit { 64 max-width: 14em; 65} 66#config__manager td .input { 67 min-width: 30%; 68 /*width: 90%;*/ 69 width: unset; 70 /*width: max-content;*/ 71} 72#config__manager td select.edit { } 73#config__manager td textarea.edit { 74 width: 8.5em; 75 height: 4em; 76} 77 78/* 79Theme Name: Boozurk 80Theme URI: http://www.twobeers.net/annunci/tema-per-wordpress-boozurk 81Description: Clear theme with a lot of features. Boozurk supports the latest WP innovations like custom menus, post formats and featured images. It has 2 sidebars, up to 7 widget areas, a ton of new widgets, a new default avatar, cool tooltips, some useful javascript features, mobile support (with a touchscreen-friendly dedicated style) and many customization options! 82Version: 3.00 83Tags: white, light, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, buddypress, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready 84Author: TwoBeers Crew 85Author URI: http://www.twobeers.net/ 86 87License: GNU General Public License, version 2 88License URI: http://www.gnu.org/licenses/gpl-2.0.html 89*/ 90 91 92/* Reset 93----------------------------------------------------------*/ 94html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 95 background: none repeat scroll 0 0 transparent; 96 border: 0 none; 97 vertical-align: baseline; 98 margin: 0; 99 padding: 0; 100} 101 102/* Standard tags 103----------------------------------------------------------*/ 104body { 105 font-family: monospace; 106 font-size: 15px; 107 line-height: 1.6em; 108 background: #fff; 109} 110a img { 111 border: none; 112} 113a { 114 text-decoration: none; 115 color: #21759b; 116} 117a:hover { 118 color: #404040; 119} 120h1, 121h2, 122h3, 123h4, 124h5, 125h6, 126p { 127 margin: .5em 0; 128} 129ul { 130 list-style: none outside none; 131 margin-left: 15px; 132} 133ol { 134 list-style: decimal inside none; 135} 136ol ul, ol ol, ul ul, ul ol { 137 margin: 0 0 0 15px; 138} 139dt { 140 font-weight: bold; 141} 142dd { 143 margin: 0 0 .5em 40px; 144} 145fieldset { 146 border: 1px solid #ddd; 147 padding: 8px; 148} 149legend { 150 color: #999; 151} 152blockquote { 153 border-left: 5px solid #ddd; 154 margin-left: 15px; 155 padding-left: 15px; 156 font-style: italic; 157} 158pre, 159code, 160tt, 161kbd { 162 font: 1.1em "Courier New", monospace; 163 letter-spacing: 1px; 164 padding: 0 8px; 165 background-color: #eee; 166} 167pre { 168 background-color: #fff; 169 border: 1px solid #ddd; 170 display: block; 171 overflow: auto; 172 white-space: pre; 173 max-width: 100%; 174 margin: 5px auto; 175 padding: 5px; 176} 177input { 178 font-size: 1.1em; 179} 180select { 181 max-width: 100%; 182 background-color: #fff; 183 border: none; 184 border-bottom: 1px solid #ddd; 185} 186object, 187embed { 188 max-width: 100%; 189} 190textarea, 191input[type=text], 192input[type=email], 193input[type=password] { 194 border: 1px solid #ddd; 195 padding: 3px; 196} 197input[type=button], 198input[type=submit], 199input[type=reset], 200button { 201 background-color: #404040; 202 border: 1px solid #404040; 203 border-radius: 2px; 204 color: #eee; 205 cursor: pointer; 206 font-size: .9em; 207 font-weight: bold; 208 height: 29px; 209 line-height: 27px; 210 margin: 10px 4px; 211 min-width: 54px; 212 padding: 0 8px; 213 text-align: center; 214} 215input[type=button]:hover, 216input[type=submit]:hover, 217input[type=reset]:hover, 218textarea:hover, 219input[type=text]:hover, 220input[type=password]:hover, 221input[type=button]:focus, 222input[type=submit]:focus, 223input[type=reset]:focus, 224textarea:focus, 225input[type=text]:focus, 226input[type=password]:focus, 227button:hover, 228button:focus { 229 border: 1px solid #21759b; 230} 231input[type=button]:hover, 232input[type=submit]:hover, 233input[type=reset]:hover, 234input[type=button]:focus, 235input[type=submit]:focus, 236input[type=reset]:focus, 237button:hover, 238button:focus { 239 cursor: pointer; 240 background-color: #f5f5f5; 241 color: #666; 242} 243input[type=password]:focus { 244 background: #fff; 245} 246.fixed input { 247 max-width: 99%; 248} 249.storycontent p { 250 margin: 0 0 1em 0; 251} 252.storycontent ul, 253.widget ul, 254.comment-body ul { 255 list-style: square outside none; 256} 257.storycontent ol, 258.widget ol, 259.comment-body ol { 260 list-style: decimal inside none; 261} 262 263.storycontent table, 264.comment-body table { 265 border-collapse: collapse; 266 text-align: left; 267 width: 100%; 268 max-width: 100%; 269 border: 1px solid #ddd; 270} 271.storycontent td, 272.comment-body td { 273 padding: 3px; 274} 275.storycontent th, 276.comment-body th { 277 border-bottom: 4px solid #ddd; 278 padding: 3px; 279} 280.widget img, 281.storycontent img { 282 max-width: 100%; 283 height: auto; 284 margin: 0; 285} 286.widget select { 287 width: 250px; 288} 289 290/* Utils 291----------------------------------------------------------*/ 292.fixfloat { 293 clear: both; 294} 295br.fixfloat { 296 line-height: 1px; 297} 298.hide_if_no_print { 299 display: none; 300} 301.js .hide-if-js, 302.no-js .hide-if-no-js { 303 display: none; 304} 305.screen-reader-text { 306 display: none; 307} 308.details { 309 color: #aaa; 310} 311/* Icons 312----------------------------------------------------------*/ 313[class^="icon-"], 314[class*=" icon-"] { 315 color: #404040; 316} 317.btn:hover [class^="icon-"], 318.btn:hover [class*=" icon-"], 319.menu-item:hover [class^="icon-"], 320#cancel-comment-reply-link:hover [class^="icon-"], 321a:hover .tb-thumb-format { 322 color: #aaa; 323} 324button [class^="icon-"], 325button [class^="icon-"] { 326 color: #eee; 327} 328button:hover [class^="icon-"], 329button:focus [class^="icon-"] { 330 color: #404040; 331} 332#main .icon-32 { 333 font-size: 24px; 334 width: 32px; 335 line-height: 32px; 336 vertical-align: middle; 337 margin: 0; 338 text-align: center; 339} 340#main .icon-48 { 341 font-size: 32px; 342 width: 48px; 343 line-height: 48px; 344 vertical-align: middle; 345 margin: 0; 346 text-align: center; 347} 348#main .icon-64 { 349 font-size: 48px; 350 width: 64px; 351 line-height: 64px; 352 vertical-align: middle; 353 margin: 0; 354 text-align: center; 355} 356#main .icon-96 { 357 font-size: 64px; 358 width: 96px; 359 line-height: 96px; 360 vertical-align: middle; 361 margin: 0; 362 text-align: center; 363} 364/* Header 365----------------------------------------------------------*/ 366#head { 367 padding: 0 1px 20px; 368 text-align: center; 369} 370#head h1 { 371 font-size: 3.5em; 372 margin: 0; 373 line-height: 1.5em; 374 word-wrap: break-word; 375} 376#head img { 377 max-width: 100%; 378 height: auto; 379} 380#head_wrap.fixed { 381 background: url("images/bg.png") repeat-y scroll -12px 0 #FFFFFF; 382 margin: 0 276px 0 -42px; 383 padding: 0 0 0 42px; 384 position: fixed; 385 z-index: 100; 386 border-bottom: solid 1px #ddd; 387} 388.top-menu #head_wrap.fixed { 389} 390 391/* Sidebars 392----------------------------------------------------------*/ 393.sidebar { 394 top: 0; 395} 396.top-menu .sidebar { 397 top: 35px; 398} 399.sidebar .overview { 400 word-wrap: break-word; 401} 402#sidebar-primary { 403 position: absolute; 404 left: 0; 405 width: 284px; 406} 407#sidebar-primary .viewport { 408 padding: 0 17px; 409 width: 250px; 410} 411#sidebar-primary .overview { 412 width: 250px; 413 padding-top: 20px; 414} 415#sidebar-primary.tinyscroll .overview { 416 position: absolute; 417} 418#sidebar-primary.fixed .viewport, 419#sidebar-primary.tinyscroll .viewport { 420 position: fixed; 421 overflow: hidden; 422} 423#sidebar-primary.fixed .viewport { 424 height: 90%; 425} 426#sidebar-primary.tinyscroll .viewport { 427} 428#sidebar-primary.fixed:hover .viewport { 429 overflow-y: scroll; 430} 431#sidebar-primary.tinyscroll .scrollbar { 432 border-left: 1px solid #ddd; 433 right: 0; 434} 435#sidebar-secondary { 436 position: absolute; 437 right: 0; 438 width: 234px; 439} 440#sidebar-secondary .viewport { 441 padding: 0 17px; 442 width: 200px; 443} 444#sidebar-secondary .overview { 445 width: 200px; 446 padding-top: 20px; 447} 448#sidebar-secondary.tinyscroll .overview { 449 position: absolute; 450} 451#sidebar-secondary.fixed .viewport, 452#sidebar-secondary.tinyscroll .viewport { 453 position: fixed; 454 overflow: hidden; 455} 456#sidebar-secondary.fixed .viewport { 457 height: 90%; 458} 459#sidebar-secondary.tinyscroll .viewport { 460} 461#sidebar-secondary.fixed:hover .viewport { 462 overflow-y: scroll; 463} 464#sidebar-secondary.tinyscroll .scrollbar { 465 left: 0; 466 border-right: 1px solid #ddd; 467} 468.sidebar.tinyscroll .scrollbar{ 469 position: absolute; 470 width: 6px; 471 z-index: 1; 472 display: none; 473} 474.sidebar.tinyscroll .track { 475 height: 100%; 476 width: 6px; 477 position: relative; 478} 479.sidebar.tinyscroll .thumb { 480 background: #aaa; 481 height: 20px; 482 width: 6px; 483 cursor: pointer; 484 overflow: hidden; 485 position: absolute; 486 top: 0; 487 left: 0; 488} 489.sidebar.tinyscroll .thumb .end { 490 background: #aaa; 491 overflow: hidden; 492 height: 5px; 493 width: 6px; 494} 495.sidebar.tinyscroll .disable { 496 display: none; 497} 498.noSelect { 499 user-select: none; 500 -o-user-select: none; 501 -moz-user-select: none; 502 -khtml-user-select: none; 503 -webkit-user-select: none; 504} 505.bz-description { 506 margin-bottom: 1.8em; 507} 508.bz-logo { 509 max-width: 200px; 510 height: auto; 511} 512 513/* Main content 514----------------------------------------------------------*/ 515#fixed-bg { 516 position: fixed; 517 background: transparent url('images/bg.png') 273px 0px repeat-y; 518 height: 4000px; 519 width: 100%; 520 z-index: -1; 521 margin-top: -200px; 522} 523#main { 524 margin: 0 auto 0; 525 position: relative; 526} 527.top-menu #main { 528 padding-top: 35px; 529} 530.top-menu #content { 531} 532#content { 533 margin-left: 327px; 534 margin-right: 275px; 535 position: relative; 536} 537 538/* Footer 539----------------------------------------------------------*/ 540#footer { 541 margin-left: 327px; 542 margin-right: 275px; 543 clear: both; 544 margin-top: 20px; 545 position: relative; 546} 547#bz-credits { 548 text-align: center; 549 padding: 50px 5px; 550 font-size: .8em; 551} 552 553/* Some browsing links 554----------------------------------------------------------*/ 555.nav-single { 556 padding: 0 10px; 557} 558.nav-previous { 559 margin: 10px 0; 560 float: left; 561} 562.nav-next { 563 margin: 10px 0; 564 float: right; 565 text-align: right; 566} 567.nav-single img { 568 vertical-align: middle; 569} 570.attachment .nav-single img { 571 border: 1px solid #ddd; 572 vertical-align: middle; 573 padding: 5px; 574} 575.attachment .nav-single img:hover { 576 border: 1px solid #777; 577} 578.nav-previous , 579.nav-next { 580 line-height: 32px; 581 width: 45%; 582} 583.nav-previous a span , 584.nav-next a span { 585 display: inline-block; 586 text-overflow: ellipsis; 587 overflow: hidden; 588 white-space: nowrap; 589 max-width: 80%; 590 vertical-align: middle; 591} 592#bz-page-nav { 593 margin: 20px 0; 594 min-height: 20px; 595 line-height: 20px; 596} 597#bz-page-nav.ajaxed { 598 min-height: 74px; 599 margin: 20px 0 0; 600} 601.ajaxed #bz-page-nav-msg { 602 padding-top: 15px; 603 height: 30px; 604} 605.ajaxed #bz-page-nav-msg.loading { 606 background: url('boozurk/images/loading.gif') no-repeat center top transparent; 607 opacity: 0; 608 filter: alpha(opacity=0); 609} 610#bz-page-nav.ajaxed #bz-page-nav-subcont { 611 display: none; 612} 613#bz-next-posts-button { 614 display: none; 615 margin-bottom: 0; 616} 617.paged-separator { 618 border-bottom: 1px solid #ddd; 619 font-weight: bold; 620 margin: 35px 0 50px; 621 text-align: center; 622 height: 20px; 623} 624/* Posts/Pages/Attachments 625----------------------------------------------------------*/ 626#posts_content .post-element { 627 border: 1px solid #ddd; 628 border-left: 40px solid #87ceeb; 629 padding: 0 10px 10px 11px; 630 clear: both; 631 position: relative; 632 min-height: 96px; 633 margin: 20px 0 20px -40px 634} 635.att_content { 636 text-align: center; 637} 638.pmb_comm { 639 background-color: #fff; 640 color: #000; 641 display: block; 642 line-height: 20px; 643 width: 40px; 644 opacity: 0.5; 645 filter: alpha(opacity=50); 646 margin-bottom: 2px; 647 padding: 2px 0; 648} 649.pmb_format { 650 background-color: #fff; 651 display: block; 652 width: 32px; 653 height: 32px; 654 margin: 4px 0; 655 padding: 0 4px; 656 opacity: 0.85; 657 filter: alpha(opacity=85); 658} 659.pmb_comm:hover, 660.pmb_format:hover { 661 opacity: 1; 662 filter: alpha(opacity=100); 663} 664.pmb_comm:hover .icon { 665 color: #fff; 666} 667.post_meta_container { 668 left: -40px; 669 position: absolute; 670 top: 2px; 671 text-align: center; 672} 673.storytitle { 674 line-height: 40px; 675 margin: 0; 676 word-wrap: break-word; 677} 678.storycontent { 679 padding-top : 10px; 680} 681.bz-featured-title { 682 margin: 0 -10px; 683 overflow: hidden; 684 padding: 0; 685 position: relative; 686 min-height: 56px; 687 max-height: 288px; 688} 689.bz-featured-title .storytitle { 690 background-color: #f5f5f5; 691 line-height: 34px; 692 margin: 0; 693 min-height: 54px; 694 position: absolute; 695 top: 2px; 696 width: 100%; 697 left: 0; 698 opacity: 0.8; 699 filter: alpha(opacity=80); 700} 701.bz-featured-title .storytitle a { 702 padding-left: 10px; 703} 704.bz-featured-title img.attachment-post-thumbnail { 705 width: 100%; 706 height: auto; 707} 708.format-status .avatar, 709.category-status .avatar { 710 position: absolute; 711 left: 10px; 712 top: 10px; 713} 714.format-status .storycontent, 715.category-status .storycontent { 716 padding-left: 60px; 717} 718.single .format-status .storycontent, 719.single .category-status .storycontent { 720 padding-left: 0; 721} 722.bz-no-post { 723 padding: 10px; 724 font-weight: bold; 725} 726.more-link.ajaxed { 727 padding-left: 20px; 728 background: url('images/loading.gif') no-repeat scroll left center transparent; 729} 730.post-edit-link { 731 background: #fff; 732 display: block; 733 width: 40px; 734 opacity: 0.5; 735 filter: alpha(opacity=50); 736} 737.post-edit-link:hover { 738 opacity: 1; 739 filter: alpha(opacity=100); 740} 741.post-top-details { 742 color: #aaa; 743 font-size: .8em; 744 margin: 20px 0 -20px; 745 text-align: right; 746 padding: 0 10px; 747} 748.post-top-cat a, 749.post-top-tag a, 750.post-top-details i { 751 color: #aaa; 752} 753.format-aside .storycontent .details { 754 font-size: .8em; 755 font-style: italic; 756 color: #404040; 757} 758.format-status .details { 759 font-size: .8em; 760 color: #aaa; 761} 762.format-status .details a { 763 font-weight: bold; 764} 765/* Audio player 766----------------------------------------------------------*/ 767.bz-player-container { 768 margin-bottom: 20px; 769 width: 300px; 770 padding: 5px; 771 background: #f5f5f5; 772 border: 1px solid #ddd; 773} 774.bz-player-container:hover { 775 border: 1px solid #777; 776} 777.bz-player-content { 778 margin-top: 10px; 779} 780.bz-player-notice { 781 color: #aaa; 782 font-size: .8em; 783} 784/* Last comments on post (last-cop) 785----------------------------------------------------------*/ 786.bz-last-cop { 787 margin: -10px 10px 0; 788} 789.bz-last-cop img { 790 border: 1px solid #ddd; 791 margin: 4px; 792 padding: 4px; 793 display: block; 794} 795.bz-last-cop .item { 796 float: left; 797} 798.bz-last-cop .item-label { 799 float: left; 800 line-height: 40px; 801 font-size: .8em; 802 padding: 5px; 803} 804.bz-last-cop .item-label i { 805 line-height: 40px; 806} 807.bz-last-cop .bz-tooltip { 808 position: absolute; 809 display: none; 810 padding: 5px 0; 811 width: 200px; 812 opacity: 0.9; 813 filter: alpha(opacity=90); 814 z-index: 300; 815 background: transparent url(images/cooltips.gif) 0 top no-repeat; 816 font-size: .8em; 817 margin-left : 25px; 818} 819.bz-tooltip.bz-300 { 820 width: 300px; 821} 822.item:hover .bz-tooltip { 823 display: block; 824} 825.item .bz-tooltip:hover { 826 display: none; 827} 828.bz-last-cop .bz-tooltip-inner { 829 background: #000; 830 color: #fff; 831 border-radius: 3px; 832 padding: 5px; 833 box-shadow: 0 0 3px #000; 834} 835 836/* Widgets 837----------------------------------------------------------*/ 838#footer-widget-area{ 839 border-bottom: 1px solid #ddd; 840 overflow: hidden; 841} 842#first_fwa, #second_fwa, #third_fwa { 843 float: left; 844 width: 33%; 845 min-height: 1px; 846} 847.widget { 848 margin-bottom: 1.8em; 849 overflow: hidden; 850} 851#footer-widget-area .widget { 852 padding: 10px; 853} 854#header-widget-area { 855} 856#header-widget-area .bz-widget { 857 float: left; 858 width: 33%; 859} 860#header-widget-area .widget { 861 padding: 10px; 862} 863.w_title { 864 border-bottom: 1px solid #ddd; 865 margin-bottom: 5px; 866} 867div.tb_latest_commentators ul { 868 margin: 0; 869} 870div.tb_latest_commentators ul li { 871 list-style: none outside none; 872 float: left; 873} 874div.tb_latest_commentators img { 875 border: 1px solid #ddd; 876 margin: 4px; 877 padding: 4px; 878} 879div.tb_latest_commentators a img { 880 border: 1px solid #21759b; 881} 882div.tb_post_details ul li, 883div.tb_post_formats ul li { 884 list-style: none outside none; 885} 886.post-details-thumb { 887 background-color: #eee; 888 border: 1px solid #ddd; 889 padding: 5px; 890 margin: 0 0 5px; 891 text-align: center; 892} 893div.tb_post_formats ul li.compact { 894 float: left; 895 margin: 0 10px 5px 0; 896} 897div.tb_post_formats ul, 898div.tb_post_details ul { 899 margin: 0; 900} 901#single-widgets-area { 902 margin-top: 20px; 903} 904#single-widgets-area .bz-widget { 905 float: left; 906} 907#single-widgets-area .widget { 908 padding: 10px; 909} 910.bz-article-share { 911 margin-top: 10px; 912} 913.bz-article-share img { 914 margin: 0 3px 3px 0; 915} 916.bz-article-share img:hover { 917 opacity: 0.7; 918 filter: alpha(opacity=70); 919} 920.widget .cat-item , #posts_content .cat-item { 921 margin-top: 5px; 922} 923.widget .cat-item a, #posts_content .cat-item a { 924 padding-left: 5px; 925} 926.widget .cat-item a, #posts_content .cat-item a { 927 border-left-width: 1em; 928 border-left-style: solid; 929} 930.tb-social-icon { 931 display: inline-block; 932 margin: 0 5px 5px 0; 933} 934.tb-social-icon img{ 935 max-width: 128px; 936} 937.widget img.tb-thumb-format { 938 max-width: 32px; 939} 940.tb_recent_entries .cat-descr { 941 background-color: #eee; 942 border: 1px solid #ddd; 943 padding: 0 5px; 944 margin: 0; 945 font-size: .8em; 946} 947.tb-clean-archives .year-link { 948 font-weight: bold; 949 font-size: 1.2em; 950} 951.tb-clean-archives .month-link { 952 padding-left: 4px; 953} 954.tb_font_resize { 955 font-size: 1.18em; 956 text-align: center; 957 line-height: 2em; 958} 959.tb_font_resize a { 960 background: #f5f5f5; 961 border: 1px solid #ddd; 962 padding: 0 3px; 963 margin: 0 5px; 964} 965.tb_font_resize a:hover { 966 border: 1px solid #aaa; 967} 968.fontresizer_minus { 969 font-size: 0.7em; 970} 971.fontresizer_plus { 972 font-size: 1.2em; 973} 974.allcat { 975 text-align: right; 976 margin-top: 12px; 977} 978.searchform > div.searchform-wrap { 979 border: 1px solid #DDDDDD; 980 border-radius: 0 2px 2px 0; 981 position: relative; 982 padding-right: 56px; 983} 984.searchform .searchform-wrap input { 985 border: none; 986 padding: 0; 987 width: 97%; 988 height: 25px; 989 padding: 2px; 990} 991.searchform .searchform-wrap button { 992 font-size: 20px; 993 padding: 0 5px; 994 right: 0; 995 top: 0; 996 position: absolute; 997 margin: 0; 998} 999 1000/* Post Format icons 1001----------------------------------------------------------*/ 1002.tb-thumb-format, 1003img.tb-thumb-format { 1004 background-repeat: no-repeat; 1005 vertical-align: middle; 1006 margin: 0 0 2px; 1007} 1008.pmb_format [class^="icon-"] { 1009 font-size: 24px; 1010 width: 32px; 1011 line-height: 32px; 1012 vertical-align: middle; 1013 margin: 0; 1014 text-align: center; 1015} 1016.tb-thumb-format.aside:before, 1017.format-aside .icon-placeholder:before, 1018.category-aside .icon-placeholder:before { 1019 content: "\f069"; 1020} 1021.tb-thumb-format.audio:before, 1022.format-audio .icon-placeholder:before, 1023.category-audio .icon-placeholder:before { 1024 content: "\f028"; 1025} 1026.tb-thumb-format.chat:before, 1027.format-chat .icon-placeholder:before, 1028.category-chat .icon-placeholder:before { 1029 content: "\f109"; 1030} 1031.tb-thumb-format.gallery:before, 1032.format-gallery .icon-placeholder:before, 1033.category-gallery .icon-placeholder:before { 1034 content: "\f009"; 1035} 1036.tb-thumb-format.image:before, 1037.format-image .icon-placeholder:before, 1038.category-image .icon-placeholder:before { 1039 content: "\f03e"; 1040} 1041.tb-thumb-format.link:before, 1042.format-link .icon-placeholder:before, 1043.category-link .icon-placeholder:before{ 1044 content: "\f0c1"; 1045} 1046.tb-thumb-format.quote:before, 1047.format-quote .icon-placeholder:before, 1048.category-quote .icon-placeholder:before { 1049 content: "\f10d"; 1050} 1051.tb-thumb-format.standard:before, 1052.page .icon-placeholder:before, 1053.format-standard .icon-placeholder:before, 1054.category-standard .icon-placeholder:before{ 1055 content: "\f016"; 1056} 1057.tb-thumb-format.status:before, 1058.format-status .icon-placeholder:before, 1059.category-status .icon-placeholder:before { 1060 content: "\f046"; 1061} 1062.tb-thumb-format.video:before, 1063.format-video .icon-placeholder:before, 1064.category-video .icon-placeholder:before { 1065 content: "\f01d"; 1066} 1067.attachment .icon-placeholder:before { 1068 content: "\f0c6"; 1069} 1070.post-password-required .icon-placeholder:before { 1071 content: "\f023"; 1072} 1073.sticky .icon-placeholder:before { 1074 content: "\f02e"; 1075} 1076.not-found .icon-placeholder:before { 1077 content: "\f071"; 1078} 1079 1080/* Main menu 1081----------------------------------------------------------*/ 1082#mainmenu { 1083 margin: 0 0 20px 0; 1084 padding: 0 10px; 1085 max-width: 100%; 1086 overflow: hidden; 1087 line-height: 2em; 1088} 1089#mainmenu > li { 1090 float: left; 1091 margin-right: 25px; 1092 padding: 2px; 1093} 1094#mainmenu > li > a { 1095 display: block; 1096} 1097#mainmenu > li > ul { 1098 position: absolute; 1099 display: none; 1100 z-index: 30; 1101 width: 200px; 1102 border: 1px solid #ddd; 1103 background-color: #f5f5f5; 1104 margin: 0; 1105 padding: 5px 10px 10px; 1106 box-shadow: 0 0 8px #fff; 1107} 1108#mainmenu > li:hover > ul { 1109 display: block; 1110} 1111#mainmenu .sub-menu, 1112#mainmenu ul.children { 1113 list-style: square inside none; 1114} 1115.bz-menu-thumb { 1116 vertical-align: middle; 1117 margin-right: 5px; 1118 border: 1px solid #fff; 1119} 1120.bz-menu-thumb.default { 1121 border: 1px solid #ddd; 1122} 1123#mainmenu .menu-item-parent > a:after { 1124 padding-left: 5px; 1125 content: '\00bb'; 1126} 1127.menu-item-parent .menu-item-parent > a:after { 1128 content: ''; 1129 display: none; 1130} 1131.navhome { 1132 display: none; 1133} 1134.tinynav, 1135.tinynav_label { 1136 display: none; 1137} 1138.menu-item img { 1139 vertical-align: middle; 1140 margin-right: 4px; 1141} 1142/* secondary menus 1143----------------------------------------------------------*/ 1144#secondary1, 1145#secondary2 { 1146 text-align: center; 1147 line-height: 2em; 1148 margin: 0; 1149 padding: 10px; 1150} 1151#secondary1 { 1152 background: #fff; 1153 border-bottom: 5px solid #404040; 1154 height: 30px; 1155 padding: 0; 1156 overflow: auto; 1157 position: fixed; 1158 width: 100%; 1159 z-index: 1; 1160} 1161.admin-bar #secondary1 { 1162} 1163#secondary2 { 1164 border: 1px solid #ddd; 1165 border-left: none; 1166} 1167#secondary1 li, 1168#secondary2 li { 1169 display: inline; 1170 margin: 0 10px; 1171 white-space: nowrap; 1172} 1173 1174/* author bio 1175----------------------------------------------------------*/ 1176.tb-author-bio { 1177 background-color: #eee; 1178 border: 1px solid #ddd; 1179 padding: 5px; 1180 margin: 0 0 5px; 1181} 1182.tb-author-bio ul { 1183 overflow: hidden; 1184} 1185.tb-author-bio li { 1186 margin: 0; 1187 padding: 0; 1188} 1189.tb-author-bio .author-avatar img { 1190 border-radius: 5px; 1191 margin-right: 10px; 1192} 1193.tb-author-bio .author-avatar { 1194 display: inline-block; 1195 float: left; 1196} 1197.tb-author-bio .author-name { 1198 font-size: 1.5em; 1199 margin-bottom: 10px; 1200} 1201.tb-author-bio .author-description { 1202 font-size: .8em; 1203} 1204.tb-author-bio .author-social { 1205 border-top: 1px solid #ddd; 1206 margin-top: 5px; 1207 padding-top: 5px; 1208 clear: both; 1209} 1210.tb-author-bio .author-social img { 1211 margin: 0 5px 5px 0; 1212} 1213.tb-author-bio .author-description a { 1214 text-decoration: underline; 1215} 1216#bz-breadcrumb .tb-author-bio { 1217 line-height: 1em; 1218} 1219 1220/* cooltips 1221----------------------------------------------------------*/ 1222.cooltip { 1223 opacity: 0.9; 1224 filter: alpha(opacity=90); 1225 background: #000; 1226 width: 200px; 1227 position: absolute; 1228 color: #fff; 1229 padding: 5px; 1230 border-radius: 3px; 1231 box-shadow: 0 0 3px #000; 1232 display: none; 1233 z-index: 2; 1234 word-wrap: break-word; 1235} 1236.cooltip:before { 1237 background: transparent url(images/cooltips.gif) 0 bottom no-repeat; 1238 bottom: -5px; 1239 content: " "; 1240 display: block; 1241 height: 10px; 1242 left: 0; 1243 position: absolute; 1244 width: 10px; 1245} 1246.cooltip.to_left:before { 1247 background-position : right bottom; 1248 left: auto; 1249 right: 0; 1250} 1251 1252/* Navigation buttons 1253----------------------------------------------------------*/ 1254#navbuttons.fixed { 1255 position: absolute; 1256 right: 0; 1257 width: 42px; 1258} 1259#navbuttons ul { 1260 margin: 0; 1261} 1262#navbuttons.fixed ul { 1263 margin: 0; 1264 overflow: hidden; 1265 border-left: 1px solid #ddd; 1266 border-right: 1px solid #ddd; 1267 bottom: 0; 1268 padding: 2000px 2px 0; 1269 position: fixed; 1270 width: 36px; 1271 background: #fff; 1272 display: block; 1273 margin-left: 41px; 1274} 1275#navbuttons ul li { 1276 list-style: none outside none; 1277} 1278.minibutton { 1279 float: left; 1280 margin: 3px; 1281 position: relative; 1282 text-align: center; 1283 background: #fff; 1284 border-radius: 2px; 1285 border: 1px solid #ddd; 1286 font-size: 24px; 1287 padding: 1px; 1288 width: 32px; 1289} 1290.minibutton i { 1291 line-height: 32px; 1292} 1293#navbuttons.fixed .minibutton { 1294 margin: 3px 0; 1295 border: 1px solid transparent; 1296} 1297#navbuttons a [class^="icon-"], 1298#navbuttons a [class*=" icon-"], 1299#navbuttons a [class^="icon-"]:before, 1300#navbuttons a [class*=" icon-"]:before { 1301 display: block; /* Safari fix */ 1302} 1303/* BreadCrumb 1304----------------------------------------------------------*/ 1305#breadcrumb-wrap { 1306 background: url('images/bc-sep.png') no-repeat -590px 5px; 1307 border: solid 1px #ddd; 1308 border-left: none; 1309 line-height: 30px; 1310 margin: 0 0 20px 0; 1311 padding: 0 5px 0 10px; 1312 position: relative; 1313 min-height: 30px; 1314} 1315#bz-breadcrumb { 1316} 1317#bz-breadcrumb span, 1318#bz-breadcrumb a { 1319 float: left; 1320 max-width: 200px; 1321 overflow: hidden; 1322 text-overflow: "..."; 1323 white-space: pre; 1324} 1325#bz-breadcrumb i { 1326 line-height: 30px; 1327} 1328.item-sep { 1329 padding: 0 10px; 1330} 1331.item-home + .item-sep { 1332 display: none; 1333} 1334.item-childs { 1335 padding: 0 10px; 1336} 1337.item-home { 1338 position: absolute; 1339 left: -31px; 1340 top: 3px; 1341 font-size: 24px; 1342} 1343.item-found { 1344 color: #aaa; 1345} 1346.reminder { 1347 border-top: solid 1px #ddd; 1348} 1349#head_wrap.fixed #breadcrumb-wrap { 1350 margin: 0 0 -1px; 1351 border-right: none; 1352} 1353 1354/* Comments 1355----------------------------------------------------------*/ 1356#comments, 1357.comments_note { 1358 text-align: right; 1359 margin-top: 10px; 1360 padding: 0 10px; 1361} 1362#commentlist, #commentlist .children { 1363 list-style: none inside none; 1364 margin: 0; 1365 padding: 0; 1366} 1367.children .comment-body { 1368 padding-left: 50px; 1369} 1370.children .children .comment-body { 1371 padding-left: 100px; 1372} 1373.children .children .children .comment-body { 1374 padding-left: 150px; 1375} 1376.children .children .children .children .comment-body { 1377 padding-left: 200px; 1378} 1379.children .children .children .children .children .comment-body { 1380 padding-left: 250px; 1381} 1382.children .children .children .children .children .children .comment-body { 1383 padding-left: 300px; 1384} 1385.children .children .children .children .children .children .children .comment-body { 1386 padding-left: 350px; 1387} 1388.children .children .children .children .children .children .children .children .comment-body { 1389 padding-left: 400px; 1390} 1391.children .children .children .children .children .children .children .children .children .comment-body { 1392 padding-left: 450px; 1393} 1394.children .children .children .children .children .children .children .children .children .children .comment-body { 1395 padding-left: 500px; 1396} 1397.comment-body { 1398 border-top: 1px solid #ddd; 1399 position: relative; 1400 padding: 10px; 1401 left: 1px; 1402} 1403.bypostauthor > .comment-body { 1404 border: 1px solid #ddd; 1405 border-left: none; 1406 background: #eee; 1407} 1408.comment-body .avatar { 1409 position: absolute; 1410 left: -37px; 1411} 1412#respond { 1413 border: 1px solid #ddd; 1414 margin: 20px 0 0; 1415 padding: 10px; 1416 position: relative; 1417} 1418.comment-body + #respond { 1419 margin-top: 0; 1420 margin-right: -2px; 1421 border-bottom: none; 1422} 1423.form-allowed-tags { 1424 color: #999; 1425} 1426#respond .comment-form-author, 1427#respond .comment-form-email, 1428#respond .comment-form-url { 1429 margin: 5px auto; 1430} 1431#author, 1432#email, 1433#url { 1434 margin-right: 10px; 1435 margin-left: -1px; 1436} 1437#commentform .comment-variants label { 1438 display: inline; 1439} 1440.comment-reply-link, 1441.comment-edit-link { 1442 position: absolute; 1443 bottom: 2px; 1444} 1445.comment-edit-link { 1446 right: 2.5em; 1447} 1448.comment-reply-link { 1449 right: 10px; 1450} 1451.comment-reply-link:hover .icon, 1452.comment-edit-link:hover .icon { 1453 color: #aaa; 1454} 1455.pingback .comment-reply-link, 1456.pingback .comment-edit-link { 1457 display: none; 1458} 1459#cancel-comment-reply-link { 1460 position: absolute; 1461 right: 5px; 1462 top: 5px; 1463 font-size: 2em; 1464} 1465.comment { 1466 position: relative; 1467} 1468#comment { 1469 width: 95%; 1470 max-width: 95%; 1471} 1472 1473/* Gallery 1474----------------------------------------------------------*/ 1475.gallery { 1476 margin: auto; 1477} 1478.gallery-item { 1479 float: left; 1480 margin-bottom: 10px; 1481 text-align: center; 1482} 1483.gallery img { 1484 border: 1px solid #ddd; 1485 padding: 5px; 1486 max-width: 80%; 1487 background: #f5f5f5; 1488} 1489.gallery img:hover { 1490 border: 1px solid #777; 1491} 1492 1493.gallery-caption { 1494 margin-left: 0; 1495 font-size: .8em; 1496} 1497.gallery-columns-1 .gallery-item { 1498 width: 99%; 1499} 1500.gallery-columns-2 .gallery-item { 1501 width: 49%; 1502} 1503.gallery-columns-3 .gallery-item { 1504 width: 33%; 1505} 1506.gallery-columns-4 .gallery-item { 1507 width: 24%; 1508} 1509.gallery-columns-5 .gallery-item { 1510 width: 19%; 1511} 1512.gallery-columns-6 .gallery-item { 1513 width: 16%; 1514} 1515.gallery-columns-7 .gallery-item { 1516 width: 14%; 1517} 1518.gallery-preview .size-medium { 1519 margin: 0 1% 10px 0; 1520 width: 300px; 1521 max-width: 50%; 1522} 1523.gallery-preview .thumbnail-wrap { 1524 overflow: hidden; 1525 text-align: left; 1526} 1527.gallery-preview .size-thumbnail { 1528 margin: 0 1% 10px 0; 1529 min-width: 100px; 1530 width: 30%; 1531} 1532.gallery-preview .info { 1533 float: left; 1534} 1535 1536/* =calendar 1537----------------------------------------------------------*/ 1538#wp-calendar { 1539 width: 100%; 1540} 1541#wp-calendar caption { 1542 text-align: right; 1543 color: #333; 1544 font-size: .8em; 1545 margin-top: 10px; 1546 margin-bottom: 15px; 1547} 1548#wp-calendar thead { 1549 font-size: .8em; 1550} 1551#wp-calendar thead th { 1552 padding-bottom: 10px; 1553} 1554#wp-calendar tbody { 1555 color: #aaa; 1556} 1557#wp-calendar tbody td { 1558 background: #f5f5f5; 1559 border: 1px solid #fff; 1560 text-align: center; 1561 padding: 2px 0; 1562} 1563#wp-calendar tbody td:hover { 1564 background: #fff; 1565} 1566#wp-calendar tbody .pad { 1567 background: none; 1568} 1569#wp-calendar tfoot #next { 1570 font-size: .8em; 1571 text-transform: uppercase; 1572 padding-top: 10px; 1573 text-align: right; 1574} 1575#wp-calendar tfoot #prev { 1576 font-size: .8em; 1577 text-transform: uppercase; 1578 padding-top: 10px; 1579} 1580 1581/* Captions 1582----------------------------------------------------------*/ 1583.wp-caption { 1584 border: 1px solid #ddd; 1585 padding: 5px; 1586 text-align: center; 1587 margin: 10px; 1588 max-width: 94%; 1589 background: #f5f5f5; 1590} 1591.wp-caption img { 1592 border: 0 none; 1593 margin: 0; 1594 padding: 0; 1595} 1596.wp-caption .wp-caption-inside { 1597 position: relative; 1598} 1599.wp-caption .wp-caption-text { 1600 font-size: .8em; 1601 line-height: 17px; 1602 margin: 0; 1603 width: 100%; 1604 padding: 0 0 5px; 1605 background-color: #fff; 1606 position: absolute; 1607 bottom: 0; 1608 left: 0; 1609 opacity: 0.7; 1610 filter: alpha(opacity=70); 1611} 1612.wp-caption:hover .wp-caption-text { 1613 display: none; 1614} 1615 1616/* Aligments 1617----------------------------------------------------------*/ 1618.aligncenter, 1619div.aligncenter, 1620img.aligncenter { 1621 clear: both; 1622 display: block; 1623 margin-left: auto; 1624 margin-right: auto; 1625} 1626img.alignleft, 1627.alignleft { 1628 display: inline; 1629 float: left; 1630 margin-right: 24px; 1631} 1632img.alignright, 1633.alignright { 1634 display: inline; 1635 float: right; 1636 margin-left: 24px; 1637} 1638img.alignleft, 1639img.alignright, 1640img.aligncenter { 1641 margin-bottom: 12px; 1642} 1643 1644/* Navigation 1645----------------------------------------------------------*/ 1646.bz-navigate { 1647 text-align: center; 1648 border-top: 1px solid #ddd; 1649 font-size: 1.2em; 1650 font-weight: bold; 1651 color: #aaa; 1652} 1653.bz-navigate > div { 1654 border-top: 1px solid #ddd; 1655 margin-top: 6px; 1656} 1657.navigate_comments { 1658} 1659.navigate_page { 1660 margin: 0 -10px; 1661} 1662.navigate_archives { 1663} 1664.bz-navigate li { 1665 display: inline; 1666} 1667.bz-navigate span, 1668.bz-navigate a { 1669 display: inline-block; 1670 margin: -7px 4px 0 0; 1671 padding: 4px 8px; 1672} 1673.bz-navigate a { 1674 border-top: 6px solid transparent; 1675} 1676.bz-navigate .current, 1677.bz-navigate a:hover, 1678.bz-navigate a:active { 1679 border-top: 6px solid #aaa; 1680} 1681.bz-navigate .current { 1682 background: #eee; 1683} 1684.bz-navigate .title { 1685 display: none; 1686} 1687.bz-navigate i { 1688 vertical-align: text-top; 1689} 1690 1691/* MediaElements 1692----------------------------------------------------------*/ 1693div.mejs-container, 1694div.mejs-embed, 1695div.mejs-embed body, 1696div.mejs-container .mejs-controls { 1697 background: #fff; 1698} 1699div.mejs-container .mejs-controls .mejs-time span { 1700 color: #404040; 1701} 1702div.mejs-controls .mejs-button button { 1703 min-width: 0; 1704} 1705div.mejs-controls .mejs-button button { 1706 background-image: url(images/controls_invert.png); 1707} 1708div.mejs-controls .mejs-time-rail .mejs-time-total, 1709div.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { 1710 background: #444; 1711 border-radius: 0; 1712} 1713div.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 1714 border-radius: 0; 1715 background: #aaa; 1716} 1717div.mejs-controls .mejs-button button:focus { 1718 outline: 1px solid #aaa; 1719} 1720div.mejs-controls .mejs-time-rail .mejs-time-loaded { 1721 background: #777; 1722 border-radius: 0; 1723} 1724div.mejs-controls .mejs-time-rail .mejs-time-current { 1725 background: #21759B; 1726 border-radius: 0; 1727} 1728div.mejs-controls .mejs-time-rail .mejs-time-float { 1729 border-color: #000; 1730 box-shadow: 0 0 5px #000; 1731 background: #000; 1732 color: #fff; 1733} 1734div.mejs-controls .mejs-time-rail .mejs-time-float-corner { 1735 border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); 1736} 1737 1738/* Thickbox 1739----------------------------------------------------------*/ 1740#TB_overlay { 1741 z-index: 310; 1742} 1743.TB_overlayBG { 1744 opacity: 0.85; 1745 filter: alpha(opacity=85); 1746} 1747#TB_window { 1748 z-index: 312; 1749 border-color: transparent; 1750} 1751#TB_window img#TB_Image { 1752 border-color: transparent; 1753} 1754#TB_window #TB_prev a, 1755#TB_window #TB_next a { 1756 display: block; 1757 height: 100%; 1758 position: fixed; 1759 top: 0; 1760 width: 100px; 1761 opacity: 0.3; 1762 filter: alpha(opacity=30); 1763 color: transparent; 1764} 1765#TB_window #TB_next a:hover, 1766#TB_window #TB_prev a:hover { 1767 opacity: 0.6; 1768 filter: alpha(opacity=60); 1769} 1770 1771#TB_prev a { 1772 background: url('images/arrows.png') no-repeat left center #000; 1773 left: 0; 1774} 1775#TB_next a { 1776 background: url('images/arrows.png') no-repeat right center #000; 1777 right: 0; 1778} 1779#TB_closeWindow { 1780 display: none; 1781} 1782#TB_load { 1783 border: none; 1784 z-index: 313; 1785 padding: 5px 15px; 1786 box-shadow: 0 4px 30px #000; 1787} 1788#TB_caption { 1789 float: none; 1790 text-align: center; 1791} 1792 1793/* Comment Variants 1794----------------------------------------------------------*/ 1795.comment-variants span { 1796 margin-right: 5px; 1797 border: 1px solid #aaa; 1798 padding: 0 0.6em; 1799} 1800body.js .comment-variants span { 1801 cursor: pointer; 1802} 1803body.js .comment-variants input { 1804 display: none; 1805} 1806.comment-variants .style-blue { 1807 background: #DBEAF4; 1808} 1809.comment-variants .style-pink { 1810 background: #FCABE1; 1811} 1812.comment-variants .style-orange { 1813 background: #F8CB53 1814} 1815.comment-variants .style-yellow { 1816 background: #F0E38E; 1817} 1818.comment-variants .style-green { 1819 background: #B2BE8B; 1820} 1821.comment-variants .style-gray { 1822 background: #D7D7D7; 1823} 1824.comment-variants .style-white { 1825 background: #F0F0F0; 1826} 1827#comment.style-blue, 1828.style-blue .comment-body { 1829 background: #f7fbfc; /* Old browsers */ 1830 background: -moz-linear-gradient(left, #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6+ */ 1831 background: -webkit-linear-gradient(left, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10+,Safari5.1+ */ 1832 background: -o-linear-gradient(left, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Opera 11.10+ */ 1833 background: -ms-linear-gradient(left, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* IE10+ */ 1834 background: linear-gradient(to right, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C */ 1835 /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=1 ); /* IE6-9 */ /* desbest edit */ 1836} 1837#comment.style-pink, 1838.style-pink .comment-body { 1839 background: #f9edf7; /* Old browsers */ 1840 background: -moz-linear-gradient(left, #f9edf7 0%, #f9cceb 100%); /* FF3.6+ */ 1841 background: -webkit-linear-gradient(left, #f9edf7 0%,#f9cceb 100%); /* Chrome10+,Safari5.1+ */ 1842 background: -o-linear-gradient(left, #f9edf7 0%,#f9cceb 100%); /* Opera 11.10+ */ 1843 background: -ms-linear-gradient(left, #f9edf7 0%,#f9cceb 100%); /* IE10+ */ 1844 background: linear-gradient(to right, #f9edf7 0%,#f9cceb 100%); /* W3C */ 1845 /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9edf7', endColorstr='#f9cceb',GradientType=1 ); /* IE6-9 */ /* desbest edit */ 1846} 1847#comment.style-orange, 1848.style-orange .comment-body { 1849 background: #fefcea; /* Old browsers */ 1850 background: -moz-linear-gradient(left, #fefcea 0%, #ffcc4c 100%); /* FF3.6+ */ 1851 background: -webkit-linear-gradient(left, #fefcea 0%,#ffcc4c 100%); /* Chrome10+,Safari5.1+ */ 1852 background: -o-linear-gradient(left, #fefcea 0%,#ffcc4c 100%); /* Opera 11.10+ */ 1853 background: -ms-linear-gradient(left, #fefcea 0%,#ffcc4c 100%); /* IE10+ */ 1854 background: linear-gradient(to right, #fefcea 0%,#ffcc4c 100%); /* W3C */ 1855 /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ffcc4c',GradientType=1 ); /* IE6-9 */ 1856} 1857#comment.style-yellow, 1858.style-yellow .comment-body { 1859 background: #fefcea; /* Old browsers */ 1860 background: -moz-linear-gradient(left, #fefcea 0%, #fff17c 100%); /* FF3.6+ */ 1861 background: -webkit-linear-gradient(left, #fefcea 0%,#fff17c 100%); /* Chrome10+,Safari5.1+ */ 1862 background: -o-linear-gradient(left, #fefcea 0%,#fff17c 100%); /* Opera 11.10+ */ 1863 background: -ms-linear-gradient(left, #fefcea 0%,#fff17c 100%); /* IE10+ */ 1864 background: linear-gradient(to right, #fefcea 0%,#fff17c 100%); /* W3C */ 1865 /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fff17c',GradientType=1 ); /* IE6-9 */ 1866} 1867#comment.style-green, 1868.style-green .comment-body { 1869 background: #dfeac7; /* Old browsers */ 1870 background: -moz-linear-gradient(left, #dfeac7 0%, #cadd92 100%); /* FF3.6+ */ 1871 background: -webkit-linear-gradient(left, #dfeac7 0%,#cadd92 100%); /* Chrome10+,Safari5.1+ */ 1872 background: -o-linear-gradient(left, #dfeac7 0%,#cadd92 100%); /* Opera 11.10+ */ 1873 background: -ms-linear-gradient(left, #dfeac7 0%,#cadd92 100%); /* IE10+ */ 1874 background: linear-gradient(to right, #dfeac7 0%,#cadd92 100%); /* W3C */ 1875 /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dfeac7', endColorstr='#cadd92',GradientType=1 ); /* IE6-9 */ 1876} 1877#comment.style-gray, 1878.style-gray .comment-body { 1879 background: #eeeeee; /* Old browsers */ 1880 background: -moz-linear-gradient(left, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ 1881 background: -webkit-linear-gradient(left, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ 1882 background: -o-linear-gradient(left, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ 1883 background: -ms-linear-gradient(left, #eeeeee 0%,#cccccc 100%); /* IE10+ */ 1884 background: linear-gradient(to right, #eeeeee 0%,#cccccc 100%); /* W3C */ 1885 /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */ 1886} 1887#comment.style-white, 1888.style-white .comment-body { 1889 background: #ffffff; /* Old browsers */ 1890 background: -moz-linear-gradient(left, #ffffff 0%, #ededed 100%); /* FF3.6+ */ 1891 background: -webkit-linear-gradient(left, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */ 1892 background: -o-linear-gradient(left, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */ 1893 background: -ms-linear-gradient(left, #ffffff 0%,#ededed 100%); /* IE10+ */ 1894 background: linear-gradient(to right, #ffffff 0%,#ededed 100%); /* W3C */ 1895 /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */ 1896} 1897 1898/* Coming Soon template 1899----------------------------------------------------------*/ 1900body.coming-soon { 1901 padding: 50px 0; 1902 background: #222; 1903} 1904.coming-soon .hentry { 1905 max-width: 848px; 1906 margin: 0 auto; 1907} 1908 1909.coming-soon .content-wrap { 1910 background: #fff; 1911} 1912 1913.coming-soon .storycontent { 1914 padding: 20px; 1915} 1916.coming-soon .storytitle { 1917 padding: 20px 20px 0; 1918 text-align: center; 1919 font-size: 2em; 1920} 1921.coming-soon .storytitle h1 { 1922 margin: 20px 0 0; 1923} 1924.coming-soon .storytitle a { 1925 color: #404040; 1926} 1927.coming-soon .storyshare { 1928 padding: 20px 0; 1929 text-align: right; 1930 position: relative; 1931} 1932.coming-soon .storyshare:before { 1933 border-left: 10px solid transparent; 1934 border-right: 10px solid transparent; 1935 border-top: 10px solid #fff; 1936 content: " "; 1937 display: block; 1938 height: 0; 1939 position: absolute; 1940 left: 25px; 1941 top: 0; 1942 width: 0; 1943} 1944 1945.coming-soon .storyshare .bz-article-share { 1946 margin: 0; 1947} 1948 1949/* TB Chat Post 1950----------------------------------------------------------*/ 1951.tb-chat .chat-select li, 1952.tb-chat .chat-transcript li { 1953 border: none; 1954 background: #ffdab9; 1955 border-left: 3px solid; 1956 border-color: #FF7700; 1957 overflow: hidden; 1958} 1959.tb-chat li.rightalign { 1960 border-left: none; 1961 border-right: 3px solid; 1962} 1963.tb-chat li.speaker-1 { 1964 background: #fffacd; 1965 border-color: #FFE600; 1966} 1967.tb-chat li.speaker-2 { 1968 background: #d8eef4; 1969 border-color: #00C0F5; 1970} 1971.tb-chat li.speaker-3 { 1972 background: #d8ffcd; 1973 border-color: #37FF00; 1974} 1975.tb-chat li.aside-text { 1976 border: none; 1977 background: transparent; 1978} 1979.tb-chat .chat-transcript li { 1980 margin: 0 100px 20px 0; 1981 padding: 0 5px; 1982} 1983.tb-chat .chat-select .rightalign { 1984 margin: 0 0 0 10px; 1985} 1986.tb-chat .chat-transcript .rightalign { 1987 margin: 0 0 20px 100px; 1988 text-align: left; 1989} 1990.tb-chat .timestamp { 1991 font-size: 0.8em; 1992 opacity: 0.3; 1993 display: block; 1994 line-height: 1em; 1995 padding-top: 5px; 1996} 1997.tb-chat .rightalign .timestamp { 1998 text-align: right; 1999} 2000 2001/* Jetpack 2002----------------------------------------------------------*/ 2003div.sharedaddy li a.sd-button, 2004div.sharedaddy li a.sd-button:hover { 2005 background: #fff; 2006 box-shadow: none; 2007 padding: 4px; 2008} 2009div.sharedaddy { 2010 margin-top: 20px; 2011} 2012.coming-soon .storyshare .sd-title { 2013 display: none; 2014} 2015.coming-soon div.sharedaddy div.sd-block { 2016 border: none; 2017} 2018.coming-soon div.sharedaddy { 2019 margin: 0; 2020} 2021.coming-soon div.sharedaddy .sd-content { 2022 width: 100%; 2023} 2024#main div.sd-block { 2025 border-top: 1px solid #ddd; 2026} 2027.sd-block.sd-like { 2028 padding-top: 10px; 2029} 2030span.infinite-loader { 2031 margin: 10px auto 35px; 2032 width: 28px; 2033} 2034div#infinite-handle { 2035 text-align: center; 2036 margin: 20px 0 40px; 2037} 2038div#infinite-handle span:hover { 2039 border: 1px solid #21759B; 2040 background: #f5f5f5; 2041 color: #666; 2042} 2043.page-reminder { 2044 text-align: center; 2045 margin: 20px 0 20px; 2046} 2047.page-reminder span { 2048 background: #333; 2049 border-radius: 1px; 2050 color: #eee; 2051 font-size: 13px; 2052 padding: 6px 16px; 2053} 2054.infinite-scroll .navigate_archives, 2055.infinite-scroll .nb-nextprev { 2056 display: none; 2057} 2058 2059/* TB Comment Tools 2060----------------------------------------------------------*/ 2061#tb-comment-tools-tags a { 2062 font: 11px "Courier New",monospace; 2063 background: none repeat scroll 0 0 #F5F5F5; 2064 border: 1px solid #ddd; 2065 margin: 0 1px 0 0; 2066 padding: 0 6px; 2067} 2068#tb-comment-tools-tags a:hover { 2069 border: 1px solid #aaa; 2070} 2071
