/* Theme Name: Boozurk Theme URI: http: //www.twobeers.net/annunci/tema-per-wordpress-boozurk Description: 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! WP3.4 compatible Version: 2.02.1 Tags: translation-ready, threaded-comments, custom-menu, theme-options, flexible-width, three-columns, right-sidebar, left-sidebar, white, light, sticky-post, editor-style, custom-colors, post-formats, rtl-language-support, custom-header Author: TwoBeers Crew Author URI: http: //www.twobeers.net/ License: GNU General Public License, version 2 License URI: http: //www.gnu.org/licenses/gpl-2.0.html */ /* Reset ----------------------------------------------------------*/ html,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 { background: none repeat scroll 0 0 transparent; border: 0 none; vertical-align: baseline; margin: 0; padding: 0; } /* Standard tags ----------------------------------------------------------*/ body { font-family: monospace; background: transparent url('images/bg.png') 256px 0px repeat-y; font-size: 15px; line-height: 1.8em; } a img { border: none; } a { text-decoration: none; color: #21759b; } a:hover { color: #404040; } h1, h2, h3, h4, h5, h6, p { margin: .5em 0; } ul { list-style: none outside none; margin-left: 15px; } ol { list-style: decimal inside none; } ol ul, ol ol, ul ul, ul ol { margin: 0 0 0 15px; } dt { font-weight: bold; } dd { margin: 0 0 .5em 40px; } fieldset { border: 1px solid #ddd; padding: 8px; } legend { color: #999; } blockquote { border-left: 5px solid #ddd; margin-left: 15px; padding-left: 15px; font-style: italic; } pre, code, tt, kbd { font: 1.1em "Courier New", monospace; letter-spacing: 1px; padding: 0 8px; background-color: #eee; } pre { background-color: #fff; border: 1px solid #ddd; display: block; overflow: auto; white-space: pre; max-width: 100%; margin: 5px auto; padding: 5px; } input { font-size: 1.1em; } select { max-width: 100%; background-color: #fff; border: 1px solid #ddd; } object, embed { max-width: 100%; } textarea, input[type=text], input[type=password] { border: 1px solid #404040; } input[type=password] { background: #fff url('images/details.png') 3px -298px no-repeat; min-height: 20px; } input[type=button], input[type=submit], input[type=reset] { background-color: #404040; border: 1px solid #ddd; border-radius: 2px 2px 2px 2px; color: #eee; cursor: pointer; font-size: .9em; font-weight: bold; height: 29px; line-height: 27px; margin: 10px 4px; min-width: 54px; padding: 0 8px; text-align: center; } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus { border: 1px solid #21759b; } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus { cursor: pointer; background-color: #F5F5F5; color: #666; } input[type=password]:focus { background: #fff; } .fixed input { max-width: 99%; } .storycontent p { margin: 0 0 1em 0; } .storycontent ul li, .widget ul li, .comment-body ul li { list-style: square outside none; } .storycontent table, .comment-body table { border-collapse: collapse; text-align: left; max-width: 100%; border: 1px solid #ddd; } .storycontent td, .comment-body td { padding: 3px; } .storycontent th, .comment-body th { border-bottom: 4px solid #ddd; padding: 3px; } .widget img, .storycontent img { max-width: 100%; height: auto; margin: 0; } /* Utils ----------------------------------------------------------*/ .fixfloat { clear: both; } .hide_if_no_print { display: none; } .js .hide-if-js, .no-js .hide-if-no-js { display:none; } .screen-reader-text { display:none; } .details { color: #aaa; } /* Header ----------------------------------------------------------*/ #head { padding: 0 1px 20px; text-align: center; } #head h1 { font-size: 3.5em; margin:0; } #head img { max-width: 100%; height: auto; } /* Sidebars ----------------------------------------------------------*/ #sidebar-primary { width: 247px; padding: 0 10px 0; position: absolute; left: 0; top: 0; } #sidebar-primary .inner { padding-bottom: 50px; } #sidebar-secondary { width: 200px; padding: 0 10px 0; position: absolute; right: 0; top: 0; } #sidebar-secondary .inner { padding-bottom: 100px; } #sidebar-primary.fixed { position: fixed; top: 0; height:90%; overflow: hidden; padding-top: 20px; } #sidebar-primary.fixed:hover { overflow-y: auto; } #sidebar-primary.fixed .inner { width: 237px; } #sidebar-secondary.fixed { position: fixed; top: 0; height:90%; overflow: hidden; padding-top: 20px; } #sidebar-secondary.fixed:hover { overflow-y: auto; } #sidebar-secondary.fixed .inner { width: 190px; } .primary.top-fade, .primary.bottom-fade { width: 247px; left: 0; } .secondary.top-fade, .secondary.bottom-fade { width: 190px; right: 20px; } .top-fade.scroll, .bottom-fade.scroll { display: none; } .top-fade { position: fixed; top: 0; height: 20px; background: transparent url(images/sidebar-fade.png) left bottom repeat-x; } .bottom-fade { position: fixed; bottom: 0; height: 50px; background: transparent url(images/sidebar-fade.png) left top repeat-x; } .bz-description { margin-bottom: 1.8em; } .bz-logo { max-width: 200px; height: auto; } .admin-bar #sidebar-primary.fixed { top: 28px; } .admin-bar #sidebar-secondary.fixed { top: 28px; } .admin-bar .top-fade { top: 28px; } .top-menu #sidebar-primary.fixed { top: 35px; } .top-menu #sidebar-secondary.fixed { top: 35px; } .top-menu .top-fade { top: 35px; } .admin-bar.top-menu #sidebar-primary.fixed { top: 63px; } .admin-bar.top-menu #sidebar-secondary.fixed { top: 63px; } .admin-bar.top-menu .top-fade { top: 63px; } /* Main content ----------------------------------------------------------*/ #main { position: relative; margin-top: 20px; } #content { margin-left: 310px; margin-right: 220px; } /* Footer ----------------------------------------------------------*/ #footer { clear: both; } #bz-credits { text-align:center; padding: 50px 5px; font-size: .8em; } /* Some browsing links ----------------------------------------------------------*/ .img-navi, .nav-single { padding: 0 10px; } .img-navi-prev, .nav-previous { margin: 10px 0; float: left; } .img-navi-next, .nav-next { margin: 10px 0; float: right; } .img-navi-prev { background: url('images/bc-sep.png') no-repeat left center; padding-left: 15px; } .img-navi-next { background: url('images/bc-sep.png') no-repeat right center; padding-right: 15px; } .img-navi img { border: 1px solid #ddd; vertical-align: middle; padding: 5px; } .img-navi img:hover { border: 1px solid #777; } .nav-previous , .nav-next { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 200px; width: 37%; position: relative; line-height: 32px; } .nav-next { padding: 0 55px 0 0; background: url('images/bc-sep.png') no-repeat right center; text-align: right; } .nav-previous { padding: 0 0 0 55px; background: url('images/bc-sep.png') no-repeat left center; } .nav-next img { position: absolute; top: 0; right: 15px; } .nav-previous img { position: absolute; top: 0; left: 15px; } #bz-page-nav { margin: 20px 0; min-height: 20px; line-height: 20px; } #bz-page-nav.ajaxed { min-height: 74px; margin: 20px 0 0; } .ajaxed #bz-page-nav-msg { padding-top: 15px; height: 20px; } .ajaxed #bz-page-nav-msg.loading { background: url('images/loading.gif') no-repeat center top transparent; opacity: 0; filter: alpha(opacity=0); } #bz-page-nav.ajaxed #bz-page-nav-subcont { display: none; } #bz-next-posts-button { display: none; margin-bottom: 0; } .paged-separator { border-bottom:1px solid #ddd; font-weight:bold; margin:35px 0 50px; text-align:center; height: 20px; } /* Posts/Pages/Attachments ----------------------------------------------------------*/ #posts_content .hentry.post, #posts_content .hentry.page, #posts_content .hentry.attachment { border: 1px solid #ddd; border-left: 40px solid #87ceeb; margin-left: -40px; padding: 0 10px 10px 11px; clear: both; margin-top: 20px; position: relative; min-height: 80px; } .att_content { text-align: center; } .pmb_comm { background-color: #fff; color: #000; display: block; line-height: 20px; text-align: center; width: 40px; opacity: 0.5; filter: alpha(opacity=50); } .pmb_format { background-color: #fff; display: block; width: 32px; height:32px; margin: 4px 0; padding: 0 4px; opacity: 0.85; filter: alpha(opacity=85); } .pmb_comm:hover, .pmb_format:hover { opacity: 1; filter: alpha(opacity=100); } .bz-plusone-wrap { width: 38px; margin: 4px 1px; z-index: 300; } .post_meta_container { left: -40px; position: absolute; top: 2px; } .storytitle { line-height: 40px; margin: 0; } .storycontent { padding-top : 10px; } .bz-featured-title { margin: 0 -10px; overflow: hidden; padding: 0; position: relative; min-height: 56px; max-height: 288px; } .bz-featured-title .storytitle { background-color: #f5f5f5; line-height: 34px; margin: 0; min-height: 54px; position: absolute; top: 2px; width: 100%; left: 0; opacity: 0.8; filter: alpha(opacity=80); } .bz-featured-title .storytitle a { padding-left: 10px; } .bz-featured-title img.attachment-post-thumbnail { width: 100%; height: auto; } .format-status .avatar, .category-status .avatar { position: absolute; left:10px; top:10px; } .format-status .storycontent, .category-status .storycontent { padding-left: 60px; } .gallery-thumb { float: left; margin: 0 10px 10px 0; } .bz-no-post { padding: 10px; font-weight: bold; } .more-link.ajaxed { padding-left: 20px; background: url('images/loading.gif') no-repeat scroll left center transparent; } .post-edit-link { background:url("images/details.png") no-repeat center -700px transparent; border:1px solid #ddd; border-radius:3px; display:none; height:16px; overflow:hidden; position:absolute; right:1px; text-indent:-1000px; top:3px; width:16px; z-index:100; } #posts_content .post:hover .post-edit-link { display: block; } .bz-post-top-date, .bz-post-top-tag, .bz-post-top-cat { color:#aaa; font-size:.8em; margin:20px 0 -20px; text-align:right; } .bz-post-top-cat a:before{ content: '*'; } .bz-post-top-tag a:before { content: '#'; } .bz-post-top-cat a, .bz-post-top-tag a { color:#aaa; } .format-aside .storycontent .details { font-size: .8em; font-style: italic; color: #404040; } .format-status .details { font-size: .8em; color: #aaa; } .format-status .details a { font-weight: bold; } /* Audio player ----------------------------------------------------------*/ .bz-player-container { margin-bottom: 20px; width: 300px; padding: 5px; background: #F5F5F5; border: 1px solid #ddd; } .bz-player-container:hover { border: 1px solid #777; } .bz-player-content { margin-top: 10px; } .bz-player-notice { color:#aaa; font-size: .8em; } /* Last comments on post (last-cop) ----------------------------------------------------------*/ .bz-last-cop { margin: 0 10px; } .bz-last-cop img { border: 1px solid #ddd; margin: 4px; padding: 4px; display:block; } .bz-last-cop .item { float: left; } .bz-last-cop .item-label { float: left; line-height: 40px; font-size: .8em; padding: 5px; } .bz-last-cop .bz-tooltip { position: absolute; display: none; padding: 5px 0; width: 200px; opacity: 0.9; filter: alpha(opacity=90); z-index: 300; background: transparent url(images/cooltips.gif) 0 top no-repeat; font-size: .8em; margin-left : 25px; } .bz-tooltip.bz-300 { width: 300px; } .item:hover .bz-tooltip { display: block; } .item .bz-tooltip:hover { display: none; } .bz-last-cop .bz-tooltip-inner { background: #000; color: #fff; border-radius: 3px; padding: 5px; box-shadow:0 0 3px #000; } /* Widgets ----------------------------------------------------------*/ #footer-widget-area{ border-bottom:1px solid #ddd; } #first_fwa, #second_fwa, #third_fwa { float: left; width: 33%; min-height: 1px; } .widget { margin-bottom: 1.8em; overflow: hidden; } #footer-widget-area .widget { padding: 10px; } #header-widget-area { } #header-widget-area .bz-widget { float: left; width: 33%; } #header-widget-area .widget { padding: 10px; } .w_title { border-bottom: 1px solid #ddd; margin-bottom: 5px; } div.tb_widget_latest_commentators ul { margin: 0; } div.tb_widget_latest_commentators ul li { list-style: none outside none; float: left; } div.tb_widget_latest_commentators img { border:1px solid #ddd; margin:4px; padding:4px; } div.tb_widget_latest_commentators a img { border: 1px solid #21759b; } div.tb_widget_post_details ul li, div.tb_widget_post_formats ul li { list-style: none outside none; } .bz-post-details-cats, .bz-post-details-tags, .bz-post-details-date { background-repeat: no-repeat; background-image: url('images/details.png'); line-height: 25px; padding: 1px 0 5px 25px; } .bz-post-details-cats { background-position: left -200px; } .bz-post-details-tags { background-position: left -100px; } .bz-post-details-date { background-position: left 0; } .bz-post-details-thumb { background-color: #eee; border: 1px solid #ddd; padding: 5px; margin: 0 0 5px; text-align: center; } div.tb_widget_post_formats ul li.compact { float: left; margin: 0 10px 5px 0; } div.tb_widget_post_formats ul, div.tb_widget_post_details ul { margin: 0; } #single-widgets-area { margin-top: 20px; } #single-widgets-area .bz-widget { float: left; } #single-widgets-area .widget { padding: 10px; } .bz-article-share { margin-top: 10px; } .bz-article-share img { margin: 0 3px 3px 0; } .bz-article-share img:hover { opacity: 0.7; filter: alpha(opacity=70); } .widget .cat-item , #posts_content .cat-item { margin-top: 5px; } .widget .cat-item a, #posts_content .cat-item a { padding-left: 5px; } .widget .cat-item a, #posts_content .cat-item a { border-left-width: 1em; border-left-style: solid; } .tb-social-icon { display: inline-block; } .tb-social-icon img{ max-width: 128px; } .widget img.tb-thumb-format { max-width: 32px; } .tb_widget_recent_entries .cat-descr { background-color: #eee; border: 1px solid #ddd; padding: 0 5px; margin: 0; font-size: .8em; } .tb-clean-archives .year-link { font-weight: bold; font-size: 1.2em; } .tb-clean-archives .month-link { padding-left: 4px; } .boozurk_widget_font_resize { font-size: 1.18em; text-align: center; } .boozurk_widget_font_resize a { background: #F5F5F5; border: 1px solid #ddd; padding: 0 3px; vertical-align: middle; } .boozurk_widget_font_resize a:hover { border: 1px solid #aaa; } .fontresizer_minus { font-size: 0.7em; } .fontresizer_plus { font-size: 1.2em; } .fontresizer_sep { padding: 0 8px; background: url("images/bc-sep.png") no-repeat scroll right center transparent; } /* Post Format icons ----------------------------------------------------------*/ .tb-thumb-format, img.tb-thumb-format { background-repeat: no-repeat; background-image: url('images/formats.png'); vertical-align: middle; margin: 0 0 2px; } .tb-thumb-format.aside, .format-aside .pmb_format, .category-aside .pmb_format { background-position: center 0; } .tb-thumb-format.audio, .format-audio .pmb_format, .category-audio .pmb_format { background-position: center -32px; } .tb-thumb-format.chat, .format-chat .pmb_format, .category-chat .pmb_format { background-position: center -64px; } .tb-thumb-format.gallery, .format-gallery .pmb_format, .category-gallery .pmb_format { background-position: center -96px; } .tb-thumb-format.image, .format-image .pmb_format, .category-image .pmb_format { background-position: center -128px; } .tb-thumb-format.link, .format-link .pmb_format, .category-link .pmb_format{ background-position: center -160px; } .tb-thumb-format.quote, .format-quote .pmb_format, .category-quote .pmb_format { background-position: center -192px; } .tb-thumb-format.standard, .page .pmb_format, .format-standard .pmb_format, .category-standard .pmb_format{ background-position: center -224px; } .tb-thumb-format.status, .format-status .pmb_format, .category-status .pmb_format { background-position: center -256px; } .tb-thumb-format.video, .format-video .pmb_format, .category-video .pmb_format { background-position: center -288px; } .attachment .pmb_format { background-position: center -320px; } .post-password-required .pmb_format { background-position: center -352px; } .sticky .pmb_format { background-position: center -384px; } /* Main menu ----------------------------------------------------------*/ #mainmenu_container { margin-bottom: 20px; max-width: 100%; } #mainmenu { margin: 0; padding: 0 10px; } #mainmenu > li { float: left; margin-right: 25px; padding: 2px; } #mainmenu > li > a { display: block; } #mainmenu > li > ul { position: absolute; display: none; z-index: 30; max-width: 300px; min-width: 150px; border: 1px solid #ddd; background-color: #f5f5f5; margin: 0; padding: 5px 10px 10px; box-shadow: 0 0 8px #fff; } #mainmenu > li:hover > ul { display: block; } .bz-menu-thumb { vertical-align: middle; margin-right: 5px; border: 1px solid #fff; } .bz-menu-thumb.default { border: 1px solid #ddd; } .hiraquo { padding-left :5px; } /* secondary menus ----------------------------------------------------------*/ #secondary1 { background: #fff; border-bottom: 5px solid #424242; text-align: center; line-height: 30px; } #secondary1 li { display: inline; margin: 0 10px; } #secondary2 { border: 1px solid #ddd; border-left: none; text-align: center; line-height: 20px; } #secondary2 li { display: inline; margin: 10px; } /* author bio ----------------------------------------------------------*/ .tbm-author-bio { background-color: #eee; border: 1px solid #ddd; padding: 5px; margin: 0 0 5px; } .tbm-author-bio li { margin: 0; padding: 0; } .tbm-author-bio .author-avatar img { border-radius: 5px; margin-right: 10px; } .tbm-author-bio .author-avatar { display: inline-block; float: left; } .tbm-author-bio .author-name { font-size: 1.5em; margin-bottom: 10px; } .tbm-author-bio .author-description { font-size: .8em; } .tbm-author-bio .author-social { border-top:1px solid #ddd; margin-top:5px; padding-top:5px; clear: both; } .tbm-author-bio .author-description a { text-decoration: underline; } #bz-breadcrumb .tbm-author-bio { line-height: 1em; } /* cooltips ----------------------------------------------------------*/ .cooltips { padding: 5px 0; font-size: .8em; opacity: 0.9; filter: alpha(opacity=90); background: transparent url(images/cooltips.gif) 0 bottom no-repeat; width: 200px; } .cooltips.to_left { background-position : right bottom; margin-left: -200px; } .cooltips-inner { padding: 5px; background-color: black; color: white; max-width: 200px; text-align: center; box-shadow: 0 0 3px #000; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; } /* Navigation buttons ----------------------------------------------------------*/ #navbuttons.fixed { position: fixed; bottom: 0; right: 0; width:215px; padding: 30px 0 5px 0; background: transparent url(images/sidebar-fade.png) left top repeat-x; } .minib_img { display: block; text-align: center; height: 32px; width: 32px; background-color: #fff; background-image: url('images/minibuttons.png'); background-repeat: no-repeat; cursor: pointer; border-radius: 5px; border:1px solid #ddd; } .minibutton { float:left; margin:3px; position: relative; } .minib_print { background-position: left 0; } .minib_comment { background-position: left -32px; } .minib_rss { background-position: left -64px; } .minib_track { background-position: left -96px; } .minib_home { background-position: left -128px; } .minib_npage { background-position: left -192px; } .minib_ppage { background-position: left -160px; } .minib_npages { background-position: left -160px; } .minib_ppages { background-position: left -192px; } .minib_top { background-position: left -224px; } .minib_bottom { background-position: left -256px; } .minib_backtopost { background-position: left -160px; } .minib_edit { background-position: left -288px; } .minib_print:hover { background-position: right 0; } .minib_comment:hover { background-position: right -32px; } .minib_rss:hover { background-position: right -64px; } .minib_track:hover { background-position: right -96px; } .minib_home:hover { background-position: right -128px; } .minib_npage:hover { background-position: right -192px; } .minib_ppage:hover { background-position: right -160px; } .minib_npages:hover { background-position: right -160px; } .minib_ppages:hover { background-position: right -192px; } .minib_top:hover { background-position: right -224px; } .minib_bottom:hover { background-position: right -256px; } .minib_backtopost:hover { background-position: right -160px; } .minib_edit:hover { background-position: right -288px; } /* BreadCrumb ----------------------------------------------------------*/ #bz-breadcrumb-wrap { margin: 0; border:solid 1px #ddd; line-height: 30px; margin-bottom:20px; padding: 0 5px; } #bz-breadcrumb { position: relative; } #bz-breadcrumb span, #bz-breadcrumb a { float:left; } .bz-breadcrumb-sep { background: url('images/bc-sep.png') no-repeat right center; padding: 0 5px; } .bz-breadcrumb-home + .bz-breadcrumb-sep { margin: 0 0 0 -6px; padding: 0; width: 10px; } .bz-breadcrumb-childs { padding: 5px 10px; background: url('images/bc-sep.png') no-repeat center; margin-left:4px; } .bz-breadcrumb-home { background:url('images/details.png') no-repeat center -500px; height:16px; margin:7px; width:16px; position: absolute; left: -42px; top: 0; } .bz-breadcrumb-found { color: #aaa; } .bz-breadcrumb-home:hover { background-position: center -516px; } .bz-breadcrumb-reminder { border-top: solid 1px #ddd; padding-top: 5px; } #bz-breadcrumb .bz-breadcrumb-reminder span, #bz-breadcrumb .bz-breadcrumb-reminder a { float:none; } .tb-breadcrumb-term { font-weight: bold; } /* Comments ----------------------------------------------------------*/ #comments { text-align: right; margin-top: 10px; } #commentlist, #commentlist .children { list-style: none inside none; margin: 0; padding: 0; } .children .comment-body { padding-left: 50px; } .children .children .comment-body { padding-left: 100px; } .children .children .children .comment-body { padding-left: 150px; } .children .children .children .children .comment-body { padding-left: 200px; } .children .children .children .children .children .comment-body { padding-left: 250px; } .children .children .children .children .children .children .comment-body { padding-left: 300px; } .children .children .children .children .children .children .children .comment-body { padding-left: 350px; } .children .children .children .children .children .children .children .children .comment-body { padding-left: 400px; } .children .children .children .children .children .children .children .children .children .comment-body { padding-left: 450px; } .children .children .children .children .children .children .children .children .children .children .comment-body { padding-left: 500px; } .comment-body { border-top: 1px solid #ddd; position: relative; padding: 10px; } .bypostauthor > .comment-body { border: 1px solid #ddd; border-bottom: none; background: #eee; } .comment-body .avatar { position: absolute; left: -36px; } .comment .reply { font-size: .8em; text-align: right; } .comment-reply-link { visibility: hidden; } .comment-body:hover .comment-reply-link { visibility: visible; } #respond { border: 1px solid #ddd; margin: 20px; padding: 10px; position: relative; } .form-allowed-tags { color: #999; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url { margin: 5px auto; } #author, #email, #url { margin-right: 10px; margin-left: -1px; } .comment-edit-link { visibility: hidden; font-size: .8em; } .comment-body:hover .comment-edit-link { visibility: visible; } #cancel-comment-reply-link { display: block; height: 12px; overflow: hidden; position: absolute; right: 10px; top: 10px; text-indent: -1000px; width: 13px; background: url('images/details.png') no-repeat left -600px; } #cancel-comment-reply-link:hover { background-position: left -612px; } .comment { position: relative; } /* Gallery ----------------------------------------------------------*/ .gallery { margin: auto; } .gallery-item { float: left; margin-top: 10px; text-align: center; } .gallery img { border: 1px solid #ddd; padding: 5px; max-width: 80%; background: #F5F5F5; } .gallery img:hover { border: 1px solid #777; } .gallery-caption { margin-left: 0; font-size: .8em; } .gallery-columns-1 .gallery-item { width: 99%; } .gallery-columns-2 .gallery-item { width: 49%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 24%; } .gallery-columns-5 .gallery-item { width: 19%; } .gallery-columns-6 .gallery-item { width: 16%; } .gallery-columns-7 .gallery-item { width: 14%; } .bzg-slider { margin: 20px 0; padding: 10px; border: 1px solid #ddd; text-align: center; } .bzg-slider .loading { display: block; background: url('images/loading.gif') no-repeat scroll center center transparent; height: 30px; } .bzg-preview-link { background: url('images/details.png') no-repeat 3px -396px transparent; padding: 5px 5px 5px 25px; border: 1px solid #ccc; border-radius: 2px; } .bzg-slideshow { margin: 20px 0; } img.thumbsel { box-shadow: 0 0 2px #404040; border: 1px solid #777; } /* =calendar ----------------------------------------------------------*/ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: .8em; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: .8em; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:2px 0; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: .8em; text-transform: uppercase; padding-top: 10px; text-align: right; } #wp-calendar tfoot #prev { font-size: .8em; text-transform: uppercase; padding-top: 10px; } /* Captions ----------------------------------------------------------*/ .wp-caption { border: 1px solid #ddd; padding: 5px; text-align: center; margin: 10px; max-width: 94%; background: #F5F5F5; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption .wp-caption-inside { position: relative; } .wp-caption .wp-caption-text { font-size: .8em; line-height: 17px; margin: 0; width: 100%; padding: 0 0 5px; background-color: #fff; position: absolute; bottom: 0; left: 0; opacity: 0.7; filter: alpha(opacity=70); } .wp-caption:hover .wp-caption-text { display: none; } /* Aligments ----------------------------------------------------------*/ .aligncenter, div.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, .alignleft { display: inline; float: left; margin-right: 24px; } img.alignright, .alignright { display: inline; float: right; margin-left: 24px; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } /* Navigation ----------------------------------------------------------*/ .bz-navigate { border-top: 1px solid #ddd; text-align: center; margin: 0; padding: 10px; color: #646464; } .navigate_comments { } .navigate_page { padding: 10px 0 0; } .navigate_archives { border: none; } #main .bz-navigate span, #main .bz-navigate a { margin: 0 4px 0 0; padding: 3px 6px; } #main .bz-navigate span { color: #646464; border: none; padding: 0; } #main .bz-navigate a { background: #fff; border: 1px solid #ddd; margin: 0 4px 0 0; } #main .bz-navigate a:hover, #main .bz-navigate a:active { background: #eee; } #main .bz-navigate .current { font-weight: normal; background: #eee; border: 1px solid #aaa; padding: 3px 6px; } /* Thickbox ----------------------------------------------------------*/ #TB_overlay { z-index: 310; } .TB_overlayBG { opacity: 0.85; filter: alpha(opacity=85); } #TB_window { z-index: 312; border-color: transparent; } #TB_window img#TB_Image { border-color: transparent; } #TB_prev a, #TB_next a { display: block; height: 100%; position: fixed; top: 0; width: 100px; opacity: 0.3; filter: alpha(opacity=30); color: transparent; } #TB_next a:hover, #TB_prev a:hover { opacity: 0.6; filter: alpha(opacity=60); } #TB_prev a { background: url('images/arrows.png') no-repeat left center #000; left: 0; } #TB_next a { background: url('images/arrows.png') no-repeat right center #000; right: 0; } #TB_closeWindow { display: none; } #TB_load { border: none; z-index: 313; padding: 5px 15px; box-shadow: 0 4px 30px #000; } #TB_caption { float: none; text-align: center; } /* Comment Variants ----------------------------------------------------------*/ .comment-variants span { margin-right: 5px; border: 1px solid #aaa; padding: 0 0.6em; } body.js .comment-variants span { cursor: pointer; } body.js .comment-variants input { display: none; } .comment-variants .style-blue { background: #DBEAF4; } .comment-variants .style-pink { background: #FCABE1; } .comment-variants .style-orange { background: #F8CB53 } .comment-variants .style-yellow { background: #F0E38E; } .comment-variants .style-green { background: #B2BE8B; } .comment-variants .style-gray { background: #D7D7D7; } .comment-variants .style-white { background: #F0F0F0; } #comment.style-blue, .style-blue .comment-body { background: #f7fbfc; /* Old browsers */ background: -moz-linear-gradient(left, #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* IE10+ */ background: linear-gradient(to right, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=1 ); /* IE6-9 */ } #comment.style-pink, .style-pink .comment-body { background: #f9edf7; /* Old browsers */ background: -moz-linear-gradient(left, #f9edf7 0%, #f9cceb 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, #f9edf7 0%,#f9cceb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f9edf7 0%,#f9cceb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f9edf7 0%,#f9cceb 100%); /* IE10+ */ background: linear-gradient(to right, #f9edf7 0%,#f9cceb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9edf7', endColorstr='#f9cceb',GradientType=1 ); /* IE6-9 */ } #comment.style-orange, .style-orange .comment-body { background: #fefcea; /* Old browsers */ background: -moz-linear-gradient(left, #fefcea 0%, #ffcc4c 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, #fefcea 0%,#ffcc4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fefcea 0%,#ffcc4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #fefcea 0%,#ffcc4c 100%); /* IE10+ */ background: linear-gradient(to right, #fefcea 0%,#ffcc4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ffcc4c',GradientType=1 ); /* IE6-9 */ } #comment.style-yellow, .style-yellow .comment-body { background: #fefcea; /* Old browsers */ background: -moz-linear-gradient(left, #fefcea 0%, #fff17c 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, #fefcea 0%,#fff17c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fefcea 0%,#fff17c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #fefcea 0%,#fff17c 100%); /* IE10+ */ background: linear-gradient(to right, #fefcea 0%,#fff17c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fff17c',GradientType=1 ); /* IE6-9 */ } #comment.style-green, .style-green .comment-body { background: #dfeac7; /* Old browsers */ background: -moz-linear-gradient(left, #dfeac7 0%, #cadd92 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, #dfeac7 0%,#cadd92 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #dfeac7 0%,#cadd92 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #dfeac7 0%,#cadd92 100%); /* IE10+ */ background: linear-gradient(to right, #dfeac7 0%,#cadd92 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfeac7', endColorstr='#cadd92',GradientType=1 ); /* IE6-9 */ } #comment.style-gray, .style-gray .comment-body { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(left, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to right, #eeeeee 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */ } #comment.style-white, .style-white .comment-body { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%,#ededed 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */ } /* Breadcrumb NavXT ----------------------------------------------------------*/ #navxt-crumbs > a:first-child { background:url('images/details.png') no-repeat left -500px; padding-left: 22px; } #navxt-crumbs > a:first-child:hover { background-position: left -516px; } /* TB Chat Post ----------------------------------------------------------*/ .chatter-1 { background: #fffacd; } .chatter-2 { background: #d8eef4; } .tb-chat .chat-transcript li { border: 1px solid #ddd; margin: 0 100px 20px 0; padding: 0 10px; } .tb-chat .chat-select li, .tb-chat .chat-transcript li:first-child { border: 1px solid #ddd; } .tb-chat .chat-select .rightalign { margin: 0 0 0 10px; } .tb-chat .chat-transcript .rightalign { margin: 0 0 20px 100px; }