/** * @package EasyBlog * @copyright Copyright (C) 2010 Stack Ideas Private Limited. All rights reserved. * @license GNU/GPL, see LICENSE.php * * EasyBlog is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. * See COPYRIGHT.php for copyright notices and details. */ /* * Reset Framework */ #eblog-wrapper{display:inline-block;height:auto!important;margin-bottom:20px;min-height:350px;width:100%;position:relative;word-wrap:break-word} #eblog-wrapper a{outline:0;-moz-outline-style:none;cursor:pointer} #eblog-wrapper sup{line-height:0} #eblog-wrapper button, #eblog-wrapper input[type="button"], #eblog-wrapper input[type="reset"], #eblog-wrapper input[type="submit"]{cursor:pointer;-webkit-appearance: button;outline:none;*overflow: visible} #eblog-wrapper button::-moz-focus-inner{border:0} /*JOOMLA 2.5*/ #eblog-wrapper .small{margin:auto;padding:auto;} #eblog-wrapper .reset-ul, #eblog-wrapper .reset-ul > li{background:none;border:none;clear:none;float:none;list-style:none;list-style-image:none;margin:0;padding:0;overflow:visible;width:auto} #eblog-wrapper .clear{clear:both;font-size:0 !important;height:0 !important;line-height:0 !important} #eblog-wrapper .clearfix{display:block;zoom:1;overflow:visible;clear:none;height:auto;} #eblog-wrapper .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} #eblog-wrapper .clearfull{display:inline-block;width:100%!important} #eblog-wrapper .float-l, #eblog-wrapper .alignleft, #eblog-wrapper .float-li li{float:left} #eblog-wrapper .float-r, #eblog-wrapper .alignright{float:right!important} #eblog-wrapper .in-block, #eblog-wrapper .float-r, #eblog-wrapper .float-l, #eblog-wrapper .float-li li{display:inline-block} /*IE7*/*:first-child+html #eblog-wrapper .tablecell{display:table-cell;vertical-align:top;zoom:1;width:auto} /* reset-heading */ #eblog-wrapper .reset-h {background:none;border:none;clear:none;float:none;display:block;padding:0;margin:0;width:auto;position:static;} /* reset-table */ #eblog-wrapper .reset-table{border-collapse:collapse;border-spacing:0;width:100%} #eblog-wrapper .reset-table, #eblog-wrapper .reset-table tr, #eblog-wrapper .reset-table td, #eblog-wrapper .reset-table th{background:none;padding:0;margin:0;border:0;vertical-align:middle} /* list-form */ #eblog-wrapper .list-full > li, #eblog-dialog .list-full > li{display:inline-block;width:100%} #eblog-wrapper .list-form > li, #eblog-dialog .list-form > li{display:inline-block;width:100%;} #eblog-wrapper .list-form > li + li, #eblog-dialog .list-form > li + li{padding-top:10px;} #eblog-wrapper .list-form li > label, #eblog-dialog .list-form li > label{display:inline-block;min-height:22px;line-height:22px} #eblog-wrapper .list-form li > label, #eblog-dialog .list-form li > label{float:left;width:150px;text-align:right} #eblog-wrapper .list-form li > label + div, #eblog-dialog .list-form li > label + div{margin:0 10px 0 155px} #eblog-wrapper .list-form.tight li > label, #eblog-dialog .list-form.tight li > label{width:130px} #eblog-wrapper .list-form.tight li > label + div, #eblog-dialog .list-form.tight li > label + div{margin:0 10px 0 135px} #eblog-wrapper .pabs{position:absolute} #eblog-wrapper .prel, #eblog-wrapper .float-li li{position:relative} #eblog-wrapper .ico{background-position:0 0;background-repeat:no-repeat!important;background-color:transparent;display:inline-block;height:18px;line-height:18px;padding:0 0 0 22px} #eblog-wrapper .cap{text-transform:uppercase} #eblog-wrapper .ir{display:block;font-size:.001em;text-indent:-9999px;text-decoration:none!important;} #eblog-wrapper .atl{top:0;left:0} #eblog-wrapper .atr{top:0;right:0} #eblog-wrapper .abl{bottom:0;left:0} #eblog-wrapper .abr{bottom:0;right:0} #eblog-wrapper .ffa{font-family:Arial} #eblog-wrapper .fft{font-family:Tahoma} #eblog-wrapper .ffg{font-family:Georgia} #eblog-wrapper .fss{font-size:9px} #eblog-wrapper .fsm{font-size:11px} #eblog-wrapper .fsg{font-size:12px} #eblog-wrapper .fsl{font-size:14px} #eblog-wrapper .fsx{font-size:16px} #eblog-wrapper .fsi{font-style:italic} #eblog-wrapper .fwb{font-weight:700} #eblog-wrapper .tac{text-align:center} #eblog-wrapper .rip{margin:0;padding:0} /* width */ #eblog-wrapper form .width-100{width:100px} #eblog-wrapper form .width-150{width:150px} #eblog-wrapper form .width-200{width:200px} #eblog-wrapper form .width-250{width:250px} #eblog-wrapper form .width-300{width:300px} #eblog-wrapper form .width-350{width:350px} #eblog-wrapper form .width-400{width:400px} #eblog-wrapper .width-full{width:100%} #eblog-wrapper .width-half{width:50%} #eblog-wrapper .width-small{width:30px} #eblog-dialog .mas,#eblog-wrapper .mas{margin:5px} #eblog-dialog .mam,#eblog-wrapper .mam{margin:10px} #eblog-dialog .mal,#eblog-wrapper .mal{margin:15px} #eblog-dialog .mts,#eblog-wrapper .mts{margin-top:5px} #eblog-dialog .mtm,#eblog-wrapper .mtm{margin-top:10px} #eblog-dialog .mtl,#eblog-wrapper .mtl{margin-top:15px} #eblog-dialog .mtb,#eblog-wrapper .mtb{margin-top:20px} #eblog-dialog .mbs,#eblog-wrapper .mbs{margin-bottom:5px} #eblog-dialog .mbm,#eblog-wrapper .mbm{margin-bottom:10px} #eblog-dialog .mbl,#eblog-wrapper .mbl{margin-bottom:15px} #eblog-dialog .mbb,#eblog-wrapper .mbb{margin-bottom:20px} #eblog-dialog .mrs,#eblog-wrapper .mrs{margin-right:5px} #eblog-dialog .mrm,#eblog-wrapper .mrm{margin-right:10px} #eblog-dialog .mrl,#eblog-wrapper .mrl{margin-right:15px} #eblog-dialog .mrb,#eblog-wrapper .mrb{margin-right:20px} #eblog-dialog .mls,#eblog-wrapper .mls{margin-left:5px} #eblog-dialog .mlm,#eblog-wrapper .mlm{margin-left:10px} #eblog-dialog .mll,#eblog-wrapper .mll{margin-left:15px} #eblog-dialog .mlb,#eblog-wrapper .mlb{margin-left:20px} #eblog-dialog .pas,#eblog-wrapper .pas{padding:5px} #eblog-dialog .pam,#eblog-wrapper .pam{padding:10px} #eblog-dialog .pal,#eblog-wrapper .pal{padding:15px} #eblog-dialog .pts,#eblog-wrapper .pts{padding-top:5px} #eblog-dialog .ptm,#eblog-wrapper .ptm{padding-top:10px} #eblog-dialog .ptl,#eblog-wrapper .ptl{padding-top:15px} #eblog-dialog .ptb,#eblog-wrapper .ptb{padding-top:20px} #eblog-dialog .pbs,#eblog-wrapper .pbs{padding-bottom:5px} #eblog-dialog .pbm,#eblog-wrapper .pbm{padding-bottom:10px} #eblog-dialog .pbl,#eblog-wrapper .pbl{padding-bottom:15px} #eblog-dialog .pbb,#eblog-wrapper .pbb{padding-bottom:20px} #eblog-dialog .pls,#eblog-wrapper .pls{padding-left:5px} #eblog-dialog .plm,#eblog-wrapper .plm{padding-left:10px} #eblog-dialog .pll,#eblog-wrapper .pll{padding-left:15px} #eblog-dialog .plb,#eblog-wrapper .plb{padding-left:20px} #eblog-dialog .prs,#eblog-wrapper .prs{padding-right:5px} #eblog-dialog .prm,#eblog-wrapper .prm{padding-right:10px} #eblog-dialog .prl,#eblog-wrapper .prl{padding-right:15px} #eblog-dialog .prb,#eblog-wrapper .prb{padding-right:20px} body #eblog-wrapper .ui-button{border:1px solid #bbb;border-bottom:1px solid #999;border-right:1px solid #999;color:#555 !important;cursor:pointer;font-family:Arial !important;font-size:11px !important;font-weight:bold;padding:0 8px !important;text-decoration:none !important;text-transform:capitalize !important;height:20px !important;line-height:20px !important;white-space:nowrap; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background: url(components/com_easyblog/assets/images/ui-button.png) bottom repeat-x #fff !important;} body #eblog-wrapper a.ui-button{display:inline-block;height:19px !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} /*IE7*/*:first-child+html body #eblog-wrapper a.ui-button{padding:0 6px} body #eblog-wrapper .ui-button:hover, body #eblog-wrapper .ui-button:focus{border:1px solid #999;outline:0 !important;text-decoration:none} body #eblog-wrapper .ui-button+.ui-button{margin-left:5px} /* System Messages */ #eblog-wrapper .eblog-message{line-height:16px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} #eblog-wrapper .eblog-message.error{background:#fee url(components/com_easyblog/assets/icons/message-warn.png) no-repeat 5px 5px;border:1px solid #cd8c8c;color:#900;margin:15px 0;padding:5px 10px 5px 30px} #eblog-wrapper .eblog-message.info{background:#eceff6 url(components/com_easyblog/assets/icons/message-info.png) no-repeat 5px 5px;border:1px solid #ccc;color:#565c6a;margin:15px 0;padding:5px 10px 5px 30px} #eblog-wrapper .eblog-message.warning{background:#fff9d7 url(components/com_easyblog/assets/icons/message-alert.png) no-repeat 5px 5px;border:1px solid #e5d57c;color:#8c7223;margin:15px 0;padding:5px 10px 5px 30px} #eblog-wrapper .eblog-message.success{background:#e3ecd9 url(components/com_easyblog/assets/icons/message-tick.png) no-repeat 5px 5px;border:1px solid #bad19c;color:#6d943c;margin:15px 0;padding:5px 10px 5px 30px} #eblog-wrapper .eblog-message ul{padding:0 0 0 15px;margin:0;border:0;list-style-type:square} #eblog-wrapper .eblog-message ul li{padding:0;margin:0;border:0} #eblog-wrapper .eblog-message p{margin:0;padding:0} #eblog-wrapper .eblog-message p+p{margin:5px 0 0} #eblog-wrapper .blog-respond{padding:5px} #eblog-wrapper .blog-respond.msg-error{background:#fee;border:1px solid #cd8c8c;color:#900} #eblog-wrapper .blog-respond.msg-info{background:#eceff6;border:1px solid #ccc;color:#565c6a} #eblog-wrapper .blog-respond.msg-alert{background:#fff9d7;border:1px solid #e5d57c;color:#8c7223} #eblog-wrapper .blog-respond.msg-success{background:#e3ecd9;border:1px solid #bad19c;color:#6d943c} /* ... */ #eblog-wrapper .blog-list-block .avatar-container{float:left;width:70px} #eblog-wrapper .blog-list-block .info-container{ margin: 0 0 0 75px } /* Pagination */ #eblog-wrapper div.pagination{display:inline-block;margin:10px 0;text-align:center;width:100%} #eblog-wrapper div.pagination *{display: inline-block} /* Dialog box */ #eblog-dialog{position:absolute;float:left;z-index:9999999} #eblog-dialog .dialog {box-shadow:0 0 2px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.8);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.8);} #eblog-dialog .dialog * {color:#666;font-size:11px;font-family:'Lucida Grande',Tahoma,Arial,sans-serif;} #eblog-dialog .dialog-wrap{background:#fff;padding:15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #eblog-dialog .dialog-wrap > div {position:relative} #eblog-dialog .dialog h3{font-size:12px;height:14px;line-height:14px;color:#444;text-align:left} #eblog-dialog .dialog-top{background:#e0e0e0;border-bottom:1px solid #999;padding:15px 30px 15px 15px !important;margin:-15px -15px 15px !important;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;} #eblog-dialog .dialog-middle{text-align:left} #eblog-dialog .dialog-bottom{padding:0 9px 10px} #eblog-dialog .closeme{background:url(components/com_easyblog/assets/images/dialog/closeme.png);position:absolute;right:8px;top:50%;width:16px;height:16px;display:block;text-indent:-9999px;margin-top:-8px;opacity:0.8} #eblog-dialog .closeme:hover{background-color:transparent;opacity:1} #eblog-dialog .closeme:focus{outline:0 !important} body #eblog-dialog .button{display:inline-block;background:#fafafa;border:1px solid #aaa;border-bottom-color:#999;margin:0;padding:0 10px;height:28px;font-weight:bold;font-family:'Lucida Grande',Tahoma,sans-serif;font-size:11px;color:#555!important;text-decoration:none!important;width:auto;overflow:visible;vertical-align:top; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ box-shadow:0 1px 0 #f1f1f1;-moz-box-shadow:0 1px 0 #f1f1f1;-webkit-box-shadow:0 1px 0 #f1f1f1; } body #eblog-dialog .button:hover{background: #fafafa;} body #eblog-dialog .button:focus, body #eblog-dialog .button.pressed{outline:0; background: -moz-linear-gradient(top, #e5e5e5 0%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#f5f5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#f5f5f5 100%); /* IE10+ */ background: linear-gradient(top, #e5e5e5 0%,#f5f5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ } #eblog-overlay{background: #111;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:fixed;top:0;left: 0;z-index:99999} #eblog-dialog .dialog-actions{padding:15px 15px 15px;margin:0 -15px -15px;text-align: right;border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px; background:#f9f9f9; background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } #eblog-dialog .dialog-actions .dialog-submit{float:right} #eblog-dialog .clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden} #eblog-dialog .clearfix{zoom:1;display:block} /* Dialog box : typography + table + form */ #eblog-dialog p, #eblog-dialog h1, #eblog-dialog h2, #eblog-dialog h3, #eblog-dialog h4{margin:0;padding:0;border:0;background:none;border:0} #eblog-dialog .inputbox, #eblog-dialog input, #eblog-dialog input[type="text"], #eblog-dialog input[type="password"], #eblog-dialog textarea, #eblog-dialog select{border:1px solid #bbb;font-family:Tahoma;font-size:11px;padding:5px} #eblog-dialog input:hover, #eblog-dialog textarea:hover, #eblog-dialog select:hover{border:1px solid #999} #eblog-dialog input:focus, #eblog-dialog textarea:focus, #eblog-dialog input[type="text"]:focus{-webkit-box-shadow: inset 0 2px 2px #eee;-moz-box-shadow: inset 0 0 2px #ccc;box-shadow: inset 0 1px 2px #ccc} #eblog-dialog table, #eblog-dialog table tr, #eblog-dialog table td{border:0 !important;padding:6px 0;vertical-align:middle} #eblog-dialog table td.key{text-align:right;padding-right:10px;} #eblog-dialog table td.key:after{content:":";} #eblog-dialog table tr+tr td.key{border-top:1px solid #eee} #eblog-dialog .full{width:90%} #eblog-dialog .quad{width:70%} #eblog-dialog .half{width:50%} #eblog-dialog .avatar{float:left;display:inline-block;border:1px solid #aaa} #eblog-dialog .tablecell{display:table-cell;width:10000px} /*IE7*/*:first-child+html #eblog-wrapper .tablecell{display:table-cell;vertical-align:top;zoom:1;width:auto} /* IE Hack */ #eblog-dialog .avatar + .tablecell{padding-left:15px} /* Dialog loader animations */ #eblog-dialog .eblog_loader, #eblog-wrapper .eblog_loader{background:transparent url(components/com_easyblog/assets/images/loader.gif) no-repeat 0 center} #eblog-dialog .eblog_loader{width:18px;height:11px;display:none;float:right} #eblog-wrapper .eblog_loader{padding-left:25px !important} /* table reset */ #eblog-wrapper #ezblog-dashboard table, #eblog-wrapper #ezblog-dashboard table tr, #eblog-wrapper #ezblog-dashboard table td{border:none} #eblog-wrapper #ezblog-dashboard table.admintable{border:1px solid #ccc;} /* Star rating system */ body .ui-stars-star, body .ui-stars-cancel{margin:0 !important;padding:0 !important} body .ui-stars-star a, body .ui-stars-cancel a{background:url(components/com_easyblog/assets/vendors/ratings/stars.png) no-repeat 0 0 transparent !important;display:block;height:16px;width:16px} body .ui-stars-star a{background:url(components/com_easyblog/assets/vendors/ratings/stars.png) no-repeat transparent 0 -32px !important;margin-top:-1px} body .ui-stars-star-on a{background:url(components/com_easyblog/assets/vendors/ratings/stars.png) no-repeat transparent 0 -48px !important} body .ui-stars-star-hover a, body .ui-stars-star-hover a:hover{background:url(components/com_easyblog/assets/vendors/ratings/stars.png) no-repeat transparent 0 -64px !important; text-decoration:none !important} body .ui-stars-cancel-hover a{background:url(components/com_easyblog/assets/vendors/ratings/stars.png) no-repeat transparent 0 -16px !important} body .ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important} /* toggle option */ #eblog-wrapper .si-optiontap{display:inline-block;width:60px;} #eblog-wrapper .si-optiontap .option-enable, #eblog-wrapper .si-optiontap .option-disable{float:left;display:block;cursor:pointer;position:relative;position:relative;width:25px;z-index:1; line-height: auto !important;} #eblog-wrapper .si-optiontap .selected{z-index:-1} #eblog-wrapper .si-optiontap .option-enable, #eblog-wrapper .si-optiontap .option-disable, #eblog-wrapper .si-optiontap .option-enable span, #eblog-wrapper .si-optiontap .option-disable span{background:url(components/com_easyblog/assets/images/taptoggle.png) no-repeat;height:22px;font:100 10px/22px 'Droid Sans',Tahoma;color:#fff;text-transform:uppercase;text-align:center;padding:0;margin:0;letter-spacing:1px} #eblog-wrapper .si-optiontap .option-enable span, #eblog-wrapper .si-optiontap .option-disable span{display:inline-block;position:absolute;} #eblog-wrapper .si-optiontap .option-enable{float:right;background-position:right bottom} #eblog-wrapper .si-optiontap .option-enable span{right:20px;width:30px;padding-left:10px;background-position:left bottom} #eblog-wrapper .si-optiontap .option-disable{background-position:left top} #eblog-wrapper .si-optiontap .option-disable span{left:20px;width:30px;padding-right:10px;background-position:right top} /* tooltips */ body .withpost:hover .stackTip { display: block; } body .withpost { position: relative; } body .withpost .stackTip { bottom:34px; } #eblog-wrapper #eblog-calendar .title-calendar span { padding:0; font-size:12px; } #eblog-wrapper #eblog-calendar .ezttip-entries-list a { font-size:11px; } body .stackTip{position:absolute;font:11px/1.3 Arial;padding:3px 0; display: none;} body .stackTip.tooltip-blogger, body .stackTip.tooltip-team, body .stackTip.tooltip-calendar { width: 300px; z-index: 9999;} body .stackTip.tooltip-tags { max-width: 200px; } body .stackTip *{color:#666;text-align:left;} body .stackTip #ezttip{padding:2px;background:url(components/com_easyblog/assets/images/dialog/shade.png);border:1px solid #777} body .stackTip #ezttip-in{border:1px solid #666} body .stackTip #ezttip-in-in{padding:5px;background:#fff;border:1px solid #fff;background: #fff;} body .stackTip #ezttip .ezttip-wrap{display:inline-block;width:100%} body .stackTip #ezttip .ulrest, body .stackTip #ezttip .ulrest li{background:none;border:none;clear:none;list-style:none;list-style-image:none;margin:0;overflow:visible;padding:0} body .stackTip #ezttip .ezttip-avatar{float:left;display:inline-block;border:1px solid #fefefe;margin-right:8px} body .stackTip #ezttip .ezttip-avatar img{border:1px solid #555} body .stackTip #ezttip .ezttip-avatar+.ezttip-content{display:table-cell;vertical-align:top} body .stackTip #ezttip .ezttip-title{font:700 12px/1.2 Arial;color:#333;margin:0 0 1px} body .stackTip #ezttip .ezttip-title.title-calendar{ background: url(components/com_easyblog/assets/icons/calendar.png) no-repeat 0 0; line-height: 20px; padding: 0 0 5px 25px; margin: 0 0 5px 0; border-bottom: 1px solid #ccc; } body .stackTip #ezttip .ezttip-entries-list{ list-style: none;margin:5px 0;} body .stackTip #ezttip .ezttip-entries-list li{background:url(components/com_easyblog/assets/icons/arrow-right.png) no-repeat 0 0; margin: 0; padding: 0 0 0 20px;line-height:16px;font-size:11px;} body .stackTip #ezttip .ezttip-entries-list li + li{margin-top:3px;} /* Loading */ #eblog-wrapper #quickpost-loading, #eblog-wrapper #quickdraft-loading{display:none;height:11px} body div.eblog-nbsp{height:10px;display:block} /* joomla 1.6 */ .toggle-editor{margin-top:-5px!important} .button2-left,.button2-right,.button2-left div,.button2-right div{float:left} .button2-left a,.button2-right a,.button2-left span,.button2-right span{display:block;height:22px;float:left;line-height:22px;font-size:11px;color:#666;cursor:pointer} .button2-left span,.button2-right span{cursor:default;color:#999} .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span{padding:0 6px} .button2-right .page span, .button2-left .page span{color:#000;font-weight:700} .button2-left a:hover,.button2-right a:hover{text-decoration:none;color:#0B55C4} .button2-left a,.button2-left span{padding:0 24px 0 6px} .button2-right a,.button2-right span{padding:0 6px 0 24px} body #write_container .button2-left{background:url(components/com_easyblog/assets/images/j_button2_left.png) no-repeat !important;float:left;margin-left:5px} body #write_container .button2-right{background:url(components/com_easyblog/assets/images/j_button2_right.png) 100% 0 no-repeat !important;float:left;margin-left:5px} body #write_container .button2-left .image{background:url(components/com_easyblog/assets/images/j_button2_image.png) 100% 0 no-repeat !important} body #write_container .button2-left .pagebreak{background:url(components/com_easyblog/assets/images/j_button2_pagebreak.png) 100% 0 no-repeat !important} body #write_container .button2-left .blank{background:url(components/com_easyblog/assets/images/j_button2_blank.png) 100% 0 no-repeat !important} body #write_container .button2-left .page{background:url(components/com_easyblog/assets/images/j_button2_right_cap.png) no-repeat scroll 100% 0 !important} body #write_container .button2-left .readmore, body #write_container .button2-left .article{background:url(components/com_easyblog/assets/images/j_button2_readmore.png) 100% 0 no-repeat !important} .category-block{border-bottom:1px solid #EEE;padding:0 0 5px} .category-tools{top:-1px!important;right:30px!important;font-size:13px} #write_container .button2-right .blank, #write_container .button2-right .blank a, #write_container .button2-left .blank, #write_container .button2-left .blank a{padding:0 6px 0 6px !important} #editor-xtd-buttons{padding:5px 0 !important;display:inline-block;width:100%;} /* Fancybox styles */ div.gallery-item a.gallery-thumb-item:hover, div.gallery-item a.gallery-thumb-item:active, div.gallery-item a.gallery-thumb-item:focus, div.fancybox-wrap a.fancybox-prev:hover, div.fancybox-wrap a.fancybox-prev:active, div.fancybox-wrap a.fancybox-prev:focus, div.fancybox-wrap a.fancybox-next:hover, div.fancybox-wrap a.fancybox-next:active, div.fancybox-wrap a.fancybox-next:focus{background-color:transparent !important;} #ezblog-body a.easyblog-thumb-preview img, #eblog-wrapper a.gallery-thumb-item img{ margin: 5px; } /* Gallery */ #ezblog-body ul.easyblog-gallery{ width: 100%;} #ezblog-body ul.easyblog-gallery li+li{ padding-left: 10px; float:left;} #eblog-wrapper a.easyblog-thumb-preview.float-r{margin-left: 8px;} #eblog-wrapper a.easyblog-thumb-preview.float-l{margin-right: 8px;} #eblog-wrapper div.feed-author{margin-top:5px;} /** * Compatibility fix for images */ #eblog-wrapper a.easyblog-thumb-preview img, #eblog-wrapper a.gallery-thumb-item img{ border: 1px solid #CCCCCC; padding: 5px; } /** 3rd party integrations **/ #eblog-wrapper #miniheader{margin-top: -15px;} #eblog-wrapper #community-wrap{margin: 0 !important;height:auto !important;min-height:0 !important;z-index:35} #eblog-wrapper .medialinks{max-width: 800px;} #eblog-wrapper .easyblog-image-caption { display: none; } #eblog-wrapper .blog-text .easyblog-image-caption-container { padding: 5px; background: #f5f5f5; border: 1px solid #ddd; display: inline-block; vertical-align: top; } #eblog-wrapper .blog-text .easyblog-image-caption { text-align: left; display: inline; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-floatright { float: right; margin-left: 12px; margin-bottom: 12px; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-floatleft { float: left; margin-right: 12px; margin-bottom: 12px; } #eblog-wrapper .blog-text.easyblog-image-caption-container.orientation-none { margin: 6px 0px; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignleft, #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignright, #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-center { display: block; padding: 0; background: none; border: none; margin-top: 12px; margin-bottom: 12px; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignleft > span, #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignright > span, #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-center > span { padding: 5px; background: #f5f5f5; border: 1px solid #ddd; display: inline-block; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignleft { text-align: left; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignright { text-align: right; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-center { text-align: center; } #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignleft:after, #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-alignright:after, #eblog-wrapper .blog-text .easyblog-image-caption-container.orientation-center:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #eblog-wrapper .blog-text .easyblog-image-caption-container a.easyblog-thumb-preview { display: inline-block; position: relative; } #eblog-wrapper .blog-text .easyblog-image-caption-container img { padding: 0 !important; margin: 0 !important; border: none !important; position: relative; } #eblog-wrapper .blog-text .easyblog-image-caption-container .easyblog-image-caption { display: block !important; } /** Mission Control Theme **/ #mc-frame #eblog-wrapper .tag-item { border: 1px solid #ddd; padding: 2px; margin: 2px; } /** * @package EasyBlog * @copyright Copyright (C) 2010 Stack Ideas Private Limited. All rights reserved. * @license GNU/GPL, see LICENSE.php * * EasyBlog is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. * See COPYRIGHT.php for copyright notices and details. */ /* * Heading font using Google's font setting * Please dont edit the font-family setting except for the first line only for font size and color purpose */ #eblog-wrapper #ezblog-head h1{font-size:34px;padding:0;margin:0;line-height:1.2;border:0 !important} #eblog-wrapper.eblog-cabin #ezblog-head h1{font-family:'Cabin Sketch', arial, sans-serif} #eblog-wrapper.eblog-droid #ezblog-head h1{font-family:'Droid Sans', 'Segoe UI', Tahoma, sans-serif} #eblog-wrapper.eblog-pacifico #ezblog-head h1{font-family:'Pacifico', Georgia, serif} #eblog-wrapper.eblog-inconsolata #ezblog-head h1{font-family:'Inconsolata', Consolas, monospace} #eblog-wrapper.eblog-kristi #ezblog-head h1{font-family:'Kristi', arial,sans-serif} #eblog-wrapper.eblog-molengo #ezblog-head h1{font-family:'Molengo',arial,sans-serif} #eblog-wrapper.eblog-orbitron #ezblog-head h1{font-family:'Orbitron',arial,sans-serif} /* * Avatar */ #eblog-wrapper img.avatar{border:1px solid #bbb;height:auto;} #eblog-wrapper a:hover img.avatar{border-color:#e5b700} /* * Head */ #ezblog-head{margin-bottom:15px;position: relative;z-index: 3;} #ezblog-head a:link, #ezblog-head a:visited{text-decoration:none;font-size:11px} #ezblog-head .component-links{font-size:0;margin-bottom:15px} #ezblog-head .component-links a{display:inline-block;margin:0 0 0 15px;} #ezblog-head .component-links a span{font-size:11px;display:inline-block;line-height:16px;height:16px;padding-left:22px;} #ezblog-head .component-links a.link-rss span{background:url(components/com_easyblog/themes/default/images/icons/feed-plus.png) 0 center no-repeat;} #ezblog-head .component-links a.link-email span{background:url(components/com_easyblog/themes/default/images/icons/mail-plus.png) 0 center no-repeat;} /* * Menu */ #ezblog-menu{border:1px solid #111;clear:both;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} #ezblog-menu .blog-navi{background:#444;box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;} #ezblog-menu .blog-navi li.toolbar-item{border-right:1px solid #222} #ezblog-menu .blog-navi li.toolbar-item.float-r{border-left:1px solid #222;border-right:0} #ezblog-menu .blog-navi li.toolbar-item > a{height:34px;line-height:34px;padding:0 13px;display:block;} #ezblog-menu .blog-navi li.toolbar-item > a span{display:block;text-indent:-999999px;width:20px;height:34px;background-color:transparent!important;} #ezblog-menu .blog-navi li.toolbar-item > a:hover, #ezblog-menu .blog-navi li.toolbar-item > a:focus{background:#333;box-shadow:0 0 5px rgba(0,0,0,0.3) inset;} #ezblog-menu .blog-navi li.toolbar-item > form{display:block;height:34px;padding:0 8px;} #ezblog-menu .blog-navi li.toolbar-item > form input.input{height:22px;padding:1px 4px;margin:4px 0;display:inline-block;float:left;border:1px solid #222;font-size:12px;font-family:inherit; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } #ezblog-menu .blog-navi li.toolbar-item > form button.submit-search{display:block;float:left;height:26px;width:26px;border:1px solid #282828;background:url(components/com_easyblog/themes/default/images/toolbar-search-button.png) center no-repeat #555;text-indent:-9999px;padding:0;margin:4px 0 0 2px;cursor:pointer; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } #ezblog-menu .blog-navi li .tips{display:none;position:absolute;left:2px;top:45px;background:#fff;border:1px solid #bbb;border-bottom-color:#999;padding:10px;z-index:999999;color:#666;line-height:1.4;width:200px;font-size:11px;font-family:'Lucida Grande',Tahoma,Arial,sans-serif; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } #ezblog-menu .blog-navi li .tips b{display:block;color:#333;line-height:1.2;margin-bottom:5px;} #ezblog-menu .blog-navi li .tips i{display:block;width:15px;height:8px;background:url(components/com_easyblog/themes/default/images/a-point-top.png) center top no-repeat;position:absolute;left:12px;top:-8px;} #ezblog-menu .blog-navi li:hover .tips{display:block;} #ezblog-menu .blog-navi li.float-r .tips{right:2px;left:auto;} #ezblog-menu .blog-navi li.float-r .tips i{right:12px;left:auto;} #ezblog-menu .blog-navi li.toolbar-latest > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-home.png) center no-repeat;} #ezblog-menu .blog-navi li.toolbar-categories > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-categories.png) center no-repeat;} #ezblog-menu .blog-navi li.toolbar-tags > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-tags.png) center no-repeat;} #ezblog-menu .blog-navi li.toolbar-blogger > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-blogger.png) center no-repeat;} #ezblog-menu .blog-navi li.toolbar-teamblog > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-teamblog.png) center no-repeat;} #ezblog-menu .blog-navi li.toolbar-archive > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-archive.png) center no-repeat;} #ezblog-menu .blog-navi li.user-access > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-login.png) center no-repeat;} #ezblog-menu .blog-navi li.user-setting > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-cog.png) center no-repeat;} #ezblog-menu .blog-navi li.user-write > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-write.png) center no-repeat;} #ezblog-menu .blog-navi li.user-micro > a > span{background:url(components/com_easyblog/themes/default/images/toolbar-micro.png) center no-repeat;} #ezblog-menu .blog-navi .user-options{position:absolute;right:-1px;width:260px;top:46px;z-index:200;} #ezblog-menu .blog-navi li ul{width:185px;position:absolute;z-index:9999;background:#444;border:1px solid #222;border-bottom:0;border-top:0;right:0;top:-1px;} #ezblog-menu .blog-navi li ul li{width:100%;border-bottom:1px solid #282828} #ezblog-menu .blog-navi li ul li a{color:#ccc;text-decoration:none!important;font-family:'Lucida Grande',Tahoma,Arial,sans-serif;font-size:11px;display:block;line-height:14px;padding:7px 8px;text-shadow:0 1px 0 #333;} #ezblog-menu .blog-navi li ul li a:hover{color:#ddd;} #ezblog-menu .blog-navi li ul li + li a:hover{background:#555;box-shadow:0 1px 0 #666 inset;} #ezblog-menu .blog-navi li ul li.user-info{padding:8px 0} #ezblog-menu .blog-navi li ul li.user-info a, #ezblog-menu .blog-navi li ul li.user-info a.user-avatar{line-height:normal;height:auto;display:inline-block;padding:0;margin:0 8px;font-weight:bold;max-width:115px;word-wrap:break-word;overflow:hidden;} #ezblog-menu .blog-navi li ul li.user-info a.user-avatar{margin:0 7px} #ezblog-menu .blog-navi li ul li.user-info a:hover{background:none;text-decoration:underline} #ezblog-menu .blog-navi li ul li a.fss{font-size:9px;margin:5px 0 0 8px;font-weight:normal;} #ezblog-menu .blog-navi a img.avatar{border:1px solid #333;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} #ezblog-menu .blog-navi li ul li a sup{background:#DA1900;display:inline-block;width:14px;height:14px;line-height:14px;text-align:center;margin-left:5px;font-size:10px;font-family:Arial;text-shadow:0 1px 1px #000;vertical-align:middle; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px } #ezblog-menu .blog-navi #ezblog-search{ width: 120px;} #ezblog-menu .blog-navi .user-access a.active{background:#444;color:#fff} #ezblog-menu .blog-navi .subtoolbar-arrow{background:url(components/com_easyblog/themes/default/images/subtoolbar-arrow.png) center bottom no-repeat;display:block;width:14px;height:7px;top:-7px;right:17px;z-index:99999} #ezblog-menu .blog-navi .user-form{background:#fff;color:#666;width:250px;top:35px;right:-1px;border:1px solid #aaa;border-top:0;z-index:99999;zoom:1; border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;} #ezblog-menu .blog-navi .user-form form{display:inline-block;margin:0;padding:10px;background:none;border:0;font-size:11px;} #ezblog-menu .blog-navi .user-form form .input{width:220px;padding:0 4px;height:28px;font-family:Arial;font-size:14px;font-weight:bold;color:#555;background:#fff;border:1px solid #ccc;margin:0 0 10px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} #ezblog-menu .blog-navi .user-form form a{color:#135CAE !important;text-decoration:none;background:none!important;} #ezblog-menu .blog-navi .user-form form a:hover{text-decoration:underline;} #ezblog-menu .blog-navi .user-form form a, #ezblog-menu .blog-navi .user-form form .trait{display:inline-block;margin-bottom:5px;float: left} #ezblog-menu .blog-navi .user-form form #remember{padding:0;margin:0;vertical-align:text-top;} #ezblog-menu .blog-navi .user-form form .button{background:url(components/com_easyblog/themes/default/images/ui-button.png) #fff bottom repeat-x!important;height:28px;color:#555;font-family:Arial;font-weight:bold;font-size:11px;border:1px solid #bbb;border-bottom-color:#999; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} /* * Seperator Styling */ /*#ezblog-body .blog-section{border-top:1px solid #ccc}*/ #ezblog-body .blog-section .section-title, #ezblog-body .blog-section .section-content{padding:15px 0} #ezblog-body .blog-section .section-title{margin:0} /* * Section Area */ #ezblog-section{font-weight:700;font-size:24px;line-height:48px;height:48px;margin-bottom:10px} #ezblog-section .link-subscribe, #ezblog-section .link-rss{font-size:12px;font-weight:700;margin:10px 0 0 10px} #ezblog-label{height:40px;line-height:40px;border-bottom:3px double #ccc} #ezblog-label > span{line-height:40px;display:inline-block;} #ezblog-label .link-rss{height:20px;line-height:20px;font-size:11px;margin:10px 0;padding:0 0 0 20px;background:url(components/com_easyblog/themes/default/images/icons/feed-small.png) 0 center no-repeat;} /* * Section Area */ #eblog-wrapper #section-trackbacks .inputbox{padding:6px 4px;border:1px solid #ccc;border-top-color:#aaa;} #eblog-wrapper #section-trackbacks .entry-trackback-input + ul{padding:15px 0 0;margin-top:15px;border-top:3px double #ccc} /* * Entry Listing */ #ezblog-body .blog-post{padding:30px 0} #ezblog-body .blog-post + .blog-post{border-top:1px solid #ddd;} #ezblog-body .blog-header{margin:0 0 10px;} #ezblog-body .blog-title{font-weight:700;line-height:1.2;clear:none;width:auto;border:0;margin:0 35px 0 0} #ezblog-body .blog-title, #ezblog-body .blog-title a{text-decoration:none} #ezblog-body .blog-post .blog-title, #ezblog-body .blog-post .blog-title a{font-size:20px;} #ezblog-body .tag-featured{font-size:9px;font-family:Arial;line-height:0;background:#da1900;color:#fff;padding:0 3px;vertical-align:text-top} #ezblog-body div.tag-featured{display:inline-block;height:20px;background:url(components/com_easyblog/themes/default/images/ribbon-featured.png) bottom #da1900;border-left:1px solid #9D0025;font:bold 11px/19px 'Lucida Grande',Tahoma,Arial;padding:0 10px;margin:0 0 15px;position:relative;} #ezblog-body div.tag-featured > i{position:absolute;right:-8px;top:0;width:8px;height:20px;background:url(components/com_easyblog/themes/default/images/ribbon-featured.png) top;} /*IE7*/*:first-child+html #ezblog-body .tag-featured{padding:2px 3px} #ezblog-body .blog-read .blog-title{font-size:24px} #ezblog-body .blog-avatar .isTeamBlog{z-index:1} #ezblog-body .blog-avatar .isTeamBlog:hover{z-index:3} #ezblog-body .blog-avatar .isTeamBlog + .isBlogger{right:0;bottom:-3px;z-index:2} #ezblog-body .blog-avatar + .blog-cap{margin-left:75px} #ezblog-body .blog-meta{line-height:16px;} #ezblog-body .blog-meta *{font-weight:700} #ezblog-body .blog-meta-bottom div > span{display:inline-block;float:left;height:16px;line-height:16px} #ezblog-body .blog-meta-bottom div > span + span{padding:0 0 0 8px;margin:0 0 0 8px;border-left:1px dotted #ccc} #ezblog-body a.blog-more-button{} #ezblog-body #ezblog-posts .blog-show-comments{border-top:1px dotted #ddd;padding-top:20px;margin-top:20px;} #ezblog-body .blog-text img, #ezblog-body .blog-content img{max-width:100%;max-width:none\9;} #ezblog-body .locationMap img{max-width:none!important;height:auto;} #ezblog-body .blog-comments a{padding:0 0 0 22px;background:url(components/com_easyblog/themes/default/images/item-comments.png) left center no-repeat;height:16px;line-height:16px;display:inline-block;} #ezblog-body .featured-readmore a, #ezblog-body .blog-readmore a{padding:0 20px 0 0;background:url(components/com_easyblog/themes/default/images/item-readmore.png) right center no-repeat;height:16px;line-height:16px;display:inline-block;} #ezblog-posts .blog-meta{margin:5px 0 15px;} #ezblog-posts .blog-image{margin:0 15px 10px 0;padding:5px;border:1px solid #ccc;border-bottom-color:#aaa;background:#fff;} #ezblog-posts.forTeamBlog {padding-top: 10px} /* * Micro : Blog Meta; */ #ezblog-body .blog-meta > .in{padding:0 0 0 22px;background:url(components/com_easyblog/themes/default/images/meta-clock.png) 0 center no-repeat;} #ezblog-body .micro-link .blog-meta > .in{background:url(components/com_easyblog/themes/default/images/micro-link.png) 0 center no-repeat;} #ezblog-body .micro-quote .blog-meta > .in{background:url(components/com_easyblog/themes/default/images/micro-quote.png) 0 center no-repeat;} #ezblog-body .micro-photo .blog-meta > .in{background:url(components/com_easyblog/themes/default/images/micro-photo.png) 0 center no-repeat;} #ezblog-body .micro-video .blog-meta > .in{background:url(components/com_easyblog/themes/default/images/micro-video.png) 0 center no-repeat;} #ezblog-body .micro-twitter .blog-meta > .in{background:url(components/com_easyblog/themes/default/images/micro-twitter.png) 0 center no-repeat;} #ezblog-body .micro-email .blog-meta > .in{background:url(components/com_easyblog/themes/default/images/micro-email.png) 0 center no-repeat;} /* * Micro: For archive listing */ #ezblog-body .archive-list li{padding:10px 0 10px 25px;background-position:0 12px;background-repeat:no-repeat;} #ezblog-body .archive-list li+li{border-top:1px solid #ddd;} #ezblog-body .archive-list li a{line-height:16px;} #ezblog-body .archive-list li time{color:#999;font-size:11px;float:right;display:inline-block;margin:0 0 0 10px;} #ezblog-body .archive-list li.micro-post{background-image:url(components/com_easyblog/themes/default/images/meta-clock.png)} #ezblog-body .archive-list li.micro-link{background-image:url(components/com_easyblog/themes/default/images/micro-link.png)} #ezblog-body .archive-list li.micro-quote{background-image:url(components/com_easyblog/themes/default/images/micro-quote.png)} #ezblog-body .archive-list li.micro-photo{background-image:url(components/com_easyblog/themes/default/images/micro-photo.png)} #ezblog-body .archive-list li.micro-video{background-image:url(components/com_easyblog/themes/default/images/micro-video.png)} #ezblog-body .archive-list li.micro-twitter{background-image:url(components/com_easyblog/themes/default/images/micro-twitter.png)} #ezblog-body .archive-list li.micro-email{background-image:url(components/com_easyblog/themes/default/images/micro-email.png)} #ezblog-body .archive-list.for-search li{padding-left:0;} /* * Micro : Image */ #ezblog-body .blog-content p.photo-source{padding:5px 7px;} #ezblog-body .blog-content p.photo-source img{padding:5px;border:1px solid #ccc;background:#fff;margin:0 -5px;} /* * Micro : Quote & Link */ #ezblog-body .micro-quote .blog-quote, #ezblog-body .micro-link .blog-link, #ezblog-body .micro-twitter .blog-tweet{border-left:1px solid #ddd;padding:5px 35px 5px 15px;margin:0 0 10px;} #ezblog-body .micro-quote .blog-quote{background:url(components/com_easyblog/themes/default/images/quote.png) 10px 10px no-repeat;} #ezblog-body .micro-link .blog-link{background:url(components/com_easyblog/themes/default/images/link.png) 10px 10px no-repeat;} #ezblog-body .micro-twitter .blog-tweet{background:url(components/com_easyblog/themes/default/images/micro-twitter.png) 10px 10px no-repeat;} #ezblog-body .micro-quote .blog-quote .blog-title{margin-bottom:10px;} #ezblog-body .micro-link .blog-link .blog-title{margin-bottom:0;} #ezblog-body .micro-quote .blog-quote .blog-title a{text-decoration:none!important;background:none!important;color:inherit!important;font-size:24px;line-height:26px;font-style:normal;font-family:Arial,sans-serif;font-weight:bold;} /* * Social button */ #socialbutton {position:relative;top:10px;z-index: 5;} #socialbutton.alignleft {position: relative;z-index: 5} #eblog-wrapper .socialbutton-vertical.alignleft {float: none;} #socialbutton.alignleft .social-button, #socialbutton.alignright .social-button{clear:both;margin:0 0 10px;} #socialbutton.alignleft > .db-wrapper, #socialbutton.alignright > .db-wrapper{margin:0 0 10px;} #socialbutton.alignleft.width-full .social-button{margin:0 10px 0 0} #socialbutton.alignright.width-full .social-button{margin:0 0 0 10px} #socialbutton.alignleft{margin:0 13px 0 0} #socialbutton.alignright{margin:0 0 0 13px} #socialbutton.top, #socialbutton.bottom{top:0;width:100%;float:none;display:inline-block;} #socialbutton.top{margin-bottom:10px;} #socialbutton.bottom{margin-top:10px;} #socialbutton.alignleft + .blog-text{margin-left:100px;} #socialbutton.alignright + .blog-text{margin-right:100px;} #socialbutton .google-plusone{min-height:20px;} #socialbutton .fb_edge_widget_with_comment{height:auto!important;} #eblog-wrapper .socialbutton-vertical {margin:0 0 10px;display: inline-block;vertical-align: top;} #eblog-wrapper #socialbutton.width-full + .blog-text{margin-left:0;margin-right:0;} /*social-button-large*/ #eblog-wrapper .social-button-large.retweet, #eblog-wrapper .social-button-large.facebook-like, #eblog-wrapper .social-button-large.google-plusone, #eblog-wrapper .social-button-large.digg-share, #eblog-wrapper .social-button-large.linkedin-share, #eblog-wrapper .social-button-large.stumbleupon-share, #eblog-wrapper .social-button-large.pinterest, #eblog-wrapper .social-button-large.tweetmeme {width:60px} /*social-button-small*/ #eblog-wrapper .social-button-small.retweet {width:82px} #eblog-wrapper .social-button-small.facebook-like {width:110px} #eblog-wrapper .social-button-small.google-plusone {width:66px} #eblog-wrapper .social-button-small.digg-share {width:80px} #eblog-wrapper .social-button-small.linkedin-share {width:64px} #eblog-wrapper .social-button-small.stumbleupon-share {width:76px} #eblog-wrapper .social-button-small.pinterest {width:70px} #eblog-wrapper .social-button-small.tweetmeme {width:50px} /*social-button-plain*/ #eblog-wrapper .social-button-plain.pinterest {width:46px} /* * Comment on latest view */ #ezblog-body .comment-list li+li{margin-top:10px;padding-top:10px;} #ezblog-body .comment-list .comment-avatar img{width:50px;} #ezblog-body .comment-list .comment-avatar + .comment-brief{margin-left:65px} /* * Blog rating */ #eblog-wrapper .blog-rating{font-size:11px;display:inline-block;} /*IE7*/*:first-child+html #eblog-wrapper .blog-rating{display:inline} #eblog-wrapper .blog-rating form > div{display:inline-block;float:left;margin:0 5px 0 0;line-height:16px;height:16px} #eblog-wrapper .star-location{display:inline-block;position:relative;margin:5px 0 0;} #eblog-wrapper .ratings-value{background:#f5f5f5;border:1px solid #cacaca;color:#666;font:11px/15px Tahoma,Arial,sans-serif;white-space:nowrap;padding:0 6px 1px;margin:0 0 0 6px;position:absolute;left:100%;top:-2px; box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;text-shadow:none;} #eblog-wrapper .ratings-value i{background:url(components/com_easyblog/themes/default/images/rate-arrow.png) 0 center no-repeat;position:absolute;left:-5px;top:4px;height:7px;width:5px;} #eblog-wrapper .ratings-value b{display:none;} #eblog-wrapper .voted .ratings-value b{background:url(components/com_easyblog/themes/default/images/rate-tick.png) center center no-repeat #f5f5f5;height:15px;width:18px;padding:0 0 1px;display:block;text-indent:-9999px;position:absolute;left:100%;top:-1px;border:1px solid #cacaca; box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;text-shadow:none;} /* * Blog admin */ #ezblog-body .blog-admin{float:right;;margin:0 0 0 15px;position:relative;z-index:10;} #ezblog-body .blog-admin > a{display:block;width:24px;height:24px;background:url(components/com_easyblog/themes/default/images/blog-admin-pencil.png) center 7px no-repeat #FEF6C2!important;border:1px solid #D4CA89;position:relative; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} #ezblog-body .blog-admin:hover > a{z-index:99992;border-bottom:0;padding-bottom:1px; border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;} #ezblog-body .blog-admin ul{display:none;background:#FEF6C2;position:absolute;right:0;top:25px;border:1px solid #D4CA89;z-index:99991; border-radius:2px 0 2px 2px;-moz-border-radius:2px 0 2px 2px;-webkit-border-radius:2px 0 2px 2px; } #ezblog-body .blog-admin ul li + li{border-top:1px solid #D4CA89;} #ezblog-body .blog-admin ul li.featured_add + li.featured_remove{border-top:0;} #ezblog-body .blog-admin ul li a{display:block;white-space:nowrap;padding:12px 24px 12px 12px;font-size:11px;font-family:Tahoma,'Lucida Grande',Arial,sans-serif;line-height:1.2;text-decoration:none;color:#665D28!important;background:none!important;text-shadow:none!important;} #ezblog-body .blog-admin ul li a:hover{text-decoration:underline;} #ezblog-body .blog-admin:hover ul{display:block;} /* * Blog read view */ #ezblog-body .blog-read .blog-avatar{margin-top:0} #ezblog-body .blog-avatar + .blog-head{margin:0 0 0 80px} #ezblog-body .blog-read .blog-head .blog-meta .blog-avatar{margin-right:5px} #ezblog-body .blog-admin + .blog-brief{clear:both;} #ezblog-body .blog-brief{border-bottom:1px solid #ddd} #ezblog-body .blog-brief .blog-avatar{margin:0 10px 0 0;} #ezblog-body .blog-brief img.avatar{width:36px;height:auto;} #ezblog-body .blog-read .blog-tweet{font:28px/36px Georgia,Palatino,Helvetica Neue,Helvetica,Arial,sans-serif;margin-bottom:10px;padding:25px} /* * Blog option */ #ezblog-body .blog-option ul{display:inline-block} #ezblog-body .blog-option li{line-height:17px;height:17px} #ezblog-body .blog-option li + li{border-left:1px dotted #ccc;margin:0 0 0 8px;padding:0 0 0 8px} #ezblog-body .blog-option li a{display:inline-block} #ezblog-body .blog-option li a:hover{background-color:#095197} #ezblog-body .blog-option li.print a, #ezblog-body .blog-option li.pdf a, #ezblog-body .blog-option li.blog-email a, #ezblog-body .blog-option li.blog-report a{padding-left:22px} #ezblog-body .blog-option li#bookmark-link .addthis_button_compact .at300bs{float:left;margin-right:4px} #ezblog-body .blog-option li.print a{background:url(components/com_easyblog/themes/default/images/icons/printer.png) 0 center no-repeat} #ezblog-body .blog-option li.pdf a{background:url(components/com_easyblog/themes/default/images/icons/document-pdf.png) 0 center no-repeat} #ezblog-body .blog-option li.blog-email a{background:url(components/com_easyblog/themes/default/images/icons/mail-open-document-text.png) 0 center no-repeat} #ezblog-body .blog-option li.blog-report a{background:url(components/com_easyblog/themes/default/images/icons/exclamation-button.png) 0 center no-repeat} #ezblog-body .blog-option li.font-switcher a{text-indent:-9999px;height:12px; position: relative;top:2px;} #ezblog-body .blog-option li.font-switcher a#fontLarge{color:#095197;background:url(components/com_easyblog/themes/default/images/icons/font-size.png) 0 0 no-repeat;padding-left:12px} #ezblog-body .blog-option li.font-switcher a#fontSmall{color:#095197;background:url(components/com_easyblog/themes/default/images/icons/font-size.png) 0 -12px no-repeat;padding-left:12px;} /* * Tag listing view */ #eblog-wrapper .tag-sort-order{border-bottom:1px solid #bbb} #eblog-wrapper .tag-sort-order li+li{border-left:1px dotted #ccc;margin-left:8px;padding-left:8px} #eblog-wrapper .tag-sort-order li a{font-weight:700;padding-left:20px;background:0 center no-repeat;display:inline-block;height:18px;line-height:18px} #eblog-wrapper .tag-sort-order a.active{ text-decoration: underline !important; } #eblog-wrapper .tag-sort-order li.sorting-item.title a{background-image:url(components/com_easyblog/themes/default/images/icons/sort-date.png); text-decoration: none;} #eblog-wrapper .tag-sort-order li.sorting-item.posts a{background-image:url(components/com_easyblog/themes/default/images/icons/sort-quantity-des.png); text-decoration: none;} #eblog-wrapper .tag-sort-order li.ordering-item.asc a{background-image:url(components/com_easyblog/themes/default/images/icons/sort-alphabet.png); text-decoration: none;} #eblog-wrapper .tag-sort-order li.ordering-item.des a{background-image:url(components/com_easyblog/themes/default/images/icons/sort-alphabet-desc.png); text-decoration: none;} #eblog-wrapper .tag-sort-order #filter-tags{border:1px solid #ccc} #eblog-wrapper .post-tags{border-top:4px solid #eee} #eblog-wrapper .post-tags li{min-height:16px;line-height:16px;margin:5px 0} #eblog-wrapper .post-tags li a{float:left;display:inline-block;font-weight:700;text-decoration:none} #eblog-wrapper .post-tags li a.link-rss-s{width:16px;height:16px;padding-left:0;display:block;text-indent:-99999px} #eblog-wrapper .post-tags.column3 li{width:33%} #eblog-wrapper .post-tags.column4 li{width:25%} /* * Map view */ #ezblog-body .blog-map{margin:10px 0} #ezblog-body .map-images{display:inline-block;border:1px solid #ddd;border-bottom-color:#bbb;border-right-color:#dadada;padding:2px} *:first-child+html #ezblog-body .map-images{zoom:1;*display:inline;} /* * Gallery view */ #ezblog-body .blog-gallery{display:inline-block;width:100%;} #ezblog-body .blog-gallery .item{display:inline-block;float:left} #ezblog-body .blog-gallery .thumb-link{display:inline-block;padding:4px;border:1px solid #ddd;backgroound:#fff} #ezblog-body .blog-gallery .thumb-link:hover{border-color:#ccc;border-bottom-color:#aaa} /* * Related blog post */ #ezblog-body .blog-related ul li+li{margin-top:10px;padding-top:10px;border-top:1px dashed #ddd} /* * Blog Navigation */ #ezblog-body .blog-read .blog-navi{background:#fff;border:1px solid #ccc;border-bottom-color:#aaa;margin:15px 0;padding:0 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} #ezblog-body .blog-read .blog-navi li{width:50%;} #ezblog-body .blog-read .blog-navi li+li{border-left:1px solid #ccc;margin-left:-2px;} #ezblog-body .blog-read .blog-navi li a{color:#555!important;display:block;padding:15px 5px 15px 25px;text-align:left;font-size:11px;text-decoration:none!important;background:url(components/com_easyblog/themes/default/images/blog-navi-prev.png) 0 center no-repeat!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #ezblog-body .blog-read .blog-navi li+li a{padding:15px 25px 15px 5px;text-align:right;background:url(components/com_easyblog/themes/default/images/blog-navi-next.png) right center no-repeat!important;} #ezblog-body .blog-read .blog-navi li a:hover{background-color:transparent!important;} /* * Blog Tabs */ #ezblog-body .tab_button{border:1px solid #ccc;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;} #ezblog-body .tab_button li{width:35%;text-align:left;} #ezblog-body .tab_button li+li{border-left:1px dotted #ccc} #ezblog-body .tab_button li a, #ezblog-body .tab_button li a:hover{text-decoration:none;background-color:transparent;font-size:12px;font-weight:bold;padding:10px 0 10px 22px;display:block;height:24px;line-height:24px} #ezblog-body .tab_button li a span{display:inline-block;height:18px;line-height:18px;padding:2px 8px;margin-top:2px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px} #ezblog-body .tab_button li a:hover span{background:#ddd;color:#444;text-decoration:none} #ezblog-body .tab_button li.item-active a span, #ezblog-body .tab_button li.item-active a:hover span{background:#DA1900;color:#fff} #ezblog-body .tab_button li a.ico{background-position:0 center;background-repeat:no-repeat;margin-left:10px} #ezblog-body #button-related a{background-image:url(components/com_easyblog/themes/default/images/icons/document-convert.png)} #ezblog-body #button-trackbacks a{background-image:url(components/com_easyblog/themes/default/images/icons/arrow-continue-090.png)} #ezblog-body #button-author a{background-image:url(components/com_easyblog/themes/default/images/icons/user-silhouette.png)} #ezblog-body .tab_container{border:1px solid #ccc;border-top:0;padding:15px;} #ezblog-body .entry-related-post li + li, #ezblog-body .entry-trackback-links li + li{border-top:1px dotted #ccc;} /* * Comment */ #ezblog-body #blog-comment{padding-bottom:20px;} #ezblog-body #blog-comment .comment-row + .comment-row{margin-top:30px} #ezblog-body #blog-comment img.avatar, #ezblog-body #comment-form img.avatar{width:50px;height:auto} /*textarea styling when bbcode is turned off*/ #ezblog-body #comment-form .comment-editor > .textarea{padding:4px;width:100%;border:1px solid #ccc;border-top-color:#aaa;height:80px;font:13px/20px Consolas,'Courier New',Courier,monospace;resize:none;} #ezblog-body #comment-form.blog-section{border-color:#eee} #ezblog-body .comment-avatar + .comment-content{margin:0 0 0 65px} #ezblog-body .comment-content + .comment-form-inline{margin-top:10px} #ezblog-body .comment-row .comment-body{padding:5px 0 0} #ezblog-body .form-row.half{width:50%} #ezblog-body .comment-row .comment-reply span{display:none} #ezblog-body .comment-row .comment-reply span.show-this{display:inline} #ezblog-body #blog-comment .comment-body img {max-width: 100%} /* * Comment tab */ #ezblog-body .blog-comment-tabs{border-bottom:1px solid #ccc;margin:15px 0;} #ezblog-body .blog-comment-tabs li{margin:0 10px 0 0;} #ezblog-body .blog-comment-tabs li a{display:block;padding:0 3px;line-height:34px;height:34px;font-weight:bold;text-decoration:none!important;} #ezblog-body .blog-comment-tabs li a:hover, #ezblog-body .blog-comment-tabs li a:focus{border-bottom:1px solid #fff;margin-bottom:-2px;padding-bottom:2px;} #ezblog-body .blog-comment-tabs li.active a{border-bottom:3px solid #777;margin-bottom:-2px;padding-bottom:1px;} /* * Comment form */ body .comment-row #comment-form .comment-body{padding:0;border:0;margin:0} body #comment-form #markItUpComment{display:inline-block;width:100%;} body #comment-form #markItUpComment .markItUpHeader{border:1px solid #ccc;border-bottom:0;background:#f5f5f5;padding:4px;display:inline-block;width:100%} body #comment-form #markItUpComment .markItUpHeader ul{display:inline-block} body #comment-form #markItUpComment .markItUpHeader ul a{border:0;padding:3px;background-position:center !important} body #comment-form #markItUpComment .markItUpHeader ul a:hover, body #comment-form #markItUpComment .markItUpHeader ul a:focus{border:1px solid #ccc;padding:2px;background-color:#fff;} body #comment-form #markItUpComment .markItUpHeader ul .markItUpSeparator{border-right:1px solid #ddd;height:22px;margin:0 5px;display:block;text-indent:-9999px} body #comment-form #markItUpComment textarea{border:1px solid #ccc;padding:4px;width:100%;height:120px;font:13px/20px 'Lucida Grande','Helvetica Neue', Tahoma, Arial, sans-serif} body #comment-form #markItUpComment .markItUpFooter{padding:3px 4px;background:#f5f5f5;border:1px solid #ccc;border-top:0} body #comment-form .inputbox{padding:6px 4px;border:1px solid #ccc;border-top-color:#aaa;} body #comment-form input[type="checkbox"].inputbox{vertical-align:text-top;margin:0 5px 0 0;} /* * Comment : Aero */ #eblog-wrapper .style-aero .comment-head{background:url(components/com_easyblog/themes/default/images/comment/aero/comment-head.png) repeat-x scroll center bottom #fff;border:1px solid #B1B9BA;height:24px;line-height:24px;padding:0 5px;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0} #eblog-wrapper .style-aero .comment-head .comment-arrow{background:url(components/com_easyblog/themes/default/images/comment/aero/comment-arrow-a.png) repeat scroll 0 0 transparent;display:block;width:5px;height:10px;left:-5px;top:5px;z-index:10} #eblog-wrapper .style-aero .comment-body, #eblog-wrapper .style-aero .comment-row #comment-form .comment-body{background:url(components/com_easyblog/themes/default/images/comment/aero/comment-body.png) repeat-x scroll center top #D8E0E1;border:1px solid #B1B9BA;border-top:0;margin:0;padding:5px;border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px} #eblog-wrapper .style-aero .comment-control{margin:10px 0 0;} #eblog-wrapper .style-aero .comment-reply{background:url(components/com_easyblog/themes/default/images/comment/aero/comment-reply.png) 0 center no-repeat;padding-left:15px;} #eblog-wrapper .style-aero .comment-like{background:url(components/com_easyblog/themes/default/images/comment/aero/comment-like.png) 0 center no-repeat;padding-left:15px;margin:0 0 0 15px;} #eblog-wrapper .style-aero .comment-like b{display:none;} /* * Commment : Altium */ #eblog-wrapper .style-altium #blog-comment .comment-block, #eblog-wrapper .style-altium #comment-form .comment-form{position:relative;} #eblog-wrapper .style-altium #blog-comment .comment-avatar, #eblog-wrapper .style-altium #comment-form .comment-avatar{position:absolute;left:7px;top:7px;z-index:2;} #eblog-wrapper .style-altium #blog-comment .comment-avatar img.avatar, #eblog-wrapper .style-altium #comment-form .comment-avatar img.avatar{width:30px;height:30px;} #eblog-wrapper .style-altium #blog-comment .comment-row + .comment-row{margin-top:25px;} #eblog-wrapper .style-altium #blog-comment .comment-body{padding:5px 15px;margin:10px 0;border-left:2px solid #ddd;} #eblog-wrapper .style-altium #comment-form .comment-body{padding:0;margin:0;border-left:0;} #eblog-wrapper .style-altium #blog-comment .comment-body p{margin:0;} #eblog-wrapper .style-altium #blog-comment .comment-body p + p{margin-top:1em;} #eblog-wrapper .style-altium #blog-comment .comment-avatar + .comment-content, #eblog-wrapper .style-altium #comment-form .comment-avatar + .comment-content{margin:0;} #eblog-wrapper .style-altium #blog-comment .comment-content .comment-head, #eblog-wrapper .style-altium #comment-form .comment-content .comment-head{background:#f5f5f5;border:1px solid #ddd;padding:0 15px;font-size:11px;bpadding:0 15px 0 50px;font-size:11px;rder-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;height:44px;line-height:44px;} #eblog-wrapper .style-altium #blog-comment .comment-avatar + .comment-content .comment-head, #eblog-wrapper .style-altium #comment-form .comment-avatar + .comment-content .comment-head{padding:0 15px 0 50px;} #eblog-wrapper .style-altium #blog-comment .comment-head .comment-likescounter{float:right;} #eblog-wrapper .style-altium #blog-comment .comment-control > span.comment-reply, #eblog-wrapper .style-altium #blog-comment .comment-control > span.comment-like > span{display:inline-block;background:#fafafa;border:1px solid #ccc;margin:0;padding:0;height:28px;line-height:28px;font-size:11px;color:#888;width:auto;overflow:visible;vertical-align:top; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } #eblog-wrapper .style-altium #blog-comment .comment-control > span.comment-reply{margin:0 5px 0 0;} #eblog-wrapper .style-altium #blog-comment .comment-control > span a{text-decoration:none;color:#888;background:none;} #eblog-wrapper .style-altium #blog-comment .comment-control > span.comment-reply a, #eblog-wrapper .style-altium #blog-comment .comment-control > span.comment-like span + span a{display:inline-block;line-height:28px;height:28px;padding:0 10px;} #eblog-wrapper .style-altium #blog-comment .comment-control > span.comment-like span{padding:0 10px;} #eblog-wrapper .style-altium #blog-comment .comment-control > span.comment-like span + span{padding:0;} #eblog-wrapper .style-altium #blog-comment .comment-like b{display:none;} #eblog-wrapper .style-altium #blog-comment .comment-row:hover .comment-head{border:1px solid #cacaca;border-bottom-color:#aaa;background:#eee;} #eblog-wrapper .style-altium #blog-comment .comment-row:hover .comment-control > span.comment-reply, #eblog-wrapper .style-altium #blog-comment .comment-row:hover .comment-control > span.comment-like > span + span{border:1px solid #aaa;border-bottom-color:#999;color:#777; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ box-shadow:0 1px 0 rgba(255,255,255,0.3); -moz-box-shadow:0 1px 0 rgba(255,255,255,0.3); -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3); } #eblog-wrapper .style-altium #blog-comment .comment-row:hover .comment-control > span a{color:#333;} /* * Profile view */ #ezblog-body .profile-item{padding:15px;border:1px solid #ddd;border-radius:3px} #ezblog-body .profile-item + .profile-item{margin-top:15px} #ezblog-body .profile-head{} #ezblog-body .profile-avatar a{display:block;} #community-wrap #ezblog-body .profile-avatar, #community-wrap #ezblog-body .profile-avatar a{background:none !important;} #ezblog-body .profile-avatar + .profile-info{margin:0 0 0 65px;} #ezblog-body .forTeamBlog .profile-avatar + .profile-info, #ezblog-body .forBlogger .profile-avatar + .profile-info {margin:0 0 0 95px;} #ezblog-body .profile-sidebar{float:left;display:inline-block;width:160px;font-size:11px} #ezblog-body .profile-sidebar + .profile-main{margin:0 0 0 180px;} #ezblog-body .profile-info p{margin-top:0;} #ezblog-body .profile-brief h3{font-size:14px;color:inherit} #ezblog-body .profile-brief .active-bloggers{margin-right:-5px} #ezblog-body .profile-brief .active-bloggers li+li+li+li{margin-top:5px} #ezblog-body .list-contributors li + li{margin-top:5px;padding-top:5px;border-top:1px dotted #ddd} #ezblog-body .profile-stats > li + li{margin-top:5px;padding-top:5px;border-top:1px dotted #ddd} #ezblog-body .profile-stats li span{display:inline-block;line-height:19px;} #ezblog-body .profile-stats li span.traits{background:#ddd;padding:0 5px;min-width:16px;text-align:center;margin:0 0 0 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} #ezblog-body .profile-stats .list-square li{list-style-type:square;margin-left:15px} #ezblog-body .profile-title{font-size:16px;line-height:20px} #ezblog-body .profile-title a{text-decoration:none} #ezblog-body .profile-body{padding-top:15px;margin-top:15px;border-top:1px solid #ddd;} #ezblog-body .profile-body .post-list li + li{margin-top:15px;padding-top:15px;border-top:1px dotted #ddd} #ezblog-body .profile-body .post-list .blog-title{font-weight:bold;color:inherit} #ezblog-body .profile-connect .connect-links{display:inline-block} #ezblog-body .profile-connect .connect-links li + li{border-left:1px dotted #ccc;padding-left:8px;margin-left:8px} #ezblog-body .profile-connect .connect-links li a{display:inline-block;line-height:1.2} #ezblog-body .post-list li{display:inline-block;width:100%;} #ezblog-body .profile-child{padding-top:10px;} /* * Category view */ #ezblog-body .list-categories > li{border-top:1px solid #ddd;padding:15px 0;} #ezblog-body .list-categories li .avatar + .category-story{margin:0 0 0 50px;} #ezblog-body .list-categories li .category-name{font-size:14px;line-height:18px;} #ezblog-body .list-categories li .category-name a{text-decoration:none;} #ezblog-body .list-categories li .category-description{margin-top:5px;padding:0 0 0 10px;border-left:2px solid #ddd;} #ezblog-body .list-categories li .category-description p{margin:0;} #ezblog-body .list-categories li .category-description p + p{margin-top:10px;} #ezblog-body .list-categories li .category-status{font-size:11px;margin:5px 0 0;} #ezblog-body .list-categories li .category-status *{display:inline-block;line-height:16px;height:16px;} #ezblog-body .list-categories li .category-status li + li{margin:0 0 0 10px;} #ezblog-body .list-categories li .category-status li .link-rss{background-image:url(components/com_easyblog/themes/default/images/icons/feed-small.png);background-position:0 center;background-repeat:no-repeat;padding:0 0 0 20px;} /* * Subscription view */ #ezblog-body .my-subscription > li+li{border-top:1px solid #ddd;padding-top:20px;margin-top:20px;} #ezblog-body .my-subscription .subscription-title{} #eblog-wrapper #ezblog-body .my-subscription ol{margin:10px 0 0} #eblog-wrapper #ezblog-body .my-subscription ol li{list-style-type:decimal;margin-left:10px;} #eblog-wrapper #ezblog-body .my-subscription ol li + li{margin-top:5px;} #ezblog-body .subscription-title{font-weight:700;margin-bottom:5px} /* * About author section */ #eblog-wrapper #section-author{border:1px solid #ccc;padding:0 10px;background: #f5f5f5;} #eblog-wrapper #section-author div.author-about p{margin:0;padding:0} #eblog-wrapper #section-author div.author-about p+p{margin-top:10px} /* * Adsense spacing styling */ .adsense-wrap{margin:10px 0} /* * Rating styling */ #eblog-dialog .ratings-value{padding: 0 0 0 5px;} #eblog-dialog .ratings-value.eblog_loader{display: block; margin:3px 0 0 5px; width:16px; height:11px; text-indent:-9999px;} #eblog-dialog .ratings-people li img.avatar{width:32px;height:32px} #eblog-dialog .ratings-people li div{line-height:34px;min-height:34px;overflow:hidden} #eblog-dialog .ratings-people li + li{border-top:1px dotted #ddd} /* * search */ #eblog-search, #eblog-search:hover{border-bottom:1px solid #bbb;padding-bottom:20px;z-index:1} #eblog-search-result{border-top:4px solid #eee} #eblog-search .search-button{right:0;top:0} #eblog-search .search-input{margin-right:162px} #eblog-search .search-input input{padding:5px !important;height:16px !important} #eblog-search .search-input input, #eblog-search .button-search{font-family:Arial;font-size:14px;font-weight:700;border:1px solid #bbb !important;} #eblog-search .button-search{background:url(components/com_easyblog/themes/default/images/search.png) center !important;border-left:0 !important;height:28px;width:150px;outline:0!important;text-shadow:0 1px 3px #fff;margin-left:12px} *:first-child+html #eblog-search .eblog-search-btn{margin-top:1px} #eblog-search .button-search::-moz-focus-inner, #eblog-search .button-search:focus{border:0} #ezblog-body .search-permalink{color:#999;font-size:10px} #ezblog-body .blogger-post.search-result-items{border-top:0;padding:10px 0} #ezblog-body .blogger-post.search-result-items p{margin:0} #ezblog-body .blogger-post.search-result-items li+li{border-top:1px dashed #ccc;margin-top:10px;padding-top:10px} /* * Calendar */ table#eblog-calendar{border-collapse:collapse;border-spacing:0;width:100% !important;border-left:1px solid #aaa;border-top:1px solid #aaa} #eblog-calendar .calendar_month{background:#666;padding:0;vertical-align:middle;height:26px;text-align:center;border-right:1px solid #aaa;border-bottom:1px solid #aaa} #eblog-calendar .calendar_month .currMonth{color:#fff;display:inline-block;height:26px;line-height:26px;font-weight:700;font-size:14px} #eblog-calendar .calendar_month .prevMonth, #eblog-calendar .calendar_month .nextMonth{display:block;width:26px;height:26px;text-indent:-9999999px} #eblog-calendar .calendar_month .prevMonth{background:url(components/com_easyblog/themes/default/images/calendar-prev.png) center no-repeat;float:left} #eblog-calendar .calendar_month .nextMonth{background:url(components/com_easyblog/themes/default/images/calendar-next.png) center no-repeat;float:right} #eblog-calendar .calendar_day, #eblog-wrapper #eblog-calendar td{border-right:1px solid #aaa;border-bottom:1px solid #aaa;width:14%;text-align:center} #eblog-calendar .calendar_day{background:#D9E2E1;padding:5px 0;border-top:1px solid #eee} #eblog-wrapper #eblog-calendar td a, #eblog-wrapper #eblog-calendar td span{display:block;background-color:#fff;padding:10px 0;font-size:14px;color:#666} #eblog-wrapper #eblog-calendar td a:hover{background-color:#fff} #eblog-wrapper #eblog-calendar td.blank{background:#efefef} #eblog-wrapper #eblog-calendar td.withpost a{font-weight:700;color:#135CAE; padding: 0;} /* * Blog protected */ #eblog-wrapper #blog-protected h3{border-bottom:1px dashed #ddd} /* * Frontpage featured */ #ezblog-body .slider-holder{height:260px;overflow:hidden} #ezblog-body .featured-slider{margin:10px 0;overflow:hidden;padding:10px;border:1px solid #ccc;z-index:2;} #ezblog-body ul.featured-entries{display:inline-block} #ezblog-body ul.featured-entries li+li{display:none;} #ezblog-body ul.featured-entries .featured-image{float:right;margin:3px 3px 0 0;border:1px solid #ddd;border-bottom-color:#ccc;padding:3px} #ezblog-body ul.featured-entries .featured-image div{max-height:240px;overflow:hidden;} #ezblog-body ul.featured-entries .featured-image img{max-width:295px;height:auto;position:relative;z-index:1;} #ezblog-body ul.featured-entries .featured-image + .featured-meta{margin-right:320px} #ezblog-body ul.featured-entries .featured-title a{font-size:18px;line-height:1.3;font-weight:700;text-decoration:none} #ezblog-body ul.featured-entries .featured-title{border-bottom:1px solid #ddd;padding-bottom:10px} #ezblog-body ul.featured-entries .featured-content{padding-top:10px;max-height:80px;line-height:20px;overflow:hidden} #ezblog-body .featured-author{display:inline-block;width:100%;} #ezblog-body .featured-readmore{font-weight:700} #ezblog-body .featured-navi{background:#f5f5f5;border-top:1px solid #ccc;margin:10px -10px -10px} #ezblog-body .featured-more{width:20px;height:22px;background:url(components/com_easyblog/themes/default/images/featured-more.png) center no-repeat;right:7px;top:7px} #ezblog-body .featured-a{text-align:center;padding:5px;border:1px solid #fff} #ezblog-body .featured-a a{background:transparent;color:#fff;display:inline-block;font-size:11px;height:22px;line-height:22px;text-align:center;text-decoration:none;width:22px} #ezblog-body .featured-a a span{background:url(components/com_easyblog/themes/default/images/featured-bullets.png) top;display:block;text-indent:-9999px;height:22px;width:22px;opacity:0.7} #ezblog-body .featured-a a.active span{background-position:bottom} #ezblog-body .featured-a a:hover, #ezblog-body .featured-a a:focus{background:transparent;cursor:pointer;text-decoration:none} #ezblog-body .featured-tag{display:block;width:77px;height:77px;background:url(components/com_easyblog/themes/default/images/featured-tag.png);right:1px;top:1px;z-index:3} /* * Bloggers sorting */ #eblog-wrapper #bloggers-sorting{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ddd;display:inline-block;width:100%} #eblog-wrapper #bloggers-sorting input, #eblog-wrapper #bloggers-sorting select{margin:0 5px 0 0} /* * Common Icons, used with .ico class */ #ezblog-body .link-rss-s{background:url(components/com_easyblog/themes/default/images/icons/feed-small.png) 0 0 no-repeat !important} *:first-child+html .ui-postlabel{position:absolute;left:10px} *:first-child+html .stackSuggest.tag-suggestion ul .stackSuggestItemGroup{margin-left:-16px} *:first-child+html .stackSuggest.tag-suggestion ul li.stackSuggestItem{height:auto;display:inline-block} *:first-child+html .stackSuggest.tag-suggestion ul li.stackSuggestItem.custom.active{margin-bottom:0!important} *:first-child+html #eblog-wrapper #widget-writepost table{position:relative;zoom:1} *:first-child+html #eblog-wrapper .write-postinfo{position:relative} *:first-child+html #eblog-wrapper .write-postauthor.float-r{position:absolute;top:6px;right:8px} *:first-child+html #eblog-wrapper .write-postauthor.float-r .ui-span{float:right} /** * Grid items */ .blog-grid-item{ /*margin: 10px;*/ margin: 5px 0 5px 0; float: left; border: 1px solid #ccc; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .grid-leading{ width: 100% !important; } /* Standard grid item */ .grid-item{ width: 220px; } /* Video grid item */ .grid-item-video{ width: 460px !important; } /* Photo grid item */ .grid-item-photo{ width: 460px; text-align:center; } .grid-item-photo img{ max-width: 400px; -moz-border-radius: 4px; -border-radius: 4px; -webkit-border-radius: 4px; } /** Search highlighter **/ #eblog-wrapper #eblog-search-result .search-highlight{background:#ffa;} /** Tags listings**/ #eblog-wrapper .blog-taglist{padding:10px 0 0;} #eblog-wrapper .blog-taglist a{ position:relative; display:inline-block; width:auto; margin:0 5px 5px 0; font-size:11px; } #eblog-wrapper .blog-taglist span.tag-head{ line-height:23px; font-size:11px; float:left; margin:0 10px 0 0; } #eblog-wrapper .blog-taglist a i, #eblog-wrapper .blog-taglist a span, #eblog-wrapper .blog-taglist a b{float:left;display:inline-block;height:23px;line-height:22px;text-decoration:none;} /*blue*/ #eblog-wrapper .blog-taglist.blue-tag a i, #eblog-wrapper .blog-taglist.blue-tag a span, #eblog-wrapper .blog-taglist.blue-tag a b {color:#005787;background-image: url(components/com_easyblog/themes/default/images/blog-taglist_blue.png);} #eblog-wrapper .blog-taglist.blue-tag a:hover span {color:#1883bd;} /*orange*/ #eblog-wrapper .blog-taglist.orange-tag a i, #eblog-wrapper .blog-taglist.orange-tag a span, #eblog-wrapper .blog-taglist.orange-tag a b {color:#734d0c;background-image: url(components/com_easyblog/themes/default/images/blog-taglist_orange.png);} #eblog-wrapper .blog-taglist.orange-tag a:hover span {color:#9a4f0c;} /*grey*/ #eblog-wrapper .blog-taglist.grey-tag a i, #eblog-wrapper .blog-taglist.grey-tag a span, #eblog-wrapper .blog-taglist.grey-tag a b {color:#555;background-image: url(components/com_easyblog/themes/default/images/blog-taglist_grey.png);} #eblog-wrapper .blog-taglist.grey-tag a:hover span {color:#333;} /*black*/ #eblog-wrapper .blog-taglist.black-tag a i, #eblog-wrapper .blog-taglist.black-tag a span, #eblog-wrapper .blog-taglist.black-tag a b {color:#eee;background-image: url(components/com_easyblog/themes/default/images/blog-taglist_black.png);} #eblog-wrapper .blog-taglist.black-tag a:hover span {color:#bbb;} #eblog-wrapper .blog-taglist a i{background-position:0 0;width:20px;} #eblog-wrapper .blog-taglist a b{background-position:right 0px;width:5px;} #eblog-wrapper .blog-taglist a span{background-position:right -23px;background-repeat:repeat-x;padding:0 3px 0 0;} #eblog-wrapper .blog-taglist a:hover{background:none;} /* Pagination */ #eblog-wrapper .list-pagination{border-top:1px solid #ddd;margin-top:30px;} #eblog-wrapper .list-pagination li.control{display:none;} #eblog-wrapper .list-pagination li{margin-right:5px;} #eblog-wrapper .list-pagination li *{display:inline-block;line-height:30px;padding:0 5px;} #eblog-wrapper .list-pagination li a{padding-top:1px;} #eblog-wrapper .list-pagination li a:hover{border-top:1px solid #da1900;margin-top:-1px;} #eblog-wrapper .list-pagination li span{padding:0;} #eblog-wrapper .list-pagination li.active b{border-top:3px solid #777;margin-top:-2px;} /* Gallery */ #eblog-wrapper .blog-gallery-wrap .gallery-item{ float: left; } /* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * General Widgetkit Style Sheet */ /* Grid and Clearing Tools ----------------------------------------------------------------------------------------------------*/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /* Grid Units */ .width20 { width: 20%; } .width25 { width: 25%; } .width33 { width: 33.333%; } .width50 { width: 50%; } /* Content Helpers ----------------------------------------------------------------------------------------------------*/ /* Fluid images + Removes gap to image containers */ .wk-slideshow img, .wk-gallery img, .spotlight img, a[data-lightbox] img { max-width: 100%; height: auto; vertical-align: middle; } .wk-slideset img, .wk-slideshow canvas { vertical-align: middle; } /* Force non-fluid image */ .wk-slideset img { max-width: none; } /* Force Block element */ .wk-content > a:first-child { display: block; } /* Remove margin */ .wk-content > *:first-child { margin-top: 0;} .wk-content > *:last-child { margin-bottom: 0;} /* Widget: Slideshow ----------------------------------------------------------------------------------------------------*/ .wk-slideshow { visibility: hidden; } .wk-slideshow, .wk-slideshow .slides { position: relative; } .wk-slideshow .slides, .wk-slideshow .nav { list-style: none; margin: 0; padding: 0; } .wk-slideshow .slides > li { position: absolute; } .wk-slideshow .slides > li > a { display: block; } .wk-slideshow .nav li { cursor: pointer; } .wk-slideshow .nav span { display: block; } .wk-slideshow .next, .wk-slideshow .prev { position: absolute; z-index: 5; cursor: pointer; } .wk-slideshow .caption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 10px; background: rgba(0,0,0,0.5); } .wk-slideshow .captions { display: none; } .wk-slideshow .caption, .wk-slideshow .caption a { color: #fff; } .wk-slideshow .caption a { text-decoration: underline; } /* Widget: Slideset ----------------------------------------------------------------------------------------------------*/ .wk-slideset { visibility: hidden; } .wk-slideset .sets { overflow: hidden; } .wk-slideset .set, .wk-slideset .nav { list-style: none; margin: 0; padding: 0; } .wk-slideset .set { display: none; position: relative; text-align: center; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .wk-slideset .set:first-child { display: block; } .wk-slideset .set > li { position: absolute; } .wk-slideset .nav span { display: block; cursor: pointer; } .wk-slideset .next, .wk-slideset .prev { position: absolute; z-index: 5; cursor: pointer; } /* Widget: Accordion ----------------------------------------------------------------------------------------------------*/ .wk-accordion .toggler { margin: 0; cursor: pointer; } /* Responsive ----------------------------------------------------------------------------------------------------*/ .wk-accordion, .wk-map { max-width: 100%; } /* Only Phones */ @media (max-width: 767px) { .wk-slideshow .caption { font-size: 10px; line-height: 14px; } }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Accordion: Default Style */ /* Toogler ----------------------------------------------------------------------------------------------------*/ .wk-accordion-default { margin-bottom: -10px; } .wk-accordion-default .toggler { margin-bottom: 10px; padding: 7px; border: 1px solid #ddd; background: #F5F5F5; background: -moz-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%); background: -webkit-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%); border-radius: 5px; box-shadow: 0 1px 0 #fff inset; text-shadow: 0 1px 0 #fff; } /* Content ----------------------------------------------------------------------------------------------------*/ .wk-accordion-default .content { padding: 10px; }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Gallery: Simple Style */ /* Navigation ----------------------------------------------------------------------------------------------------*/ .wk-slideshow-inside .nav { position: absolute; bottom: 0; z-index: 3; width: 100%; /* IE9 + IE8 */ overflow: hidden; } .wk-slideshow-inside .nav li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 7px 0 0; background: #fff; float: left; } .wk-slideshow-inside .nav:hover img { opacity: 0.4; } .wk-slideshow-inside .nav li:hover img { opacity: 1; } /* Transition */ .wk-slideshow-inside .nav li img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* Buttons ----------------------------------------------------------------------------------------------------*/ .wk-slideshow-inside > div { position: relative; } .wk-slideshow-inside > div:hover .next, .wk-slideshow-inside > div:hover .prev { top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url(media/widgetkit/widgets/gallery/styles/inside/images/buttons.png) 0 50px no-repeat; } .wk-slideshow-inside > div:hover .next { right: 30px; background-position: 0 0; } .wk-slideshow-inside > div:hover .prev { left: 30px; background-position: 0 -50px; } /* Caption ----------------------------------------------------------------------------------------------------*/ .wk-slideshow-inside .caption { bottom: auto; top: 0; } /* Responsive ----------------------------------------------------------------------------------------------------*/ /* Only Touch Devices */ @media (max-device-width: 1024px) { .wk-slideshow-inside .next, .wk-slideshow-inside .prev { display: none; } }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Gallery: Showcase Style */ /* Slideshow: Buttons ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcase .slides-container { position: relative; } .wk-gallery-showcase .slides-container:hover .next, .wk-gallery-showcase .slides-container:hover .prev { top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url(media/widgetkit/widgets/gallery/styles/showcase/images/buttons.png) 0 50px no-repeat; } .wk-gallery-showcase .slides-container:hover .next { right: 30px; background-position: 0 0; } .wk-gallery-showcase .slides-container:hover .prev { left: 30px; background-position: 0 -50px; } /* Slideset: Container ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcase .wk-slideset > div { padding: 0 60px; } .wk-gallery-showcase .wk-slideset.no-buttons > div { padding: 0; } .wk-gallery-showcase .wk-slideset .sets { padding: 10px 0 3px 0; } /* Slideset: Content ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcase .wk-slideset .set > li > div { margin: 0 3px; cursor: pointer; } .wk-gallery-showcase .wk-slideset .set > li > div > img { display: block; } .wk-gallery-showcase .wk-slideset .set:hover > li > div { opacity: 0.4; } .wk-gallery-showcase .wk-slideset .set > li > div:hover { opacity: 1; } /* Transition */ .wk-gallery-showcase .wk-slideset .set:hover > li > div { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* Slideset: Buttons ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcase .wk-slideset > div { position: relative; } .wk-gallery-showcase .wk-slideset > div .next, .wk-gallery-showcase .wk-slideset > div .prev { top: 50%; width: 30px; height: 30px; margin-top: -13px; background: url(media/widgetkit/widgets/gallery/styles/showcase/images/navigation_buttons.png) 0 30px no-repeat; } .wk-gallery-showcase .wk-slideset > div .next { right: 25px; background-position: 0 0; } .wk-gallery-showcase .wk-slideset > div .prev { left: 25px; background-position: 0 -90px; } .wk-gallery-showcase .wk-slideset > div .next:hover { background-position: 0 -30px; } .wk-gallery-showcase .wk-slideset > div .next:active { background-position: 0 -60px; } .wk-gallery-showcase .wk-slideset > div .prev:hover { background-position: 0 -120px; } .wk-gallery-showcase .wk-slideset > div .prev:active { background-position: 0 -150px; } /* Responsive ----------------------------------------------------------------------------------------------------*/ /* Only Touch Devices */ @media (max-device-width: 1024px) { .wk-gallery-showcase .slides-container .next, .wk-gallery-showcase .slides-container .prev { display: none; } }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Gallery: Showcase Box Style */ .wk-gallery-showcasebox .slides-container { border-radius: 5px 5px 0 0; overflow: hidden; } /* Slideshow: Buttons ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcasebox .slides-container { position: relative; } .wk-gallery-showcasebox .slides-container:hover .next, .wk-gallery-showcasebox .slides-container:hover .prev { top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url(media/widgetkit/widgets/gallery/styles/showcase_box/images/buttons.png) 0 50px no-repeat; } .wk-gallery-showcasebox .slides-container:hover .next { right: 30px; background-position: 0 0; } .wk-gallery-showcasebox .slides-container:hover .prev { left: 30px; background-position: 0 -50px; } /* Slideset: Container ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcasebox .wk-slideset > div { padding: 0 60px; border: 1px solid #222; background: #555; background: -moz-linear-gradient(top, #444 0%, #555 7%, #444 100%); background: -webkit-linear-gradient(top, #444 0%, #555 7%, #444 100%); background: -o-linear-gradient(top, #444 0%, #555 7%, #444 100%); background: linear-gradient(to bottom, #444 0%, #555 7%, #444 100%); box-shadow: 0 0 20px rgba(0,0,0,0.5) inset, 0 0 50px rgba(0,0,0,0.2) inset; border-radius: 0 0 5px 5px; } .wk-gallery-showcasebox .wk-slideset.no-buttons > div { padding: 0; } .wk-gallery-showcasebox .wk-slideset .sets { padding: 15px 0; } /* Slideset: Content ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcasebox .wk-slideset .set > li > div { margin: 0 3px; padding: 1px; background: #333; background: -moz-linear-gradient(top, #333 80%, #222 100%); background: -webkit-linear-gradient(top, #333 80%, #222 100%); background: -o-linear-gradient(top, #333 80%, #222 100%); background: linear-gradient(to bottom, #333 80%, #222 100%); border-radius: 5px; cursor: pointer; } .wk-gallery-showcasebox .wk-slideset .set > li > div > div { padding: 5px; background: #444; border-radius: 5px; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset; } .wk-gallery-showcasebox .wk-slideset .set > li > div > div > img { display: block; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,0.2); opacity: 0.8; } /* Hover */ .wk-gallery-showcasebox .wk-slideset .set > li:hover > div { background: #333; background: -moz-linear-gradient(top, #333, #222); background: -webkit-linear-gradient(top, #333, #222); background: -o-linear-gradient(top, #333, #222); background: linear-gradient(to bottom, #333, #222); box-shadow: 0 2px 3px rgba(0,0,0,0.3); } .wk-gallery-showcasebox .wk-slideset .set > li:hover > div > div { background: #666; background: -moz-linear-gradient(top, #666, #555); background: -webkit-linear-gradient(top, #666, #555); background: -o-linear-gradient(top, #666, #555); background: linear-gradient(to bottom, #666, #555); } .wk-gallery-showcasebox .wk-slideset .set > li:hover > div > div > img { opacity: 1; } /* Active */ .wk-gallery-showcasebox .wk-slideset .set > li.active > div { background: #222; background: -moz-linear-gradient(top, #111, #222); background: -webkit-linear-gradient(top, #111, #222); background: -o-linear-gradient(top, #111, #222); background: linear-gradient(to bottom, #111, #222); box-shadow: 0 0 1px rgba(255,255,255,0.2); } .wk-gallery-showcasebox .wk-slideset .set > li.active > div > div { background: #444; box-shadow: 0 1px 4px rgba(0,0,0,0.7) inset; } .wk-gallery-showcasebox .wk-slideset .set > li.active > div > div > img { opacity: 1; } /* Slideset: Buttons ----------------------------------------------------------------------------------------------------*/ .wk-gallery-showcasebox .wk-slideset > div { position: relative; } .wk-gallery-showcasebox .wk-slideset > div .next, .wk-gallery-showcasebox .wk-slideset > div .prev { top: 50%; width: 30px; height: 32px; margin-top: -16px; background: url(media/widgetkit/widgets/gallery/styles/showcase_box/images/navigation_buttons.png) 0 0 no-repeat; } .wk-gallery-showcasebox .wk-slideset > div .next { right: 25px; background-position: 0 0; } .wk-gallery-showcasebox .wk-slideset > div .prev { left: 25px; background-position: 0 -96px; } .wk-gallery-showcasebox .wk-slideset > div .next:hover { background-position: 0 -32px; } .wk-gallery-showcasebox .wk-slideset > div .next:active { background-position: 0 -64px; } .wk-gallery-showcasebox .wk-slideset > div .prev:hover { background-position: 0 -128px; } .wk-gallery-showcasebox .wk-slideset > div .prev:active { background-position: 0 -160px; } /* Responsive ----------------------------------------------------------------------------------------------------*/ /* Only Touch Devices */ @media (max-device-width: 1024px) { .wk-gallery-showcasebox .slides-container .next, .wk-gallery-showcasebox .slides-container .prev { display: none; } } /* Only Phones */ @media (max-width: 767px) { .wk-gallery-showcasebox .wk-slideset > div { padding: 0 40px; } .wk-gallery-showcasebox .wk-slideset > div .next { right: 5px; } .wk-gallery-showcasebox .wk-slideset > div .prev { left: 5px; } }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Gallery: Slider Style */ .wk-gallery-slider { overflow: hidden; } .wk-gallery-slider ul { list-style: none; margin: 0; padding: 0; } .wk-gallery-slider ul li { float: left; overflow: hidden; } .wk-gallery-slider ul li > a { display: block; } .wk-gallery-slider ul li .spotlight { max-width: none; } /* Only Phones */ @media (max-width: 767px) { .wk-gallery-slider ul li .spotlight { font-size: 10px; line-height: 14px; } }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Gallery: Default Style */ .wk-gallery-wall > * { display: block; float: left; } /* Margin ----------------------------------------------------------------------------------------------------*/ .wk-gallery-wall.margin { margin: 0 -15px -15px 0; } .wk-gallery-wall.margin > * { margin: 0 15px 15px 0; } /* Round Corners ----------------------------------------------------------------------------------------------------*/ .wk-gallery-wall.round > *, .wk-gallery-wall.round > * > img, .wk-gallery-wall.round .spotlight > img + div { border-radius: 10px; overflow: hidden; } /* Webkit Fix */ .wk-gallery-wall.round .spotlight[data-spotlight*="top"] .overlay { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wk-gallery-wall.round .spotlight[data-spotlight*="bottom"] .overlay { border-top-left-radius: 0; border-top-right-radius: 0; } /* Zoom Effect ----------------------------------------------------------------------------------------------------*/ .wk-gallery-wall.zoom > * { -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .wk-gallery-wall.zoom > *:hover { z-index: 10; box-shadow: 8px 8px 15px rgba(0,0, 0, 0.4); -webkit-transform: rotate(0deg) scale(1.2); -o-transform: rotate(0deg) scale(1.2); -moz-transform: rotate(0deg) scale(1.2); -ms-transform: rotate(0deg) scale(1.2); transform: rotate(0deg) scale(1.2); } /* Polaroids Effect ----------------------------------------------------------------------------------------------------*/ .wk-gallery-wall.polaroid { position: relative; z-index: 0; } .wk-gallery-wall.polaroid > * > div { position: relative; padding: 10px; border: 1px solid #eee; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .wk-gallery-wall.polaroid > * > div:before, .wk-gallery-wall.polaroid > * > div:after { content: ""; position: absolute; z-index: -1; bottom: 8px; left: 10px; width: 50%; height: 20%; max-width: 300px; box-shadow: 0 8px 16px rgba(0,0,0,0.6); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -ms-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg); } .wk-gallery-wall.polaroid > * > div:after { left: auto; right: 10px; -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -ms-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg); } .wk-gallery-wall.polaroid p.title { margin: 0; padding-top: 10px; text-align: center; color: #444; } /* Rotation */ .wk-gallery-wall.polaroid { margin: 30px 0; } .wk-gallery-wall.polaroid > * { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } /* Fix for better font rendering in Webkit */ .wk-gallery-wall.polaroid p.title { -webkit-transform-style: preserve-3d; } .wk-gallery-wall.polaroid > *:nth-child(even) { -webkit-transform: rotate(3deg) scale(1.05); -moz-transform: rotate(3deg) scale(1.05); -ms-transform: rotate(3deg) scale(1.05); -o-transform: rotate(3deg) scale(1.05); transform: rotate(3deg) scale(1.05); } .wk-gallery-wall.polaroid > *:nth-child(5n) { -webkit-transform: rotate(-4deg) scale(0.9); -moz-transform: rotate(-4deg) scale(0.9); -ms-transform: rotate(-4deg) scale(0.9); -o-transform: rotate(-4deg) scale(0.9); transform: rotate(-4deg) scale(0.9); position: relative; left: -10px; } /* Hover */ .wk-gallery-wall.polaroid > * { -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .wk-gallery-wall.polaroid > *:hover { position: relative; z-index: 10; box-shadow: 8px 8px 15px rgba(0,0, 0, 0.4); -webkit-transform: rotate(0deg) scale(1.2); -o-transform: rotate(0deg) scale(1.2); -moz-transform: rotate(0deg) scale(1.2); -ms-transform: rotate(0deg) scale(1.2); transform: rotate(0deg) scale(1.2); }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* Loading ----------------------------------------------------------------------------------------------------*/ #lightbox-loading { display: none; position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; cursor: pointer; overflow: hidden; z-index: 1104; } #lightbox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('media/widgetkit/widgets/lightbox/images/loading.png'); } /* Lightbox ----------------------------------------------------------------------------------------------------*/ #lightbox-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; } #lightbox-tmp { display: none; padding: 0; margin: 0; border: 0; overflow: auto; } #lightbox-wrap { display: none; position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; } #lightbox-outer { position: relative; width: 100%; height: 100%; background: #FFF; box-shadow: 0px 0px 15px #555; } #lightbox-content { position: relative; width: 0; height: 0; padding: 0; border: 0px solid #FFF; outline: none; overflow: hidden; z-index: 1102; } #lightbox-close { display: none; position: absolute; top: -17px; right: -17px; width: 34px; height: 34px; background: url('media/widgetkit/widgets/lightbox/images/close.png') 0 0 no-repeat; cursor: pointer; z-index: 1103; } /* Special Content ----------------------------------------------------------------------------------------------------*/ #lightbox-error { margin: 0; padding: 14px; font: normal 12px/20px Arial; color: #444; } #lightbox-img { width: 100%; height: 100%; margin: 0; padding: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #lightbox-frame { display: block; width: 100%; height: 100%; border: none; } /* Previous/Next Navigation ----------------------------------------------------------------------------------------------------*/ #lightbox-left, #lightbox-right { display: none; position: absolute; top: 100px; bottom: 100px; width: 35%; outline: none; background: url('media/widgetkit/widgets/lightbox/images/blank.gif'); z-index: 1102; cursor: pointer; } #lightbox-left { left: 0px; } #lightbox-right { right: 0px; } #lightbox-left-ico, #lightbox-right-ico { display: block; position: absolute; top: 50%; left: -9999px; z-index: 1102; width: 50px; height: 50px; margin-top: -25px; background: url('media/widgetkit/widgets/lightbox/images/buttons.png') 0 0 no-repeat; cursor: pointer; } #lightbox-right-ico { background-position: 0 -50px; } #lightbox-left:hover span { left: 30px; } #lightbox-right:hover span { left: auto; right: 30px; } /* Titles ----------------------------------------------------------------------------------------------------*/ #lightbox-title { font-size: 12px; z-index: 1102; } #lightbox-title.lightbox-title-float { padding: 5px 10px; position: absolute; left: 0; bottom: -20px; background: #000; /* IE */ background: rgba(0, 0, 0, 0.7); color: #FFF; font-weight: bold; border-radius: 6px; } #lightbox-title.lightbox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #FFF; position: relative; } #lightbox-title.lightbox-title-outside { padding-top: 10px; color: #FFF; } #lightbox-title.lightbox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: center; background: #000; /* IE */ background: rgba(0, 0, 0, 0.5); } #lightbox-title-over { padding: 10px; } /* Image Content ----------------------------------------------------------------------------------------------------*/ a[data-lightbox] { display: inline-block; max-width: 100%; } .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; } .mejs-poster img { border: 0; padding: 0; border: 0; display: block; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(media/widgetkit/widgets/mediaplayer/mediaelement/bigplay.png) no-repeat; } .mejs-overlay:hover .mejs-overlay-button{ background-position: 0 -100px ; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(media/widgetkit/widgets/mediaplayer/mediaelement/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9)); } .mejs-overlay-loading span { display:block; width: 80px; height: 80px; background: transparent url(media/widgetkit/widgets/mediaplayer/mediaelement/loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; background: none; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(media/widgetkit/widgets/mediaplayer/mediaelement/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; background: 0; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(media/widgetkit/widgets/mediaplayer/mediaelement/controls.png) no-repeat; } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: solid 1px yellow; } /* End: CONTROL BAR */ /* Start: Time (current / duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; text-align: center; padding: auto 4px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { font-size: 11px; color: #fff; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (current / duration) */ /* Start: Play/pause */ .mejs-controls .mejs-play button { background-position:0 0; } .mejs-controls .mejs-pause button { background-position:0 -16px; } /* End: Play/pause */ /* Stop */ .mejs-controls .mejs-stop button { background-position: -112px 0; } /* End: Play/pause */ /* Start: Progress bar */ .mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width:100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position:-32px 0; } .mejs-controls .mejs-unfullscreen button { background-position:-32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position:-16px -16px; } .mejs-controls .mejs-unmute button { background-position:-16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(media/widgetkit/widgets/mediaplayer/mediaelement/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: TRACK (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position:-48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(media/widgetkit/widgets/mediaplayer/mediaelement/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li{ margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display:block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{ clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{ width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { /*background: #333;*/ background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{ font-size: 12px; font-weight: bold; display: block; white-space:nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{ font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space:nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align:center; /*font-weight: bold;*/ line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(media/widgetkit/widgets/mediaplayer/mediaelement/background.png); background: rgba(20, 20, 20, 0.8); } /* End: TRACK (Captions and Chapters) */ .mejs-clear { clear: both; } /* Start: ERROR */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: ERROR */ /* Start: Loop */ .mejs-controls .mejs-loop-off button{ background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button{ background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: picture controls */ .mejs-controls .mejs-picturecontrols-button{ background-position: -96px 0; } /* End: picture controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: SourceChooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(media/widgetkit/widgets/mediaplayer/mediaelement/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{ margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display:block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{ clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{ width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: SourceChooser */ /* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Slideset: Default Style */ /* Navigation ----------------------------------------------------------------------------------------------------*/ .wk-slideset-default .nav { margin-top: 10px; text-align: center; } .wk-slideset-default .nav li { display: inline-block; } .wk-slideset-default .nav.icon li { margin-left: 5px; } .wk-slideset-default .nav.text li { margin-left: 40px; } .wk-slideset-default .nav li:first-child { margin-left: 0; } .wk-slideset-default .nav.icon span { width: 16px; height: 15px; background: url(media/widgetkit/widgets/slideset/styles/default/images/nav.png) 0 0 no-repeat; overflow: hidden; } .wk-slideset-default .nav.icon span:hover { background-position: 0 -30px; } .wk-slideset-default .nav.icon span:active { background-position: 0 -45px; } .wk-slideset-default .nav.icon .active span { background-position: 0 -15px; } .wk-slideset-default .nav.text span { padding: 0 11px; } .wk-slideset-default .nav.text .active span { padding: 0 10px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; background: rgba(0,0,0,0.05); } /* Buttons ----------------------------------------------------------------------------------------------------*/ .wk-slideset-default > div { position: relative; } .wk-slideset-default > div:hover .next, .wk-slideset-default > div:hover .prev { top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url(media/widgetkit/widgets/slideset/styles/default/images/buttons.png) 0 50px no-repeat; } .wk-slideset-default > div:hover .next { right: 30px; background-position: 0 0; } .wk-slideset-default > div:hover .prev { left: 30px; background-position: 0 -50px; } /* Content ----------------------------------------------------------------------------------------------------*/ .wk-slideset-default .sets { margin: 0 -10px; } .wk-slideset-default article { margin: 0 10px; } .wk-slideset-default article + strong.title { font-weight: normal; } /* Responsive ----------------------------------------------------------------------------------------------------*/ /* Only Touch Devices */ @media (max-device-width: 1024px) { .wk-slideset-default .next, .wk-slideset-default .prev { display: none; } } /* Only Phones */ @media (max-width: 767px) { .wk-slideset-default .nav.text li { margin-left: 10px; } .wk-slideset-default .nav.text li:first-child { margin-left: 0; } .wk-slideset-default .nav.text span { padding: 0 6px; font-size: 12px; } .wk-slideset-default .nav.text .active span { padding: 0 5px; } }/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Widgetkit Slideshow: Default Style */ /* Navigation ----------------------------------------------------------------------------------------------------*/ .wk-slideshow-default .nav { margin-top: 15px; text-align: center; } .wk-slideshow-default .nav li { display: inline-block; margin-left: 5px; } .wk-slideshow-default .nav li:first-child { margin-left: 0; } .wk-slideshow-default .nav span { width: 16px; height: 15px; background: url(media/widgetkit/widgets/slideshow/styles/default/images/nav.png) 0 0 no-repeat; overflow: hidden; } .wk-slideshow-default .nav span:hover { background-position: 0 -30px; } .wk-slideshow-default .nav span:active { background-position: 0 -45px; } .wk-slideshow-default .nav .active span { background-position: 0 -15px; } /* Buttons ----------------------------------------------------------------------------------------------------*/ .wk-slideshow-default > div { position: relative; } .wk-slideshow-default > div:hover .next, .wk-slideshow-default > div:hover .prev { top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url(media/widgetkit/widgets/slideshow/styles/default/images/buttons.png) 0 50px no-repeat; } .wk-slideshow-default > div:hover .next { right: 30px; background-position: 0 0; } .wk-slideshow-default > div:hover .prev { left: 30px; background-position: 0 -50px; } /* Responsive ----------------------------------------------------------------------------------------------------*/ /* Only Touch Devices */ @media (max-device-width: 1024px) { .wk-slideshow-default .next, .wk-slideshow-default .prev { display: none; } }