/* Theme Name: Cinematix Description: A BuddyPress Theme Author: Diabolique Design Author URI: http://themeforest.net/user/Diabolique Theme URI: http://themeforest.net/item/cinematix-buddypress-theme/4959387 Tags: buddypress Version: 1.0.3 License: Regular License License URI: http://themeforest.net/licenses/regular_extended */ /*-------------------------------------------------------------- ---------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset - Based on work by Eric Meyer 2.0 - Structural 2.1 - Content 2.2 - Header 2.3 - Footer 2.4 - Sidebar 2.5 - Frontpage 2.6 - Groups 2.7 - Top Header 2.8 - Login Page 2.9 - Search Page 3.0 - Non-structural 3.1 - Text 3.2 - Headers 3.3 - Lists 4.0 - Navigation 4.1 - Pagination 4.2 - Shortcodes 5.0 - WordPress 5.1 - Alignments 5.2 - Comments 5.3 - Gallery 5.4 - Images 5.5 - Posts 5.6 - Contact Form 7 6.0 - BuddyPress 6.1 - Activity 6.1.1 - Activity Listing 6.1.2 - Activity Comments 6.2 - Admin Bar 6.3 - Directories - Members, Groups, Blogs, Forums 6.4 - Error / Success Messages 6.5 - Forms 6.6 - Ajax Loading 6.7 - Tables 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums 6.9 - Private Messaging Threads 7.0 - WooCommerce 7.1 - WPMU --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Reset - Reset default browser CSS. Based on work by Eric Meyer: v1.0 http://meyerweb.com/eric/tools/css/reset/index.html --------------------------------------------------------------*/ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} header, nav, section, article, aside, footer { display:block; } /*-------------------------------------------------------------- 2.0 - Structural --------------------------------------------------------------*/ body { /*background:#f55438;*/ background:#e9e9e9; font-size: 12px; color:#464646; font-family: Open Sans, Tahoma, Verdana, sans-serif; padding:0px; } #main { padding:0; overflow:hidden; width:1240px; margin:0 auto; } .page-template-frontpage1-php #main { width:100%; } #container { overflow:hidden; padding-bottom:20px; background-image: url( "images/spacer-v.png" ); background-repeat:repeat-y; background-position:795px top; } .page-template-frontpage1-php #container, .registration #container, .page-template-login-php #container, .page-template-recovery-php #container, .directory.groups #container, .page-template-search-page-php #container, .activity-permalink #container, .page-template-onecolumn-page-php #container, .page-template-page3-php #container, .error404 #container, body.activate #container, .page-template-blog-full-php #container, .directory.blogs #container { background-image:none; } .page-template-frontpage1-php #container { padding-bottom:0px; } body.activity-permalink div#container {background: none;border: none;} a { text-decoration: none; color:#F55438; } .page-template-onecolumn-page-php .entry a { color:#F55438; text-decoration:underline; } a img {border:none;} .none { display:none; } input { font-family:Open Sans; } #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button { background-image: url( "images/bg-button.png" ); background-repeat: repeat-x; background-position:center center; cursor:pointer; padding:5px 11px 5px 11px; text-shadow: 1px 1px 0px #ffffff; border:1px solid #d2d2d2; font-size:15px; font-weight:700; border-radius:5px; color:#565656; transition: all 300ms ease-in; } #respond #comment-submit, #wp-submit, #signup_submit, .wpcf7-submit, .page-template-search-page-php #search-submit, body.activate #activation-form p.submit input, #group-settings-form .edit, #group-settings-form #save { font-size:20px; /*background-image: url( "images/bg-button-red.png" ); background-repeat: repeat-x; background-position:center center; */ background: #f5654c; /* Old browsers */ background: -moz-linear-gradient(top, #f5654c 0%, #dc4c33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5654c), color-stop(100%,#dc4c33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5654c 0%,#dc4c33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5654c 0%,#dc4c33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5654c 0%,#dc4c33 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5654c 0%,#dc4c33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5654c', endColorstr='#dc4c33',GradientType=0 ); /* IE6-9 */ cursor:pointer; padding:8px 30px 8px 30px; text-shadow: 1px 1px 0px #a22e1a; border-top:1px solid #f68e7c; border-left:1px solid #f68e7c; border-right:1px solid #ca3a20; border-bottom:1px solid #ca3a20; font-weight:700; border-radius:5px; color:#ffffff; transition: all 300ms ease-in; } #respond #comment-submit:hover, #wp-submit:hover, #signup_submit:hover, .wpcf7-submit:hover, .page-template-search-page-php #search-submit:hover, body.activate #activation-form p.submit input:hover { padding:8px 40px 8px 40px; color:#ffffff!important; } li.bypostauthor cite span {padding: 6px 10px;padding: 0.428571429rem 0.714285714rem;font-size: 11px;font-size: 0.785714286rem;line-height: 1.428571429;font-weight: normal;color: #7c7c7c;background-color: #e6e6e6;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: linear-gradient(top, #f4f4f4, #e6e6e6);border: 1px solid #d2d2d2;border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);} /*-------------------------------------------------------------- 2.1 - Content --------------------------------------------------------------*/ #content { width:753px; float:left; line-height:1.6em; font-size:14px; min-height:500px; background-image: url( "images/brush.png" ); background-repeat: no-repeat; background-position: center -300px; } .registration #content, .page-template-login-php #content, .page-template-recovery-php #content, .directory.groups #content, .page-template-search-page-php #content, .activity-permalink #content, .page-template-onecolumn-page-php #content, .page-template-page3-php #content, #content #error404, .page-template-recovery-php #content, body.activate #content, #error-404, .page-template-blog-full-php #content, .directory.blogs #content { width:1236px; } .page-template-frontpage1-php #content { width:100%; background-image: none; } .registration #content, .page-template-login-php #content, .page-template-contact-php #content, .page-template-onecolumn-page-php #content, .page-template-page3-php #content, .page-template-recovery-php #content, body.activate #content { color:#646464; font-size:15px; } .registration #content a, .page-template-login-php #content a, .page-template-recovery-php #content a, body.activate #content a, .page-template-default #content, .page-template-default #content a, #content#error404 { color:#646464; } #content-white { background:#ffffff; padding:30px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #content.bbpress-page { padding-top:0px; } div#content .one-column {border-right: 0 none;margin-right: 0; } div#content .left-menu {float: left;width: 170px; } div#content .main-column {margin-left: 190px; } .group-create div#content .main-column {margin-left: 240px; } div.page-title { font-size:65px; line-height:75px; padding:20px 20px; color:#ffffff; } .page-template-page2-php div.page-title, .page-template-page3-php div.page-title, .page-template-search-page-php div.page-title, .woocommerce-page div.page-title, .registration div.page-title, .activation div.page-title, .page-template-login-php div.page-title, .page-template-recovery-php div.page-title, .create-blog div.page-title { border-top-right-radius: 5px; border-top-left-radius: 5px; line-height:53px; margin-top:60px; padding:20px 30px; color:#ffffff; background:#2f2f2f; font-weight:bold; font-size:28px; } .page-title-bold, .sub-title-bold { font-size:48px; line-height:60px; padding:20px 0px; margin-top:30px; font-weight:bold; color:#f55438; } body.bbpress .page-title-bold { margin-top:30px; margin-bottom:10px; } .page-template-login-php .page-title, .page-template-contact-php .page-title, .directory.members .page-title { font-size:48px; line-height:65px; padding:20px 0px; margin-top:30px; font-weight:bold; color:#F55438; } /*-------------------------------------------------------------- 2.2 - Header --------------------------------------------------------------*/ header { margin:0 auto; height: 88px; background:#fff; } #header-container { margin:0 auto; width:1240px; } #logo { margin-top:20px; float:left; } #header-left { width:400px; } #header-right { float:right; width:900px; } #header-bar { height:58px; width:100%; border-bottom:3px solid #d64931; background-image: url( "images/menu.png" ); background-repeat: repeat-x; display:table; } #header-bar-container { width:1240px; margin:0 auto; } .sticky { position: fixed; width: 100%; top: 0; z-index: 200; border-top: 0; } .logged-in .sticky { top:32px; } .tile { display:block; float:right; width:107px; height:33px; position:relative; padding-top:55px; text-align:center; border-left:1px solid #e4e4e4; } .tile-title { font-size:11px; font-weight:700; color:#4f4f4f; } .tile-title a { font-weight:700; font-family: Open Sans; text-transform:uppercase; } .tile-activity { background-image: url( "images/tile-activity.png" ); background-position: center 18px; background-repeat: no-repeat; } .tile-blog { background-image: url( "images/tile-blog.png" ); background-position: center 18px; background-repeat: no-repeat; } .tile-members { background-image: url( "images/tile-members.png" ); background-position: center 18px; background-repeat: no-repeat; } .tile-contact { background-image: url( "images/tile-contact.png" ); background-position: center 23px; background-repeat: no-repeat; border-right:1px solid #e4e4e4; } .tile-groups { background-image: url( "images/tile-groups.png" ); background-position: center 18px; background-repeat: no-repeat; } .tile-forums { background-image: url( "images/tile-forums.png" ); background-position: center 18px; background-repeat: no-repeat; } /*-------------------------------------------------------------- 2.3 - Footer --------------------------------------------------------------*/ footer { width:100%; display:table; padding: 15px 0 15px 0; background:#ffffff; } .page-template-search-page-php footer, .page-template-login-php footer, .page-template-recovery-php footer, body.activate footer { /*position:absolute; bottom:0; */} #footer-container { width:1240px; margin:0 auto; } .footer-left { width:298px; float:left; } .footer-right { float:right; font-size:15px; font-weight: bold; color:#3b3b3b; margin-top:10px; } .footer-nav-container { float:right; font-size:13px; color:#3b3b3b; margin:13px 0 0 14px; } ul.footer-nav li { display:inline; padding:0 8px; border-left:1px solid #F55438; } ul.footer-nav li a:hover { color:#3B3B3B; } ul.footer-nav li:first-child { border-left:0px solid #F55438; } ul.social { margin: auto; padding-left: 0px; width:298px; } ul.social li { float: left; margin:13px 10px 10px 0px; font-size: 11px; font-weight: bold; text-transform: uppercase; } ul.social li:nth-child(3) { margin:13px 0px 10px 0px; } ul.social li a { color: #F55438; text-decoration: none; padding: 4px 30px 4px 0; display:block; } ul.social li a:hover { color:#333; text-decoration: underline; } ul.social li a.fb { background: url(images/social.png) right -30px no-repeat; } ul.social li a.tw { background: url(images/social.png) right -90px no-repeat; } ul.social li a.google { background: url(images/social.png) right -150px no-repeat; } ul.social li a.insta { background: url(images/social.png) right -60px no-repeat; } ul.social li a.skype { background: url(images/social.png) right -90px no-repeat; } ul.social li a.vimeo { background: url(images/social.png) right -120px no-repeat; } /*-------------------------------------------------------------- 2.4 - Sidebar --------------------------------------------------------------*/ #sidebar { width: 425px; margin-left:55px; margin-top:26px; padding-left:5px; float:left; position:relative; } #sidebar p { line-height:1.6em; font-size:13px; } .sidebar-box { position:relative; padding:0px 0 0px 25px; margin:0 0 50px 0; color:#464646; line-height:1.5em; font-size:13px; overflow:hidden; } div#sidebar div.sidebar-box .sidebar-title, div#sidebar div.sidebar-box .sidebar-title a { font-size:26px; padding:0px 0 12px 0; margin-bottom:20px; color:#f55438; font-weight:bold; } div#sidebar div.sidebar-box:first-child div.sidebar-title { border-top:none; } .sidebar-box-child { padding:0 2px; } #sidebar ul { margin-top:0px; } .sidebar-box li { padding:6px 0px 5px 0px; } .sidebar-box a { color:#464646; font-size:13px; } .sidebar-box ul li ul li { margin-left:10px; border:none; } #blog-categories ul li { margin-bottom:12px; } ul#blog-categories-left { float:left; width:160px; } ul#blog-categories-right { float:left; width:160px; margin-left:5px; } ul#blog-categories-left a, ul#blog-categories-right a { font-size:15px; font-weight:bold; border-radius:7px; padding:5px 16px; background:#f55438; border-right:1px solid #cb3f26; border-bottom:1px solid #cb3f26; color:#fff; } #sidebar .textwidget p { color:#464646; font-size:15px; } .tagcloud a { } .widget_recent_comments ul#recentcomments li, .widget_display_views ul li { } /*-------------------------------------------------------------- Who is online Widget --------------------------------------------------------------*/ #bp_core_whos_online_widget-3 { overflow:hidden; } #bp_core_whos_online_widget-3 img.avatar { border:5px solid #ffffff; border-radius:4px; margin:0 7px 7px 0; float:left; } /*-------------------------------------------------------------- Members Widget --------------------------------------------------------------*/ #sidebar ul.item-list li div.item-title a { color:#F55438; font-weight:bold; } #members-list-options { font-style:italic; margin-top: -12px; margin-bottom:12px; } #sidebar #members-list li { background:none; margin-bottom:10px; padding-left:0px; padding-right:0px; border-right:none; border-bottom:none; } #sidebar #members-list li .item-avatar img { display:block; border:6px solid #ffffff; border-radius:4px; } /*-------------------------------------------------------------- Latest Blog Posts Widget --------------------------------------------------------------*/ .recent-post { width:100%; margin:15px 0; overflow:hidden; } .recent-post-thumb { float:left; z-index:100; position: relative; border-right:3px solid #e9e9e9; border-bottom:3px solid #e9e9e9; } .recent-post-thumb img { width:75px; height:60px; border:5px solid #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display:block; } .recent-post-title { float:left; width:283px; min-height:68px; margin-left:-12px; padding:14px 12px 9px 24px; background:#ffffff; border-right:1px solid #e0dfdf; border-bottom:1px solid #e0dfdf; color:#606060; border-radius:5px; } .recent-post-title a { font-size:14px; color:#464646; font-weight:bold; } .recent-post-bottom { margin-top:6px; } .recent-post-time { float:right; font-size:11px; padding:3px 0 3px 23px; line-height:11px; background-image: url( "images/time.png" ); background-repeat: no-repeat; background-position: left center; font-style:italic; } .recent-post-time a { font-size:11px; } .recent-post-bottom .post-title-bottom-category a { font-size:10px; } /*-------------------------------------------------------------- Latest Forum Posts Widget --------------------------------------------------------------*/ ul li.forum-lastposts { float:left; position:relative; min-height:75px; border-bottom:none; padding:0px; width:399px; margin-bottom:16px; background-image: url( "images/buble.png" ); background-repeat: no-repeat; background-position: 74px 12px; } a.activity-content-title { font-weight:bold; font-size:14px; } .forum-lastposts-avatar { float:left; display:block; z-index:100; position: relative; } .forum-lastposts-avatar img { display:block; width:50px; height:50px; border:6px solid #ffffff; border-radius: 4px; } ul li.forum-lastposts .activity-content { display:block; font-size:13px; width:288px; border-radius:5px; min-height:50px; float:right; line-height:1.6em; padding:9px 9px 9px 16px; background:#ffffff; border-bottom:1px solid #e0dfdf; } ul li.forum-lastposts .activity-content a { color:#464646; } .forum-lastposts .activity-content img { display:none; } .page-template-frontpage1-php ul li.forum-lastposts { width:385px; } .page-template-frontpage1-php ul li.forum-lastposts .activity-content { width:274px; } ul li.forum-lastposts .activity-content-details, ul li.forum-lastposts .activity-content-details a { font-size:12px; font-style:italic; color:#838383; } /*-------------------------------------------------------------- Login Widget --------------------------------------------------------------*/ #widget-login { display:table; color:#f55438; position:relative; } body.logged-in #widget-login { min-height:114px; } .widget-login-logged { font-size:18px; } #widget-login-top { display:table; } .widget-login-avatar { float:left; } .widget-login-avatar img { border-radius:5px; } #widget-login .avatar { border:7px solid #ffffff; margin-right:10px; box-shadow: 2px 2px 7px 0px #b1b1b1; } .widget-logged-content-1 { width:260px; float:right; font-weight:bold; margin-top:7px; min-height:40px; font-size:24px; } .widget-logged-content-1 a { color:#f55438; font-size:24px; } .widget-logged-content-2 { width:260px; float:right; } .wl-box { display:block; float:left; height:50px; width:60px; font-weight:bold; color:#ffffff; background: url( "images/p-box.png" ); background-position:right bottom; background-repeat: no-repeat; } .wl-set { display:block; float:left; margin-left:53px; height:50px; width:45px; color:#ffffff; background: url( "images/p-set.png" ); background-position:center bottom; background-repeat: no-repeat; } .wl-logout { display:block; float:left; margin-left:40px; font-weight:bold; height:50px; width:43px; color:#ffffff; background: url( "images/p-lock.png" ); background-position:right bottom; background-repeat: no-repeat; } .notif-container { width:100%; margin-top:30px; margin-bottom:15px; border-radius:5px; background:#2b2b2b; border:1px solid #1e1e1e; color:#f4f4f4; } .notif-container-title { font-size:16px; padding:9px 15px; font-weight:bold; border-bottom:1px solid #1e1e1e; } .my-notification { padding:7px 15px; font-style:italic; border-bottom:1px solid #1e1e1e; border-top:1px solid #3a3a3a; } .my-notification:last-child { border-bottom:none; } .my-notification a { color:#f4f4f4; } .vcard-bg { width:270px; padding:2px 0px 0px 20px; float:left; } .vcard-bg a { color:#ffffff; } .vcard-1 { float:left; width:100%; text-shadow: 1px 1px 0px #b93c26; font-weight:bold; text-align:left; overflow:hidden; font-size:24px; } .vcard-1 a { font-size:24px; } .vcard-2 { width:100%; margin-top:65px; text-align:right; font-size:12px; font-weight:nomal; } .vcard-2 .color-button { padding:4px 10px; margin-left:6px; } .vcard-avatar { background: url( "images/avatar.png" ); background-repeat: no-repeat; width:86px; height:102px; float:left; } .vcard-avatar img { display:block; } #login-form { float:left; margin-left:35px; width:270px; } #login-form #login-username, #login-form #login-pass { background:#d94b33; width:97%; color:#ffffff; padding:7px 4px; font-size:18px; border-radius:5px; margin-bottom:10px; border-top:1px solid #ba422d; border-left:1px solid #ba422d; border-bottom:1px solid #ff7861; border-right:1px solid #ff7861; box-shadow: inset 1px 1px 2px 0px #c1432d; } #login-form #login-pass { width:215px; margin-top:7px; } #login-form .forgetmenot { font-style:italic; margin-top:5px; } #login-form #login-username.hoverTextActive, #login-form #login-pass.hoverTextActive { font-style:italic; color:#ff816c; } #widget-login #login-submit { width:31px; height:31px; border:none; cursor:pointer; margin-left:10px; background: url( "images/p-key.png" ); background-repeat: no-repeat; } #widget-login-home { display:table; color:#f55438; position:relative; float:left; margin-left: 150px; } #login-form-home { float:left; margin-left:15px; width: 560px; } #login-form-home #login-username, #login-form-home #login-pass { width:215px; background:#fff; color:#646464; padding:7px 4px; font-size:18px; border-radius:5px; margin-bottom:10px; border:0px solid #ba422d; box-shadow: inset 1px 1px 2px 0px #B6B6B6; } #login-form-home .forgetmenot { font-style:italic; font-size:12px; line-height:18px; color:#fff; } #login-form-home .forgetmenot a { color:#fff; } #login-form-home #login-username.hoverTextActive, #login-form-home #login-pass.hoverTextActive { font-style:italic; color:#ff816c; } #login-form-home #login-submit { background: #f8df7a; /* Old browsers */ background: -moz-linear-gradient(top, #f8df7a 0%, #edc048 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8df7a), color-stop(100%,#edc048)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8df7a 0%,#edc048 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8df7a 0%,#edc048 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8df7a 0%,#edc048 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8df7a 0%,#edc048 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8df7a', endColorstr='#edc048',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border:1px solid #fff; font-size:18px; font-weight:bold; float: right; margin: 10px 5px 0px 10px; text-align: center; padding: 5px 15px; font-style: normal; line-height: 28px; cursor:pointer; } .vcard-avatar-home { float:left; color:#fff; font-size:16px; line-height:24px; margin-top:16px; } /*-------------------------------------------------------------- 2.5 - Frontpage --------------------------------------------------------------*/ #slider-spacer, .front-spacer { width:100%; height:8px; background-image: url( "images/spacer-h.png" ); } .front-spacer { margin-top:10px; margin-bottom:0px; } .front-spacer-home { width:100%; height:8px; margin-bottom:20px; background-image: url( "images/spacer-h.png" ); } .sub-title-bold { padding:0px 0px 20px 0; font-size:28px; margin-top:0px; } .front-member { padding-top:30px; } .sub-title-m {float:left; font-size:28px; line-height:40px; margin-top:20px; font-weight:bold; } .sub-title-m a { color:#F55438; } .front-member-child { width:1000x; float:left; margin-left:30px; margin-top:10px; } .sub-title-d { font-size:60px; line-height:40px; margin-top:0px; margin-left:20px; font-weight:bold; float:left; color:#F55438; text-shadow: 1px 1px 0px #b1b1b1; } .front-member-item img { box-shadow: 2px 2px 7px 0px #b1b1b1; } .front-container { width:1236px; margin:0 auto; } .front-container-bottom { margin-top:20px; margin-bottom:0px; } .frontpage-right { float:right; width:405px; } .front-spacer-v { float:left; margin-top:-21px; margin-left:75px; width:8px; height:650px; background-image: url( "images/spacer-v.png" ); } .front-container .front-box { width:100%; overflow:hidden; } .front-member-item img { margin:0 14px 12px 0; border:5px solid #ffffff; display:block; border-radius:5px; } .front-container .front-box-child { padding:0 7px; width:104%; } .front-margin { margin:20px 0 0 0; } /*-------------------------------------------------------------- 2.6 - Groups --------------------------------------------------------------*/ #groups-directory-form { margin-bottom:80px; } .group-box { float:left; position:relative; margin:15px 38px 25px 3px; padding:1px; width:320px; font-size:12px; line-height:1.6em; background:#ffffff; border-radius: 5px; border-right:1px solid #e0dfdf; border-bottom:1px solid #e0dfdf; } .directory.groups .group-box { margin:40px 30px 10px 50px; } .group-box-image-container { overflow:hidden; float:left; } .group-box-right { width:210px; padding:11px 0px 11px 11px; float:right; color:#303030; } .group-box-details { font-size:13px; font-style:italic; } .gb-a { margin-top:8px; padding-left:26px; background-image: url( "images/gb-a.png" ); background-repeat: no-repeat; background-position: left center; } .gb-m { margin-top:4px; padding-left:26px; text-transform:capitalize; background-image: url( "images/gb-m.png" ); background-repeat: no-repeat; background-position: left center; } a.group-box-image img { width:95px; height:95px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .group-box-title { font-weight:bold; } .group-box-title a { font-size:16px; color:#303030; } .directory.groups #object-nav { margin-top:50px; } #object-nav { margin-bottom:15px; width:100%; overflow:hidden; background: #f5593e; background: -moz-linear-gradient(top, #f5593e 0%, #f5593e 50%, #ed5136 51%, #ed5136 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5593e), color-stop(50%,#f5593e), color-stop(51%,#ed5136), color-stop(100%,#ed5136)); background: -webkit-linear-gradient(top, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); background: -o-linear-gradient(top, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); background: -ms-linear-gradient(top, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); background: linear-gradient(to bottom, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5593e', endColorstr='#ed5136',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-left:1px solid #fa755d; border-top:1px solid #fa755d; border-right:1px solid #ce4b34; border-bottom:1px solid #ce4b34; } #object-nav ul li { padding:14px 16px; float:left; background-image: url( "images/spacer-tabs.png" ); background-repeat:repeat-y; background-position:right center; } .bp-user #object-nav ul li { padding:14px 0px; } .page-template-frontpage1-php #object-nav { margin-bottom:30px; } #object-nav ul li a { color:#ffffff; font-size:12px; font-weight:bold; text-shadow:#b93c26 1px 1px 0px; } #object-nav ul li.current { } .activity-type-tabs { margin-bottom:30px!important; } .bpfb_form_container { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: transparent !important; } .single-group-box-image-container { float:left; position:relative; } /* GROUP TABS */ .list-wrap ul { width:108%; } .hidden-tab { position: absolute; top: -9999px; left: -9999px; } .front-container-bottom #tabs-container { width:690px; float:left; } #tabs-container .tabs-nav li { padding:18px 35px; } #tabs-container .tabs-nav li.last { margin-right: 0; } #tabs-container ul { list-style: none; } #tabs-container ul li a { display: block; } #tabs-container ul li:last-child a { border: none; } #create-group-button {float: right; display:block; font-size:14px; background-image: url( "images/bg-button-red.png" ); background-repeat: repeat-x; background-position:center center; cursor:pointer; padding:9px 14px 9px 14px; line-height:1em; 6; text-shadow: 1px 1px 0px #a22e1a; border-top:1px solid #f68e7c; border-left:1px solid #f68e7c; border-right:1px solid #ca3a20; border-bottom:1px solid #ca3a20; font-weight:700; border-radius:5px; color:#ffffff; } .color-button { background-image: url( "images/bg-button-red.png" ); background-repeat: repeat-x; background-position:center center; cursor:pointer; padding:9px 14px 9px 14px; line-height:1em; border-radius 5px; text-shadow: 1px 1px 0px #a22e1a; border-top:1px solid #f68e7c; border-left:1px solid #f68e7c; border-right:1px solid #ca3a20; border-bottom:1px solid #ca3a20; font-weight:700; border-radius:5px; color:#ffffff; } .group-admins { width:200px; float:left; } #group-create-tabs { padding:2px 3px 3px 3px; margin-top:20px; margin-bottom:20px; border-top:1px solid #fbb17e; border-bottom:1px solid #fbb17e; } #group-create-tabs ul li, #group-create-tabs ul li a, #group-create-tabs ul li span { padding:3px 19px; color:#F55438; font-size:16px; } #group-create-tabs ul li span { font-style:italic; } #group-create-tabs ul li.current a { color:#F55438; font-weight:bold; font-size:16px; } #group-create-body, #group-create-body h4, #group-create-body label { color:#646464; } #group-create-body input, #group-create-body textarea { border:none; } #group-create-body #invite-list { color:#000000; text-shadow:none; } #group-create-body ul#friend-list li { background:#ffffff; text-shadow:none; margin-top:10px; padding:10px; } #group-create-body ul#friend-list li a { text-shadow:none; } #group-create-body #message { text-shadow:none; border:none; color:#000000; } .mygroups { padding:25px; } .mygroups #object-nav { display:none; } /*-------------------------------------------------------------- 2.7 - Top Header --------------------------------------------------------------*/ #bar-right { float:right; } #top-search-container { width:265px; } #searchform-child { overflow:hidden; width:194px; height:39px; background:url( "images/search.png" ) no-repeat; margin-top:19px; } #adv-search-link { float:left; margin-top:4px; font-size:10px; /* margin-top:16px; font-size:16px; */ margin-right:6px; text-align:center; width:65px; } #adv-search-link a { color:#6f6f6f; } #top-search-container form#searchform #s { background:none; color:#f4f4f4; border:none; padding:9px 2px 6px 10px; font-size:14px; float:left; width:130px; } #top-search-container form#searchform #searchsubmit { background:none; width:47px; height:37px; cursor:pointer; float:right; border:none; font-size:11px; } #top-search-container .hoverText.hoverTextActive { color: #5e5e5e!important; font-style:italic; } #top-search-container .hoverText { color: #f4f4f4; } /*-------------------------------------------------------------- 2.8 - Login Page --------------------------------------------------------------*/ #page-login-form { width:400px; margin:0 auto; margin-bottom:170px; } #page-user-login { width:400px; } #page-user-pass { width:400px; border:none; } #wp-submit, #signup_submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button { display:block; margin-top:25px; margin-bottom:15px; } /*-------------------------------------------------------------- 2.9 - Search Page --------------------------------------------------------------*/ .search-bg { background: url("images/search-bg.jpg") no-repeat right top; } .page-template-search-page-php #search-form { padding:140px 0 140px 20px; width:540px; overflow:hidden; } .page-template-search-page-php #search-page-border { background:#ffffff; border-radius:4px; padding:0px; float:left; } .page-template-search-page-php .search-terms { font-size:18px; background:#f1f1f1; border:0px; color:#646464; border-radius:5px; box-shadow: inset 1px 1px 2px 0px #b6b6b6; font-family:Arial; padding: 12px 9px; } .page-template-search-page-php #search-which { margin:0 10px; background:#f1f1f1; border:0px; color:#646464; border-radius:5px; box-shadow: inset 1px 1px 2px 0px #b6b6b6; font-family:Arial; padding: 12px 9px; width: 160px !important; } .page-template-search-page-php #search-which, .page-template-search-page-php select option { font-size:18px; } .page-template-search-page-php #search-submit { padding:8px 30px!important; margin-top:1px; float:left; } #blog-search { margin-top:60px; } #blog-search h3 { border-bottom:1px solid #d64931; line-height:1.0em; padding:30px 0; margin:0px; } #blog-search h3 a { font-size:24px; background:none; color:#2F2F2F; } /*-------------------------------------------------------------- 3.0 - Non-structural --------------------------------------------------------------*/ p {margin-bottom: 15px;} p:last-child {margin-bottom: 0;} .accessibly-hidden {left: -999em;position: absolute;} hr {background-color: #e7e7e7;border: 0 none;clear: both;height: 1px;margin: 20px 0;} textarea {resize: vertical;} /*-------------------------------------------------------------- 3.1 - Text --------------------------------------------------------------*/ big {font-size: 18px;} del {text-decoration: line-through;} ins {background: #fff9db;text-decoration: none;} sub {top: .5ex;} sup {bottom: 1ex;} sub, sup {height: 0;line-height: 1;position: relative;vertical-align: baseline;} pre, blockquote {margin-bottom: 20px;} pre, code p {background: #f4f4f4;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 15px;overflow: auto;} blockquote {font-family: georgia, times, serif;font-size: 16px;font-style: italic;line-height: 150%;padding: 0 3em;quotes: none;} blockquote p {margin-bottom: 15px !important;} /*-------------------------------------------------------------- 3.2 - Headers --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 {margin: 5px 0 15px 0; line-height:1.2em; font-weight:bold; color:#252525; } body.registration h1, body.registration h2, body.registration h3, body.registration h4, body.registration h5, body.registration h6, body.page-template-onecolumn-page-php h1, body.page-template-onecolumn-page-php h2, body.page-template-onecolumn-page-php h3, body.page-template-onecolumn-page-php h4, body.page-template-onecolumn-page-php h5, body.page-template-onecolumn-page-php h6 { color:#F55438; } h1 {font-size: 48px;margin-bottom: 20px;} h2 {font-size: 44px;margin-bottom: 16px;} h3 {font-size: 38px; margin-bottom: 12px;} h4 {font-size: 34px;margin-bottom: 10px;} h5 {font-size: 26px;margin-bottom: 10px; color:#2F2F2F !important; } h6 {font-size: 20px;margin-bottom: 7px;} h5 span { background:#F55438; font-size: 14px; color:#fff !important; padding:0 5px; margin-left:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*-------------------------------------------------------------- 3.3 - Lists --------------------------------------------------------------*/ div.page ul, div.page ol, div.page dl, div.post ul, div.post ol, div.post dl {margin: 0 0 18px 1.5em;} div.page ul, div.post ul { list-style: square; } div.page ol, div.post ol {list-style: decimal;} div.page ol ol, div.post ol ol { list-style: lower-alpha;} div.page ol ol ol, div.post ol ol ol {list-style: lower-roman;} dl {margin-left: 0;} dt {font-size: 14px;font-weight: bold;} dd {margin: 0 0 15px 0;} div.post ul ul, div.post ol ol, div.post ol ul, div.post ul ol, div.page ul ul, div.page ol ol, div.page ol ul, div.page ul ol {margin-bottom: 0px;} /*-------------------------------------------------------------- 4.0 - Navigation --------------------------------------------------------------*/ nav { float:left; margin-top:0px; border-left:1px solid #232222; border-right:1px solid #3b3b3b; } nav a { color: #ededed; } nav ul, nav ul ul { margin:0 0 0 20px; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:200; font:16px Open Sans; } nav ul { margin:0 0 0 0px; } nav ul a:link, nav ul a:active, nav ul a:visited { display:block; padding:17px 19px 19px 19px; text-decoration:none; } nav ul li ul li a:link, nav ul li ul li a:active, nav ul li ul li a:visited { display:block; text-decoration:none; padding:12px 19px 12px 19px; } nav ul li a:link { padding:17px 19px 19px 19px; } nav ul li { float:left; position:relative; border-left:1px solid #3b3b3b; border-right:1px solid #232222; opacity: 1; transition: all 300ms ease-in; } nav ul li:hover { border-right:1px solid #121212; border-left:1px solid #474747; background-image: url( "images/menu-hover.png" ); background-repeat: repeat-x; background-position: left center; } nav ul li ul li:hover { background:#104537; border-top:1px solid #474747; border-right:none; border-left:none; } nav ul ul { position:absolute; left:-22px; text-align:left; padding:0px 0 0px 0px; border-top:3px solid #000000; border-left:1px solid #232222; border-right:1px solid #232222; background:#2b2b2b; width:190px; top:57px; display:none; font-size:12px; box-shadow: 5px 5px 0px 0px rgba(00, 00, 00, 0.2); } nav ul ul a { color:#f4f4f4; } nav ul li ul a { width:170px; float:left; } nav ul li ul ul { left:160px; top:-2px; margin:0px; border-left:3px solid #000000; border-top:none; } nav ul li ul li { margin-left:0px; margin-right:0px; text-shadow:none; width:190px; background:none; border-top:1px solid #3b3b3b; border-bottom:1px solid #232222; border-left:none; border-right:none; max-width:none; list-style-type:none; text-transform:none; } nav ul li:hover ul ul, nav ul li:hover ul ul ul, nav ul li:hover ul ul ul ul { display:none;} nav ul li:hover ul, nav ul li li:hover ul, nav ul li li li:hover ul, nav ul li li li li:hover ul { display:block; } nav ul li ul.children li { list-style-type:none; } nav ul li.parent { background-image: url( images/menu-arrow1.png ); background-position: center bottom; background-repeat: no-repeat; } nav ul li ul li.parent { background-image: url( images/menu-arrow3-child.png ); background-position: 170px center; background-repeat: no-repeat; } nav ul li.current-menu-item { background-image:none; } nav ul li ul li.current-menu-item { background:#101010; border-top:1px solid #3b3b3b; border-bottom:1px solid #000000; } nav ul li.parent:hover { background-image: url( images/menu-arrow1.png ); background-position: center bottom; background-repeat: no-repeat; } nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2.png ); background-position: 152px center; background-repeat: no-repeat; } .tinynav { display: none; } #navigation-400 { display:none; } /*-------------------------------------------------------------- 4.1 - Pagination --------------------------------------------------------------*/ div.pagination { color: #646464; font-size: 14px; margin:10px 0 0 0;padding: 8px 20px; overflow:hidden; } .directory.members div.pagination { color:#646464; } div.pagination .pag-count { float: left; font-style:italic; } div.pagination .pagination-links {float: right; } div.pagination .pagination-links span, div.pagination .pagination-links a {font-size: 16px;padding: 0 5px;} #nav-above {display: none;} .paged #nav-above {display: block;} .my-friends #pag-bottom { color:#646464; } /*-------------------------------------------------------------- 4.2 - Shortcodes --------------------------------------------------------------*/ .shortcode_go { padding:10px; margin:10px 0; font:18px Open Sans; font-weight:700; text-align:center; border-radius:5px; background:#f2763b; cursor:pointer; transition: all 300ms ease-in; } .shortcode_go:hover { background:#df6e39; } .shortcode_go a { width:100%; display:block; color:#ffffff; } .shortcode_highlight { background:#f2763b; color:#ffffff; } .shortcode_notice { color:#ffffff; padding:14px; margin:20px 0; font-size:18px; line-height:1.6em; font-weight:700; background:#f68b11; background: linear-gradient(to bottom, #f98c12 0%,#ee8611 100%); border:1px solid #ce740f; border-radius:12px; text-shadow:#7b7b7b 1px 1px 0px; box-shadow: inset 0px 0px 0px 1px #ffbd5e; } .shortcode_quote { background:#e6e6e6; padding:12px; margin:10px 0; text-shadow:#ffffff 1px 1px 0px; font-size:13px; font-style:italic; line-height:1.6em; font-style:italic; border-radius:5px; transition: all 300ms ease-in; } .shortcode_quote:hover { background:#dcdcdc; } .shortcode_quoteby { background:#e6e6e6; padding:12px; margin:10px 0; text-shadow:#ffffff 1px 1px 0px; font-size:13px; font-style:italic; line-height:1.6em; font-style:italic; border-radius:6px; transition: all 300ms ease-in; } .shortcode_quoteby:hover { background:#dcdcdc; } .shortcode_quoteby p { margin-bottom:0px!important; } .shortcode_quotebyauthor { font:12px Open Sans; font-weight:700; text-shadow:none; margin: -12px -12px 6px -12px; padding:4px 12px; background:#f66d08; color:#ffffff; border-top-left-radius: 6px; border-top-right-radius: 6px;} .shortcode_member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; } .shortcode_no-member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; } .shortcode_h1, .shortcode_h1 a, .shortcode_h2, .shortcode_h2 a, .shortcode_h3, .shortcode_h3 a, .shortcode_h4, .shortcode_h4 a, .shortcode_h5, .shortcode_h5 a, .shortcode_h6, .shortcode_h6 a { margin: 5px 0 15px 0; line-height:1.2em; color:#ffffff; text-shadow:#7b7b7b 1px 1px 0px; font-weight:bold; background:#f68b11; background: linear-gradient(to bottom, #f98c12 0%,#ee8611 100%); border:1px solid #ce740f; } .shortcode_h1, .shortcode_h1 a { font-size: 38px;margin-bottom: 20px; padding:7px 14px; } .shortcode_h2, .shortcode_h2 a { font-size: 34px;margin-bottom: 16px; padding:7px 14px; } .shortcode_h3, .shortcode_h3 a { font-size: 28px; margin-bottom: 12px; padding:7px 14px; } .shortcode_h4, .shortcode_h4 a { font-size: 24px;margin-bottom: 10px; padding:7px 14px; } .shortcode_h5, .shortcode_h5 a { font-size: 20px;margin-bottom: 10px; padding:7px 14px; } .shortcode_h6, .shortcode_h6 a { font-size: 18px;margin-bottom: 7px; padding:7px 14px; } .leftpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #cfcfcf; float: left; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 10px 10px 0; } .rightpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #cfcfcf; float: right; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 0px 10px 10px; } .my-image { float:left; margin:0px 19px 15px 0; display:block; } .my-image img { border:3px solid #e2e2e2; height:60px; } /* ------- Fluid Columns ------- */ .one_half { width:48%; } .one_third { width:30.66%; } .two_third { width:65.33%; } .one_fourth { width:22%; } .three_fourth { width:74%; } .one_fifth { width:16.8%; } .two_fifth { width:37.6%; } .three_fifth { width:58.4%; } .four_fifth { width:67.2%; } .one_sixth { width:13.33%; } .five_sixth { width:82.67%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; padding-top:5px; padding-bottom:15px; } .last { margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} /*-------------------------------------------------------------- 5.0 - WordPress --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 - Alignments --------------------------------------------------------------*/ .alignright {float: right;margin-left: 15px;} .alignleft {float: left;margin-right: 15px;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} .clear {clear: left;} /*-------------------------------------------------------------- 5.2 - Comments --------------------------------------------------------------*/ #comments-number { color:#F55438; font-size:28px; font-weight:bold; text-transform:capitalize; } .page-template-onecolumn-page-php #comments-number { margin-top:100px; } .navigation, .paged-navigation, .comment-navigation {overflow: hidden; font-size: 14px;font-style: italic;margin: 5px 0 25px 0;padding: 5px 0;} #trackbacks {margin-top: 30px;} #comments { margin:30px 0px 0 0; } .page-template-onecolumn-page-php #comments { width:1053px; text-shadow:none; color:#464646; } .comment-body { width:100%; padding:19px 0 15px 0; } .comment-entry { overflow:hidden; font-size:13px; line-height:1.6em; } #comments ol.commentlist { margin: 0 0 0 0;} #comments ol.commentlist li { position:relative; background-image: url( "images/buble.png" ); background-repeat: no-repeat; background-position: 80px 35px; } #comments ol.commentlist ol {list-style-type: decimal; } #comments ol.commentlist ol ol {list-style: lower-alpha;margin-bottom: 0px;} #comments ol.commentlist ol ol ol {list-style: lower-roman;} .commentlist div.comment-content {overflow: hidden; float:right; width:624px; z-index:1; position: relative; background:#ffffff; border-radius:5px; padding:12px 16px 12px 20px; border-right:1px solid #E0DFDF; border-bottom:1px solid #E0DFDF; } ol.commentlist li.comment { clear: left;list-style: none;} ol.commentlist ul.children li {margin-bottom: 0; } ol.commentlist div.comment-avatar-box { float: left;margin-top: 0px; z-index:100; position: relative; } ol.commentlist div.comment-avatar-box img { border:6px solid #ffffff; border-radius: 4px; } .commentlist ul.children div.comment-avatar-box {float: left; } .commentlist ul.children div.comment-avatar-box img { border:6px solid #ffffff; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } ol.commentlist ul.children li .comment-body { padding-left:94px; width:658px; } ol.commentlist ul.children li ul li .comment-body { padding-left:173px; width:579px; } ol.commentlist ul.children li ul li ul li .comment-body { padding-left:252px; width:500px; } ol.commentlist ul.children li ul li ul li ul li .comment-body { padding-left:252px; width:500px; } ol.commentlist ul.children li ul li ul li ul li ul li .comment-body { padding-left:252px; width:500px; } ol.commentlist ul.children li ul li ul li ul li ul li ul li .comment-body { padding-left:252px; width:500px; } ol.commentlist ul.children .comment-content { width:543px; } ol.commentlist ul.children ul .comment-content { width:464px; } ol.commentlist ul.children ul ul .comment-content { width:385px; } ol.commentlist ul.children ul ul ul .comment-content { width:385px; } ol.commentlist ul.children ul ul ul ul .comment-content { width:385px; } ol.commentlist ul.children ul ul ul ul ul .comment-content { width:385px; } #comments ol.commentlist li ul.children li { background-image: url( "images/buble.png" ); background-repeat: no-repeat; background-position: 160px 35px; } #comments ol.commentlist li ul.children li ul.children li { background-image: url( "images/buble.png" ); background-repeat: no-repeat; background-position: 239px 35px; } #comments ol.commentlist li ul.children li ul.children li ul.children li { background-image: url( "images/buble.png" ); background-repeat: no-repeat; background-position: 318px 35px; } .page-template-onecolumn-page-php .commentlist div.comment-content { width:924px; } .page-template-onecolumn-page-php ol.commentlist ul.children li .comment-body { padding-left:94px; width:958px; } .page-template-onecolumn-page-php ol.commentlist ul.children li ul li .comment-body { padding-left:173px; width:879px; } .page-template-onecolumn-page-php ol.commentlist ul.children li ul li ul li .comment-body { padding-left:252px; width:800px; } .page-template-onecolumn-page-php ol.commentlist ul.children li ul li ul li ul li .comment-body { padding-left:252px; width:800px; } .page-template-onecolumn-page-php ol.commentlist ul.children li ul li ul li ul li ul li .comment-body { padding-left:252px; width:800px; } .page-template-onecolumn-page-php ol.commentlist ul.children li ul li ul li ul li ul li ul li .comment-body { padding-left:252px; width:800px; } .page-template-onecolumn-page-php ol.commentlist ul.children .comment-content { width:843px; } .page-template-onecolumn-page-php ol.commentlist ul.children ul .comment-content { width:764px; } .page-template-onecolumn-page-php ol.commentlist ul.children ul ul .comment-content { width:785px; } .page-template-onecolumn-page-php ol.commentlist ul.children ul ul ul .comment-content { width:785px; } .page-template-onecolumn-page-php ol.commentlist ul.children ul ul ul ul .comment-content { width:785px; } .page-template-onecolumn-page-php ol.commentlist ul.children ul ul ul ul ul .comment-content { width:785px; } ul.children .comment-entry {margin-bottom: 10px;} div.comment-meta { font-size: 14px; font-weight:bold; margin: 0 0 7px 0;width: 100%;} div.comment-meta em { font-style: normal; } #reply-title {margin-top: 0; font-size:26px; } #reply-title small {float: right;font-size: 11px;font-weight: normal;} #reply-title small a {margin-right: 0;} .commentlist ul.children { width:100%; } .commentlist ul.children #respond { width:960px; margin:0 auto!important; } .commentlist ul.children ul { width:100%; } .commentlist ul.children img.avatar {border-style: none;height: 45px;margin: 0;width: 45px;} .commentlist ul.children div.comment-meta { margin: 0 0 10px 0; } .commentlist ul.children li { } .commentlist ul.children li:first-child {border-top: none;} .commentlist ul.children ul li:first-child { } #container-comment-form { overflow:hidden; padding-top:30px;} #respond { overflow:hidden; padding:40px 0; color:#646464; } #respond .standard-form { float:left; width:100%; } #respond { width:100%; margin:0 auto; padding:15px 0; } #respond .avb img {float: inherit;} #respond .comment-avatar-box {float: left;margin: 0 15px 0 0;} #respond .form-submit {margin-bottom: 0;} #respond label { } ol.commentlist #respond { width:960px; margin:0 auto; padding:15px 0; } .commentlist ul.children #respond {margin-bottom: 10px;margin-left: 35px;margin-right: 20px;} h3#reply .comments-header { font-size: 14px; } #reply-title { color:#F55438; } #respond div.comment-content {border-style: none;} .form-allowed-tags, .form-allowed-tags code { font-size:10px; font-family:Open Sans; } input#comment-submit { margin-top:12px; margin-bottom:20px; } #nav-below {margin: 0 0;padding: 0 0;} #nav-above {margin: 0 0 15px;padding: 0;} #respond input#author, #respond input#email, #respond input#url, #respond textarea#comment { padding:9px 6px; color:#646464; } #respond input#author, #respond input#email, #respond input#url { width:350px!important; } .comment-options {margin: 10px 0 2px;} .comment-options .comment-reply-link, .comment-options .comment-edit-link { font-size:10px; text-transform:uppercase; text-shadow:none; color:#c0c0c0; float:right; margin-left: 5px;padding:1px 6px;} .comment-options .comment-reply-link { padding:0px; background-image: url( "images/reply.png" ); background-position: center center; background-repeat: no-repeat; width:17px; height:16px; } .commentlist ul.children div.comment-options {margin-bottom: 10px;} /*-------------------------------------------------------------- 5.3 - Gallery --------------------------------------------------------------*/ .wp-caption {background-color: #f3f3f3;border: 1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-bottom: 15px;padding-top: 4px;text-align: center;} .wp-caption img {border: 0 none;margin: 0;padding: 0;} dd.wp-caption p.wp-caption-text, .wp-caption p.wp-caption-text { font-size: 0.9em;line-height: 17px;margin: 0;padding: 5px 4px 5px 0;} #content .gallery {margin: 0 auto 15px;} #content .gallery .gallery-item {margin-bottom: 0;margin-left: 0;} .gallery-item img {margin-bottom: 15px;} .gallery .gallery-caption {color: #555;} /*-------------------------------------------------------------- 5.4 - Images --------------------------------------------------------------*/ img.avatar { float: left; } img.wp-smiley {border: none !important;clear: none !important;float: none !important;margin: 0 !important;padding: 0 !important;} img.centered, img.aligncenter {display: block;margin-left: auto;margin-right: auto;} img.alignright {display: inline;margin: 0 0 2px 7px;padding: 4px;} img.alignleft {display: inline;margin: 0 7px 2px 0;padding: 4px;} /*-------------------------------------------------------------- 5.5 - Posts --------------------------------------------------------------*/ .blog-post { margin-top:30px; margin-bottom:30px; padding:0 32px 0px 32px; background:#ffffff; border-radius:5px; display: block; } .post-title { line-height:35px; padding:20px 32px; margin-left:-32px; margin-right:-32px; color:#f55438; border-bottom:1px solid #e0e0e0; border-top-right-radius: 5px; border-top-left-radius: 5px; } .post-title a { color:#f55438; font-weight:bold; font-size:30px; } .post-details { padding:0 0 0 37px; margin:0px -32px 30px -32px; overflow:hidden; border-bottom:1px solid #e0e0e0; } .post-details div a { font:13px Open Sans; } .post-details-category, .post-details-author, .post-details-date, .post-details-comments { float:left; font:13px Open Sans; padding:16px 0; } .post-details-spacer { float:left; width:2px; height:49px; margin:1px 22px 0 22px; background-image: url( "images/spacer-post-v.png" ); background-repeat: repeat-y; } .post-details-category a { font-size:12px!important; font-weight:bold!important; padding:3px 11px; background:#c34d2f; color:#ffffff; border-radius:14px; } .post-details-author { padding-left:31px!important; background: url( "images/post-user.png" ) left center no-repeat; } .post-details-date { padding-left:31px!important; background: url( "images/post-date.png" ) left center no-repeat; } .post-details-comments { padding-left:38px!important; background: url( "images/post-comments.png" ) left center no-repeat; } .post-details-tags { padding-left:31px!important; background: url( "images/post-tags.png" ) left center no-repeat; font-weight:bold; margin-bottom: 20px; } .more-link { display:none; } .more { display:block; background:#2f2f2f; color:#ffffff; text-align:center; padding:15px 0; color:#ffffff; font-size:18px; font-weight:700; margin:40px -32px 0px -32px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; transition: all 300ms ease-in; } .more:hover { background:#c81414; } .single-post .blog-post { margin-bottom:50px; padding-bottom:20px; } .subtitle { font-weight:bold; margin-bottom:10px; font-size:15px; } .text .entry p { margin-bottom: 25px; } .text .entry ul { list-style-type:circle; margin:0 0 20px 30px; } .text .entry ol { list-style-type: decimal; margin:0 0 20px 30px; } .text .entry p a, .comment-entry p a { text-decoration:none; transition: all 300ms ease-in; } .text .entry p a:hover, .comment-entry p a:hover { color:#464646!important;} div.thumbnail { margin:6px 27px 10px 0; padding:3px; border:1px solid #dddddd; float:left; text-align:center; } div.thumbnail span { padding:5px 0; font-size:11px; display:block; } div.thumbnail img { display:block; } .prev-post a, .next-post a { display:block; padding:7px 11px; margin-top:40px; margin-bottom:20px; border-radius:6px; font-size:11px; background:#e8e8e8; text-shadow:#ffffff 1px 1px 0px; } #relatedposts { margin-top:30px; margin-bottom:20px; } #relatedposts-title { margin-bottom:13px; color:#525252; font-size:16px; } #relatedposts a { padding:7px 11px; border-radius:6px; font-size:11px; background:#e8e8e8; text-shadow:#ffffff 1px 1px 0px; } #relatedposts a:hover { background:#ff4546; color:#ffffff; text-shadow:none; } .prev-post { float:left; } .next-post { float:right; } .older-entries { float:left; margin-bottom:50px; } .newer-entries { float:right; margin-bottom:50px; } .older-entries a, .newer-entries a { line-height:1em; font-size:14px; background-image: url( "images/bg-button-red.png" ); background-repeat: repeat-x; background-position:center center; cursor:pointer; padding:6px 11px 6px 11px; line-height:1em; border-radius 5px; text-shadow: 1px 1px 0px #a22e1a; border-top:1px solid #f68e7c; border-left:1px solid #f68e7c; border-right:1px solid #ca3a20; border-bottom:1px solid #ca3a20; border-radius:5px; color:#ffffff; } .edit-link, .page-link {clear: both;font-weight: bold; font-family:Tahoma; } div.post table, div.page table {border: 1px solid #eee;border-collapse: collapse;border-spacing: 0;margin-bottom: 15px;} div.post table th, div.page table th { border-top: 1px solid #eee; text-align: left;} div.post table td, div.page table td { border-top: 1px solid #eee;} div.author-box {background: #f0f0f0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;float: left;font-family: georgia, times, serif;font-style: italic;margin: 0 15px 15px 0;padding: 10px;text-align: center;width: 70px;} div.author-box p {word-wrap: break-word;} div.author-box p, div.comment-avatar-box p {margin: 5px 0 0;} div.author-box a, div.comment-avatar-box a {text-decoration: none;} div.author-box img {float: none;border: 4px solid #fff;margin: 0;} div.post-content {margin-left: 105px;} p.date span:first-child {font-style: italic;} div.post .entry {margin-bottom: 15px;} p.date, p.postmetadata {border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;color: #888;font-family: Georgia, times, serif;font-size: 12px;margin: 10px 0;padding: 3px 0;} p.postmetadata {clear: left;overflow: hidden;} .page .tags, .post .tags {float: left;} span.sticky-post {font-style: normal;} /*-------------------------------------------------------------- 5.6 - CONTACT FORM 7 --------------------------------------------------------------*/ .wpcf7-text { width:300px!important; height:25px!important; padding:6px!important; background:#ffffff; color:#646464; border-radius:5px; box-shadow: inset 1px 1px 2px 0px #b6b6b6; border:0px; font-size:13px!important; } .wpcf7-form-control-wrap textarea { padding:10px!important; width:530px; background:#ffffff; color:#646464; border-radius:5px; border:0px solid #ba422d; box-shadow: inset 1px 1px 2px 0px #b6b6b6; font-size:12px!important; } .wpcf7-submit { margin:12px 0 30px 0px!important; float:left; display: block; cursor:pointer; } /*-------------------------------------------------------------- 6.0 - BuddyPress --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.1 - Activity --------------------------------------------------------------*/ #activity-stream { margin-top:5px; } ul#activity-stream li.activity-item { margin-top:30px; background:#ffffff; border-radius:5px; border-right:1px solid #E0DFDF; border-bottom:1px solid #E0DFDF; } form#whats-new-form { /*margin: 30px 0 30px 0;*/ padding: 0 0 20px 0; } form#whats-new-form {border-bottom: none;padding-bottom: 0;} form#whats-new-form h5 {font-weight: normal;font-size: 12px;color: #646464;margin: 0;margin-left: 76px;padding: 0 0 3px 0;} form#whats-new-form #whats-new-avatar {float: left;} form#whats-new-form #whats-new-avatar img { border:5px solid #ffffff; } form#whats-new-form #whats-new-content {margin-left: 54px;padding-left: 22px;} form#whats-new-form textarea {background: #ffffff;border:none; border-radius: 3px;color: #555;font-family: inherit;font-size: 14px;height: 20px;padding: 6px;width: 98%;} body.no-js form#whats-new-form textarea {height: 50px;} form#whats-new-form #whats-new-options select {max-width: 200px;margin-top: 12px;} form#whats-new-form #whats-new-submit {float: right;margin-top: 12px;} #whats-new-options {overflow: auto;height: 0;} body.no-js #whats-new-options {height: auto;} #whats-new:focus {border-color: rgba(31, 179, 221, 0.9) !important;outline-color: rgba(31, 179, 221, 0.9);box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);-moz-box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);-webkit-box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);} .activity-pg-desc { margin-bottom:25px; color:#464646; } span.activity { font-size: 11px; padding: 3px 6px; background:#d94b33; color:#ffffff; border-radius:4px; } #item-header-content span.activity, .widget_bp_core_members_widget span.activity { background:#212121; text-shadow: 1px 1px 0px #000000; } /*-------------------------------------------------------------- 6.1.1 - Activity Listing --------------------------------------------------------------*/ ul.activity-list>li {overflow: hidden; padding: 20px 20px 16px 20px!important; min-height:70px; } .activity-list .activity-avatar {float: left; display:block; margin-top:3px; } .activity-list .activity-avatar img { padding:3px; border:1px solid #e0e0e0; border-radius:4px; -webkit-box-shadow: 2px 2px 0px 0px #e0e0e0; box-shadow: 2px 2px 0px 0px #e0e0e0; } ul.activity-list > li:first-child {padding-top: 5px;} ul.item-list.activity-list li.has-comments {padding-bottom: 15px;} body.activity-permalink ul.activity-list li.has-comments {padding-bottom: 0;} .activity-list li.mini {font-size: 11px;min-height: 35px;padding: 15px 0 0 0;position: relative;} .activity-list li.mini .activity-avatar img.avatar, .activity-list li.mini .activity-avatar img.FB_profile_pic {height: 20px;margin-left: 30px;width: 20px;} .activity-permalink .activity-list li.mini .activity-avatar img.avatar, .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {height: auto;margin-left: 0;width: auto;} .activity-permalink .activity-avatar img { width:150px!important; height:150px!important; } body.activity-permalink .activity-list > li:first-child {padding-top: 0;} .activity-list li.mini .activity-content p {margin: 0;} .activity-list li.mini .activity-comments {clear: both;font-size: 12px;} body.activity-permalink li.mini .activity-meta {margin-top: 4px;} .activity-list li .activity-inreplyto {background: url( images/replyto_arrow.gif ) 7px 0 no-repeat;color: #888;font-size: 11px;margin-left: 5px;margin-top: 5px;padding-left: 25px;} .activity-list li .activity-inreplyto > p {margin: 0;display: inline;} .activity-list li .activity-inreplyto blockquote, .activity-list li .activity-inreplyto div.activity-inner {background: none;border: none;display: inline;margin: 0;overflow: hidden;padding: 0;} .activity-list .activity-content { display:block; margin-left: 75px;margin-bottom: 15px;} body.activity-permalink .activity-list li .activity-content {background: #fff;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-size: 16px;line-height: 150%;min-height: 35px;margin-left: 185px;margin-right: 0;padding: 15px;} body.activity-permalink .activity-list li .activity-header > p {background: url( images/activity_arrow.gif ) top left no-repeat;height: 35px;margin-bottom: 0;margin-left: -35px;padding: 5px 0 0 35px;} .activity-list .activity-content .activity-header { font-size: 10px; } .activity-header { margin-right: 20px; display:block; line-height:1.7em; font-weight:700; } .activity-header a { font-size:10px; font-weight:bold; clear:both; } .activity-header a, .comment-meta a, .acomment-meta a {text-decoration: none;} .activity-header img.avatar { display:none; } a.bp-secondary-action, span.highlight {font-size: 11px;padding: 0;margin-right: 5px;text-decoration: none;} .activity-list .activity-content .activity-inner, .activity-list .activity-content blockquote {margin: 5px 0 0 0;overflow: hidden;} body.activity-permalink .activity-content .activity-inner, body.activity-permalink .activity-content blockquote {margin-left: 0;margin-top: 5px;} .activity-inner { display:block; font-size:14px; } .activity-inner > p {word-wrap: break-word;} .activity-inner > .activity-inner {margin: 0 !important;} .activity-inner > blockquote {margin: 0 !important;} .activity-list .activity-content img.thumbnail {border: 2px solid #eee;float: left;margin: 0 10px 5px 0;} .activity-read-more {margin-left: 1em;white-space: nowrap;} .activity-list li.load-more { background: #F55438 !important; min-height:0px; font-size: 1.2em; margin-top:15px; padding: 10px 15px !important;text-align: center;border-radius:5px;} .activity-list li.load-more a { color: #ffffff; font-weight:bold; } /*-------------------------------------------------------------- 6.1.2 - Activity Comments --------------------------------------------------------------*/ div.activity-meta {margin: 18px 0;} body.activity-permalink div.activity-meta {margin-bottom: 6px;} div.activity-meta a {font: normal 11px/20px Arial, Tahoma, Verdana, sans-serif;padding: 4px 8px;} a.activity-time-since { text-decoration: none; } a.activity-time-since:hover {color: #888;text-decoration: underline;} a.bp-primary-action, #reply-title small a {font-size: 11px;margin-right: 5px;text-decoration: none;} a.bp-primary-action span, #reply-title small a span { background: #999;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff;font-size: 90%;margin-left: 2px;padding: 0 5px;} a.bp-primary-action:hover span, #reply-title small a:hover span { background: #555;color: #fff;} div.activity-comments { margin: 0 0 0 70px;overflow: hidden; /* IE fix */position: relative;width: auto;clear: both;} body.activity-permalink div.activity-comments { background: none;margin-left: 185px;width: auto;} div.activity-comments > ul {background: #f5f5f5;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 0 0 0 10px;} div.activity-comments ul, div.activity-comments ul li {border: none;list-style: none;} div.activity-comments ul {clear: both;} div.activity-comments ul li {border-top: 2px solid #fff;padding: 10px 0 0;} body.activity-permalink .activity-list li.mini .activity-comments {clear: none;margin-top: 0;} body.activity-permalink div.activity-comments ul li {border-width: 1px;padding: 10px 0 0 0;} div.activity-comments > ul > li:first-child {border-top: none;} div.activity-comments ul li:last-child {margin-bottom: 0;} div.activity-comments ul li > ul {margin-left: 30px;margin-top: 0;padding-left: 10px;} body.activity-permalink div.activity-comments ul li > ul {margin-top: 10px;} body.activity-permalink div.activity-comments > ul {padding: 0 10px 0 15px;} div.activity-comments div.acomment-avatar img {border-width: 2px !important;float: left;height: 25px;margin-right: 10px;width: 25px;} div.activity-comments div.acomment-content {font-size: 11px;margin: 5px 0 0 40px;} div.acomment-content .time-since, div.acomment-content .activity-delete-link, div.acomment-content .comment-header {display: none;} body.activity-permalink div.activity-comments div.acomment-content {font-size: 14px;} div.activity-comments div.acomment-meta {color: #888;font-size: 11px;} div.activity-comments form.ac-form {background: #fafafa;border: 1px solid #ddd;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;display: none;margin: 0 0 15px 33px;padding: 8px;} div.activity-comments li form.ac-form {margin-right: 15px;clear: both;} div.activity-comments form.root {margin-left: 0;} div.activity-comments div#message {margin-top: 15px;margin-bottom: 0;} div.activity-comments form.loading {background-image: url( images/ajax-loader.gif );background-position: 2% 95%;background-repeat: no-repeat;} div.activity-comments form .ac-textarea {background: #fff;border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-bottom: 10px;padding: 8px;} div.activity-comments form textarea {border: none;color: #555;font-family: inherit;font-size: 11px;height: 60px;padding: 0;width: 100%;} div.activity-comments form input {margin-top: 5px;} div.activity-comments form div.ac-reply-avatar {float: left;} div.ac-reply-avatar img {border: 2px solid #fff !important;} div.activity-comments form div.ac-reply-content {color: #888;font-size: 11px;margin-left: 50px;padding-left: 15px;} .acomment-options {margin: 5px 0 5px 40px;} .acomment-options a {color: #999;} .acomment-options a:hover {color: inherit;} /*-------------------------------------------------------------- 6.2 - Admin Bar --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.3 - Directories - Members, Groups, Blogs, Forums --------------------------------------------------------------*/ div.dir-search {float: right;margin: 0px 0 0 0;} div.dir-search input[type=text] {font-size: 12px;padding: 5px 5px;} input#groups_search { padding:5px; } #members-dir-list { padding-top:10px; margin:30px 0 0 0; } #members-dir-list .item-avatar img { margin-right:15px; padding:3px; border:1px solid #e0e0e0; border-radius:4px; box-shadow: 2px 2px 0px 0px #e0e0e0; } .members-sorting { width:250px; } .members-sorting label { font-size:11px; color:#646464; font-style:italic; } #members-list li { background:#ffffff; margin-bottom:35px; padding-left:18px; padding-right:18px; border-radius:5px; border-right:1px solid #E0DFDF; border-bottom:1px solid #E0DFDF; } #group-settings-form #members-list li, #group-settings-form #admins-list li, #group-settings-form #mods-list li { background:#ffffff; margin-bottom:35px; padding-left:18px; padding-right:18px; border-radius:5px; border-right:1px solid #cb3f26; border-bottom:1px solid #cb3f26; } #group-settings-form #members-list li h5, #group-settings-form #admins-list li h5, #group-settings-form #mods-list li h5 { font-size:16px; } /*-------------------------------------------------------------- 6.4 - Errors / Success Messages --------------------------------------------------------------*/ div#message {margin: 20px 0 15px 0; width:100%; } #message.info {margin-bottom: 0;} div#message.updated {clear: both;} div#message p {font-size: 12px;display: block;padding: 10px 15px;} div#message.error p {background-color: #db1717; clear: left;color: #fff;} div#message.updated p {background-color: #8ff57a; color: #1a6a00;} .standard-form#signup_form div div.error {background: #e41717;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff;margin: 0 0 10px 0;padding: 6px;width: 90%;} div.accept, div.reject {float: left;margin-left: 10px;} ul.button-nav li {float: left;margin: 0 10px 10px 0;} ul.button-nav li.current a {font-weight: bold; } /*-------------------------------------------------------------- 6.5 - Forms --------------------------------------------------------------*/ .standard-form textarea, .standard-form input[type=text], .standard-form select, .standard-form input[type=password], .dir-search input[type=text] { border: 1px solid #dedede; border-radius: 5px;color: #888; padding:9px; font-size: 14px; transition: all 300ms ease-in; } #page-user-login, #page-user-pass, .standard-form input[type=text], .register-section input[type=text], .register-section input[type=password], .comment-content input[type=text], #respond textarea#comment { background:#f1f1f1; border:0px; color:#646464; border-radius:5px; box-shadow: inset 1px 1px 2px 0px #b6b6b6; font-family:Arial; } body.registration .standard-form textarea, body.registration .standard-form input[type=text], .standard-form input[type=text], body.registration .standard-form select, body.registration .standard-form input[type=password], body.registration .dir-search input[type=text], body.page-template-login-php .standard-form input[type=text], body.page-template-login-php .standard-form input[type=password] {border:none; padding: 12px 9px; } .standard-form select {padding: 3px;} .standard-form input[type=password] {margin-bottom: 5px;} .standard-form label, .standard-form span.label { display: block; margin: 15px 0 5px 0;} .standard-form div.checkbox label, .standard-form div.radio label {color: #888;font-size: 14px;font-weight: normal;margin: 5px 0 0 0;} .standard-form#sidebar-login-form label {margin-top: 5px;} .standard-form input[type=text] {width: 75%;} .standard-form#sidebar-login-form input[type=text], .standard-form#sidebar-login-form input[type=password] {padding: 4px;width: 95%;} .standard-form #basic-details-section input[type=password], .standard-form #blog-details-section input#signup_blog_url {width: 35%;} .standard-form#signup_form input[type=text], .standard-form#signup_form textarea, .form-allowed-tags, #commentform input[type=text], #commentform textarea {width: 70%;} .standard-form#signup_form div.submit {float: right;} div#signup-avatar img {margin: 0 15px 10px 0;} .standard-form textarea {width: 75%;height: 120px;} #send_message_form { padding:15px 25px; border-radius:5px; background:#ffffff; } .standard-form textarea#message_content { height: 200px; } .standard-form#send-reply textarea {width: 97.5%; } .register-section input, #signup_username { border:none; } .standard-form p.description {color: #888;font-size: 11px;margin: 5px 0;} .standard-form div.submit {clear: both;padding: 15px 0 0 0;} .standard-form p.submit {margin-bottom: 0;padding: 15px 0 0 0;} .standard-form div.submit input {margin-right: 15px;} .standard-form div.radio ul {margin: 10px 0 15px 38px;list-style: disc;} .standard-form div.radio ul li {margin-bottom: 5px;} .standard-form a.clear-value {display: block;margin-top: 5px;outline: none;} .standard-form #basic-details-section, .standard-form #blog-details-section, .standard-form #profile-details-section {float: left;width: 48%;} .standard-form #profile-details-section {float: right;} .standard-form #blog-details-section {clear: left;} .standard-form #blog-details-capcha {clear: left;} .standard-form input:focus, .standard-form textarea:focus, .standard-form select:focus {background: #f5f5f5;color: #555;} form#send-invite-form {margin-top: 20px;} div#invite-list {background: #f5f5f5;border: 1px solid #e4e4e4;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;height: 400px;margin: 0 0 10px;overflow: auto;padding: 5px;width: 160px;} button, a.button, input[type=button], input[type=reset], ul.button-nav li a, div.generic-button a { background:#F55438; border: 0px solid #ccc; border-radius: 3px;color: #fff;cursor: pointer;font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;outline: none;padding: 4px 10px!important; text-align: center; text-decoration: none; line-height: 14px;} #group-settings-form, #post-topic-reply { width:95%; margin:0 auto; } #group-settings-form label, #group-settings-form h4, #group-settings-form p { color:#646464; } #group-settings-form input[type=text], #group-settings-form textarea { border:none; } #post-topic-reply { margin-top:100px; } #members-directory-form { } .members-sorting { margin-top:30px; float:left; } #members-dir-search { margin-top:30px; background:#fff; border-radius:5px; } #members-dir-search #members_search { border:none; font-size: 13px; } #members-dir-search #members_search:focus {border: none; color: #282828; font-size: 13px; } #members-dir-search #members_search_submit { border:none; cursor:pointer; padding:4px 5px; border-radius:5px; background:#2B2B2B; color:#ffffff; } #friend-list { background:#ffffff; } #friend-list li { padding:20px; } #activation-form #key { border:none; font-size: 26px; } .orange-link { color:#f55438; font-weight:bold; text-decoration:underline; } /* SELECT FIELD STYLING */ select { color:#363636; font-size: 10px; border:none; } select option { font-size: 10px; padding:0 0 3px 0; } .customStyleSelectBox { padding:0px 0px 0px 0px; } .customStyleSelectBox.changed { /* You can use this if you want a different style after user has made a selection */ } /* on the next line we add a down arrow on the right to indicate that it is a select box */ .customStyleSelectBoxInner { padding:0px 5px!important; border:1px solid #E0DFDF; height:26px; color:#6b6b6b; font-size:12px; background:url( "images/select.png" ) no-repeat right center; } #activity-filter-by, #forums-order-by, #members-order-by { width:140px; border:1px solid #dcdcdc; } select#members-friends { width:200px; } .my-friends li#members-order-select { padding-top:4px!important; } #activity-filter-select label, #blogs-order-select label { color:#646464; } .item-list-tabs #activity-filter-select label, .item-list-tabs #members-order-select label, #forums-order-select label { color:#646464; font-weight:700; font-size:11px; } .item-list-tabs .customStyleSelectBoxInner { padding:0px 4px!important; height:23px; color:#6b6b6b; font-size:12px; border:1px solid #E0DFDF; background:url( "images/select.png" ) no-repeat right center; } li#members-order-select { padding-top:0px!important; } #blogs-order-by { min-width:160px; } /*-------------------------------------------------------------- 6.6 - Ajax Loading --------------------------------------------------------------*/ a.loading,input.loading {background-image: url( images/ajax-loader.gif );background-position: 95% 50%;background-repeat: no-repeat;padding-right: 25px;} a.loading:hover, input.loading:hover {background-image: url( images/ajax-loader.gif );background-position: 95% 50%;background-repeat: no-repeat;padding-right: 25px;color: #777;} a.button.loading, input[type="submit"].loading, input[type="button"].loading, input[type="reset"].loading { background-image: url( images/ajax-loader.gif ), -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */ background-image: url( images/ajax-loader.gif ), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background-image: url( images/ajax-loader.gif ), -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background-image: url( images/ajax-loader.gif ), -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */ background-image: url( images/ajax-loader.gif ), -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( enabled=0 ); /* IE6-9 */ background-image: url( images/ajax-loader.gif ), linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */ background-position: 95% 50%; background-repeat: no-repeat; padding-right: 25px; } a.button.loading:hover, input[type="submit"].loading:hover, input[type="button"].loading:hover, input[type="reset"].loading:hover { background-image: url( images/ajax-loader.gif ), -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */ background-image: url( images/ajax-loader.gif ), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background-image: url( images/ajax-loader.gif ), -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background-image: url( images/ajax-loader.gif ), -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */ background-image: url( images/ajax-loader.gif ), -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ background-image: url( images/ajax-loader.gif ), linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */ border: 1px solid #ccc;padding-right: 25px;} input[type="submit"].pending, input[type="button"].pending, input[type="reset"].pending, input[type="submit"].disabled, input[type="button"].disabled, input[type="reset"].disabled, button.pending, button.disabled, div.pending a, a.disabled {border-color: #eee;color: #bbb;cursor: default;} input[type="submit"]:hover.pending, input[type="button"]:hover.pending, input[type="reset"]:hover.pending, input[type="submit"]:hover.disabled, input[type="button"]:hover.disabled, input[type="reset"]:hover.disabled, button.pending:hover, button.disabled:hover, div.pending a:hover, a.disabled:hover { background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */border-color: #eee;color: #bbb;} /*-------------------------------------------------------------- 6.7 - Tables --------------------------------------------------------------*/ table#message-threads {margin: 0 -19px;width: auto;} table.profile-fields {margin-bottom: 20px;} table.profile-fields:last-child {margin-bottom: 0;} table.profile-fields p {margin-top: 15px;} table.profile-fields p:last-child {margin-top: 0;} table tr td, table tr th { padding: 8px; } table tr td.label {border-right: 1px solid #eaeaea; font-weight: bold;width: 25%;} table tr td.thread-info p {margin: 0;} table tr td.thread-info p.thread-excerpt {color: #888;font-size: 11px;margin-top: 3px;} div#sidebar table td, table.forum td {text-align: center;} table.notification-settings {margin-bottom: 20px;text-align: left;} #groups-notification-settings {margin-bottom: 0;} table.notification-settings th.icon, table.notification-settings td:first-child { display: none;} table.notification-settings th.title {width: 80%;} table.notification-settings .yes, table.notification-settings .no {text-align: center;width: 40px;} /*-------------------------------------------------------------- 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums --------------------------------------------------------------*/ #item-body { } #item-body-padding { padding:17px 25px; background:#ffffff; overflow:hidden; } span.user-nicename {color: #777;display: inline-block;font-size: 16px; font-style:italic; } div#message p { border-radius: 5px; padding:20px; font-weight: bold; margin-top: 3px; font-size:18px; text-decoration: none; background: #ffffff; color:#2e2e2e; } div#item-header { margin: 65px 0 55px 0; display:table; position:relative; color:#ffffff; } #item-header-avatar { float:left; width:164px; margin-top:0px; margin-right:-20px; z-index:100; position:relative; } #item-header-avatar img { border:7px solid #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #admins-moderators { font-size:11px; position:absolute; top:15px; right:30px; } #admins-moderators ul li img { width:25px!important; height:25px!important; border:3px solid #000000; } #admins, #moderators { float:right; margin-left:20px; } div#item-header-content { padding:30px 36px 18px 46px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background:#2a2a2a; text-shadow: 1px 1px 0px #171717; width:527px; float:left; font-size:14px; line-height:1.6em; } #item-header-content p { font-size:14px; font-weight:bold; color:#ffffff; } #item-header-content a { color:#ffffff; } div#item-header h2 {font-size: 48px; color:#ffffff; line-height: 100%; font-weight:bold; margin: -5px 0 15px 0;} div#item-header h2 a {color: #ffffff;text-decoration: none;} div#item-header img.avatar {float: left;margin: 0 15px 19px 0;} div#item-header h2 {margin-bottom: 3px;} .single-group-meta { font-style:italic; font-size:12px; margin-top:6px; margin-bottom:4px; } div#item-header h2 span.highlight {font-size: 11px;font-weight: normal;line-height: 170%;margin-bottom: 7px;vertical-align: middle;} div#item-header h2 span.highlight {font-size: 16px;} div#item-header h2 span.highlight span {background: #a1dcfa; border-radius: 3px;color: #fff;cursor: pointer; font-weight: bold;font-size: 11px;margin-bottom: 2px;padding: 1px 4px;position: relative;right: -2px;top: -2px;vertical-align: middle;} div#item-header div#item-meta {font-size: 13px;color: #ffffff; line-height:1.5em; overflow: hidden;margin: 15px 0 5px 0;padding-bottom: 10px;} div#item-header .user-nicename { color: #ffffff; } div#item-header div#item-actions {float: right;margin: 0 0 15px 15px;text-align: right;width: 20%;} div#item-header div#item-actions h3 {font-size: 12px;margin: 0 0 5px 0;} div#item-header ul {margin-bottom: 15px;overflow: hidden;} div#item-header ul h5, div#item-header ul span, div#item-header ul hr {display: none;} div#item-header ul li {float: right;} div#item-header ul img.avatar, div#item-header ul.avatars img.avatar {height: 30px;margin: 2px;width: 30px;} /*div#item-header div.generic-button {float: left;margin: 10px 10px 0 0; line-height:1em; background-image: url( "images/bg-button-grey.png" ); background-repeat: repeat-x; background-position:center center; cursor:pointer; padding:5px 7px 5px 7px; text-shadow: 1px 1px 0px #070707; border-top:1px solid #353535; border-left:1px solid #353535; border-right:1px solid #171717; border-bottom:1px solid #171717; border-radius:5px; color:#ffffff; }*/ div#item-header div.generic-button {float: left;margin: 10px 10px 0 0; line-height:1em; cursor:pointer; text-shadow: 1px 1px 0px #070707; border-radius:5px; color:#ffffff; display: flex; } div#item-header div.generic-button a { border:none; padding:0px; line-height:1em; } div#item-header div.generic-button a.leave-group { display:block; padding:4px 20px; float:right; } div#item-header div#message.info {line-height: 80%;} #groups-list li { width:380px; float:left; margin:0 90px 50px 0; } #member-list li { padding:20px; margin-top:15px; background:#ffffff; min-height:60px; border-radius:5px; } #member-list li img.avatar { margin-right:16px; padding:3px; border:1px solid #e0e0e0; border-radius:4px; box-shadow: 2px 2px 0px 0px #e0e0e0; } ul.item-list {width: 100%;} ul.item-list li { padding: 15px 0;position: relative; } ul.item-list.activity-list li {padding-bottom: 0;} ul.single-line li {border: none;} ul.item-list li img.avatar {float: left;margin: 0 10px 0 0;} ul.item-list li div.item-title, ul.item-list li h4 { font-weight: normal;font-size: 15px; margin: 0 0 5px 0; } ul.item-list li div.item-title span {color: #7b7b7b;font-size: 12px; font-style:italic; } ul.item-list li div.item-meta { padding-left:62px; } #latest-update { font-style:italic; } ul.item-list li div.item-desc {color: #888;font-size: 11px;margin: 10px 0 0 64px;width: 100%;} ul.item-list li div.action {position: absolute;bottom: 15px;right: 15px;text-align: right;} ul.item-list li div.meta {color: #888;font-size: 11px;margin-top: 10px; } ul.item-list li h5 span.small {float: right;font-size: 11px;font-weight: normal;} div.item-list-tabs { clear: left; overflow: hidden;} div.item-list-tabs ul li { float:left; } div.item-list-tabs ul li a {text-decoration: none;font-size:16px; } div.item-list-tabs ul {width: 100%;} #subnav { padding:0 10px; margin-top:0px; margin-bottom:20px; } #subnav ul li { padding-top:3px; padding-bottom:3px; } #subnav ul li.selected a { font-weight:bold!important; } #subnav ul li.last { float:right; } #subnav ul li a { color:#64646; font:13px Open Sans!important; } .message-search { float:right; padding:4px 0; overflow:hidden; } #messages_search { border:none; padding:3px 5px; border-radius:3px; } div.item-list-tabs ul li.last select {max-width: 175px;} div.item-list-tabs ul li a { padding:3px 8px; display:block; text-decoration: none;} div.item-list-tabs ul li a span { background: #eee; border-radius: 50%; color: #444; display: inline; font-size: 80%; margin-left: 2px; padding: 1px 6px; text-align: center; text-shadow: 0 0 0 #eee; } div.item-list-tabs ul li.selected a span { background: #000; color:#fff; text-shadow: 0 0 0 #000; } ul li.loading a {background-image: url( images/ajax-loader.gif );background-position: 92% 50%;background-repeat: no-repeat;padding-right: 30px !important;} div#item-nav ul li.loading a { background-position: 88% 50%; } div.item-list-tabs#subnav { overflow:hidden; } .group-forum div.item-list-tabs#subnav, .group-members div.item-list-tabs#subnav { border-bottom:none; margin:0px; } #admins-list li {overflow: auto;} #item-body div.profile { padding:20px; background:#ffffff; border-radius:5px; } li#forums-order-select { display:none; } #bbpress-forums .bbp-forums-list li { display: list-item !important; font-size: 12px !important; } /*-------------------------------------------------------------- 6.9 - Private Messaging Threads --------------------------------------------------------------*/ table#message-threads tr.unread td {background: #fff9db;border-top: 1px solid #ffe8c4;border-bottom: 1px solid #ffe8c4; font-weight: bold;} li span.unread-count, tr.unread span.unread-count {background: #dd0000; border-radius: 3px;color: #fff; font-weight: bold;padding: 2px 8px;} div.item-list-tabs ul li a span.unread-count {padding: 1px 6px;color: #fff;} div.messages-options-nav {background: #eee;font-size: 11px;margin: 0 -19px;padding: 5px 15px;text-align: right;} div.messages { background:#ffffff; margin-top:14px; padding:16px; border-radius:5px; overflow:hidden; } #message-thread { background:#ffffff; border-radius:5px; margin-top:14px; padding:16px 30px; } div#message-thread div.message-box {margin: 0 -19px;padding: 15px;} div#message-thread div.alt {background: #f4f4f4;} div#message-thread p#message-recipients {margin: 10px 0 20px 0;} div#message-thread img.avatar {float: left;margin: 0 10px 0 0;vertical-align: middle;} div#message-thread strong {font-size: 16px;margin: 0;} div#message-thread strong a {text-decoration: none;} div#message-thread strong span.activity {margin: 4px 0 0 10px;} div#message-thread div.message-content {margin-left: 45px;} div#message-thread div.message-options {text-align: right;} #messages-dir-count, #messages-dir-count a { text-shadow:none; color:#a1a1a1; } /*-------------------------------------------------------------- 7.0 - WooCommerce --------------------------------------------------------------*/ .tax-product_cat h1.page-title { display:none; } /*-------------------------------------------------------------- 7.1 - WPMU --------------------------------------------------------------*/ #create-a-site { font-size:14px; } .directory.blogs #object-nav { margin-top:40px; } ul.item-list li div.item-meta { padding-left:0px; } #blogs-list { width:106%; } #blogs-list li { float:left; width:160px; height:320px; margin:0 55px 0px 0; color:#646464; } #blogs-list li a { font-weight:bold; color:#F55438; } #blogs-list li .item-avatar { width:160px; height:160px; margin-bottom:20px; } #blogs-list li .item-avatar img { border:7px solid #ffffff; border-radius:5px; } #blogs-list li .item-meta { font-size:11px; margin:5px 0; } #blogs-directory-form { padding:10px 0; margin-top:40px; } #blogs_search { border:none; } /* base : clear /* ------------------------------------ */ .clear {clear:both;display:block;} .fix:before,.fix:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .fix:after {clear:both;} .fix {zoom:1;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* shortcode : pricing table /* ------------------------------------ */ .pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4 { width: 100%; margin: 20px 0 30px; } .pricing-table .plan { background: #fff; float: left; display: block; } .pricing-table.col-2 .plan { width: 49.75%; } .pricing-table.col-3 .plan { width: 33.1%; } .pricing-table.col-4 .plan { width: 24.8%; } .plan { border: 1px solid #d5d5d5; text-align: center; margin-left: -1px; } .plan:first-child { margin-left: 0; } .pricing-table .plan:last-child { border-right: 1px solid #d5d5d5; } .plan.featured { border: 1px solid #F55438; position: relative; z-index: 9; margin: -20px 0 0 -1px; padding: 20px 0px 0 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0,0,0.3); } .plan .plan-head { background-color: #666; } .plan.featured .plan-head { background-color: #F55438; color: #fff; } .plan h3 { font-weight: 300; font-size: 16px; margin: -1px -1px 0px -1px; padding: 10px 0; color: #fff; } .plan.featured h3 { font-size: 18px; margin: -21px -1px 0px -1px; padding: 20px 0; color: #fff; } .plan .price { background-image: url(images/ie/opacity-20.png); font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #fff; font-size: 30px; line-height: 1.5em; font-weight: normal; margin: 0 -1px 0 -1px; padding: 4px 0px 4px 0px; } .plan.featured .price span { color: rgba(255,255,255,0.5); } .plan .price span { font-weight: normal; font-size: 14px; line-height: 1em; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255,255,255,0.5); } .plan .signup { background-color: #f4f4f4; border-top: 1px dotted #d5d5d5; padding: 10px 0px; text-align: center; } .plan.featured .signup { padding: 10px 0; } .plan ul { margin:0 !important; list-style: none !important; padding:0 !important; } .plan li { list-style: none!important; font-size: 13px; margin: 0 20px; padding: 7px 0px; text-align: center; border-bottom: 1px solid #eee!important; } .plan li:last-child { border-bottom: 0px!important; } .plan .signup a.button { text-transform: uppercase; text-decoration: none; color: #fff; font-weight: 700; letter-spacing: 3px; line-height: 2.8em; border: 2px solid #3e4f6a; background:#444; display: inline-block; width: 80%; height: 2.8em; border-radius: 4px; margin: 1em 0 1em; } .plan .signup a.large { color: #fff; background: #f7814d; border: 2px solid #f7814d; } .plan .signup a.large:hover { color: #fff; background: #444; border: 2px solid #3e4f6a; } .plan .signup a { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .plan .signup a:hover { background: #f7814d; border: 2px solid #f7814d; color: #fff; } /* shortcode : accordion /* ------------------------------------ */ .accordion { border-bottom: 1px solid #e8e8e8; padding-top: 14px; margin-bottom: 14px; } .accordion .title a { background:#fff; border-top: 1px solid #e8e8e8; font-size: 15px; color: #777; display: block; padding: 25px 20px 25px 50px; position: relative; } .accordion .title a:hover { background: #f8f8f8; color: #F55438; } .accordion .title .icon { background: #ddd url(images/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 28px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .accordion .title.active a { color: #F55438!important; } .accordion .title.active a:hover { background: #f8f8f8; } .accordion .title.active .icon { background: #F55438 url(images/toggle-minus.png) no-repeat 2px 2px; } .accordion .inner { background:#fff; margin-top: -5px; padding: 0 20px 20px 17px; font-size: 13px; } .accordion .inner ul { overflow: auto; width: 100%; margin:0px; } .accordion .inner li { float:left; list-style:none; width:17.8%; background:url(images/tick-icon.png) no-repeat 0px 7px; padding: 5px 0 5px 24px; } .accordion .title { position:relative; } .accordion .title .pricing { background: #2f2f2f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFFFFF; padding: 5px 10px; position: absolute; right: 20px; top: 20px; } .accordion .title .pricing:hover { background:#f55438; } /* Pro site : Check Out /* ------------------------------------ */ table#psts_checkout_grid { margin-bottom: 5px; border: 0px; } table.psts_checkout_grid { position: relative; } .psts_level_head th { padding: 10px 0px 0px; font-size: 16px; font-weight: normal; letter-spacing: -1px; font-family: Helvetica, arial; } .level-1, .level-2, .level-3 { background: url(images/opt-selected.png) no-repeat center -9999em !important; } .level-1 h3, .level-2 h3, .level-3 h3 { color: #fff; font-size: 30px; } #psts_checkout_grid .pblg-checkout-opt { background: transparent!important; border: 0px none!important; border-radius: 0px !important; cursor: pointer!important; font-weight: normal!important; padding: 0px!important; color: #464646!important; text-shadow: 0px 0px 0px transparent !important; width: 100%!important; } #psts_checkout_grid .level-1 .pblg-checkout-opt, #psts_checkout_grid .level-2 .pblg-checkout-opt, #psts_checkout_grid .level-3 .pblg-checkout-opt { height:190px; position: relative; background: #e9e9e9 url(images/chooseplan.png) no-repeat center 94%!important; } #psts_checkout_grid .level-1 .opt-selected .opt-selected, #psts_checkout_grid .level-2 .opt-selected .opt-selected, #psts_checkout_grid .level-3 .opt-selected .opt-selected { height:190px; position: relative; background: #ffc3b8 url(images/opt-selected.png) no-repeat center 94% !important; box-shadow: inset 0px 0px 15px #F55438; } #psts_checkout_grid .level-1 .opt-current { height:190px; position: relative; background: #FBEAA4 url(images/opt-current.png) no-repeat center 94% !important; box-shadow: inset 0px 0px 15px #ECA500; } #container #psts_checkout_grid div.opt-current span.psts-equiv { border-top: 1px solid #F7CF33 !important; } .opt-current .pblg-price { } #psts_checkout_grid div.opt-selected span.psts-equiv { border-top: 1px dashed #fff !important; } .pblg-price { color: #F55438; font-size: 40px !important; letter-spacing: -1px; text-shadow: 0px 2px 1px #fff !important; font-family: georgia, arial; font-weight: 300; padding: 20px 0px; display: block; } #psts_checkout_grid div.pblg-checkout-opt span.psts-equiv { border-top: 1px solid #B6E4ED; display: block; font-size: 13px; font-weight: normal; height: auto; letter-spacing: normal; line-height: 20px; padding: 15px 0px; } #psts_checkout_grid tr td.level-option { margin: 0px; padding: 0px; text-align: center; } .psts_level_head th { text-align: center!important; font-family: Helvetica,arial; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -1px; padding: 10px 0; width: 23%; background: #F55438; } #psts_checkout_grid label span { padding: 10px!important; } .level-name { padding: 0px; background: #2F2F2F; color: #fff; text-align: center; } .pblg-checkout-opt:hover { box-shadow: inset 0px 0px 15px #555; } .opt-selected .pblg-checkout-opt:hover { box-shadow: inset 0px 0px 15px #ECA500; } .level-free .level-name { padding: 10px 0px; background: #F55438; color: #fff!important; text-align: center; } .level-free .level-name h3 { color: #fff; font-size: 30px; } .level-free .level-option { background: #E3F7FB none!important; border: 0px none!important; border-radius: 0px !important; cursor: pointer!important; font-weight: normal!important; padding: 0px!important; color: #464646!important; text-shadow: 0px 0px 0px transparent !important; width: 100%!important; box-shadow: inset 0px 0px 7px #9DDEEA; } a#psts-free-option, #custom a#psts-bulk-option { padding: 30px 5% !important; font-weight: bold !important; color: #04BB7B !important; width: 90% !important; display: block; text-decoration: underline !important; } a#psts-bulk-option { color: #004959 !important; } a#psts-free-option:hover, #custom a#psts-bulk-option:hover { padding: 25px 5% !important; width: 90% !important; color: #094651 !important; display: block; box-shadow: inset 0px 0px 15px #9DDEEA; text-decoration: none !important; } #psts-coupon-block small { font-size: 13px !important; } #psts-paypal-checkout { padding: 5px 0em 1em 0em; margin: 1em 0em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #psts-paypal-checkout h2 { padding: 0em; margin: 1em 0em; font-size: 30px; } #psts_checkout_grid .psts-radio { display: block; position: absolute; bottom: 34px; left: 40px; width: 300px; height: 100px; visibility:hidden; cursor:hand; } #psts-cc-table select[name='cc_month'],#psts-cc-table select[name='cc_year'] { width: 100px !important; } #psts-cc-table { width: 80%; padding: 20px 20px 40px 20px; border: 1px solid #ccc; margin: 0px 0px 20px 0px; box-shadow: 0px 0px 1px #888; } /* end */ /* MailChimp Widget /* ------------------------------------ */ .incsub-mailchimp-field { background:#fff; border:0px; color:#646464; border-radius:5px; box-shadow: inset 1px 1px 2px 0px #b6b6b6; font-family:Arial; padding: 12px 9px; width:90%; margin-bottom:10px; } /*.incsub-mailchimp-field { background:#d94b33; width:97%; color:#ff816c!important; padding:7px 4px; font-style:italic; font-size:18px; border-radius:5px; margin-bottom:10px; border-top:1px solid #ba422d; border-left:1px solid #ba422d; border-bottom:1px solid #ff7861; border-right:1px solid #ff7861; box-shadow: inset 1px 1px 2px 0px #c1432d; } */ .incsub-mailchimp-submit { font-size:20px; background: #f5654c; /* Old browsers */ background: -moz-linear-gradient(top, #f5654c 0%, #dc4c33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5654c), color-stop(100%,#dc4c33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5654c 0%,#dc4c33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5654c 0%,#dc4c33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5654c 0%,#dc4c33 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5654c 0%,#dc4c33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5654c', endColorstr='#dc4c33',GradientType=0 ); /* IE6-9 */ cursor:pointer; padding:8px 30px 8px 30px; text-shadow: 1px 1px 0px #a22e1a; border-top:1px solid #f68e7c; border-left:1px solid #f68e7c; border-right:1px solid #ca3a20; border-bottom:1px solid #ca3a20; font-weight:700; border-radius:5px; color:#ffffff; transition: all 300ms ease-in; } .incsub-mailchimp-submit:hover { padding:8px 40px 8px 40px; color:#ffffff!important; } .login-btn { background:#60b476; } .register-btn { background:#FF7F08; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ------------------------------------------------------------------------- * * Flexslider /* ------------------------------------------------------------------------- */ .slider-header h2.entry-title { margin-top:20px; color: #f55438; font-size: 26px; font-weight: bold; margin-bottom: 20px; padding:0px; } /* flexslider : featured /* ------------------------------------ */ .hr.featured { margin-top: 20px; margin-bottom: 30px; } header.slider-header { margin-bottom: 20px; } .featured { margin-bottom: 0px; } .featured .entry-thumbnail { margin-bottom: 0; margin-right: 0!important; width:auto!important; position:relative; } .featured .entry-thumbnail a { display: block; } .featured .entry-title { font-size: 20px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 0; z-index: 9; padding: 10px 50px 10px 20px; text-shadow: 0 1px 0 rgba(0,0,0,0.7); box-shadow: 0 -1px 0 rgba(255,255,255,0.07), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.3), inset 0 10px 10px rgba(0,0,0,0.1); } .featured .entry-title a { color: #fff; } .featured .entry-title a:hover { color: #fff; text-decoration: underline; } /* flexslider : comments /* ------------------------------------ */ .entry-comments { background: #f55438; font-size: 13px; line-height: 20px; color: #fff; display: block; padding: 0 7px; position: relative; position: absolute; bottom: 10px; right: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); z-index: 10; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } .entry-comments:hover { color: #fff; } .entry-comments i { position: relative; top: -1px; margin-right: 2px; } /* flexslider : resets /* ------------------------------------ */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* flexslider : necessary styles /* ------------------------------------ */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } /* flexslider : theme /* ------------------------------------ */ .flex-container { position: relative; overflow: hidden; } .flexslider { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .flexslider .slides > li { overflow: hidden; margin:0px; } .flexslider .slides img { height: auto; margin: 0 auto; } .carousel li { margin-right: 5px; } /* flexslider : caption /* ------------------------------------ */ .flex-caption { background: rgba(0,0,0,0.5); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3em; font-style: italic; padding: 8px 10px; position: absolute; bottom: 8px; left: 8px; margin-right: 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); } /* flexslider : direction nav /* ------------------------------------ */ .flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; z-index: 9; } .flex-direction-nav li { float: left; margin-left: 4px; } .flex-direction-nav a { background: rgba(0,0,0,0.7); position: relative; width: 43px; height: 43px; margin: 0 0 0; display: block; cursor: pointer; text-indent: 0; opacity: 0.8; -webkit-transition: all .3s ease; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1); } .flex-direction-nav i { font-size: 24px; color: #fff; position: absolute; left: 11px; top: 10px; text-shadow: 0 -1px 0 rgba(0,0,0,0.9); transition:all .2s ease; -o-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; } .flex-direction-nav .flex-next i { left: 14px; } .flex-direction-nav .flex-prev { } .flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 0.8; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* flexslider : control nav /* ------------------------------------ */ .flex-control-nav { width: 100%; text-align: center; margin-top: 7px; } .flex-control-nav li { font-size: 0; margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: rgba(0,0,0,0.15); width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); } .flex-control-paging li a:hover { background: rgba(0,0,0,0.2); } .flex-control-paging li a.flex-active { background: rgba(0,0,0,0.3); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ------------------------------------------------------------------------- * /* Tooltip /* ------------------------------------------------------------------------- */ a.ttip, a.tooldown{display:inline-block;} .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* ------------------------------------------------------------------------- * /* Social Icon Widget /* ------------------------------------------------------------------------- */ .social-icons-widget .social-icons.icon_32 [class^="fa-"]:before, .social-icons-widget .social-icons.icon_32 [class*=" fa-"]:before { font-style: normal; font-weight: normal; speak: none; width:32px; height:32px; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 32px; font-size:18px; -webkit-font-smoothing: antialiased; -o-transform: scale(1); text-rendering: optimizeLegibility; text-shadow: none; } .social-icons { text-align: center; } .social-icons a { margin: 2px; position: relative; } a.ttip, a.tooldown { display: inline-block; } .social-icons-widget .social-icons [class^="fa-"]:before, .social-icons-widget .social-icons [class*=" fa-"]:before { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#FFF; } .social-icons-widget .social-icons.icon_24 [class^="fa-"]:before, .social-icons-widget .social-icons.icon_24 [class*=" fa-"]:before { width:24px; height:24px; line-height: 24px; font-size:14px; display: inline-block; } .social-icons-widget .fa-rss:before { background:#f8bc2e; } .social-icons-widget .fa-facebook:before { background:#39599f; } .social-icons-widget .fa-twitter:before { background:#45b0e3; } .social-icons-widget .fa-google-plus:before { background:#fa0101; } .social-icons-widget .fa-pinterest:before { background:#f42424; } .social-icons-widget .fa-linkedin:before { background:#65b7d2; } .social-icons-widget .fa-youtube:before { background:#cc181e; } .social-icons-widget .fa-flickr:before { background:#ff0084; } .social-icons-widget .fa-dribbble:before { background:#d875a2; } .social-icons-widget .fa-instagram:before { background:#517fa4; } .social-icons-widget .fa-delicious:before { background:#2567ee; } .social-icons-widget .fa-stumbleupon:before { background:#f42424; } .social-icons-widget .fa-fivehundredpx:before { background:#00adf1 } .social-icons-widget .fa-foursquare:before { background:#0d9ed1 } .social-icons-widget .fa-grooveshark:before { background:#248fd3 } .social-icons-widget .fa-forrst:before { background:#297e09 } .social-icons-widget .fa-digg:before { background:#b2b2b2 } .social-icons-widget .fa-reddit:before { background:#ff915c } .social-icons-widget .fa-blogger:before { background:#f39d38 } .social-icons-widget .fa-viadeo:before { background:#f97618 } .social-icons-widget .fa-vimeo:before { background:#3fbfce } .social-icons-widget .fa-myspace:before { background:#487ccd } .social-icons-widget .fa-googleplay:before { background:#a0b532 } .social-icons-widget .fa-soundcloud:before { background:#F76700 } .social-icons-widget .fa-yelp:before { background:#c1230d } .social-icons-widget .fa-github:before { background:#666 } .social-icons-widget .fa-xing:before { background:#00605e } .social-icons-widget .fa-dropbox:before { background:#459ce6 } .social-icons-widget .fa-tumblr:before { background:#385a75 } .social-icons-widget .fa-apple:before { background:#7e878b } .social-icons-widget .fa-skype:before { background:#00c6ff } .social-icons-widget .fa-vkontakte:before { background:#336699 } .social-icons-widget .fa-friendfeed:before { background:#93b4dd } .social-icons-widget .fa-deviantart:before { background:#5d6f6d } .social-icons-widget .fa-lastfm:before { background:#f54a3d } .social-icons-widget .fa-spotify:before { background:#7fb718 } .social-icons-widget .fa-evernote:before { background:#1c8328 } .social-icons-widget .fa-paypal:before { background:#34aad2 } .social-icons-widget .fa-picasa:before { background:#9d48a1 } .social-icons-widget .fa-behance:before { background:#1769ff } .social-icons-widget .fa-wordpress:before { background:#2071ad } .social-icons-widget .fa-share:before { background:#55ac60 } /* ------------------------------------------------------------------------- * /* Social Icon Header /* ------------------------------------------------------------------------- */ #social-icons { float: right; margin: 26px 20px 0 0; } #social-icons .social-icons { text-align:right; } #social-icons .social-icons i { font-size:30px; margin:0 5px; } #social-icons .social-icons i.fa-rss { color: #F8BC2E; } #social-icons .social-icons i.fa-facebook { color: #3B5998; } #social-icons .social-icons i.fa-twitter { color: #33CCFF; } #social-icons .social-icons i.fa-google-plus { color: #DD4B39; } #social-icons .social-icons i.fa-pinterest { color: #C8232C; } #social-icons .social-icons i.fa-youtube { color: #C4302B; } #social-icons .social-icons i.fa-linkedin { color: #0E76A8; } #social-icons .social-icons i.fa-dribbble { color: #D875A2; } #social-icons .social-icons i.fa-flickr { color: #FF0084; } #social-icons .social-icons i.fa-instagram { color: #3F729B; } /* ------------------------------------------------------------------------- * /* Tabbed Widget /* ------------------------------------------------------------------------- */ #tabbed-widget .widget-top{ background: #f5593e; background: -moz-linear-gradient(top, #f5593e 0%, #f5593e 50%, #ed5136 51%, #ed5136 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5593e), color-stop(50%,#f5593e), color-stop(51%,#ed5136), color-stop(100%,#ed5136)); background: -webkit-linear-gradient(top, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); background: -o-linear-gradient(top, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); background: -ms-linear-gradient(top, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); background: linear-gradient(to bottom, #f5593e 0%,#f5593e 50%,#ed5136 51%,#ed5136 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5593e', endColorstr='#ed5136',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-left:1px solid #fa755d; border-top:1px solid #fa755d; border-right:1px solid #ce4b34; border-bottom:1px solid #ce4b34; height: 35px; padding: 8px 0 0 0; } .tabs-wrap, .cat-tabs-wrap{clear:both; display:none;} .tabs-wrap#tab1, .cat-tabs-wrap.cat-tabs-wrap1{display:block;} #tabbed-widget ul.tabs li { float: left; position: relative; margin-left: 8px; margin-bottom: 0px; line-height:30px; padding:0px; background:transparent; width: auto; min-width: inherit; border-bottom: 0px; } #tabbed-widget ul.tabs li a { display: inline-block; text-align: center; color: #fff; padding:5px 9px 11px; line-height:20px; outline:none; font-size: 14px; font-weight: bold; } #tabbed-widget ul.tabs li a:hover {color: #f7f7f7;} #tabbed-widget ul.tabs li.active a { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; background:#FFF; color:#100D0A; } #tabbed-widget .tabs-wrap .tagcloud { margin-top:15px; } #tabbed-widget .tabs-wrap .tagcloud a{ padding:6px 8px; border: 1px solid #e9e9e9; background: #F7F7F7; text-shadow: 0 1px 0 white; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; display:inline-block; margin: 0px 0px 3px 0px; } #tabbed-widget .tabs-wrap.tagcloud a:hover{background:#ededed;} #tabbed-widget .tabs-wrap li { padding: 14px; margin:15px 0 0 0; background:#ffffff; border-right:1px solid #e0dfdf; border-bottom:1px solid #e0dfdf; color:#606060; border-radius:5px; } .tab-thumbnail { float: left; width: 90px; margin-right:10px; } .entry-detail { overflow:hidden; width:auto; } .entry-detail h3, .entry-detail h3 a { line-height:18px; color:464646; font-weight:bold; font-size: 14px; margin:0 0 5px 0; } .entry-detail span, .entry-detail span a { font-size:12px; }