/* Theme Name: BackstreetFeb2014 Theme URI: http://themeforest.net/item/backstreet-blog-magazine-theme/1680564?WT.ac=category_item&WT.seg_1=category_item&WT.z_author=ridwanreedwan Description: Blog and Magazine Wordpress Theme Version: 2.8 Author: Reedwan Author URI: http://themeforest.net/user/ridwanreedwan License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags:white, light, three-columns, right-sidebar, left-sidebar, fixed-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, translation-ready */ /*************** STYLESHEET CHANGES ALL HERE ***************/ .social-header ul li.tumblr a{ background:url(../../../tumblr.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.email a{ background:url(../../../email.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.vine a{ background:url(../../../vine.png) no-repeat; width:25px; height:25px; display:block; } #tags-tabs { overflow:hidden !important; } .tagcloud { overflow:hidden !important; padding:5px 0 !important; } .tagcloud a { border:0px !important; float: left !important; margin: 1px 1px 1px 0 !important; padding: 0px 0px !important; color:#444 !important; } .tagcloud a:hover { color:#2b6315 !important; background:#ffffff !important; text-decoration: none !important; } .tagcloud a:before { content:''; display:inline-block !important; border-radius:10px !important; width:3px !important; height:3px !important;background-color:#fff !important; margin:0 6px 1px 0 !important; zoom:1 !important; /* IE7 fix */*display:inline !important; /* IE7 fix */} .widget{ background:url(images/bg-pattern.png) repeat !important; margin-bottom:2px !important; overflow:hidden !important; padding:10px !important; } .textwidget { background:url(images/bg-pattern.png) repeat !important; margin-bottom:2px !important; overflow:hidden !important; padding:10px !important; } .magazine .textwidget { background:none !important; margin-bottom:2px !important; overflow:hidden !important; padding:10px !important; } .textwidget img {padding-bottom:7px !important;} .single-content a {color: #444 !important;} .single-content a:hover {color: #2b6315 !important;} .single-title h1{ text-transform: none !important;} /*************** GENERAL ***************/ .general { width:1000px; margin:0 auto; position:relative; } .container { background:#fff; } .wrapper { margin-top:30px; } .scrolltop { background: url(images/top.png) repeat; width:40px; height:40px; } .post-tooltip { font-size:13px; color:#fff; background:#444; display:none; padding:3px 10px; position:absolute; z-index:1000; } .line-head { height:1px; background:#F7F7F5; margin-top:5px; } .alignleft { float:left; } .alignright { float:right; } .aligncenter { text-align:center;} .sticky {} .bypostauthor {} .wp-caption {} .wp-caption-text {} .single-thumb img, .magazine-widget img, .post-image img, .portfolio1 img, .portfolio2 img { width:100%; height:auto; } .video-frame { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; } .video-frame iframe,.video-frame object, .video-frame embed { position:absolute; top:0; left:0; width:100%; height:100%; } .video-shortcode { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; } .video-shortcode iframe,.video-shortcode object, .video-shortcode embed { position:absolute; top:0; left:0; width:100%; height:100%; } /** Gallery & Portfolio **/ ul#filter { float: left; font-size: 14px; list-style: none; margin-top:0; margin-bottom:20px; } ul#filter li { float: left; line-height: 28px; margin-right: 10px; } ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; } ul#filter a { background:#272625; color:#fff; text-decoration: none; text-transform:capitalize; padding:5px 15px; } ul#filter li.current a, ul#filter li a.current, ul#filter a:hover { background:#2b6315; } #portfolio .post-title{ background:url(images/bg-pattern.png) repeat; border:none; } ul#portfolio { float: left; list-style: none; margin-left: 0; } .portfolio1 li { float: left; width:300px; overflow:hidden; margin:0 10px 30px 10px; } .portfolio2 li { float: left; width:220px; margin:0 10px 30px 10px; } .portfolio2 .post-title { font-size:14px; } .portfolio1 .post-title { font-size:16px; } .picture_counter { background:#111; padding:7px; position:absolute; top:0; left:0; display:block; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:1000; line-height:1; color:#fff; font-size:16px; } .gallery-image { margin-bottom:20px; } .picture_title { background:#111; overflow:hidden; padding:7px; position:absolute; bottom:0; left:0; display:block; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; z-index:1000; line-height:1; font-size:14px; } .picture_title a { color:#fff; } /** Hover Image **/ .video-format-icon { background:#111 url(images/format-icon/format-video.png) no-repeat 50% 50%; display:block; line-height:0; } .gallery-format-icon { background:#111 url(images/format-icon/format-gallery.png) no-repeat 50% 50%; display:block; line-height:0; } .audio-format-icon { background:#111 url(images/format-icon/format-audio.png) no-repeat 50% 50%; display:block; line-height:0; } .standard-format-icon { background:#111; display:block; line-height:0; } .portfolio-format-icon { background:#111; display:block; line-height:0; } .reviews-icon { background:#111 url(images/format-icon/format-reviews.png) no-repeat 50% 50%; display:block; line-height:0; } .preview-icon { background:#111 url(images/preview.png) no-repeat 50% 50%; display:block; line-height:0; } /*************** HEADER ADDS **********************/ .header-adds {overflow:hidden; line-height:0; } .header-adds-toggle { position:absolute; right:0; height:30px; width:30px; background:url(http://loraxofsex.com/wp-content/themes/BackstreetFeb2014/images/header-adds-open.png) no-repeat; overflow:hidden;} .header-adds-toggle.active { background:url(http://loraxofsex.com/wp-content/themes/BackstreetFeb2014/images/header-adds-close.png) no-repeat; } /*************** TOP **********************/ .top { height:32px; background:#272625; width:1000px; margin:0 auto; } .top-wrap { width:960px; margin:0 auto; } .datetime { text-align:right; } .top-nav-wrapper { } .topNav { float:left; margin:0; } .topNav a, .datetime { font-size:11px; line-height:32px; color:#e1e1e1; text-transform:uppercase; } .topNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; } .topNav li a{ padding:0 20px 0 0; display:block; } .topNav li ul { display: none; margin:0 !important; } .topNav li:hover > ul, .topNav li.hover > ul { display: block; position: absolute; top: 32px; left: -20px; z-index: 2000; width: auto; } .topNav li > ul { height:auto; width: auto; background: #272625; border:1px solid #3c3c3a; padding:0; } .topNav li > ul li { width:150px; padding: 0; position: relative; height:30px; border-bottom:1px solid #3c3c3a; } .topNav li > ul li:last-child{ border-bottom:none; } .topNav li > ul li a { text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left; font-size: 11px; line-height:20px; color:#ebebeb; } .topNav li > ul li a:hover { border:none; } .topNav li ul li:hover > ul, .topNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 150px; z-index: 0; width: 150px; } /*************** SOCIAL HEADER ****************/ .header-content { height:35px; padding-top:15px; } .social-header ul { overflow:hidden; margin:0; float:right; } .social-header ul li{ float:left; list-style-type:none; border:none; padding:0 10px 0 0; } .social-header ul li:last-child { padding:0; } .social-header ul li.rss a{ background:url(images/social-icons/rss.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.facebook a{ background:url(images/social-icons/facebook.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.google a{ background:url(images/social-icons/google.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.twitter a{ background:url(images/social-icons/twitter.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.vimeo a{ background:url(images/social-icons/vimeo.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.youtube a{ background:url(images/social-icons/youtube.png) no-repeat ; width:25px; height:25px; display:block; } .social-header ul li.flickr a{ background:url(images/social-icons/flickr.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.deviantart a{ background:url(images/social-icons/deviantart.png) no-repeat; width:25px; height:25px; display:block; } .social-header ul li.linkedin a{ background:url(images/social-icons/linkedin.png) no-repeat ; width:25px; height:25px; display:block; } /*************** SPOTLIGHT *****************/ .spotlight{ overflow:hidden; background:#272625; margin-top:10px; } .spotlight-title { background:url(images/side-title-spotlight.png) no-repeat right; color: #fff; text-transform:uppercase; float:left; padding:0 40px 0 30px; height:34px; line-height:34px; } .spotlight-title span { position:relative; top:-2px; padding:0 5px 0 0; } ul#ticker { margin-bottom:0; } ul#ticker li { float:left; display:none; margin-right:15px; } ul#ticker li a { color:#fff; line-height:32px; } ul#ticker li a:hover { color:#999; } .tickercontainer { /* the outer div with the black border */ background:#272625; height:34px; margin: 0; padding-right:30px; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative; top: 0; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 860px; } ul.newsticker li { background:url(images/spotlight-arrow.png) no-repeat 0 50%; float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0 0 0 12px; display:block !important; } ul.newsticker a { white-space: nowrap; padding: 0; } ul.newsticker span { margin: 0 15px 0 0; } /************** HEADER **************/ .logo-header { position:absolute; top:20px; left:0; z-index:1000; } .logo-header a { display:block; } /** Main Navigation **/ .container_12.dropdownmenu{ display:none; } .main-nav-wrapper{ height:30px; position:relative; } .mainNav { float:right; height:30px; padding-bottom:0px; margin:0 !important; } .mainNav a { font-size:15px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} .mainNav ul { list-style-type: none; list-style-image: none; } .mainNav li {float:left; position: relative; list-style-type: none; list-style-image: none; } .mainNav li a { text-transform:uppercase; padding:0 0 0 25px; display:block; padding-bottom:7px; } .mainNav li ul { display: none; margin:0 !important; } .mainNav li:hover > ul, .mainNav li.hover > ul { display: block; position: absolute; top: 30px; left: 0; z-index: 2000; width: 180px; } .mainNav li > ul { height:auto; width: auto; background: #222; padding:0; } .mainNav li > ul li { width:180px; padding: 0; position: relative; height:35px; } .mainNav li > ul li:last-child{ border-bottom:none; } .mainNav li > ul li a { text-transform:none; height:22px; padding: 5px 10px 10px 15px; text-align: left; font-size: 13px; line-height:15px; color:#ebebeb; } .mainNav li > ul li a:hover { border:none; } .mainNav li ul li:hover > ul, .mainNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 180px; z-index: 0; width: 180px; } /*************** CONTENT ****************/ /** HTML styling **/ .single-content a, .single-content strong { font-weight:bold; } .single-content em { font-style:italic; } .single-content blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; margin-left:25px; font-style:italic; } .single-content blockquote p { color:#999; } .single-content ul { padding-left:17px; margin-bottom:10px; } .single-content ul ul{ margin-left:10px; } .single-content ul li{ padding-left:8px; } .single-content ol { padding-left:17px; margin-bottom:10px; margin-left:25px;} .single-content ol ol { margin-left:10px; } .single-content ol li { list-style-type: decimal; padding-left:8px; } #gallery { margin: auto; } .gallery-item { float: left; margin-top: 10px;text-align: center; width: 20%;} .gallery-icon { margin: auto; width:100px; height:100px; background:#000 url(images/preview.png) no-repeat 50% 50%; } .gallery-icon img { width:100px; height:100px; } .gallery-caption { margin-left: 0;} /** Home Blog Style, Archive, Page **/ .content { overflow:hidden; } .content-title { margin-bottom:35px; overflow:hidden; background:url(images/bg-pattern.png) repeat; padding:18px 0; } .content-title h1{ font-size:25px; margin:0 18px; text-transform:uppercase; } .block-post { overflow:hidden; margin-bottom:35px; border:1px solid #efefef; } .block-post p{ margin:0; padding:0; } .post-content { padding:15px 15px 15px 0; } .post-title { overflow:hidden; font-size:26px; padding:7px 15px 0 15px; } .post-image{ position:relative; padding:15px 20px 15px 15px; } .home-1 .post-image { float:left; overflow:hidden; width:300px; height:170px;} .home-1 .post-content {padding-left:335px;} .home-2 .post-content { overflow:hidden; padding:15px; } .home-2 .post-image, .home-3 .post-image, .home-4 .post-image { padding:0; } .home-3 .post-title, .home-4 .post-title { padding:5px 10px; } .home-2 .post-content, .home-3 .post-content, .home-4 .post-content { padding:0; border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef; } .home-2 .block-post p{ padding:0 15px 10px 15px; } .home-3 .block-post p, .home-4 .block-post p { padding:0 10px 10px 10px; } .home-3 .post-head, .home-4 .post-head { padding:5px 10px; } .home-3 .post-content h3, .home-4 .post-content h3 { font-size:16px; } .home-2 .block-post, .home-3 .block-post, .home-4 .block-post { border:none; padding-bottom:0; margin-bottom:35px; } .home-3 .block-post .last, .home-4 .block-post .last { display:block; float:left; } /** Post Info for Blog Style **/ .post-head { color:#666; padding:5px 15px; border-top:1px dashed #efefef; } .post-head .info-date, .post-head .info-author, .post-head a { font-size:11px; color:#666; } .info-author { background:url(images/author.png) no-repeat left; padding-left:20px; padding-top:5px; margin-right:10px; } .info-date { background:url(images/clock.png) no-repeat left; padding-left: 20px; padding-top:2px; margin-right:10px; } .info-comment { background:url(images/comment.png) no-repeat left; padding-left:20px; } .info-category { background:url(images/category.png) no-repeat left; padding-left:23px; margin-right:10px; } /** Single **/ .single-block { overflow:hidden; margin-bottom:35px; } .single-title-wrap { background:url(images/bg-pattern.png) repeat; margin-bottom:15px; padding-left:15px; } .single-title { overflow:hidden; margin:0; padding:7px 0; } .single-title h1{ text-transform: uppercase; margin-bottom: 5px; } .single-info { overflow:hidden; color:#666; padding:5px 0 0 0; } .single-info a{ color:#666; } .single-thumb { padding:5px 0 10px 0; } .single-content .tagcloud { padding:10px 0 0 0; } .post-nav { overflow:hidden; margin-bottom:35px; background:url(images/bg-pattern.png) repeat; padding:10px 15px; } .nav-right{ font-size:14px; overflow:hidden; float:right; } .nav-left { font-size:14px; overflow:hidden; float:left; } .single-tag { float:left; } .single-category { float:left; background:url(images/category.png) no-repeat center left; padding-left:22px; margin-right:16px; color:#666; } .single-author { float:left; background:url(images/author.png) no-repeat 0 20%; padding-left:18px; margin-right:16px; color:#666; } .single-date { float:left; background:url(images/clock.png) no-repeat 0 40%; padding-left:20px; margin-right:16px; color:#666; } .single-comment { float:left; background:url(images/comment.png) no-repeat center left; padding-left:20px; margin-right:16px; color:#666; } .-post-icon { float:right; width:65px; height:43px; background:url(images/format-icon/post-standard.png) no-repeat center right; position:relative; right:15px; top:0; } .gallery-post-icon { float:right; width:65px; height:43px; background:url(images/format-icon/post-gallery.png) no-repeat center right ; position:relative; right:15px; top:0; } .video-post-icon { float:right; width:65px; height:43px; background:url(images/format-icon/post-video.png) no-repeat center right; position:relative; right:15px; top:0; } .audio-post-icon { float:right; width:65px; height:43px; background:url(images/format-icon/post-audio.png) no-repeat center right; position:relative; right:15px; top:0; } .reviews-post-icon { float:right; width:65px; height:43px; background:url(images/format-icon/post-reviews.png) no-repeat center right; position:relative; right:15px; top:0; } /** Reviews box **/ .post-review { overflow:hidden; float:left; margin:10px 0; } .overall-score { background:#111; height:150px; width:129px; color:#f1f1f1; float:left; padding:15px 10px; text-align:center; border-right:1px solid #333;} .overall-score span { font-size:14px; font-weight:bold; } .overall-score-value { font-size:50px; font-weight:bold; } .critera { position:relative; overflow:hidden; width:450px; height:35px; background:#222; font-size:12px; padding:0 10px; border-bottom:1px solid #333; float:left; } .critera.last { margin-bottom:0; } .critera p { color:#f1f1f1; line-height:33px; overflow:hidden; padding:0; margin:0; float:left; font-weight:bold; } .score { position:absolute; top:7px; right:10px;} .blog_reviews { background:#111; padding:3px; position:absolute; top:0; left:0; display:block; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:1000; line-height:1; } /** Post Author Information and Related Post **/ .post-share .share-widgets { overflow:hidden; } .post-share .share-widget { float:left; padding:0 5px; } .post-share, .author-information, .related-wrapper { margin-bottom:35px; overflow:hidden; } .author-description img { border:1px solid #d9d9d9; padding:4px; float:left; margin-top:0px; margin-right:15px; } .author-social { float:right; overflow:hidden; } .author-social a { float:left; width:16px; height:16px; display:block; margin-left:10px; } .author-social a.author-twitter { background:url(images/social-icons/twitter-author.png) no-repeat; } .author-social a.author-facebook { background:url(images/social-icons/facebook-author.png) no-repeat; } .author-social a.author-google { background:url(images/social-icons/google-author.png) no-repeat; } .author-social a.author-flickr { background:url(images/social-icons/flickr-author.png) no-repeat; } .description-author{overflow:hidden; } .author-title { float:left; } .author-title a{ font-size:14px; line-height:14px; } .related-post { float:left; margin-right:20px; width: 140px; position: relative; text-align:center;} .related-item-wrapper { overflow:hidden; } div.related-post:last-child { margin-right:0; } .related-post h6 { font-size:13px; margin-top:5px; } /** Comments styles **/ ol.commentlist { margin:0; list-style:none; } .comments-navigation { overflow:hidden; padding:15px 0; font-weight:bold; } .the-comment { overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #efefef; } .avatar { float:left; margin-right:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .reply-comment { clear:both; text-align:center; margin-top:5px; width:70px; background:#444; padding:2px 0; } .reply-comment:hover { background:#2b6315; } .reply-comment a, .reply-comment a:hover { color:#fff; font-weight:bold; } .comment-box { overflow:hidden; } .comment-author span { margin-bottom:10px; font-size:15px; } .comment-author small{ font-size: 11px; color:#636363; font-style:italic; } #comments .children { margin: 20px 0 0 83px; } #comments .children li.comment { margin: 0 0 20px 0; list-style:none; } .cancel-comment-reply a { margin-bottom:10px; } .no-comments { color:#888; } .wrapper-input { overflow:hidden !important; } #comment-input { float:left; margin-right:40px; } #comment-input input { border:0; margin-bottom:17px; border:1px solid #efefef; } #comment-input input:focus, textarea:focus { outline:none; } #comment-input label { display:block; margin-bottom:5px; } #comment-input label .required { font-style:italic; } .input-name, .input-email, .input-website { background:#fff ; width:220px; padding: 5px; } #comment-textarea { float:left; } .textarea-comment { background:#fff; border:0; width:327px; height:155px; padding:9px; font-family:arial; border:1px solid #efefef; } #comment-textarea label { display:block; margin-bottom:7px; } #comment-textarea-admin { float:none; margin-bottom:5px; } #comment-textarea-admin label { display:block; margin:10px 0 5px 0; } #comment-submit { float:left; } #comment-submit-admin { clear:both; } #respond { margin-bottom:35px; } #respond form { margin-top:10px; } .comment-submit { font-size:18px; padding:4px 0 4px 0; text-transform:uppercase; color:#fff; width:348px; background:#444; cursor:pointer; border:none; margin-top:5px; } .comment-submit:hover { background:#2b6315; } /*************** Contact Form ***************/ .postForm-wrap { background:url(images/bg-pattern.png) repeat; padding:10px; margin-top:15px; } .postForm { background:#fff; padding:15px; overflow:hidden; } .postForm label { font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px; } .postForm label span { font-style: italic; color: #888888; font-weight: normal; } .postForm div { margin-bottom: 20px; } .postForm .text { border: 1px solid #efefef; color: #555555; font-size: 12px; width: 278px; padding: 9px 10px; } .postForm textarea { border: 1px solid #efefef; color: #555555; font-size: 12px; width: 400px; padding: 10px; height: 170px; } .postForm .submit { width:420px; font-size:18px; padding:5px 0; text-transform:uppercase; color:#333; background:#444; cursor:pointer; border:none; margin-top:5px; color:#fff; } .postForm .submit:hover { background:#2b6315; } .postForm .error_msg { display: none; margin-top: 5px; } .postForm .email_sent { color: green; margin-bottom: 10px; display: none; } /************* PAGINATION **************/ .pagination { font-size: 16px; overflow:hidden; margin-bottom:35px; } .pagination a { line-height:18px; height: 20px; background: #272625; display: block; float: left; padding:2px 7px; color: #fff; margin-right: 6px; } .pagination a:hover { background: #2b6315; color: #fff; } .pagination span.current { line-height:18px; background: #2b6315; height: 20px; display: block; float: left; padding:2px 7px; color: #f3f3f3; margin-right: 6px; } .pagination span.arrows { font-size: 16px; line-height:18px; } /***************** WIDGET ******************/ .widget{ background:url(images/bg-pattern.png) repeat; margin-bottom:35px; overflow:hidden; padding:10px; } .widget iframe { display:block; } .widget ul { background:#fff; list-style-type:none; clear:both; height:100%; overflow:hidden; margin:0; padding:0 10px; } .widget ul li { padding: 8px 0; border-bottom:1px dashed #efefef; } .widget ul li:last-child { border-bottom:none; } .textwidget { margin-bottom:35px; overflow:hidden; } .sidebar-widget-title { padding-bottom:10px; text-transform:uppercase; } .widget-line-title { background:url(images/bg-pattern.png) repeat-x 0 50%; height:27px; } .line-title, .page-line-title { background:url(images/bg-pattern.png) repeat-x 0 60%; margin-bottom:15px; } .line-title { height:27px; } .page-line-title { height:33px; } .line-title h3, .page-line-title h1,.widget-line-title h3 { background:#fff; padding:0 10px 0 0; display: inline-block; } .page-line-title h1{ text-transform:uppercase; } .widget-line-title h3 { text-transform:uppercase; } .widget-footer-title { margin-bottom:15px; text-transform:uppercase; } .text-widget { margin-bottom:35px; } /** Adds 285x250 & 620x90 **/ .adds620x90 { display:block; margin-bottom:35px; height:90px; } .adds620x90 a, .adds300x250 a { display:block; } .adds300x250 { display:block; margin-bottom:35px; height:250px; } /** Widget Homepage Magazine Columns **/ .magazine-widget { margin-bottom:35px; overflow:hidden; } .widget-magazine .block-big { overflow:hidden; padding:15px 0; } .magazine-widget .block-big h3 { font-size:16px; } .widget-magazine .block-big p { margin:0; } .widget-magazine .block-big .big-desc { padding-left:320px; } .widget-magazine .block-big .magz-image { float:left;overflow:hidden; width:300px; height:170px; } .widget-magazine.half .big-desc { clear:both; padding-left:0; } .widget-magazine.half .big-title { padding-top:10px; } .widget-magazine .block-small .description { padding-left:85px; } .widget-magazine .block-small .magz-image{ float:left; overflow:hidden; width:75px; height:60px; } .widget-magazine .block-small { width:300px; float:left; overflow:hidden; padding:15px 0; border-top:1px dashed #efefef; } .magazine-widget .block-small-noimage { background:url(images/Right-Arrow.png) no-repeat 0 14px; width:285px; float:left; overflow:hidden; padding:10px 0 10px 15px; border-top:1px dashed #efefef; } .magazine-widget .block-small-noimage a { } .widget-magazine .xright { margin-left:10px; } .widget-magazine .xleft { margin-right:10px; } .xreview {padding:0; float:left;} .magazine-widget .block-small-noimage h3 {float:left;} .magazine-widget .block-small-noimage .xreview { padding-left:8px;} .magz-meta, .magz-meta a { font-size:11px; font-style:italic; padding-top:5px; } .magazine-widget .block-small h3, .magazine-widget .block-small-noimage h3, .block-tabs .description h3 { font-size:12px; font-weight:bold; } /** Social Counter Widget **/ .social-counter-wrapper { overflow:hidden; background:url(images/bg-pattern.png) repeat; padding:10px 10px 0 10px; margin-bottom:35px; } .social-counter { background:#fff; float:left; text-align:center; width:69px; padding:10px; margin:0 1px 3px 2px !important; } .social-counter.facebook-count { margin:0; } .social-counter .social-count { color:#444; font-size:16px; padding-top:5px;} .social-counter .social-descrip { color:#666; font-style:italic;} .social-counter a { margin-left:19px; } .social-counter.no-right{margin-right:0;} .Feedburner-count a{ background:url(images/counter/Feed.png) no-repeat; width:33px; height:33px; display:block; } .Twitter-count a{ background:url(images/counter/Twitter.png) no-repeat; width:33px; height:33px; display:block; } .Facebook-count a{ background:url(images/counter/Facebook.png) no-repeat; width:33px; height:33px; display:block; } .YouTube-count a{ background:url(images/counter/YouTube.png) no-repeat; width:33px; height:33px; display:block; } .Vimeo-count a{ background:url(images/counter/Vimeo.png) no-repeat; width:33px; height:33px; display:block; } .Dribbble-count a{ background:url(images/counter/Dribbble.png) no-repeat; width:33px; height:33px; display:block; } .Forrst-count a{ background:url(images/counter/Forrst.png) no-repeat; width:33px; height:33px; display:block; } .Digg-count a{ background:url(images/counter/Digg.png) no-repeat; width:33px; height:33px; display:block; } /** Widget Homepage Magazine Carousel **/ .wrapper-carousel { overflow:hidden; padding:15px 0; } .wrapper-carousel .image-carousel { position:relative; float:left; display: block; } .anyClass { height:auto; overflow:hidden; float:left; margin-left:25px; } .wrapper-carousel ul li { position:relative; list-style-type:none; width:130px; height:90px; margin-right:15px; } a.prev, a.next { width: 17px; height: 22px; display: block; position: absolute; top:50px; z-index:50; } .nav { position: relative; } a.prev span, a.next span { display: none; } a.prev { left:0; background:url(images/carousel-arrow.png) 0 0; } a.next { right:0; background:url(images/carousel-arrow.png)-17px 0; } /** Social Network Widget**/ .title-social { float:left; color:#f3f3f3; font-size:14px; margin-right:4px; } .social-widget { overflow:hidden; } .widget .social-widget li.flickr { padding:0; } .widget .social-widget { padding:10px; } .footer-widget .social-widget li, .widget .social-widget li{ float:left; list-style-type:none; border:none; padding:0 9px 0 0; } .footer-widget .social-widget li a { border:none; } .facebook a{ background:url(images/social-icons/facebook-widget.png) no-repeat; width:24px; height:24px; display:block;} .twitter a{ background:url(images/social-icons/twitter-widget.png) no-repeat; width:24px; height:24px; display:block;} .vimeo a{ background:url(images/social-icons/vimeo-widget.png) no-repeat; width:24px; height:24px; display:block;} .linkedin a{ background:url(images/social-icons/linkedin-widget.png) no-repeat; width:24px; height:24px; display:block;} .youtube a{ background:url(images/social-icons/youtube-widget.png) no-repeat; width:24px; height:24px; display:block;} .flickr a{ background:url(images/social-icons/flickr-widget.png) no-repeat; width:24px; height:24px; display:block;} .friendfeed a{ background:url(images/social-icons/friendfeed-widget.png) no-repeat; width:24px; height:24px; display:block;} .deviantart a{ background:url(images/social-icons/deviantart-widget.png) no-repeat; width:24px; height:24px; display:block;} /** Search Widget **/ .search-sidebar { margin-bottom:35px; background:url(images/bg-pattern.png) repeat; padding:10px; } #search{ background:#fff; padding:5px 10px; overflow:hidden; } #search #s { background:none; border:none; color:#666; width:240px; float:left; font-style:italic;} #searchbutton{ width:16px; height:16px; float:right; float:right; margin-top:2px; background:url(images/search.png) no-repeat; border:0; text-indent: -1000em; cursor: pointer; cursor: hand; /* for IE 5.x */ } #search #s:focus { outline:none; } .search-header { margin-left:20px; } .search-header #search{ padding:2px 5px 2px 10px; overflow:hidden; } .search-header #search #s { width:150px; color :#d7d7d7;} .search-header { float:right; border:1px solid #ebebeb; width: 190px; overflow:hidden; } /** Flick Widget **/ .widget-footer .flickr_stream a{ background:#111; display:block; width:63px; height:50px; float:left; display:block; margin:0px 8px 8px 0; border:none; } .widget-footer .flickr_stream img{ width:63px; height:50px; } .widget .flickr_stream { overflow:hidden;} .widget .flickr_stream a{ background:#111; display:block; width:83px; height:65px; float:left; display:block; margin:5px; } .widget .flickr_stream img{ width:83px; height:65px; } /** Tabs widget **/ .tabs-wrapper { padding:0; overflow:hidden; overflow:hidden; } ul.tabs-sidebar { margin:0; padding:0; overflow: hidden; background:transparent; } ul.tabs-sidebar li { background:none; float:left; text-align:center; width:35%; padding: 0 !important; border:none !important; overflow: hidden; } ul.tabs-sidebar .last { width:30%; } ul.tabs-sidebar li a { text-decoration:none; font-size:14px; display: block; outline: none; padding:3px 0; text-transform:uppercase; } ul.tabs-sidebar li.last a { overflow:hidden; border-right:none; padding:3px 0; } ul.tabs-sidebar li a:hover, ul.tabs-sidebar li.active a{ background: #fff !important; z-index:1000; border-bottom:1px solid #fff; } .tab_content{ background:#fff; padding:0 10px; } .block-tabs { overflow:hidden; padding:15px 0; border-bottom:1px dashed #efefef; } .block-tabs:last-child { border:none; } .block-tabs .description { padding-left:85px; } .block-tabs .tabs-image{ float:left; overflow:hidden; width:75px; height:60px; } .block-tabs .tabs-meta, .block-tabs .tabs-meta a { float:left; padding-top:5px; font-size:11px; font-style:italic; font-weight:normal; } .review { float:left; padding:2px 0 0 7px; } .block-tabs .avatar { margin-top:0; float: left; margin-right: 10px; } .block-tabs .comment-text-side { font-weight:normal; font-size:12px; } .commenters { font-size:14px; } #tags-tabs { overflow:hidden; } .tagcloud { overflow:hidden; padding:5px 0; } .tagcloud a { border:1px solid #444; float: left; margin: 5px 5px 5px 0; padding:3px 10px; color:#444 !important; font-weight:normal; } .tagcloud a:hover { color:#fff; background:#2b6315; text-decoration: none; } /** Tweet Widget **/ .widget .tweets li { padding:10px 10px 11px 28px; background:url(images/twitter.png) no-repeat 0px 15px; } .widget-footer .tweets li { padding:0 0 0 28px; background:url(images/twitter-footer.png) no-repeat 0px 5px; } .tweets li a { font-style:italic; } /** Facebook Like **/ .facebook-like-wrap { border:1px solid #ddd;} .facebook-like-wrap iframe[style]{ width:100% !important; } /***************** SHORTCODES ******************/ /** Columns **/ .last { margin-right: 0 !important; } .one_half { width: 48%; float: left; margin-right: 4%; } .one_half.last { width: 48%; float: right; } .one_third { width: 30.6666%; float: left; margin-right: 4%; } .one_third.last { width: 30.6666%; float: right; } .two_third { width: 65.3332%; float: left; } .two_third.last { width: 30.6666%; float: right; } .one_fourth { width: 22%; float: left; margin-right: 4%; } .one_fourth.last { width: 22%; float: right; } .three_fourth { width: 74%; float: left; margin-right: 4%; } .three_fourth.last { width: 22%; float: right; } .clearboth { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; } /** Tabs **/ .single-content .tabs-wrapper { background:url(images/bg-pattern.png) repeat; padding:10px; } .single-content ul.tabs { padding:0; margin:0; } .single-content ul.tabs li { background:none; float:left; text-align:center; overflow: hidden; padding:4px 15px; } .single-content ul.tabs li a { font-size:16px; font-weight:normal; border-bottom:none; color:#444; } .single-content ul.tabs li a:hover, .single-content ul.tabs li a.active, h5.toggle a:hover { color:#2b6315; } .single-content ul.tabs li:hover, .single-content ul.tabs li.active { background:#fff; z-index:1000; } .single-content .tabs-wrapper { margin: 10px 0 30px 0; } .single-content .tabs-wrapper .tabs-container { padding:15px; background:#fff; } .single-content .tabs-wrapper .tabs-container .tab_content { background:#fff; padding:0; } .single-content .tabs-wrapper ul li { width:auto; } /** Dropcap **/ .dropcap { font-size:40px; margin-right:6px; text-transform: uppercase; float: left; line-height: 1; font-weight:bold; } /** Highlight **/ .highlight1 { background:#f6f67a; } .highlight2 { background:#000; color:#CCC; } /** Youtube & Vimeo **/ .video-shortcode { margin-bottom:20px; } /** Toggles **/ h5.toggle { background:url(images/bg-pattern.png) repeat; padding:5px 10px; margin:15px 0; cursor:pointer; } h5.toggle a { background:url(images/toggle-open.png) no-repeat left center; text-decoration:none; padding-left:20px; font-size:16px; color:#444; font-weight:normal; } h5.toggle.active a { background:url(images/toggle-close.png) no-repeat left center; text-decoration:none; padding-left:20px; font-size:16px; } .toggle-content { display:none; background:url(images/bg-pattern.png) repeat; padding:10px; font-size:12px; margin-bottom:20px; } .toggle-content .block { background:#fff; padding:10px; } /** List **/ .checklist li { background:url(panel/shortcodes/check-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;} .badlist li { background:url(panel/shortcodes/bad-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;} .blocklist li { background:url(panel/shortcodes/block-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;} /** Attention, Information, and Error **/ .attention {padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #BF9900; background: #FEEB9C url(images/warning-bg.png) repeat-x top; } .attention p, .information p, .error_warning p { padding: 0; margin: 0;} .attention p span {background:url(panel/shortcodes/icon-warning.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #BF9900;} .information { padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #2FADD7; background: #92D6ED url(images/info-bg.png) repeat-x top; } .information p span {background:url(panel/shortcodes/icon-info.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #0E7A9F;} .error_warning { padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #990000; background: #F5D0CD url(images/error-bg.png) repeat-x top; } .error_warning p span { background:url(panel/shortcodes/icon-error.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #990000;} /** Buttons **/ .button { padding:8px; display:inline-block; margin:10px 13px 10px 0; cursor:pointer; } .button a { color:#F8F8F8; font-size:13px; text-transform:uppercase; text-decoration:none; font-weight:normal; } .button a:hover { color:#f8f8f8; } .button.silver a { color:#444; } .button.black { background:#464646; } .button.black:hover { background:#262626; } .button.red { background:#ed1c24; } .button.red:hover { background:#d51920; } .button.green { background:#00a651; } .button.green:hover { background:#027d3e;} .button.blue { background:#448ccb; } .button.blue:hover { background:#015d99;} .button.orange { background:#FFA500; } .button.orange:hover{ background:#dd8f01;} .button.silver { background:#F8F8F8; } .button.silver:hover { background:#e8e8e8;} .button.pink { background:#ec008c; } .button.pink:hover { background:#ce007a;} .button.brown { background:#8c6239; } .button.brown:hover { background:#73512f;} /**************** FOOTER ****************/ .footer-widget { background:#272625; color:#efefef; padding-bottom:20px; } .footer-widget a{ color:#efefef; border-bottom: 1px dashed #5B5A59; } .footer-widget p { color:#efefef; } .footer-bottom { background:#1E1D1D; } .footer-bottom-wrap { padding:15px 0 10px 0; } .widget-footer { padding:15px 0; overflow:hidden; } .widget-footer .cat-item { width:50%; float:left; } .widget-footer ul { list-style-type:none; clear:both; height:100%; overflow:hidden;} .widget-footer ul li { margin:0; margin:0 0 10px 0; } .bottomNav-wrapper { overflow:hidden; } .bottomNav { float:right; margin:0; } .bottomNav a { font-size:14px; text-transform:uppercase; color:#efefef; } .bottomNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; } .bottomNav li a{ padding:0 0 0 20px; display:block; } .logo-bottom{ padding-top:10px; overflow:hidden; } .credits { padding-top:5px; } .credits p{ float:right; color:#efefef} .credits a{ color:#efefef; border-bottom: 1px dashed #5B5A59; } /**************** 404 Error ****************/ .error404_image { overflow:hidden; margin-bottom:20px; } .error404_title { font-weight:bold; font-size:50px; text-align:center; margin-bottom:20px } .error404_text { font-weight:bold; font-size:30px; text-align:center; margin-bottom:20px;} /* Facebook Comments */ .fb-comments{ margin-bottom:30px; } .fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important; } .facebook-fan-box iframe[style] { width: 103% !important; }