/* Theme Name: UnitedCommunity Description: A BuddyPress Theme Author: Diabolique Design Author URI: http://themeforest.net/user/Diabolique Theme URI: http://themeforest.net/item/unitedcommunity-buddypress-theme/11552178 Tags: buddypress Version: 1.0.4 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.4 - Widgets 2.5 - Frontpage 2.6 - Groups 2.7 - Top Header 2.8 - Login Page 3.0 - Non-structural 3.1 - Text 3.2 - Headers 3.3 - Lists 3.3 - WPMU 4.0 - Navigation 4.1 - Pagination 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 - User profile 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums 6.9 - Private Messaging Threads 7.0 - Event Manager 7.1 - WooCommerce 7.2 - Live Chat 7.3 - BP Docs 7.4 - BuddyDrive 7.5 - rtMedia --------------------------------------------------------------*/ /*-------------------------------------------------------------- 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;} * {margin:0; padding:0;} 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:#f5f5f5; color:#1f1f1f; font-size: 12px; font-family: Droid Serif, Tahoma, Verdana, sans-serif; padding:0; } body.activity-permalink div#container {background: none;border: none;} #container { max-width:1670px; margin:0 auto; } a { text-decoration: none; color:#4b4b4b; } a img {border:none;} .none { display:none; } input { font-family:Tahoma; } #wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit, #create-group-button, #send_reply_button, #profile-group-edit-submit, #bbp_reply_submit, #bbp_topic_submit, #send { display:block; padding:12px 25px; margin: 15px 15px 20px 0; float:right; cursor:pointer; background:#ff7701; color:#ffffff; box-shadow: 0px 2px 0px #da6500; border:none; border-bottom:1px solid #ff8a24; font-size:28px; border-radius:4px; font-family:"Open Sans"; font-weight:800; transition: all 300ms ease-in; line-height:1em; } #wp-submit:hover, #signup_submit:hover, .wpcf7-submit:hover, #post-topic-reply #submit:hover, #new-topic-button:hover, .my-account #submit:hover, #new-topic-post #submit:hover, .page-template-search-page-php #search-submit:hover, #comment-submit:hover, a.more-link:hover, #send_reply_button:hover, #profile-group-edit-submit:hover, #bbp_reply_submit:hover, #bbp_topic_submit:hover, #send:hover { background:#d96501; box-shadow: 0px 2px 0px #ba5600; border-bottom:1px solid #d9751f; } 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);} iframe, .video-container object, .video-container embed { max-width: 100%; } img { max-width:100%!important; } /* Text meant only for screen readers. */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;} .screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */} /*-------------------------------------------------------------- 2.1 - Content --------------------------------------------------------------*/ #content { width:63%; float:left; line-height:1.6em; font-size:16px; min-height:200px; padding:2%; position:relative; } .page-template-frontpage1-php #content, .page-template-frontpage2-php #content { background-image: url( "images/bg-content.jpg" ); background-position:bottom left; } .single-post #content, .page-template-default #content, body.forum-archive #content, #content.bbpress-page, .post-type-archive #content { width:67%!important; padding:0%; } .page-template-frontpage1-php #content, .page-template-frontpage2-php #content, .page-template-login-php #content, .page-template-recovery-php #content, .page-template-search-page-php #content, .activity-permalink #content, .error404 #content, .directory.blogs #content, .create-blog #content, .full-width #content, .page-template-blog-php #content, .directory.members #content, .directory.groups #content, .archive #content, .search-results #content, .home.blog #content { width:100%!important; padding:0px; } .registration #content, .page-template-onecolumn-page-php #content { width:96%; padding:2%; } body.woocommerce #content, body.archive.woocommerce #content { width:63%!important; } .post-type-archive #content { width:63%!important; padding-left:2%; } .buddydrive #content { width:62%!important; padding-left:2%; padding-right:1%; } div#content .one-column {border-right: 0 none;margin-right: 0; } div#content .left-menu {float: left; } div#content .main-column {margin-left: 120px; } .group-create div#content .main-column {margin-left: 180px; } .page-title { font-size:80px; font-weight:700; color:#ffffff; padding:65px 0 70px 2%; margin-bottom:1px; font-family:"Open Sans"; font-weight:800; } .directory.groups .page-title { padding:65px 0 230px 2%; } .single-topic .page-title { text-transform:none; } #content.bbpress-page .page-title { margin:0px; } .not-found-message { font-size:24px; line-height:1.5em; font-weight:900; color:#949494; } #header-title { width:100%; color:#ffffff; margin-bottom:1px; position:relative; } .page-template-blog #header-title, .archive.category #header-title, .archive.date #header-title, .archive.tag #header-title { background-image:none; } #header-title .wrapper { position:relative; } .directory.groups .list-wrap { border-top:1px solid #ffffff; } .box-v-r-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:0px; top:0px; } .box-v-m-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:50%; top:0px; } .box-h-b-spacer { position:absolute; background:#ffffff; width:100%; height:1px; z-index:1000; right:0px; bottom:0px; } /*-------------------------------------------------------------- 2.2 - Header --------------------------------------------------------------*/ header { height:80px; margin-bottom:1px; } #logo { float:left; margin-left:2%; } #logo img { width:auto; max-height:60px; } .header-login { height:80px; width:80px; float:right; margin-left:1px; } .header-login-icon { display:block; width:100%; height:100%; background-image: url( "images/user.png" ); background-position:center center; background-repeat: no-repeat; } .header-register { font:25px Georgia; padding:25px 15px; font-style:italic; float:right; height:30px; } .header-panel { float:right; height:80px; min-width:60px; color:#ffffff; padding:0px 14px; } .header-panel a { color:#ffffff; } .header-username { font-style:italic; font-size:16px; margin-top:10px; margin-bottom:11px; } .header-message { display:block; float:left; width:35px; height:28px; font-size:24px; text-align:center; background-image: url( "images/message.png" ); background-position:center center; background-repeat: no-repeat; } .header-logout { display:block; float:right; font-size:14px; margin-top:4px; } .notif-container { position:fixed; width:270px; z-index:1000; bottom:10px; right:30px; color:#ffffff; } .my-notification { padding:9px 15px; background-image: url( "images/transparent.png" ); margin-bottom:20px; box-shadow: 0px 0px 0px 5px rgba(255,119,1,0.40); } .my-notification:last-child { border-bottom:none; } .my-notification a { color:#ffffff; font-size:14px; } #mobile-menu { display:none; float:right; margin-right:1px; background-image: url( "images/mobile-menu.png" ); background-repeat:no-repeat; background-position:center center; height:80px; width:80px; position:relative; cursor:pointer; } #mobile-menu ul.menu { display:none; position:absolute; top:81px; right:0px; padding:14px; z-index:10000; width:220px; color:#ffffff; } #mobile-menu ul.menu a { color:#ffffff; } #mobile-menu ul.menu li ul { padding-left:10px; } #mobile-menu ul.menu li { padding:4px 0; } #mobile-menu ul.menu li ul li { padding:2px 0; } #mobile-menu ul.menu li a { font-size:15px; } #mobile-menu ul.menu li ul li a { font-size:13px; } /*-------------------------------------------------------------- 2.4 - Widgets --------------------------------------------------------------*/ #sidebar { width: 33%; float:right; } #sidebar p { line-height:1.6em; font-size:13px; color:#1d1d1d; } .sidebar-box { color:#505050; border-bottom:1px solid #ffffff; overflow:hidden; line-height:1.5em; font-size:15px; } #sidebar div.sidebar-box:last-child { border-bottom:none; } .sidebar-box, .front-block { padding:5% 5% 3% 5%; border-left:1px solid #ebebeb; } .widget_text, .widget_ddpopulargroups, .widget_ddrecenttopics, .widget_ddpopularmembers, .widget_ddrecentpostsbig, .widget_ddrecentpostssmall, .widget_unitedcommunity_recent_comments_widget, .widget_unitedcommunity_bbpresssearch, .widget_unitedcommunity_blogcategories, .widget_search, .widget_unitedcommunity_tags { padding:0 0%; border-left:none; border-bottom:1px solid #ffffff; } .sidebar-box:last-child { background-image:none; } .block-title { font-size:32px; font-family:'Open Sans'; font-weight:800; text-transform:uppercase; padding:0% 6% 5% 6%; margin-left:-6%; margin-right:-6%; border-bottom:1px solid #ebebeb; margin-bottom:10px; } .widget_unitedcommunity_recent_comments_widget .block-title, .widget_text .block-title, .widget_ddrecenttopics .block-title, .widget_ddrecentpostssmall .block-title, .widget_ddrecentpostsbig .block-title { padding:4% 4%; margin-bottom:0px; margin-left:0px; margin-right:0px; } #sidebar .block-title { font-size:24px; } .popular-members .block-title { font-weight:900; background:#f55438; color:#ffffff; padding:23px 14px; border-bottom:1px solid #ffffff; } .widget_ddrecenttopics .block-title, .widget_unitedcommunity_recent_comments_widget .block-title { color:#ffffff; } #sidebar ul { width:370px; margin-top:0px; } .sidebar-box li { padding:6px 0px 5px 0px; } .sidebar-box a { color:#1d1d1d; font-size:15px; } .sidebar-box ul li ul li { margin-left:10px; border:none; } div#sidebar div#sidebar-me {margin-bottom: 15px;} div#sidebar div#sidebar-me img.avatar {float: left;margin: 0 10px 15px 0;} div#sidebar div#sidebar-me h4 {font-size: 16px;margin: 0 0 8px 0;font-weight: normal; } .widget_text { color:#ffffff; background:#f55438; position:relative; z-index:0; } .widget_text .block-title { border-bottom:1px solid #ff7d66; } .widget_text .textwidget p, .widget_text .textwidget { color:#ffffff!important; } .widget_text .textwidget p { padding:5% 4%; text-align: justify;} #sidebar .widget_text .textwidget p { font-size:14px; } .widget_text .textwidget img { max-width:100%; height:auto; display:block; } .block-ad img { border-right:1px solid #ffffff; } table#wp-calendar { margin-left:0px!important; margin-right:0px!important; width:100%!important; } table#wp-calendar thead tr th { text-align:left; } /*-------------------------- bbPress Search Widget -----------------------------------*/ #bbp-search-form label { font-style:italic; } #bbp_search { border:1px solid #d8d8d8; border-radius:5px; padding:6px; } #bbp_search_submit { padding-top:4px; padding-bottom:4px; } /*-------------------------- Blog Search Widget -----------------------------------*/ #searchform-child { overflow:hidden; width:100%; position:relative; } form#searchform #s { background:none; color:#5d5d5d; border:none; font-family:Tahoma; font-size:24px; border-left:1px solid #e5e5e5; padding:0px 0 0 10px; float:left; width:100%; height:78px; } form#searchform #searchsubmit { background:#ff7701; background-image: url( "images/search.png" ); background-position:center center; background-repeat: no-repeat; width:80px; height:80px; cursor:pointer; float:right; padding:0px; position:absolute; right:0px; top:0px; border:none; font-size:24px; } #searchform-child .hoverText { color: #7b7b7b; } #searchform-child .hoverTextActive { color: #c6c6c6!important; font-style:italic; } /*-------------------------- Blog Categories Widget -----------------------------------*/ .widget_unitedcommunity_blogcategories { position:relative; } ul#blog-categories-left { float:left; width:50%; position:relative; } ul#blog-categories-right { float:left; width:50%; } ul#blog-categories-left li, ul#blog-categories-right li { background:#f24a27; padding:5% 7%; border-bottom:1px solid #ff7a5e; color:#ffffff; font-size:21px; } ul#blog-categories-left li:last-child { border-bottom:none; } ul#blog-categories-right li:last-child { border-bottom:none; } ul#blog-categories-left a, ul#blog-categories-right a { color:#ffffff; font-size:21px; line-height:1em; font-style:italic; text-transform:uppercase; } .categories-v-r-spacer { position:absolute; background:#ff7a5e; width:1px; height:100%; z-index:1000; left:50%; top:0px; display:block; } /*----------------------- Recently Active Members Widget --------------------------------*/ .widget_bp_core_recently_active_widget { overflow:hidden; } .widget_bp_core_recently_active_widget .item-avatar a img { width:50px; height:50px; margin:0 10px 10px 0; border-radius:4px; } .widget_bp_core_recently_active_widget .avatar-block { width:100%; } /*-------------------------- Online Members Widget -----------------------------------*/ .widget_bp_core_whos_online_widget { overflow:hidden; } .widget_bp_core_whos_online_widget img.avatar { margin:0 10px 10px 0; border-radius:4px; } /*-------------------------- Popular Members Widget -----------------------------------*/ .widget_ddpopularmembers { position:relative; z-index:0; overflow:hidden; } .box-popular-members-item { float:left; width:20%!important; height:20%!important; position:relative; z-index:0; overflow:hidden; } .box-popular-members-name { position:absolute; background:#ff2626; padding:3px 4px; bottom:7px; right:7px; display:inline; line-height:1em; font-size:13px; color:#ffffff; } .front-block.popular-members { margin-bottom:0px; } .box-popular-members, .members-container { z-index:0; position:relative; } #members-list { z-index:20; } #members-list li { display:block; float:left; position:relative; width:10%!important; height:10%!important;} .box-popular-members a { width:10%!important; height:10%!important;} .box-popular-members a img.avatar, #members-list li a img.avatar { border-bottom:1px solid #ffffff; display:block; width:100%!important; height:100%!important; } .box-popular-members a img.avatar, #members-list li a img.avatar { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:.5s; } .widget_ddpopularmembers .box-popular-members a img.avatar:hover, #members-list li a img.avatar:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .box-popular-members a.member-id9 img.avatar, .box-popular-members a.member-id10 img.avatar, .box-popular-members a.member-id11 img.avatar, .box-popular-members a.member-id12 img.avatar { margin-bottom:0px; } #members-dir-list #members-list .member-id10 .box-v-r-spacer, #members-dir-list #members-list .member-id20 .box-v-r-spacer, #members-dir-list #members-list .member-id30 .box-v-r-spacer, #members-dir-list #members-list .member-id40 .box-v-r-spacer, #members-dir-list #members-list .member-id50 .box-v-r-spacer, #members-dir-list #members-list .member-id60 .box-v-r-spacer, #members-dir-list #members-list .member-id70 .box-v-r-spacer, #members-dir-list #members-list .member-id80 .box-v-r-spacer, #members-dir-list #members-list .member-id90 .box-v-r-spacer, #members-dir-list #members-list .member-id100 .box-v-r-spacer, #members-dir-list #members-list .member-id110 .box-v-r-spacer { display:none; } #members-dir-list #members-list li.member-id7 .member-popup, #members-dir-list #members-list li.member-id17 .member-popup, #members-dir-list #members-list li.member-id27 .member-popup, #members-dir-list #members-list li.member-id37 .member-popup, #members-dir-list #members-list li.member-id47 .member-popup, #members-dir-list #members-list li.member-id57 .member-popup, #members-dir-list #members-list li.member-id67 .member-popup, #members-dir-list #members-list li.member-id77 .member-popup, #members-dir-list #members-list li.member-id87 .member-popup, #members-dir-list #members-list li.member-id97 .member-popup, #members-dir-list #members-list li.member-id107 .member-popup { left:-150%; } #members-dir-list #members-list li.member-id8 .member-popup, #members-dir-list #members-list li.member-id18 .member-popup, #members-dir-list #members-list li.member-id28 .member-popup, #members-dir-list #members-list li.member-id38 .member-popup, #members-dir-list #members-list li.member-id48 .member-popup, #members-dir-list #members-list li.member-id58 .member-popup, #members-dir-list #members-list li.member-id68 .member-popup, #members-dir-list #members-list li.member-id78 .member-popup, #members-dir-list #members-list li.member-id88 .member-popup, #members-dir-list #members-list li.member-id98 .member-popup, #members-dir-list #members-list li.member-id108 .member-popup { left:-150%; } #members-dir-list #members-list li.member-id9 .member-popup, #members-dir-list #members-list li.member-id19 .member-popup, #members-dir-list #members-list li.member-id29 .member-popup, #members-dir-list #members-list li.member-id39 .member-popup, #members-dir-list #members-list li.member-id49 .member-popup, #members-dir-list #members-list li.member-id59 .member-popup, #members-dir-list #members-list li.member-id69 .member-popup, #members-dir-list #members-list li.member-id79 .member-popup, #members-dir-list #members-list li.member-id89 .member-popup, #members-dir-list #members-list li.member-id99 .member-popup, #members-dir-list #members-list li.member-id109 .member-popup { left:-150%; } #members-dir-list #members-list li.member-id10 .member-popup, #members-dir-list #members-list li.member-id20 .member-popup, #members-dir-list #members-list li.member-id30 .member-popup, #members-dir-list #members-list li.member-id40 .member-popup, #members-dir-list #members-list li.member-id50 .member-popup, #members-dir-list #members-list li.member-id60 .member-popup, #members-dir-list #members-list li.member-id70 .member-popup, #members-dir-list #members-list li.member-id80 .member-popup, #members-dir-list #members-list li.member-id90 .member-popup, #members-dir-list #members-list li.member-id100 .member-popup, #members-dir-list #members-list li.member-id110 .member-popup { left:-150%; } .member-popup { display:none; text-align:left; background-image: url( "images/transparent.png" ); color:#ffffff; width:290px; z-index:3000; padding:10px; line-height:34px; top:50%; left:50%; font-size:16px; position:absolute; box-shadow: 0px 0px 0px 5px rgba(255,119,1,0.40); } .member-popup a { color:#ffffff; } .member-popup .generic-button a { border:1px solid #ff9a65; color:#ffffff; display:inline; } .box-popular-members .box-popular-members a:hover .member-popup, #members-list li:hover .member-popup { display:block; z-index:1000; } .member-popup-name { font-weight:bold; } .member-popup .member-popup-motto { display:block; line-height:24px; } #members-list li .member-popup .update { font-size:13px; line-height:1.5em; font-style:italic; } .widget_ddpopularmembers:hover .box-popular-members-cover, .widget_ddpopularmembers:hover .box-popular-members-title { display:none; } .box-popular-members-title { font-size:24px; font-weight:800; font-style:italic; position: relative; left: -50%; top: -14px; display:inline; padding:14px 40px; background:#979797; border-radius:5px; text-align:center; z-index:201; color:#ffffff; -webkit-box-shadow: 0px 2px 0px 1000px rgba(0,0,0,0.53); -moz-box-shadow: 0px 2px 0px 1000px rgba(0,0,0,0.53); box-shadow: 0px 2px 0px 1000px rgba(0,0,0,0.53); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .box-popular-members-title { box-shadow: 0px 2px 0px 1000px rgba(0,0,0,0.00); } } /*-------------------------- Members Widget -----------------------------------*/ #sidebar #members-list-options { font-style:italic; margin-top:10px; } #sidebar .sidebar-box-child #members-list .vcard { padding:11px 0px 25px 0px; } #sidebar .sidebar-box-child .vcard .item-avatar img { display:block; margin: 0px 15px 0 0; border-radius:4px; } #sidebar .sidebar-box-child .vcard .item-title a { font-weight:bold; font-size:16px; } #sidebar .sidebar-box-child .vcard .item-meta { padding-left:0px; } /*-------------------------- Recent Comments Widget -----------------------------------*/ .widget_unitedcommunity_recent_comments_widget { width:100%; background:#58b4b2; position:relative; } .widget_unitedcommunity_recent_comments_widget .block-title { border-bottom:1px solid #65cfcd; } .recent-comment-container { background-image: url( "images/spacer-recentcomments.gif" ); background-position:center top; background-repeat: repeat-y; } .recent-comment { color:#ffffff; width:50%; float:left; } .recent-comment-content { background-image: url( "images/quote-bg.png" ); background-repeat: no-repeat; background-position:bottom right; padding:7% 8%; font-family:Georgia; font-size:18px; line-height:1.5em; font-style:italic; position:relative; } .recent-comment-content img { float:left; margin:7px 19px 0 0; border:7px solid #488d8c; border-radius:3px; } .recent-comment-bottom { position:relative; overflow:hidden; border-top:1px solid #65cfcd; border-bottom:1px solid #65cfcd; } .recent-comment-info { font-family:"Open Sans"; font-weight:800; font-size:13px; padding:3% 4% 3% 8%; line-height:1.5em; text-transform:uppercase; } .recent-comment-info a { color:#ffffff; font-size:13px; } .recent-comment-avatar img { margin-right:15px; } /*-------------------------- Recent Forum Topics Widget -----------------------------------*/ .widget_ddrecenttopics { overflow:hidden; width:100%!important; background:#fa9722; position:relative; } .widget_ddrecenttopics .block-title { border-bottom:1px solid #fcbf76; } .widget_ddrecenttopics ul { width:100%!important; background-image: url( "images/spacer-ontheforums.gif" ); background-position:center top; background-repeat: repeat-y; } .widget_ddrecenttopics ul li.forum-lastposts { float:left; border-bottom:none; min-height:120px; padding:0px; width:50%; } .widget_ddrecenttopics ul li.forum-lastposts .forum-lastposts-content { display:block; float:left; line-height:2em; padding:9% 6% 8% 8%; overflow:hidden; position:relative; } #sidebar .widget_ddrecenttopics ul li.forum-lastposts .forum-lastposts-content { padding-left:8%; } .widget_ddrecenttopics ul li.forum-lastposts .forum-lastposts-content a.widget_topic_title { font-size:24px; color:#ffffff; display:block; margin-top:-5px; font-weight:400; } #sidebar .widget_ddrecenttopics ul li.forum-lastposts .forum-lastposts-content a.widget_topic_title { font-size:21px; } .forum-lastposts-container { width:100%!important; } a.widget_topic_title { font-weight:bold; } .forum-lastposts .forum-lastposts-content img { display:none; } .forum-lastposts-details { font-family:"Open Sans"; font-weight:800; padding:3% 8%; border-top:1px solid #fcbf76; border-bottom:1px solid #fcbf76; line-height:1.1em; margin-bottom:-1px; } #sidebar .forum-lastposts-details { padding-left:8%; } ul li.forum-lastposts .forum-lastposts-details, ul li.forum-lastposts .forum-lastposts-details span, ul li.forum-lastposts .forum-lastposts-details span a { color:#ffffff; font-size:13px; text-transform:uppercase; } #sidebar ul li.forum-lastposts .forum-lastposts-details, #sidebar ul li.forum-lastposts .forum-lastposts-details span, #sidebar ul li.forum-lastposts .forum-lastposts-details span a { font-size:12px; } /*-------------------------- Blog tags Widget -----------------------------------*/ .widget_unitedcommunity_tags.sidebar-box { padding:0px; background:#c7c7c7; border-bottom:0px; position:relative; } .widget_unitedcommunity_tags a { padding:8px 16px; margin-left:-5px; margin-top:-1px; border:1px solid #ffffff; display: inline-block; background:#c7c7c7; font-size:18px!important; color:#ffffff; } /*-------------------------- Recent Post (Big) Widget -----------------------------------*/ .box-post-big { position:relative; } .box-post-big img { width:100%; height:auto; display:block; } .box-post-title-big { border-top:1px solid #ffffff; padding:3% 4%; font-szie:26px; font-style:italic; } .box-post-title-big a { color:#000000; line-height:1.4em!important; font-size:26px; position:relative; } .box-post-big a { position:relative; display:block; } .box-post-big-labels { position:absolute; top:4%; left:4%; width:90%; } .box-post-big .box-post-big-label { width:100%; line-height:1.0em; height:24px; margin-bottom:2px; } .box-post-big .box-post-big-label span { font-size:18px; padding:3px 5px; font-family:'Open Sans'; font-weight:800; line-height:1.0em; color:#ffffff; } .box-post-big-author { } .box-post-big-author span { line-height:1em; font-size:14px; font-style:italic; background-image: url( "images/transparent-black.png" ); padding:3px 5px; color:#ffffff; } .box-post-big-author span a { display:inline; color:#ffffff; } #sidebar .box-post-title-big a { font-size:21px; } /*-------------------------- Recent Post (Small) Widget -----------------------------------*/ .widget_ddrecentpostssmall.front-block, .widget_ddpopulargroups.front-block, .widget_ddpopularmembers.front-block, .widget_ddrecentpostssmall { border-bottom:none; } .widget_ddrecentpostssmall .box-post-small { width:50%; float:left; position:relative; border-bottom:1px solid #ffffff; padding-bottom:20px; } .box-post-small a { position:relative; display:block; } .box-post-small-labels { position:absolute; top:6%; left:5%; width:90%; } .box-post-small .box-post-small-label { display:block; margin-bottom:3px; display: none; } .box-post-small .box-post-small-label span { font-size:18px; padding:4px 5px; font-family:'Open Sans'; font-weight:800; line-height:1.0em; color:#ffffff; } .box-post-small-author span { font-size:14px; font-style:italic; background-image: url( "images/transparent-black.png" ); line-height:1.0em; padding:3px 5px; color:#ffffff; display: none;} .box-post-small-author span a { display:inline; color:#ffffff; } .box-post-small-id2 .box-v-r-spacer, .box-post-small-id4 .box-v-r-spacer, .box-post-small-id6 .box-v-r-spacer, .box-post-small-id8 .box-v-r-spacer, .box-post-small-id10 .box-v-r-spacer { display:none; } .box-post-small img { width:100%; height:auto; display:block; } .box-post-title-small { position:absolute; bottom:0px; border-top:1px solid #ffffff; padding:4% 6%; width:88%; font-size:16px; font-style:italic; } .box-post-title-small span a { color:#000000; line-height:1.5em; } /*-------------------------------------------------------------- 2.5 - Frontpage --------------------------------------------------------------*/ .front-welcome { font-size:60px; padding-bottom:190px; margin-bottom:1px; line-height:1.0em; font-weight:900; overflow:hidden; position:relative; } .front-welcome-text1 { color:#ffffff; line-height:1.3em; margin:50px 0 0 0; text-align:center; } .join-now { position:absolute; display:block; right:0px; bottom:0px; } .front-col-1, .front-col-2 { width:50%; float:left; position:relative; z-index:0; height:100%; } .front-block { float:left; width:100%; border-bottom:1px solid #ffffff; } .front-intranet { min-height:700px; } .front-intranet-transparent { min-height:700px; padding-top:150px; position:relative; } .front-intranet-headline { font-size:72px; text-align:center; color:#ffffff; font-family:"Open Sans"; font-weight:800; } .front-intranet-info { font-size:24px; line-height:1.4em; text-align:center; color:#ffffff; font-style:italic; margin:0 auto; margin-top:30px; width:80%; } .front-intranet-login { padding-bottom:240px; } .front-intranet-login #page-login-form #page-user-login, .front-intranet-login #page-login-form #page-user-pass { width:96%; background:none; border:1px solid #ff9a65; padding:14px 0px 14px 4%; color:#ffffff; } .front-intranet-login label, .front-intranet-login label a { color:#ffffff; font-size:16px; } .front-intranet-login label input { margin-top:3px; } .front-intranet #page-login-form { width:360px; } .front-intranet .forgetmenot label, .front-intranet .forgetmenot a { font-size:14px; } .front-intranet-login #wp-submit-front { background:none; background-image: url( "images/user2.png" ); background-position:10px center; background-repeat: no-repeat; margin-top:20px; padding:18px 16px 18px 60px; border:2px solid #ff9a65; color:#ffffff; cursor:pointer; border-radius:5px; font-size:28px; font-weight:800; } /*-------------------------------------------------------------- 2.6 - Groups --------------------------------------------------------------*/ span.activity { font-size: 11px; } #members-dir-list span.activity, .thread-from span.activity, .message-metadata span.activity, #members-list span.activity, .group-members #member-list span.activity { background:none; font-size:13px; } #groups-directory-form .list-wrap ul li .group-box { width:10%; height:10%; } .groups-box ul li:nth-of-type(4) .group-box .group-box-v-r-spacer, .groups-box ul li:nth-of-type(8) .group-box .group-box-v-r-spacer, .groups-box ul li:nth-of-type(12) .group-box .group-box-v-r-spacer, .groups-box ul li:nth-of-type(16) .group-box .group-box-v-r-spacer, .groups-box ul li:nth-of-type(20) .group-box .group-box-v-r-spacer, .groups-box ul li:nth-of-type(24) .group-box .group-box-v-r-spacer, .groups-box ul li:nth-of-type(28) .group-box .group-box-v-r-spacer, .groups-box ul li:nth-of-type(32) .group-box .group-box-v-r-spacer { display:none; } .group-box { float:left; border-bottom:1px solid #ffffff; width:25%; height:auto; padding-bottom:14px; font-size:12px; line-height:1.6em; position:relative; } .group-box-v-r-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:2100; right:0px; top:0px; } #groups-directory-form .group-id10 .group-box-v-r-spacer, #groups-directory-form .group-id20 .group-box-v-r-spacer, #groups-directory-form .group-id30 .group-box-v-r-spacer, #groups-directory-form .group-id40 .group-box-v-r-spacer { display:none; } .group-box-bottom { position:absolute; bottom:0px; width:100%; padding:4px 0; background:#ff7701; text-align:center; z-index:1001; border-top:1px solid #ffffff; } .group-box-title { width:100%; overflow:hidden; line-height:12px; } .group-box-title a { font-size:10px; color:#ffffff; text-transform:uppercase; font-weight:400; } .group-box-image-container .group-box-details { text-align:left; overflow:hidden; color:#ffffff; width:100%; height:100%; line-height:26px; top:0%; left:0%; font-size:16px; position:absolute; z-index:1000; display:none!important; text-transform:capitalize; } .group-box-details-1 { padding:3px 4px 3px 15px; position:absolute; top:10px; font-style:italic; display:block; } .group-box-details-1 span { padding:3px 0px 3px 0px; background-image: url( "images/transparent-black.png" ); } .group-box:hover .group-box-details { display:block!important; z-index:1000; } .group-box-image-container img.avatar { position:relative; width:100%!important; height:auto!important; display:block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:.5s; } .group-box-image-container:hover img.avatar { -webkit-filter: grayscale(100%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } a.group-box-link { display:block; position:absolute; width:100%!important; height:auto!important; z-index:2000; } #item-body #item-nav { margin-bottom:0px; } #object-nav { overflow:hidden; float:left; position:relative; z-index:100; } .directory.activity #object-nav { position:absolute; bottom:30px; } .directory.groups #object-nav { margin-bottom:66px; margin-left:2%; } #object-nav ul { margin-bottom:0px!important; } #object-nav ul li { position:relative; float:left!important; margin-top:12px; margin-right:15px; } #groups-directory-form #object-nav ul li { background-image: none; } body.bp-user .groups.mygroups #object-nav { display:none; } .mygroups { position:relative; z-index:1; } .mygroups .group-box { width:20%; height:20%; } #object-nav ul li a { position:relative; padding:13px 30px 13px 30px; border:1px solid #ff9a65; font-size:14px; color:#ffffff; font-style:italic; text-transform:uppercase; } #object-nav ul li a span { display:inline; color:#ffffff; font-family:Tahoma; padding-right:5px; } #object-nav ul li.current a, #object-nav ul li a.current { color:#1e1e1e; background:#ffffff; border:1px solid #ffffff; } .my-groups .tabs-nav { display:none; } .single-group-box-image-container { float:left; } /* GROUP TABS */ .list-wrap ul { overflow:hidden; width:100%!important; } .hide { position: absolute; top: -9999px; left: -9999px; } #tabs-container .tabs-nav li.last { margin-right: 0; } #tabs-container ul { list-style: none; } #tabs-container ul li a { display: block; } #create-group-button { float:right; margin-top:50px; } #group-create-tabs { padding:2px 3px 3px 3px; margin-bottom:30px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } #group-create-tabs ul li.current a { color:#222222; } .directory.groups #content { margin-top:-133px; position:relative; z-index:100; } /*-------------------------------------------------------------- 2.8 - Login Page --------------------------------------------------------------*/ #page-login-form { width:400px; margin:0 auto; margin-top:60px; } #page-user-login { width:100%; } #page-user-pass { width:100%; } #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; float:left; } #page-login-form #wp-submit { padding-left:50px; padding-right:50px; } /*-------------------------------------------------------------- 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; font-szie:14px;} /*-------------------------------------------------------------- 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-family:"Open Sans"; font-weight:800; } h1 {font-size: 48px;margin-bottom: 25px;} h2 {font-size: 44px;margin-bottom: 21px;} h3 {font-size: 38px; margin-bottom: 17px;} h4 {font-size: 34px;margin-bottom: 15px;} h5 {font-size: 30px;margin-bottom: 15px;} h6 {font-size: 24px;margin-bottom: 12px;} /*-------------------------------------------------------------- 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;} /*-------------------------------------------------------------- 3.3 - WPMU --------------------------------------------------------------*/ #blogs-list { width:106%; } #blogs-list li { float:left; width:150px; height:390px; margin:20px 25px 0px 25px; } #blogs-list li .item-avatar { width:150px; height:150px; margin-bottom:10px; } #blogs-list li .item-meta { font-size:11px; margin:3px 0; padding-left:0px; font-style:italic; } #blogs-list li .item-title { font-size:12px; font-weight:bold; padding-left:0px; } #blogs-list li .item-lastpost { font-weight:bold; color:#ff6700; } /*-------------------------------------------------------------- 4.0 - Navigation --------------------------------------------------------------*/ header nav { margin-top:23px; float:right; margin-right:40px; position:absolute; margin-left:135px;} header nav li { float:right; margin-right:1px; padding:5px 9px; margin-left:20px; position:relative; } header nav ul li a { display:block; position:relative; padding:6px; text-align:left; font-size:16px; font-family:Open Sans; font-weight:800; color:#222222; } header nav ul li .nav-ul-container { margin:0 0 0 20px; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:2000; font-size:18px; font-weight:900; } header nav ul a:link, header nav ul a:active, header nav ul a:visited { display:block; padding:0; text-decoration:none; } header nav ul ul a:link, header nav ul ul a:active, header nav ul ul a:visited { display:block; padding:0 0 0 3px; text-decoration:none; } header nav li ul li:last-child { border-bottom:none; } header nav ul li ul li a:hover { color:#ffffff; } header nav ul li .nav-ul-container { position:absolute; padding-top:18px; z-index:2000; left:50%; margin-left: -110px; text-align:left; width:220px; top:27px; background-image: url( images/menu-arrow-top.png ); background-position: center top; background-repeat: no-repeat; display:none; } header nav ul li .nav-ul-container ul { margin-left:0px; display:table; width:100%; background-image: url( "images/transparent.png" ); box-shadow: 0px 0px 0px 5px rgba(255,119,1,0.40); } header nav ul li ul li .nav-ul-container { padding-top:0px; } header nav ul li .nav-ul-container ul li .nav-ul-container { display:none; left:325px; top:-2px; padding-left:25px; background-image:none; } header nav ul li .nav-ul-container ul li:hover .nav-ul-container { display:block; } header nav ul li .nav-ul-container ul li .nav-ul-container ul { display:table; width:100%; background-image: url( "images/transparent.png" ); box-shadow: 0px 0px 0px 5px rgba(255,119,1,0.40); } header nav ul ul a { color:#ffffff; text-shadow:none; } header nav ul li ul a { width:200px; float:left; font-size:14px; font-family:Open Sans; } header nav ul ul ul:hover { width:220px; } header nav ul li ul ul { margin:0px; border-top:none; } header nav ul li ul li { padding:13px 0px 13px 5px; margin-left:0px; margin-right:0px; width:215px; border-left:none; border-bottom:1px solid #ffa65c; max-width:none; list-style-type:none; text-transform:none; } header nav ul li ul li:hover { background:#ffa65c; } header nav ul li:hover ul ul, header nav ul li:hover ul ul ul, header nav ul li:hover ul ul ul ul { display:none; } header nav ul li:hover .nav-ul-container, header nav ul li li:hover ul, header nav ul li li li:hover ul, header nav ul li li li li:hover ul { display:block; } header nav ul li ul.children li { list-style-type:none; } header nav ul li.current-menu-item { background:#f69200; color:#ffffff; text-shadow:none; border-left:none; } header nav ul li ul li.current-menu-item { background:#ffa65c; color:#8a8a8a; text-shadow:none; } header nav ul li.current-menu-item a { color:#ffffff; } header nav ul li.current-menu-item ul li a { color:#ffffff; } header nav ul li.current-menu-item span { color:#ffffff; } header nav ul li.parent { background-image: url( images/menu-arrow.png ); background-position: right center; background-repeat: no-repeat; } header nav ul li.parent:hover { background-image:none; } header nav ul li ul li.parent { background-image: url( images/menu-arrow2-child.png ); background-position: 200px center; background-repeat: no-repeat; } header nav ul li.rss { background-image: url( images/rss.png ); background-position: 15px center; background-repeat: no-repeat; padding-left:33px; } .tinyheader nav { display: none; } #navigation-320 { display:none; } .logged-in .hide-when-logged { display:none; } /*-------------------------------------------------------------- 4.1 - Pagination --------------------------------------------------------------*/ div.pagination { color: #888; font-size: 14px; margin:1px 0 0 0;padding: 8px 1px 8px 20px; overflow:hidden; } .pagination-blog { float:right; overflow:hidden; margin-right:1px; margin-top:2px; padding:12px 0; } .page-template-blog-php #content, .home.blog #content { padding-bottom:3px; } 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: 24px;padding: 9px 12px;} .page-numbers { font-size: 18px; line-height:18px; padding: 10px 16px; background:#e3e3e3; color: #ffffff; } .page-numbers.current { background:#fd8c38; } #nav-above {display: none;} .paged #nav-above {display: block;} /*-------------------------------------------------------------- 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 --------------------------------------------------------------*/ .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 { position:relative; } #comments a { } .page-template-onecolumn-page-php #comments, .page-template-onecolumn-page-php #container-comment-form { width:810px; } .page-template-onecolumn-page-php #comments { margin-top: 30px; } #comments-number { font-size:36px; font-family:"Open Sans"; font-weight:800; padding-top:25px; padding-bottom:25px; padding-left:2%; margin-bottom:15px; line-height:1em; border-bottom:1px solid #ebebeb; } .comment-body { width:100%; position:relative; } .comment-entry { overflow:hidden; font-size:15px; line-height:1.6em; margin-top:20px; } #comments ol.commentlist { margin:0;} #comments ol.commentlist li { padding:30px 0; border-bottom:1px solid #ebebeb; } #comments ol.commentlist li li { border-bottom:none; } #comments ol.commentlist li.thread-even { } #comments ol.commentlist li.thread-odd { } #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 {position:relative; padding-left:130px; padding-right:20px; } ol.commentlist li.comment { clear: left;list-style: none;} ol.commentlist ul.children li {margin-bottom: 0; width:100%; } ol.commentlist div.comment-avatar-box {position:absolute; left:15px; top:-4px; } ol.commentlist div.comment-avatar-box img { border-radius:6px; overflow: hidden; } .commentlist ul.children { overflow:hidden; } .commentlist ul.children div.comment-avatar-box {left:0px;} ol.commentlist ul.children li .comment-body { width:90%; float:right; position:relative; } ol.commentlist ul.children li ul li .comment-body { width:80%; } ol.commentlist ul.children li ul li ul li .comment-body { width:70%; } ol.commentlist ul.children li ul li ul li ul li .comment-body { width:60%; } ol.commentlist ul.children li ul li ul li ul li ul li .comment-body { width:50%; } ol.commentlist ul.children li ul li ul li ul li ul li ul li .comment-body { width:40%; } ol.commentlist ul.children .comment-content { padding-left:70px; } ol.commentlist ul.children ul .comment-content { } ol.commentlist ul.children ul ul .comment-content { } ol.commentlist ul.children ul ul ul .comment-content { } ol.commentlist ul.children ul ul ul ul .comment-content { } ol.commentlist ul.children ul ul ul ul ul .comment-content { } ul.children .comment-entry {margin-bottom: 10px;} div.comment-meta { font-size: 15px; font-family:"Open Sans"; font-weight:800; text-transform:uppercase; margin: 0 0 7px 0;width: 100%;} div.comment-meta span {color:#ffffff; background:#ff7701; padding:5px 10px 5px 10px; } div.comment-meta span span {padding:0px; } div.comment-meta a { color:#ffffff; } 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:100%; 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; position:relative; padding:2%; } #respond { overflow:hidden; padding:40px 0; } #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;} ol.commentlist #respond { width:100%; padding:15px 0; } .commentlist ul.children #respond {margin-bottom: 10px;margin-left: 35px;margin-right: 20px;} h3#reply .comments-header {font-size: 14px;} #respond div.comment-content {border-style: none;} .form-allowed-tags, .form-allowed-tags code { font-size:10px; font-family:Tahoma; line-height:1.3em; } 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 { border:1px solid #dedede; border-radius:5px; padding:10px; font-size:16px; } #respond input#author, #respond input#email, #respond input#url { width:40%!important; } .comment-options {margin: 10px 0 2px; overflow:hidden;} .comment-options .comment-reply-link, .comment-options .comment-edit-link { font-size: 10px; text-transform:uppercase; text-shadow:none; border:1px solid #e6e6e6; color:#b7b7b7; float:right; margin-right: 5px;padding:0px 6px;} .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 { width:33.33%; margin-bottom:1px; margin-right:0px; margin-left:0px; float:left; position:relative; } .blog-post.blog-post-id3 .box-v-r-spacer, .blog-post.blog-post-id6 .box-v-r-spacer, .blog-post.blog-post-id9 .box-v-r-spacer, .blog-post.blog-post-id12 .box-v-r-spacer, .blog-post.blog-post-id15 .box-v-r-spacer { display:none; } .single-post .blog-post { width:100%; } .blog-cover { position:absolute; width:100%; height:100%; background-image: url( "images/bg-post-1.png" ); box-shadow: inset 0px 0px 110px 60px rgba(0,0,0,0.25); } .blog-cover.id2 { background-image: url( "images/bg-post-2.png" ); } .blog-cover.id3 { background-image: url( "images/bg-post-3.png" ); } .blog-cover.id4 { background-image: url( "images/bg-post-4.png" ); } .blog-cover.id5 { background-image: url( "images/bg-post-5.png" ); } .blog-cover.id6 { background-image: url( "images/bg-post-6.png" ); } .blog-cover.id7 { background-image: url( "images/bg-post-1.png" ); } .blog-cover.id8 { background-image: url( "images/bg-post-2.png" ); } .blog-cover.id9 { background-image: url( "images/bg-post-3.png" ); } .blog-cover.id10 { background-image: url( "images/bg-post-4.png" ); } .blog-cover.id11 { background-image: url( "images/bg-post-5.png" ); } .blog-cover.id12 { background-image: url( "images/bg-post-6.png" ); } .blog-post:hover .blog-cover { display:none; } .blog-bottom-tags-empty { display:none; } .blog-bottom-tags-has { margin-bottom:10px; width:50%; float:left; } .blog-bottom-tags-has a { padding:8px 13px; background:#c7c7c7; border-bottom:2px solid #ababab; border-radius:3px; font-size:13px; color:#ffffff; } .single-post .addthis_toolbox { float:right; } .single-post .blog-post { margin-top:0px; } .subtitle { font-family:"Open Sans"; font-weight:800; margin-bottom:20px; font-size:24px; line-height:1.6em; } .text { padding:33px 24px 16px 24px; } .text p { margin-bottom: 25px; } .text ul { list-style-type:circle; margin:0 0 20px 30px; } .text ol { list-style-type: decimal; margin:0 0 20px 30px; } .text p a, .comment-entry p a { text-decoration:underline; transition: all 300ms ease-in; } .text p a:hover, .comment-entry p a:hover { color:#ff9801;} .single-post div.thumbnail { width:250px; text-align:center; margin:12px 25px 0 0; float:left; overflow:hidden; position:relative; } .single-post div.thumbnail img { width:250px!important; height:250px!important; display:block; border-radius:12px; } .single-post div.thumbnail span { padding:9px 0 5px 0; width:247px; margin-bottom:10px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; margin-top:-7px; font-style:italic; color:#747474; font-size:13px; display:block; } .single-post-title { font-size:72px; font-family:"Open Sans"; font-weight:800; line-height:1.2em; padding:50px 2% 7% 2%; } .page-template-blog-php div.thumbnail, body.archive div.thumbnail, .search-results div.thumbnail, .home.blog div.thumbnail { width:100%; text-align:center; float:left; overflow:hidden; position:relative; } .page-template-blog-php div.thumbnail img, body.archive div.thumbnail img, .search-results div.thumbnail img, .home.blog div.thumbnail img { width:100%!important; height:auto!important; display:block; } .post-title { position:absolute; width:85%; top:7%; left:7%; } .post-title span { line-height:1.2em; } .post-title a { line-height:1.3em; color:#ffffff; text-transform:uppercase; font-size:38px; font-weight:700; } .blog-post:hover .post-title a { text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45); } .prev-post a, .next-post a { display:block; padding:7px 11px; margin-top:170px; margin-bottom:20px; border-radius:7px; font-size:11px; background:#e8e8e8; text-shadow:#ffffff 1px 1px 0px; } .prev-post a:hover, .next-post a:hover { background:#ff4546; color:#ffffff; text-shadow:none; } .prev-post { float:left; } .next-post { float:right; } .wp-caption { max-width:100%!important; } a.more-link { display:block; text-decoration:none!important; margin-top:45px; padding:5px 25px; float:right; background:#ff7701; color:#ffffff; box-shadow: 0px 2px 0px #da6500; border-bottom:1px solid #ff8a24; font-size:28px; border-radius:4px; font-weight:900; transition: all 300ms ease-in; } a.more-link:hover { color:#ffffff!important; } .page-template-blog .blog-info, body.archive .blog-info, .search-results .blog-info, .home.blog .blog-info { left:7%; bottom:7%; } .blog-info { position:absolute; left:2%; bottom:7%; font-size:14px; color:#ffffff; font-style:italic; } .blog-info a { color:#ffffff; font-size:14px; } .blog-info-category { float:left; padding:9px 6px; text-transform:uppercase; border:1px solid #ff9a65; display:none; } .blog-post .blog-info-category { float:left; padding:5px 9px; margin-left:10px; border:1px solid #ffffff; display:none; } .page-template-blog-php .blog-info-category { max-width:90%;display:none; } .blog-post:hover .blog-info-category {text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.50);} .blog-info-author { float:left; padding:9px 6px; margin-left:10px; text-transform:uppercase; border:1px solid #ff9a65; display:none;} .blog-info-date { float:left; padding:9px 6px; margin-left:10px; text-transform:uppercase; border:1px solid #ff9a65;display:none; } .blog-info-comments { float:left; padding:9px 6px; margin-left:10px; text-transform:uppercase; border:1px solid #ff9a65; } .edit-link, .page-link {clear: both;font-weight: bold; font-family:Tahoma; } div.post-content {margin-left: 105px;} p.date span:first-child {font-style: italic;} div.post .entry {margin-bottom: 15px;} .entry img { max-width:100%; height:auto; } 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;} .category-desc { padding:0% 2% 70px 2%; margin-top:-2%; font-size:18px; line-height:1.5em; font-style:italic; } /* --------------- Author Info --------------- */ #author-bio { border-top:1px solid #e3e3e3; margin-top:20px; display:table; padding:30px 2% 25px 2%; width:96%; position:relative; display: none; } .author-bio-avatar { width:80px; float:left; text-align:center; top:6px; position:relative; z-index:1; } .author-bio-avatar a { display:block; overflow:hidden; } .author-bio-avatar img { border-radius:6px; display:block; } .author-name { padding:3px 0; margin-top:-3px; width:78px; display:block; font-family:'Open Sans'; } .author-name a { font-size:13px; } #author-bio-desc { font-size:16px; padding:0px 20px 15px 110px; line-height:1.6em; position:relative; z-index:0; } /* --------------- Related Posts --------------- */ #relatedposts { margin-top:1px; width:100%; display:table; background:#e9e9e9; position:relative; } .relatedposts-item { float:left; width:25%; height:auto; position:relative; padding-bottom:20px; } .relatedposts-item img { width:100%; height:auto; display:block; } .relatedposts-item-title { font:16px Georgia; border-top:1px solid #ffffff; font-style:italic; line-height:1.4em; margin-top:1px; padding:4%; width:92%; position:absolute; bottom:0px; display:block; } .relatedposts-item-title a { line-height:1.4em; } /*-------------------------------------------------------------- 5.6 - CONTACT FORM 7 --------------------------------------------------------------*/ .wpcf7-text { background:none!important; width:50%!important; padding:6px!important; border:1px solid #dbdbdb!important; font-family:verdana, ms sans serif!important; font-size:24px!important; border-radius:5px; /* CSS3 */ } .wpcf7-form-control-wrap textarea { background:none!important; border:1px solid #dbdbdb!important; padding:10px!important; width:70%; color:#717171!important; font-family:verdana, ms sans serif!important; font-size:12px!important; border-radius:9px; /* CSS3 */ } .wpcf7-submit { margin:12px 0 30px 0px!important;text-shadow:none; float:left; } /*-------------------------------------------------------------- 6.0 - BuddyPress --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.1 - Activity --------------------------------------------------------------*/ #activity-stream { margin-top:5px; } ul#activity-stream li.activity-item { border-bottom:1px solid #ececec; } form#whats-new-form { margin-bottom:50px; padding: 30px 2% 20px 2%;} .home-page form#whats-new-form {border-bottom: none;padding-bottom: 0;} form#whats-new-form h5 {font-weight: normal;font-size: 12px;color: #888;margin: 0;margin-left: 86px;padding: 0 0 3px 0;} form#whats-new-form #whats-new-avatar {float: left; } form#whats-new-form #whats-new-avatar img { width:60px; height:60px; border-radius:4px; } form#whats-new-form #whats-new-content {margin-left: 64px;padding-left: 22px;} form#whats-new-form textarea {background: #fff;border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;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: 50px!important;} 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-list .activity-content { position:relative; } /*-------------------------------------------------------------- 6.1.1 - Activity Listing --------------------------------------------------------------*/ div.activity { border-top:1px solid #ececec; } ul.activity-list>li {overflow: hidden; padding: 20px 0px 16px 0px!important; min-height:70px; } .activity-list .activity-avatar {float: left; display:block; margin-left:20px; } .activity-list .activity-avatar img { width:50px; height:50px; border-radius:5px; } 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;border-radius:3px;} .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 .forum-lastposts-content p {margin: 0;} .activity-list li.mini .activity-comments {clear: both;font-size: 14px;} 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 .forum-lastposts-content { display:block; margin-left: 75px;margin-bottom: 15px;} body.activity-permalink .activity-list li .forum-lastposts-content {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-header { display:block; line-height:1.7em; color:#ffffff; text-transform:uppercase; font-size:12px; padding-left:100px; padding-right:30px; font-family:"Open Sans"; font-weight:800; } .activity-header .activity-header-child { background:#c8c8c8; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; display:inline-block; } .activity-header a { font-size:12px; font-weight:800; color:#ffffff; 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 .forum-lastposts-content .activity-inner, .activity-list .forum-lastposts-content blockquote {margin: 5px 0 0 0;overflow: hidden;} body.activity-permalink .forum-lastposts-content .activity-inner, body.activity-permalink .forum-lastposts-content blockquote {margin-left: 0;margin-top: 5px;} .activity-inner { display:block; font-size:14px; margin-top:10px; padding-left:100px; padding-right:30px; } .activity-inner img { max-width:100%; } .activity-inner > p {word-wrap: break-word;} .activity-inner > .activity-inner {margin: 0 !important;} .activity-inner > blockquote {margin: 0 !important;} .activity-list .forum-lastposts-content img.thumbnail {border: 2px solid #eee;float: left;margin: 0 10px 5px 0;} .activity-read-more {margin-left: 1em;white-space: nowrap;} .activity-read-more a { font-weight:normal!important; } .activity-list li.load-more { background: #f0f0f0 !important;border: 1px solid #ddd; min-height:0px; border-radius: 4px;font-size: 1.2em; font-weight:900; margin: 15px 20px!important;padding: 10px 15px !important;text-align: center;} .activity-list li.load-more a {color: #939393;font-size:24px;} #activity-stream li ul li ul li { display:table!important; } /*-------------------------------------------------------------- 6.1.2 - Activity Comments --------------------------------------------------------------*/ div.activity-meta {margin: 18px 0; padding-left:100px; } 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 90px;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 {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 {float: left;height: 25px;margin-right: 15px!important;width: 25px;border-radius:4px;} div.activity-comments div.acomment-content {font-size: 13px;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: 13px; } 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 { width:50px; height:50px; border-radius:4px; } div.activity-comments form div.ac-reply-content {color: #888;font-size: 11px;margin-left: 50px;padding-left: 15px;} .acomment-options {float: left;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-top:20px; } #members-dir-list ul li .item .item-title a { font-weight:bold; } #members-list li a { display:block; } .members-sorting { width:280px; float:left; margin-left:2%; margin-top:25px; } .members-sorting option, #group_members-order-select option { font-family:Droid Serif; padding:10px 3px; } #members-order-by, #group_members-order-select, #group_members-order-by { font-family:Droid Serif; } #members-directory-form { width:330px; float:right; margin-top:25px; margin-right:2%; } .members-sorting label, #group_members-order-select label { font-size:14px; color:#ababab; font-family:Droid Serif; font-style:italic; } #members_search { padding:12px 6px; font-family:Droid Serif; font-style:italic; font-size:18px; border:1px solid #dedede; border-radius:4px; } #members_search_submit { padding:11px 5px; font-size:14px; } #members-list .item-title, #members-list .item-meta { padding-left:0px; } #members-list .item-title .update { color:#ffffff!important; font-size:13px; } .groups-members-search, #group_members-order-select { margin-top:20px; } #members-group-list { border-top:1px solid #ececec; margin-top:30px; } /*-------------------------------------------------------------- 6.4 - Errors / Success Messages --------------------------------------------------------------*/ div#message {margin: 20px; width:90%; position:relative; z-index:1000; } #message.info p {margin-bottom: 0; background:none; font-size:24px; font-weight:900; color:#c2c2c2;} div#message.updated {clear: both;} div#message p {font-size: 12px;display: block;padding: 10px 15px; overflow:hidden; } div#message.error p {background-color:#000000; color: #ffffff;clear: left;} div#message.updated p {background-color:#000000; color: #ffffff;} .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], .standard-form input[type=email] {border: 1px solid #dedede; border-radius: 5px;color: #888; font-size: 24px;padding: 9px; transition: all 300ms ease-in; } .standard-form input[type=text]:focus, .standard-form input[type=password]:focus {border: 1px solid #a5a5a5; color: #282828; } .standard-form textarea { font-size:14px!important; } .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: 90%;} .standard-form#signup_form div.submit {float: right;} div#signup-avatar img {margin: 0 15px 10px 0;} .standard-form textarea {width: 75%;height: 120px;} .standard-form textarea#message_content {height: 200px;} .standard-form#send-reply textarea {width: 97.5%;} #register-page { margin-top:50px; } .register-section input, #signup_username { border: 1px solid dedede!important; } .field-visibility-settings-toggle, .field-visibility-settings-notoggle { font-size:12px; } .standard-form p.description {color: #888;font-size: 11px;margin: 5px 0;} .standard-form div.submit {clear: both;padding: 15px 0 0 0; overflow:hidden; } .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;} #buddypress .standard-form #blog-details-section, #buddypress #notifications-bulk-management {clear: left;} body.no-js #buddypress #notifications-bulk-management #select-all-notifications, body.no-js #buddypress label[for="message-type-select"], body.no-js #buddypress #message-type-select, body.no-js #buddypress #delete_inbox_messages, body.no-js #buddypress #delete_sentbox_messages, body.no-js #buddypress #messages-bulk-management #select-all-messages {display: none;} .standard-form input:focus, .standard-form textarea:focus, .standard-form select:focus {background: #fafafa;color: #555;} form#send-invite-form {padding:2%;} 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 { border: 1px solid #ccc; border-radius: 3px;color: #777;cursor: pointer; font-size: 12px; outline: none;padding: 4px 10px;text-align: center;text-decoration: none;line-height: 14px;} #group-settings-form, #post-topic-reply { width:95%; margin:0 auto; } #post-topic-reply { margin-top:100px; } a.visibility-toggle-link, a.field-visibility-settings-close { color:#ffffff; background:#a7a7a7; border-radius:4px; padding:1px 5px; font-size:10px; text-transform:uppercase; } ul.radio li { list-style-type:none; } .field-visibility-settings { display:none; } .field-visibility-settings ul li { list-style-type: none; margin-left:-20px; } #pass-strength-result { border-radius:4px; font-size:12px; } #pass-strength-result.short { color:#db0000; } #pass-strength-result.bad { color:#f69100; } #pass-strength-result.good { color:#167400; } /* SELECT FIELD STYLING */ select { border:1px solid #e6e6e6; font-size:18px; padding:3px 5px; color:#414141; } /*-------------------------------------------------------------- 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 - User profile --------------------------------------------------------------*/ #item-body .profile { padding:3%; } body.settings #item-body { padding:3%; } body.settings #subnav { padding-left:0px; } .profile-fields td.label { min-width:200px; } .profile-fields { margin-top:30px; border:1px solid #e5e5e5; } .profile-fields td { border-bottom:1px solid #e5e5e5; } .profile-fields td.label { min-width:200px; } .notifications .select-all { width:100px; } .notifications-options-nav { margin-top:20px; padding-left:2%; } @media screen and (max-width:1240px) { .profile-fields tr.field_type_url td.data p { word-wrap: break-word; max-width:300px; font-size:12px; line-height:15px; } } @media screen and (max-width:1180px) { } @media screen and (max-width:900px) { .profile-fields tr.field_type_url td.data p { word-wrap: break-word; max-width:150px; font-size:12px; line-height:15px; } } @media screen and (max-width:700px) { .profile-fields tr.field_type_url td.data p { max-width:90px; } } /*-------------------------------------------------------------- 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums --------------------------------------------------------------*/ span.user-nicename { display: inline-block;font-size: 16px; font-style:italic; } #item-header-avatar span.user-nicename {color: #ffffff; } div#message p {border-radius: 3px;font-weight: normal;margin-top: 3px;text-decoration: none;background: #000000; } div#item-header { display:table; position:relative; width:100%; } #item-header-avatar { width:320px; height:320px; float:left; margin-right:30px; } #item-header-avatar img { width:320px; height:320px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; margin:0 30px 0 0; } #item-nav-container { position:absolute; left:2%; bottom:40px; width:96%; } #item-header-content-child { position:relative; z-index:100; padding:5% 2% 10% 2%; } #header-title .generic-button a { border:none; background:#000000; color:#ffffff; font-weight:700; font-size:20px; padding:7px 12px; } #header-title #item-buttons { margin-top:30px; } .more-info { width:44px; height:44px; position:relative; float:right; top:10px; right:0px; background-image: url( "images/more-info.png" ); background-repeat: no-repeat; background-position:center center; cursor:pointer; z-index:1000; } .more-info-popup { text-align:left; background:#000000; box-shadow: 8px 8px 0px 0px rgba(50, 50, 50, 0.16); color:#ffffff; width:210px; padding:11px 17px; line-height:20px; bottom:-100px; right:60px; font-size:13px; position:absolute; text-transform:capitalize; z-index:1000; display:none; } .more-info:hover .more-info-popup { display:block; } .more-info-popup a { color:#ffffff; } #admins-moderators { font-size:11px; margin-top:20px; } #admins-moderators ul li img { width:35px!important; height:35px!important; float:left; border:3px solid #ffffff; } #admins, #moderators { float:left; } #group-mods li { float:left!important; } .group-admins { width:200px; float:left; } div#item-header div#item-header-content { color:#ffffff; font-size:14px; line-height:1.6em; position:relative; background-size: 100% auto; background-position: center center; } .transparent-cover { position:absolute; width:100%; height:100%; z-index:0; background-image: url( "images/transparent-2.png" ); } .group-desc { font-style:italic; font-size:24px; margin-top:-7px; line-height:1.5em; } div#item-header h2 {font-size: 72px; font-family:"Open Sans"; font-weight:800; line-height: 120%; } div#item-header h2 a { text-decoration: none; color:#ffffff; } div#item-header img.avatar {float: left;margin: 0 15px 19px 0;} .single-group-meta { font-style:italic; font-size:11px; 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;-moz-border-radius: 3px;-webkit-border-radius: 3px;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; line-height:1.8em; overflow: hidden;margin: 15px 0 5px 0;padding-bottom: 10px;} 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, div#item-header a.button {float: left;margin: 10px 10px 0 0;} div#item-header div#message.info {line-height: 80%;} #groups-list li { width:380px; float:left; margin:0 90px 50px 0; } #member-list li, #admins-list li, #mods-list li { padding:20px; border-bottom:1px solid #ececec; min-height:60px; } #admins-list li, #mods-list li { padding:5px 0px; min-height:0px; overflow:hidden; } #member-list li img.avatar { margin-right:16px; width:60px; height:60px; border-radius:4px; } #member-list li a { font-weight:bold; } ul.item-list {width: 100%;} 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, .item-list .item-title { padding-left:110px; } #latest-update { font-style:italic; } #item-header-content #latest-update { font-size:21px; line-height:1.6em; } #latest-update a { color:#ffffff; text-decoration:underline; } 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 {} 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 { margin-top:20px; margin-bottom:30px; padding:0 3%; } #subnav ul li { padding-top:4px; padding-bottom:4px; } #subnav ul li.selected a, #subnav ul li.current a { font-weight:bold!important; } #subnav ul li.last { float:right; } #subnav ul li a { font-size:13px; padding:0 26px; color:#252525; } #subnav ul li a:first-child { padding-left:0px; } .my-groups #subnav { display:none; } .message-search { float:right; padding:4px 0; overflow:hidden; } div.item-list-tabs ul li.last select {max-width: 175px;} div.item-list-tabs ul li a, div.item-list-tabs ul li span {display: block; padding: 3px 10px;text-decoration: none;} div.item-list-tabs ul li a span { font-size:11px; padding:0px 0px; font-family:Open Sans; color:#cfe3ff; font-weight:normal; line-height:18px; height:18px; position:absolute; top:3px; right:5px;} ul li.loading a {background-image: url( images/ajax-loader.gif );background-position: 92% 50%;background-repeat: no-repeat;padding-right: 30px !important;} #item-nav { position:relative; } 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;} li#forums-order-select { display:none; } body.notifications #pag-top { display:none; } body.notifications table.notifications { width:100%; margin-top:30px; } body.notifications table.notifications thead tr th { text-align:left; background:#eaeaea; } body.notifications table.notifications tbody tr td { border-bottom:1px solid #eaeaea; } #buddypress #cover-image-container {position: relative;} #buddypress #header-cover-image {background-color: #c5c5c5;background-position: center top;background-repeat: no-repeat;background-size: cover;border: 0;display: block;left: 0;margin: 0;padding: 0;position: absolute;top: 0;width: 100%;z-index: 1;} #buddypress #item-header-cover-image {padding: 0 1em;position: relative;z-index: 999;} /*-------------------------------------------------------------- 6.9 - Private Messaging Threads --------------------------------------------------------------*/ #message-threads { margin-left:0px!important; margin-right:0px!important; width:100%!important; } #message-threads tbody tr td { padding-top:14px; padding-bottom:14px; } #message-threads tbody tr { border-bottom:1px solid #ececec; } #message-threads thead { border-top:1px solid #ececec; border-bottom:1px solid #ececec; } #message-threads thead tr th { text-align:left; } 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;-moz-border-radius: 3px;-webkit-border-radius: 3px;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-top:15px; padding: 5px 15px;text-align: right;} #message-thread { padding:2%; } div#message-thread div.message-box {padding: 25px 0px; border-bottom:1px solid #ececec; } div#message-thread p#message-recipients {margin: 10px 0 20px 0;} .thread-avatar img.avatar {float: left;margin: 0 10px 0 0; width:60px; height:60px; border-radius:4px; vertical-align: middle; } h3#message-subject { font-size:42px; font-weight:900; } 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: 110px;} div#message-thread div.message-options {text-align: right;} form#send_message_form { padding:3%; } .message-metadata { font-family:"Open Sans"; margin-bottom:5px; } .message-metadata img { margin-right:30px; width:80px; height:80px; border-radius:4px; } .message-metadata strong a { font-family:"Open Sans"; font-weight:800; } #send-reply .message-metadata { margin-bottom:10px; text-transform:uppercase; color:#cfcfcf; } div#message-thread #send-reply div.message-box { background-image:none; } #send { float:left; } .bp-screen-reader-text { font-size:12px; } .thread-from, .thread-from a { font-size:14px; line-height:1.2em; } .thread-from img.avatar { margin-right:14px; border-radius:5px; } td.thread-options, td.thread-options a { font-size:12px; line-height:1.3em; } th.thread-options { padding-right:20px; } #messages_search { border:1px solid #dfdfdf; border-radius:5px; padding:5px; font-size:14px; } #messages_search_submit { padding:3px; } #messages-bulk-manage { padding:4px; } .message-metadata {position: relative;} .message-star-actions {position: absolute;right: 0;top: 0;} #buddypress a.message-action-star, #buddypress a.message-action-unstar {border-bottom: 0;text-decoration: none;outline: none;} a.message-action-star {opacity: .7;} a.message-action-star:hover {opacity: 1;} .message-action-star span.icon:before, .message-action-unstar span.icon:before {font-family: dashicons;font-size: 18px;} .message-action-star span.icon:before {color: #aaa;content: "\f154";} .message-action-unstar span.icon:before {color: #FCDD77;content: "\f155";} .bp-screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute;} /*-------------------------------------------------------------- 7.0 - Event Manager --------------------------------------------------------------*/ #event-form { padding:20px; } article.event { overflow:hidden!important; display:table!important; } .bp-user.events #item-body { padding:3%; } .events-table { width:95%; margin-left:3%; border-left:1px solid #e6e6e6; } .events-table thead { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .events-table thead tr th { border-right:1px solid #e6e6e6; background-color: #FFBD00; color: #fff; } .events-table tbody tr td { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color: #FAC222; color: #fff; } .events-table thead tr { text-align:left; } .row-actions a, .row-actions { font-size:13px; } .single-event .text { padding:0px 0px 0px 0px; } /*-------------------------------------------------------------- 7.1 - WooCommerce --------------------------------------------------------------*/ body.woocommerce h1.page-title { display:none; } .related.products ul.products li a img { width:175px!important; height:175px!important; } .input-text { padding:5px; } .woocommerce-page_dd { margin-top:40px; } /*-------------------------------------------------------------- 7.2 - Live Chat --------------------------------------------------------------*/ .chat-login-name, .chat-login-email { font-size:18px; padding:3px; border:1px solid #d6d6d6; border-radius:4px; } .chat-login-wrap input[type=submit] { padding:3px; font-size:14px; } .chat-area .row .date, .chat-area .row .time { background:#b4b4b4!important; } /*-------------------------------------------------------------- 7.3 - BP Docs --------------------------------------------------------------*/ #buddypress #bp-docs-all-docs li { background:none!important; } .single-bp_doc .text { padding:0px; } h2.doc-title { width:100%!important; } .single-bp_doc #content { width:65%; padding:0px 1% 0px 1%; } .single-bp_doc .doc-attachments { margin-top:50px; } .single-bp_doc #subnav, .post-type-archive-bp_doc #subnav { padding-left:0px; padding-right:0px; } .single-bp_doc .comment-author.vcard img { margin-right:10px; width:30px; height:30px; border-radius:4px; } .single-bp_doc #comments { margin-top:50px; } .doctable tbody .title-cell a { font-weight:bold; font-family:"Open Sans"; } .doctable tbody .row-actions a { font-weight:normal; } .doctable tbody .row-actions { color:#bcbcbc!important; } .doctable .title-cell p { font-size:13px; line-height:1.7em; } .doctable .attachment-clip-cell { width:5%; } .doctable .tags-cell { width:15%; } .post-type-archive-bp_doc .text { padding:0px; } .post-type-archive-bp_doc #container-comment-form { display:none; } /*-------------------------------------------------------------- 7.4 - BuddyDrive --------------------------------------------------------------*/ #buddydrive-dir { width:100%; } #buddydrive-form-filter { margin-top:20px; } #buddydrive-dir { margin-top:60px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef; } #buddydrive-dir thead tr { border-bottom:1px solid #efefef; } #buddydrive-dir thead tr th { text-align:left; } #buddydrive-dir tbody tr td { border-bottom:1px solid #efefef; } #buddydrive-item-nav li.last, #buddy-quota, #buddydrive-action-analytics { font-size:14px; } /*-------------------------------------------------------------- 7.5 - rtMedia --------------------------------------------------------------*/ .current.selected span { color:#000000!important; } #content div.item-list-tabs ul li a span { display:none!important; } .rtmedia-container { padding:0 2%; } #em_locations_widget-2 { color:#fff!important; background-color: #FFBD00!important; } #em_widget-3 { color:#fff!important; background-color: #FFBD00!important; } #simpleimage-3 { color:#fff!important; background-color: #f3f026!important; } #simpleimage-4 { color:#fff!important; background-color: #5e21e7!important; } #simpleimage-5 { color:#fff!important; background-color: #22cde7!important; } #simpleimage-2, .front-col-2 .widget_simpleimage.widget { color:#fff!important; background-color: #fff!important; width: 90%; } #em_widget-2 { color:#fff!important; background-color: #FFBD00!important; width: 90%; } .entry-author-link, .entry-permalink, .entry-date, .entry-meta { display: none; } /* CUSTOMIZED */ header nav ul li .nav-ul-container ul li .nav-ul-container { width: 460px; } header nav ul li .nav-ul-container ul.sub-menu ul li { width: 215px; float:left; } header nav ul li .nav-ul-container ul.sub-menu ul li a { width: 230px; } @media screen and (max-width:900px) { header nav ul li.menu-item a { font-size: 9px !important; } } @media screen and (max-width:1040px) { header nav ul li.menu-item a { font-size: 10px !important; } } @media screen and (max-width:1140px) { header nav ul li.menu-item a { font-size: 11px !important; } } @media screen and (max-width:1250px) { header nav ul li.menu-item a { font-size: 12px !important; } } .forum-lastposts-details a:nth-child(2){ display:none; }