/* Theme Name: Huddle Theme URI: http://buddypress.stoodeo.com Author: Stoodeo Author URI: http://www.newone.org Description: Huddle Theme Version: 1.7 License: GNU General Public License License URI: license.txt Tags: buddypress, fixed-width, white, blue ------------------------------------------------------------------- TABLE OF CONTENTS 0. RESET 1. GLOBAL - 1.1. BUTTON - 1.2. COLORBOX 2. HEADER - 2.1. LOGO - 2.2. LOGIN - 2.3. NAV - 2.4. DROPDOWN 3. BILLBOARD 4. CONTENT - 4.1. PAGINATION - 4.2. AUTHOR INFO - 4.3. RELATED POSTS - 4.4. COMMENTS - 4.5. RESPOND FORM 5. BUDDYPRESS - 5.1. DIRECTORY - 5.2. PROFILE - 5.3. ACTIVITY 6. SIDEBARS - 6.1. SIDEBAR BLOG & SIDEBAR PAGE - 6.2. SIDEBAR HOME & SIDEBAR FOOTER 7. WIDGETS - 7.1. WIDGET MEMBERS - 7.2. WIDGET SEARCH - 7.3. WIDGET TABBED ARCHIVE - 7.4. WIDGET TABBED POSTS - 7.5. WIDGET TWITTER - 7.6. WIDGET ENEWS - 7.7. WIDGET FLICKR - 7.8. WIDGET GROUPS - 7.9. WIDGET RECENT POSTS 8. FOOTER - 8.1. COPYRIGHT - 8.2. LINKS 9. PAGE TEMPLATES - 9.1. ARCHIVES - 9.2. FULL WIDTH - 9.3. IMAGE GALLERY - 9.4. SIDEBAR LFET - 9.5. SITEMAP 10. SHORTCODES - 10.1. COLUMNS 11. COLOR STYLES - 11.1. GREEN - 11.2. ORANGE - 11.3. RED - 11.4. BROWN - 11.5. YELLOW - 11.6. GRAY - 11.7. MAGENTO - 11.8. PURPLE - 11.9. CYAN 12. BROWSER HACKS - 12.1. IE9 - 12.2. IE8 - 12.3. IE7 - 12.4. FIREFOX ------------------------------------------------ */ /*------------------------------------- 0. RESET -------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /*------------------------------------- 1. GLOBAL -------------------------------------*/ body { background: #fff; font: 12px/19px "Lucida Grande", "Arial Unicode MS", sans-serif; color: #404040; } input, textarea { font: 12px/20px "Lucida Grande", "Arial Unicode MS", sans-serif; color: #666666; text-shadow: 0 1px 0 #ffffff; margin: 0; } h1, h2, h3, h4 ,h5, h6 { color: #303030; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } h1 { font-size: 44px; line-height: 36px; letter-spacing: -2px; } h2 { font-size: 36px; line-height: 28px; } h3 { font-size: 22px; line-height: 24px; } h4 { font-size: 18px; line-height: 22px; } h5 { font-size: 14px; line-height: 18px; } h6 { font-size: 12px; line-height: 16px; } hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 20px; } p { margin-bottom: 20px; } ul { list-style: square; margin: 0 0 20px 1.5em; } ol { list-style: decimal; margin: 0 0 20px 1.5em; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 20px; } .sticky, .gallery-caption, .bypostauthor { margin: inherit; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 20px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], input[type="password"], #item-body textarea { border: 1px solid #d9d8d8; font-size: 11px; line-height: 11px; padding: 8px; width: 234px; background: url(images/bg-search-inp.png) repeat-x #fff; box-shadow: none; } input.empty { color: #b3aaaa; } a { color: #262626; text-decoration: none; } a:hover { text-decoration: underline; } .grid { width: 960px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } .clear { clear: both; overflow: hidden; } .editfield { color: #777; font-size: 11px; font-style: italic; } .editfield label { float: left; width: 150px; padding-top: 5px; color: #404040; font-size: 12px; font-style: normal; } .editfield label.no { float: none; width: auto; padding-top: 0; } .editfield input[type="text"], .editfield input[type="password"] { border: 1px solid #d9d8d8; color: #666666; font-size: 11px; line-height: 11px; padding: 8px; width: 234px; background: url(images/bg-search-inp.png) repeat-x #fff; box-shadow: none; margin-bottom: 0 !important; } .editfield textarea { border: 1px solid #d9d8d8; color: #666666; padding: 8px; background: url(images/bg-search-inp.png) repeat-x #fff; } .editfield .error { color: #990000; } .editfield div { display: inline; } .editfield a { color: #406098; } /*-- 1.1 BUTTON --*/ .btn { display: inline-block; background: url(images/btn-left.png) no-repeat left center; padding-left: 15px; } .btn span { display: inline-block; font: 13px/36px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; background: url(images/btn-right.png) no-repeat right center; padding-right: 15px; height: 38px; } .btn-gray { color: #6f6f6f; font-weight: bold; line-height: 27px; border: 1px solid #dbdada; padding: 0 11px; display: inline-block; background: url(images/bg-submit-btn.png) repeat-x; cursor: pointer; font-size: 11px; font-style: normal !important; } .btn-gray span { color: #b5cbfa; font-weight: normal; } /*-- 1.2 COLORBOX --*/ /* The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /*------------------------------------- 2. HEADER -------------------------------------*/ #header { background: url(images/bg-header.png) center bottom; } #header .shadow { height: 8px; background: rgba(0, 0, 0, .15); } #header .overlay { min-height: 125px; background: url(images/bg-header-overlay.png) center top; } /*-- 2.1 LOGO --*/ #header .logo { padding: 40px 0 45px; float: left; } #header h1 { font-size: 40px; line-height: 40px; float: left; color: #fff; margin-bottom: 0 !important; } #header h1 a { color: #fff; } #header h2 { font-size: 12px; line-height: 40px; float: left; margin-left: 20px; color: #ffe29e; } /*-- 2.2 LOGIN --*/ #header .login { float: right; margin-top: 40px; width: 415px; text-align: right; color: #fff; } .logged-in #header .login { margin-top: 50px; } #header a { color: rgba(255, 255, 255, 0.6); text-shadow: none; } #header .fields { padding: 6px; background: #fff; background: rgba(255, 255, 255, .12); display: inline-block; } #header .fields .user-login, #header .fields .user-pass { border: 1px solid rgba(0, 0, 0, .2); background-color: #fff !important; box-shadow: none !important; width: 112px; height: 27px; float: left; padding: 0 5px; margin-right: 6px; } #header .fields .btn-submit { width: 28px; height: 29px; background: url(images/btn-login.png); border: 0; cursor: pointer; } #header .forgot-pass { float: left; margin-top: 12px; } /*-- 2.3 NAV --*/ #nav { height: 64px; background: url(images/bg-nav.png) repeat-x; } #nav ul { margin: 0; } #nav li { list-style: none; float: left; padding-right: 26px; margin-right: 23px; background: url(images/bg-nav-sep.png) no-repeat right center; } #nav li.last { padding-right: 0; margin-right: 0; background: none; } #nav li:last-child { padding-right: 0; margin-right: 0; background: none; } #nav a { font: 16px/59px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold !important; } /*-- 2.3 NAV --*/ .sub-menu { display: none; position: absolute; width: 175px; z-index: 500; margin: 2px 0 0 -23px !important; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); width: 190px; } .sub-menu li { margin: 0 !important; padding: 0 !important; background: none !important; } .sub-menu a { display: inline-block; color: #404040; font-size: 13px !important; line-height: 38px !important; background: url(images/bg-submenu.png) center bottom #fff; padding-left: 25px; width: 165px; border-bottom: 1px solid #f2f2f2; } .sub-menu ul { margin: -40px 0 0 190px !important; border-left: 1px solid #f2f2f2; } .sub-menu ul li:first-child a { border-top: 1px solid #f8f8f8; } li.last .sub-menu { margin-left: -55px !important; } /*------------------------------------- 3. BILLBOARD -------------------------------------*/ #billboard { } #billboard .slide { min-height: 300px; width: 960px; background: url(images/bg-billboard-slide.png) center bottom no-repeat; overflow: hidden; } #billboard .slide .slide-content { width: 630px; padding-left: 330px; background: no-repeat left bottom; min-height: 300px; } #billboard .slide h2 { font-size: 32px; line-height: 38px; margin-top: 0px; padding-top: 60px; margin-bottom: 20px; } #billboard .slide p { font-size: 14px; line-height: 21px; margin-bottom: 0; padding-bottom: 20px; } #billboard .slide .sign-in { font-size: 11px; color: #777; margin-left: 30px; } #billboard .slide .read-more { font-size: 11px; color: #777; } #billboard .column { width: 300px; float: left; padding-left: 30px; background: url(images/bg-billboard-sep.png) no-repeat left bottom; height: 106px; border-top: 1px solid #e9e9e9; } #billboard .column.first { padding-left: 0; background: none; } #billboard .column h2 { font-size: 18px; line-height: 21px; margin-top: 35px; } #billboard .column p { color: #777; margin-top: 3px; font-style: italic; } #billboard .column img { float: right; margin: 32px 30px 0 0; } /*------------------------------------- 4. CONTENT -------------------------------------*/ #content { margin-top: 50px; } .blog #content, .single-post #content, .archive #content, .search-results #content { background: url(images/bg-content-shadow.png) no-repeat 630px top; } .home-page #content { margin-top: 0; } .page-template-template-homepage-php #content { background: none; } .with-iframe #content { width: 550px; margin-top: 30px; } .with-iframe .register-section .error { color: #990000; margin: 5px 0; } .with-iframe { padding-top:0 !important; } .with-iframe #wp-admin-bar, .with-iframe #wpadminbar { display:none !important; } #main { float: left; width: 600px; } .post { margin-bottom: 60px; } .post .post-title { font-size: 22px; line-height: 32px; margin-top: 12px; } .post .post-title a { } .post .page-title { margin-top: 0; margin-bottom: 20px; } .post .meta { font-size: 12px; color: #777; margin-bottom: 20px; display: inline-block; } .post .meta a { color: #777; } .read-more { margin-bottom: 0; } .read-more a { color: #406098; font-weight: bold; } .blog-heading { margin-bottom: 50px; } .post .post-content a { color: #406098; } .post .post-content h1, .post .post-content h2, .post .post-content h3, .post .post-content h4, .post .post-content h5, .post .post-content h6 { margin-top: 30px; margin-bottom: 30px; } .post .post-content h1{ font-size: 38px; } .post .post-content h2 { font-size: 34px; } .post .post-content h3 { font-size: 30px; } .post .post-content h4 { font-size: 26px; } .post .post-content h5 { font-size: 22px; } .post .post-content h6 { font-size: 20px; } .post .post-content ol, .post .post-content ul { margin-left: 15px; } .post .post-content ul { list-style: circle; } .post .post-content p, .post .post-content ol, .post .post-content ul, .post .post-content blockquote, .post .post-content pre { margin-bottom: 25px; } .post .post-content li { list-style-position: inside !important; } .post .post-content ol ol, .post .post-content ul ul, .post .post-content ol ul, .post .post-content ul ol { margin-bottom: 0; } .post .post-content ol li { list-style: decimal; } .post .post-content ol ol li { list-style: lower-alpha; } .post .post-content ul ul li { list-style: circle; } .post .post-content strong { font-weight: bold !important; } .post .post-content em { font-style: italic !important; } .post .post-content blockquote { margin-left: 20px; padding-left: 20px; border-left: 3px solid #ddd; } .post .post-content pre { padding: 20px; border: 1px solid #ddd; white-space: pre; line-height: 20px; width: 550px; overflow: auto; overflow-Y: hidden; } .post .post-content code { font-family: monospace; font-size: 13px; display: block; } .post .post-content .wp-caption { -webkit-box-shadow: 0 1px 2px #efefef; -moz-box-shadow: 0 1px 2px #efefef; box-shadow: 0 1px 2px #efefef; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fafafa; } .post .post-content .aligncenter, .post .post-content div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .post .post-content .alignleft { float: left; margin-right: 30px; } .post .post-content .alignright { float: right; margin-left: 35px; } .post .post-content .wp-caption img { border: 0 none; margin: 0; padding: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, .20); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .20); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .20); margin: 5px 0 0 5px; } .post .post-content .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 5px 5px; } /*-- 4.1 PAGINATION --*/ #pagination { margin-bottom: 40px; } #pagination.for-posts { margin-bottom: -20px; margin-top: 30px; } #pagination.for-comments-top { margin-bottom: 15px; } #pagination.for-comments-bottom { margin-bottom: 0; } #pagination .pages { float: right; font-size: 11px; color: #777; font-style: italic; } #pagination a, .pagination a { color: #777; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 10px; } #pagination a .page-link { color: #777; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 10px; background: none; padding: 0; } #pagination .current, #pagination .nextpostslink, #pagination .previouspostslink, .pagination .current, .pagination .next, .pagination .prev, #pagination .page-link { color: #262626; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 10px; background: #f6f6f6; padding: 1px 7px; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .pagination .current, .pagination .next, .pagination .prev { color: #262626 !important; background: #fff; line-height: 18px; } #pagination .nextpostslink span, #pagination .previouspostslink span, .pagination .next span, .pagination .prev span { color: #b5cbfa; font-weight: normal; } /*-- 4.2 AUTHOR INFO --*/ .author-info { background: #f6f6f6; padding: 20px 20px 30px; font-size: 11px; margin-bottom: 70px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); } .author-info h3 { font-size: 18px; margin-bottom: 20px; } .author-info p { margin-bottom: 0; } .author-info .more-posts { float: right; } .author-info .more-posts a { color: #406098; } .author-info .author-photo { margin-right: 15px; } .author-info .author-name { width: 115px; margin-right: 15px; } .author-info .author-name a { color: #404040; font-weight: bold; } .author-info .author-name em { color: #777; font-size: 10px; } .author-info .author-bio { width: 380px; } /*-- 4.3 RELATED POSTS --*/ .related-posts { margin-bottom: 55px; } .related-posts h3 { font-size: 18px; margin-bottom: 20px; } .related-posts .post { margin-bottom: 15px; width: 50%; float: left; } .related-posts .post .post-img { float: left; margin-right: 15px; } .related-posts .post h4 { font-size: 11px; margin-top: 0; line-height: 17px; } .related-posts .post h4 a { color: #404040; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } .related-posts .post em, .widget-posts .post em a { font-size: 10px; color: #777; font-style: italic; margin-bottom: 0; } /*-- 4.4 COMMENTS --*/ #comments { margin-bottom: 70px; } #comments h3 { font-size: 18px; margin-bottom: 20px; } #comments .to-respond { float: right; color: #406098; font-size: 11px; } #comments ul, #comments ol { margin: 0; } #comments p { margin-bottom: 0; } #comments .comment { list-style: none; font-size: 11px; } #comments .comment-box { background: #f6f6f6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 25px; } #comments .comment-avatar { width: 35px; height: 35px; float: left; margin-right: 15px; } #comments .comment-meta { width: 115px; margin-right: 15px; } #comments .comment-author { font-weight: bold; } #comments .comment-date { color: #777; font-style: italic; } #comments .comment-date { color: #777; font-style: italic; font-size: 10px; } #comments .comment-date a.comment-date-link { color: #777; } #comments .comment-reply-link { font-size: 11px; color: #406098; font-style: normal; } #comments .comment-body { width: 380px; } #comments .children { margin-left: 5px; border-left: 1px solid #f2f2f2; padding-left: 20px; } #comments .children .comment-body { width: 349px; } #comments .children .children .comment-body { width: 320px; } /*-- 4.5 RESPOND FORM --*/ #respond { } #respond h3 { font-size: 18px; margin-bottom: 20px; } #respond form { background: #f6f6f6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 60px; } #respond input[type="text"] { border: 1px solid #d9d8d8; color: #666666; font-size: 11px; line-height: 11px; padding: 8px; width: 234px; background: url(images/bg-search-inp.png) repeat-x #fff; margin-right: 30px; } #respond .required { font-size: 10px; color: #777; font-style: italic; } #respond .required span { color: #720000; } #respond textarea { border: 1px solid #d9d8d8; color: #666666; padding: 8px; background: url(images/bg-search-inp.png) repeat-x #fff; height: 100px; width: 476px; } #respond .form-submit { display:none; } #respond button { color: #6f6f6f; font-weight: bold; line-height: 27px; border: 1px solid #dbdada; padding: 0 11px; display: inline-block; background: url(images/bg-submit-btn.png) repeat-x; cursor: pointer; font-size: 11px; } #respond button span { color: #b5cbfa; font-weight: normal; } #respond #cancel-comment-reply-link { float: right; font-size: 11px; color: #406098; font-weight: normal; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } /*------------------------------------- 5. BUDDYPRESS -------------------------------------*/ /*-- 5.1. DIRECTORY --*/ .directory #sidebar-blog { display: none; } .directory #main { width: 960px; } .dir-form h2, .dir-form h3 { float: left; font-size: 22px; margin-bottom: 35px; } .dir-form .subtitle { font-style: italic; color: #777; font-size: 10px; margin-left: 45px; display: inline-block; font-weight: normal; float: left; margin-top: 5px; margin-bottom: 0; } .dir-form .subtitle .btn-gray { margin-left: 25px; } .logged-in #groups-directory-form .subtitle, .logged-in.forums.directory .subtitle { margin-top: 0; } .dir-search { float: right; border: 1px solid #e9e9e9; padding: 5px; background: url(images/bg-search.png) repeat-x; margin-bottom: 35px; margin-top: -6px; } .dir-search input[type="text"] { border: 1px solid #d9d8d8; font-size: 11px; color: #666666; height: 27px; width: 230px; line-height: 27px; padding: 0 10px; background: url(images/bg-search-inp.png) repeat-x; float: left; margin-right: 7px; } .dir-search input[type="submit"] { border: 1px solid #d9d8d8; width: 26px; height: 29px; text-indent: -9999px; background: url(images/bg-search-btn.png) center center; cursor: pointer; } .item-list-tabs { min-height: 42px; border: 1px solid #e9e9e9; background: url(images/bg-members-nav.png); line-height: 42px; padding: 0 13px; font-size: 11px; color: #777; clear: both; overflow: hidden; } .item-list-tabs.for-bottom { border-top: 0; margin-top: -30px; margin-bottom: 40px; height: 42px; } #forums-dir-list .for-bottom { margin: 20px -20px -20px; border: 0; } .item-list-tabs .pages-count { font-style: italic; } .item-list-tabs ul { margin: 0; padding-left: 7px; } .item-list-tabs li { float: left; list-style: none; margin-right: 30px; } .item-list-tabs li.last { float: right; margin-right: 0; } .item-list-tabs li.feed a { background: url(images/icon-rss.png) no-repeat right center; padding: 2px 20px 2px 0; } .item-list-tabs a { font-weight: bold; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .item-list-tabs a.active, .item-list-tabs a.current, .item-list-tabs a.selected, .item-list-tabs .active a, .item-list-tabs .current a, .item-list-tabs .selected a { color: #406098; } .item-list-tabs a span { font-size: 12px; color: #777; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e9e9e9; display: inline-block; padding: 3px 4px; line-height: 12px; margin-left: 3px; } .dir-list { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 20px; margin-bottom: 30px; } .dir-list #pag-top { margin-bottom: 25px; } .dir-list #pag-bottom { margin-top: 25px; } .dir-list.members #pag-top, .dir-list.members #pag-bottom, .dir-list.groups #pag-top, .dir-list.groups #pag-bottom, .dir-list.blogs #pag-top, .dir-list.blogs #pag-bottom { display: none; } .dir-list .item-list { margin: -20px; overflow: hidden; background: url(images/bg-members-shadow.png) no-repeat 420px center; } .dir-list .item-list li { float: left; width: 459px; height: 36px; padding: 11px 0 14px 20px; list-style: none; background: url(images/bg-members-column.png) no-repeat right bottom; } .dir-list .item-list li.row-even { background-position: right top; } .dir-list .item-list li.row-last { height: 35px; } .dir-list .item-list .item-avatar { width: 35px; height: 35px; float: left; margin-right: 15px; } .dir-list .item-list .item-avatar img { width: 35px !important; height: 35px !important; } .dir-list .item-list .item { float: left; } .dir-list .item-list .item-title { font-weight: bold; } .dir-list .item-list .item-meta { font-style: italic; color: #777; font-size: 10px; } .dir-list .item-list .action { float: right; margin-right: 15px; font-size: 11px; } .generic-button { margin-top: 4px; float: right; margin-left: 10px; } #delete-group-avatar-button.generic-button { float: none; margin: 0; } /*-- 5.2. PROFILE --*/ #item-header { float: left; width: 164px; background: url(images/bg-activity-shadow-v.png) no-repeat right top; min-height: 672px; padding-right: 20px; } #item-header h2 { font-size: 22px; line-height: 22px; margin-top: 23px; margin-bottom: 20px; } #item-header .activity { display: block; color: #777; font-size: 10px; font-style: italic; } #item-header .user-nicename, #item-header .highlight { display: inline-block; color: #777; font-size: 10px; background: #F7F7F7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 0 5px; margin-bottom: 5px; } #item-header #latest-update { margin-top: 20px; } #item-header #latest-update a { font-style: italic; color: #406098; font-weight: normal; } #item-header #item-actions { min-height: 100px; border-top: 1px solid #E9E9E9; background: url(images/bg-activity-header.png) no-repeat right top; margin-top: 28px; padding: 15px 20px 0 0; margin-right: -20px; } #item-header #item-actions p { margin-bottom: 3px; } #item-header #item-actions a { font-size: 11px; font-weight: bold; color: #777; } #item-header #item-actions h3 { font-size: 12px; margin-bottom: 15px; } #item-header #item-actions #group-admins { margin: 0; list-style: none; } #item-header #item-actions #group-admins li { margin-bottom: 15px; overflow: hidden; } #item-header #item-actions #group-admins img { float: left; margin-right: 15px; } #item-header #item-actions #group-admins .item-meta { color: #777; font-style: italic; font-size: 10px; } #item-header #item-actions #group-admins a { color: #404040; } body.groups #item-header #item-meta { margin-top: 20px; } #item-header .generic-button { float: none; margin-left: 0; } #item-nav { float: right; width: 776px; } #item-body { float: right; width: 734px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-bottom: 30px; padding: 20px; min-height: 550px; } #item-body h1, #item-body h2, #item-body h3, #item-body h4, #item-body h5, #item-body h6 { margin-bottom: 20px; } #item-body .item-list-tabs, .activity.directory #subnav.item-list-tabs { border: 0; border-bottom: 1px solid #e9e9e9; background: none; margin: -20px -20px 20px -20px; height: 48px; line-height: 48px; } #item-body .item-list-tabs a, .activity.directory #subnav.item-list-tabs a { font-size: 11px; color: #777; font-weight: normal; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } #item-body .item-list-tabs a.active, #item-body .item-list-tabs a.current, #item-body .item-list-tabs a.selected, #item-body .item-list-tabs .active a, #item-body .item-list-tabs .current a, #item-body .item-list-tabs .selected a { color: #406098; } #item-body .item-list-tabs li.last, .activity.directory #subnav.item-list-tabs li.last { float: right; margin-right: 0; } #activity-stream { margin: -20px; } #activity-stream li { padding: 20px 20px 25px; list-style: none; border-bottom: 1px solid #E9E9E9; overflow: hidden; } #activity-stream .activity-avatar { float: left; margin-right: 15px; } #activity-stream .activity-content { width: 684px; float: right; } #activity-stream .activity-header { color: #777; font-style: italic; font-size: 10px; } #activity-stream .activity-header a { color: #406098; } #activity-stream .activity-header a:first-child { color: #404040; font-style: normal; font-weight: bold; font-size: 11px; display: block; max-width: 150px; } #activity-stream .activity-header a.first { color: #404040; font-style: normal; font-weight: bold; font-size: 11px; display: block; max-width: 150px; } #activity-stream .activity-content a { color: #406098; } #activity-stream .activity-content img.align-left { float: left; margin: 0 15px 15px 0; } #activity-stream .activity-content img.align-right { float: left; margin: 0 0 15px 15px; } #activity-stream .activity-meta { clear: both; } #activity-stream .activity-meta a { font-size: 11px; color: #406098; font-style: italic; margin-right: 5px; } #activity-stream .activity-meta a span { font-style: normal; } #activity-stream .activity-comments { width: 684px; float: right; margin-top: 10px; } #activity-stream li.first { background: url(images/bg-activity-shadow-h.png) center -28px no-repeat; } #activity-stream li:first-child { background: url(images/bg-activity-shadow-h.png) center -28px no-repeat; } #activity-stream li:nth-child(odd) { background-color: #fafafa; } #activity-stream li.odd { background-color: #fafafa; } #activity-stream li .activity-comments .ac-reply-avatar { float: left; width: 35px; height: 35px; margin-right: 15px; } #activity-stream li .activity-comments .ac-reply-content { margin-left: 50px; } #activity-stream li .activity-comments textarea { border: 1px solid #d9d8d8; color: #666666; padding: 8px; background: url(images/bg-search-inp.png) repeat-x #fff; } #activity-stream li .activity-comments ul { margin: 0; } #activity-stream li .activity-comments ul li { padding: 0; margin: 10px 0; border: 0; background: none; } #activity-stream li .activity-comments ul .acomment-avatar { width: 35px; height: 35px; margin-right: 15px; float: left; } #activity-stream li .activity-comments ul .acomment-meta { font-size: 11px; color: #777; font-style: italic; } #activity-stream li .activity-comments ul .acomment-meta a { color: #406098; } #activity-stream li .activity-comments ul .acomment-content p { margin-bottom: 0; } #activity-stream li .activity-comments ul .acomment-options a { color: #406098; font-size: 11px; } #activity-stream .activity-time-since { float: right; color: #777; font-style: italic; font-size: 10px; } #whats-new-form { border-bottom: 1px solid #E9E9E9; margin: 0 -20px 20px -20px; padding: 0 20px 20px; } #whats-new-form h5 { margin-bottom: 20px; } #whats-new-form #whats-new-avatar { float: left; width: 35px; margin-right: 15px; } #whats-new-content { margin-left: 50px; } #whats-new-content textarea { border: 1px solid #D9D8D8; color: #666; padding: 8px; background: url(images/bg-search-inp.png) repeat-x white; width: 351px; height: 34px; } #item-body #pag-top { display: none; } #item-body .pagination { margin-bottom: 40px; } #item-body .item-list { margin: -20px -20px 20px -20px; } #item-body .bp-widget .item-list { margin-top: 0; border-top: 1px solid #e0e0e0; } #item-body .bp-widget .item-list li { background: url(images/bg-members-column-left.png) no-repeat left bottom !important; } #item-body .bp-widget .item-list li.odd { background-position: left top !important; } #item-body .bp-widget .item { margin-top: 7px; } #item-body .bp-widget .item .item { margin-top: 0; } #item-body .bp-widget .action { margin-top: 10px; } #item-body .bp-widget .action a { font-style: italic; font-size: 11px; color: #406098; } #item-body .item-list li { list-style: none; height: 36px; background: url(images/bg-members-column-left.png) no-repeat left bottom; padding: 11px 0 14px 20px; overflow: hidden; border-bottom: 1px solid #E9E9E9; } #item-body .item-list li.odd, #item-body .item-list li:nth-child(odd) { background-position: left top; height: 35px; } #item-body .item-list .item-avatar, #item-body .item-list img.avatar { width: 35px; height: 35px; float: left; margin-right: 15px; } #item-body .item-list .item { width: 300px; float: left; } #item-body .item-list h5 { width: 300px; float: left; margin-bottom: 0; } #item-body .item-list .item-title { font-weight: bold; } #item-body .item-list .item-meta { font-style: italic; color: #777; font-size: 10px; } #item-body .item-list .action { width: 387px; float: right; text-align: right; margin-right: 15px; } .group-members #item-body .item-list .action { margin-top: -18px; } table.profile-fields, table.notification-settings { width: 100%; } table.profile-fields th, table.notification-settings th { padding: 5px; border-bottom: 1px solid #e9e9e9; } table.profile-fields td, table.notification-settings td { padding: 5px; border-bottom: 1px solid #e9e9e9; } table.profile-fields td.label { width: 200px; } table.profile-fields td p, table.notification-settings td p { margin-bottom: 0; } .standard-form label { display: block; margin-bottom: 5px; padding-right: 15px; } .standard-form input[type="text"], .standard-form input[type="password"], .standard-form textarea { margin-bottom: 15px; } .standard-form .radio ul { margin-left: 33px; } .messages-notices { width: 774px; margin: 20px -20px; border-bottom: 1px solid #e9e9e9; } .messages-notices tr { padding: 0 20px; } .messages-notices td { border-top: 1px solid #e9e9e9; padding: 13px 5px 9px; vertical-align: top; } .messages-notices td.thread-count { padding: 16px 20px 5px; } .messages-notices td .unread-count { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #cccccc; text-indent: -9999px; color: transparent; margin-top: 15px; } .messages-notices .unread td .unread-count { background: #4f7db3; } .messages-notices tr:nth-child(odd) td { background-color: #fafafa; } .messages-notices td p { margin: 0; } .messages-notices td a { color: #406098; } .messages-notices td.thread-options { padding-top: 20px; } .messages-notices .activity { color: #777; font-size: 11px; font-style: italic; } .messages-options-nav { font-size: 11px; } .messages-options-nav a { color: #406098; } .message-box { background: #f6f6f6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 25px; overflow: hidden; } .message-box .avatar { float: left; margin-right: 15px; } .message-box p.msg-name { margin: 0; font-weight: bold; } .message-box p.msg-time { font-size: 11px; color: #777; font-style: italic; margin-bottom: 10px; } .message-metadata { width: 200px; float: left; } .message-reply-metadata { width: 0; } .message-content { margin-left: 50px; float: left; } table.profile-fields, table.notification-settings { width: 100%; } table.profile-fields th, table.notification-settings th { padding: 5px; border-bottom: 1px solid #e9e9e9; } table.profile-fields td, table.notification-settings td { padding: 5px; border-bottom: 1px solid #e9e9e9; } table.profile-fields td.label { width: 200px; } table.profile-fields td p, table.notification-settings td p { margin-bottom: 0; } table.notification-settings td, table.notification-settings th.title { text-align: left; } table.notification-settings { margin-top: 30px; } table.notification-settings tr th:first-child, table.notification-settings tr td:first-child { width: 4px; } table.notification-settings .yes, table.notification-settings .no { width: 100px; text-align: center; } #group-create-tabs { } #group-create-tabs ul { margin: 0; overflow: hidden; border-left: 1px solid #E9E9E9; margin-bottom: 20px; } #group-create-tabs li { float: left; list-style: none; border-top: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; background: url(images/bg-members-nav.png) repeat-x center center; padding: 10px; } #group-create-tabs li.done { background: url(images/bg-members-nav2.png) repeat-x center center; } #group-create-tabs li.current { background: url(images/bg-groups-tab.png) no-repeat right center; border-right: 0; } #group-create-tabs li.current.last { background: url(images/bg-members-nav2.png) repeat-x center center; border-right: 1px solid #E9E9E9; } /*-- 5.3. ACTIVITY --*/ body.activity.directory #subnav { margin: 0 !important; border-left: 1px solid #e9e9e9 !important; border-right: 1px solid #e9e9e9 !important; } body.activity.directory #whats-new-form { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 20px; margin: 0; } body.activity.directory #activity-stream { margin: 0 0 30px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } body.activity-permalink #activity-stream { border-top: 1px solid #e9e9e9; } body.activity.directory #activity-stream .activity-content { width: 868px; } body.activity.directory #activity-stream .activity-comments { width: 868px; } body.forums table.forum { width: 958px; margin: -20px; } body.forums table.forum td { border-bottom: 1px solid #e9e9e9; padding: 20px; } body.forums table.forum td p { margin: 0; } body.forums table.forum td.td-title { width: 320px; } body.forums table.forum td.td-group { width: 160px; } body.forums table.forum td .avatar { float: left; width: 35px; margin-right: 15px; } body.forums table.forum td .topic-title { font-weight: bold; font-size: 11px; color: #404040; } body.forums table.forum td .time-since, body.forums table.forum td .topic-meta { font-style: italic; font-size: 10px; color: #777; } body.forums table.forum td .topic-meta a { font-weight: bold; color: #406098; font-size: 11px; font-style: normal; } body.forums table.forum td.td-group, body.forums table.forum td.td-freshness { background: url(images/bg-forum-sep.png) no-repeat left bottom; } body.forums table.forum td.td-postcount { width: 80px; background: url(images/bg-forum-sep.png) no-repeat left bottom; } body.forums table.forum td.td-postcount a { font-size: 10px; color: #777; font-style: italic; padding-right: 22px; background: url(images/icon-replies.png) no-repeat right center; } body.forums table.forum td.td-postcount a b { font-size: 11px; color: #404040; font-style: normal; font-weight: bold; } body.forums table.forum tr:nth-child(odd) td { background-color: #fafafa; } body.forums table.forum tr.odd td { background-color: #fafafa; } .group-forum-topic #topic-meta { } .group-forum-topic #topic-meta h3 { font-size: 16px; margin-bottom: 0px; } .group-forum-topic #topic-meta p { font-size: 10px; color: #777; font-style: italic; } .group-forum-topic #topic-meta a { color: #406098; font-size: 11px; font-style: italic; } .group-forum-topic #topic-post-list { margin: 0 -20px; } .group-forum-topic #topic-post-list li { list-style: none; padding: 20px 20px 0; background: #fafafa; border-top: 1px solid #e9e9e9; overflow: hidden; } .group-forum-topic #topic-post-list li.alt { background: #fff; } .group-forum-topic #topic-post-list li .avatar { float: left; width: 35px; margin-right: 15px; } .group-forum-topic #topic-post-list li .admin-links a, .group-forum-topic #topic-post-list li .admin-links, .group-forum-topic #topic-post-list li .post-link { color: #777; font-size: 10px; font-style: italic; } .group-forum-topic #topic-post-list li .poster-meta { margin-bottom: 10px; } .group-forum-topic #topic-post-list li .poster-meta, .group-forum-topic #topic-post-list li .post-content { float: right; width: 684px; } .group-forum-topic #topic-post-list li .poster-meta p { margin: 0; } .group-forum-topic #topic-post-list li .poster-name a { color: #406098; font-size: 11px; } .group-forum-topic #topic-post-list li .post-time { color: #777; font-size: 10px; font-style: italic; } .group-forum-topic #post-topic-reply { border-top: 1px solid #e9e9e9; margin: 0 -20px; padding: 0 20px; } .group-forum-topic #item-body #message { border-top: 1px solid #E9E9E9; margin: 0 -20px; padding: 20px 20px 0 20px; } #avatar-upload #file, #group-settings-form #file { border: 1px solid #e9e9e9; padding: 3px 0; } #item-body .forums { margin: -20px -20px 0; } #item-body .forums #message { padding: 20px; } #item-body .forums table { border: 0; width: 774px; margin: 0; } #item-body .forums td.td-title { width: 350px; } #item-body .forums td.td-postcount { width: 80px; } #item-body .forums .forums-nav { border: 1px 0 0; } #item-body .forums { margin-left: -20px !important; margin-top: -21px !important; } .bp-profile.groups #item-body .forums { margin-left: 0 !important; } .groups #group-topic-count-top { padding-top: 17px !important; } .groups table.forum { margin: 0 -20px; width: 774px; border-bottom: 1px solid #e9e9e9; } .groups table.forum td { border-top: 1px solid #e9e9e9; padding: 20px; } .groups #item-body table.forum tr:last-child td { border-bottom: 1px solid #e9e9e9; } .groups table.forum td p { margin: 0; } .groups table.forum td.td-title { width: 320px; } .groups table.forum td .avatar { float: left; width: 35px; margin-right: 15px; } .groups table.forum td .topic-title { font-weight: bold; font-size: 11px; color: #404040; } .groups table.forum td .time-since, .groups table.forum td .topic-meta { font-style: italic; font-size: 10px; color: #777; } .groups table.forum td .topic-meta a { font-weight: bold; color: #406098; font-style: normal; } .groups table.forum td.td-freshness { background: url(images/bg-forum-sep.png) no-repeat left bottom; } .groups table.forum td.td-postcount { width: 110px; background: url(images/bg-forum-sep.png) no-repeat left bottom; } .groups table.forum td.td-postcount a { font-size: 10px; color: #777; font-style: italic; padding-right: 22px; background: url(images/icon-replies.png) no-repeat right center; } .groups table.forum td.td-postcount a b { font-size: 11px; color: #404040; font-style: normal; font-weight: bold; } .groups table.forum tr:nth-child(odd) td { background-color: #fafafa; } .groups table.forum tr.odd td { background-color: #fafafa; } /*------------------------------------- 6. SIDEBARS -------------------------------------*/ /*-- 6.1. SIDEBAR BLOG & SIDEBAR PAGE --*/ #sidebar-blog, #sidebar-page { width: 300px; float: right; } #sidebar-blog .widget, #sidebar-page .widget { margin-bottom: 60px; font-size: 11px; overflow: hidden; } #sidebar-blog .widget .widget-title, #sidebar-page .widget .widget-title { font-size: 18px; line-height: 18px; margin-bottom: 25px; } #sidebar-blog .widget ul, #sidebar-page .widget ul { margin: 0; } #sidebar-blog .widget li, #sidebar-page .widget li { list-style: none; line-height: 22px; } /*-- 6.3 SIDEBAR HOME & SIDEBAR FOOTER --*/ #sidebar-footer, #sidebar-home { border-top: 1px solid #e9e9e9; padding: 50px 0 40px 0; clear: both; overflow: hidden; background: url(images/bg-footer-shadow.png) center top no-repeat; } #sidebar-footer .clear, #sidebar-home .clear { clear: none; overflow: auto; } #sidebar-footer .widget, #sidebar-home .widget { width: 300px; margin-right: 30px; float: left; font-size: 11px; } #sidebar-footer .widget.last, #sidebar-home .widget.last { margin-right: 0; } #sidebar-footer .widget:last-child, #sidebar-home .widget:last-child { margin-right: 0; } #sidebar-footer h3, #sidebar-home h3 { font-size: 18px; line-height: 18px; margin-bottom: 25px; } /*------------------------------------- 7. WIDGETS -------------------------------------*/ /*-- 7.1 WIDGET MEMBERS --*/ .widget_bp_core_members_widget { } .widget_bp_core_members_widget h3 { float: left; } .widget_bp_core_members_widget .item-options { float: right; } .widget_bp_core_members_widget .item-options a { color: #777; } .widget_bp_core_members_widget .item-options a.selected { color: #406098; } .widget_bp_core_members_widget #members-list { clear: both; margin: 0; overflow: hidden; margin-bottom: -15px; } .widget_bp_core_members_widget #members-list li { list-style: none; display: inline-block; float: left; } .widget_bp_core_members_widget #members-list li .item { display: none; } .widget_bp_core_members_widget #members-list li .item-avatar { margin: 0 18px 15px 0; } .widget_bp_core_members_widget #members-list li.last .item-avatar { margin-right: 0; } .widget_bp_core_members_widget #members-list li:last-child .item-avatar { margin-right: 0; } .widget_bp_core_members_widget li:nth-child(6n) .item-avatar { margin-right: 0 !important; } /*-- 7.2 WIDGET SEARCH --*/ .widget_search { } .widget_search .search-box { border: 1px solid #e9e9e9; padding: 5px; background: url(images/bg-search.png) repeat-x; } .widget_search .field { border: 1px solid #d9d8d8; font-size: 11px; color: #666666; height: 27px; width: 230px; line-height: 27px; padding: 0 10px; background: url(images/bg-search-inp.png) repeat-x; float: left; margin-right: 7px; } .widget_search input::-webkit-input-placeholder { line-height: none; } .widget_search .submit { border: 1px solid #d9d8d8; width: 26px; height: 29px; text-indent: -9999px; background: url(images/bg-search-btn.png) center center; cursor: pointer; } /*-- 7.3 WIDGET TABBED ARCHIVE --*/ .widget-archive { } .widget-archive .widget-title { float: left; } .widget-archive .tabs { float: right; } .widget-archive .tabs li { float: left; list-style: none; margin-left: 15px; } .widget-archive .tabs li a { color: #777; cursor: pointer; } .widget-archive .tabs li a.btn-small { color: #406098; } .widget-archive .pane { overflow: hidden; } .widget-archive .pane li { font-size: 10px; color: #777; font-style: italic; width: 50%; float: left; } .widget-archive .pane li a { font-size: 11px; color: #404040; font-style: normal; } /*-- 7.4 WIDGET TABBED POSTS --*/ .widget-posts { } .widget-posts .widget-title { float: left; } .widget-posts .tabs { float: right; } .widget-posts .tabs li { float: left; list-style: none; margin-left: 15px; } .widget-posts .tabs li a { color: #777; cursor: pointer; } .widget-posts .tabs li a.btn-small { color: #406098; } .widget-posts .pane { overflow: hidden; } .widget-posts .post { margin-bottom: 15px; } .widget-posts .post .post-img { float: left; margin-right: 15px; } .widget-posts .post h4 { font-size: 11px; margin-top: 0; line-height: 17px; } .widget-posts .post h4 a { color: #404040; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } .widget-posts .post span, .widget-posts .post span a { font-size: 10px; color: #777; font-style: italic; } /*-- 7.5 WIDGET TWITTER --*/ .widget-twitter { } .widget-twitter .widget-title span { float: right; font-size: 11px; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } .widget-twitter .widget-title span a { color: #406098; font-weight: normal; } .widget-twitter li { margin-bottom: 15px; } .widget-twitter li.last { margin-bottom: 0; } .widget-twitter li:last-child { margin-bottom: 0; } .widget-twitter .tweet_text { line-height: 16px; margin-bottom: 2px; } .widget-twitter .tweet_text a { color: #406098; } .widget-twitter .date { font-style: italic; color: #777; } /*-- 7.6 WIDGET ENEWS --*/ .widget-enews { } .widget-enews .widget-title span { float: right; font-size: 11px; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } .widget-enews .widget-title span a { color: #406098; font-weight: normal; } .widget-enews .form-box { border: 1px solid #e9e9e9; padding: 5px; background: url(images/bg-search.png) repeat-x; } .widget-enews .field { border: 1px solid #d9d8d8; font-size: 11px; color: #666666; height: 27px; line-height: 27px; padding: 0 10px; background: url(images/bg-search-inp.png) repeat-x; float: left; margin-right: 7px; width: 180px; } .widget-enews .submit { border: 1px solid #d9d8d8; height: 29px; background: url(images/bg-submit-btn.png) repeat-x ; cursor: pointer; color: #666666; font-weight: bold; padding: 0 10px; } /*-- 7.7 WIDGET FLICKR --*/ .widget-flickr { } .widget-flickr .flickr_badge_wrapper { overflow: hidden; margin-bottom: -16px; } .widget-flickr .flickr_badge_image { float: left; width: 35px; height: 35px; margin: 0 17px 16px 0; } .widget-flickr .flickr_badge_image.last { margin-right: 0; } .widget-flickr .flickr_badge_image:last-child { margin-right: 0; } .widget-flickr .flickr_badge_image img { width: 35px; height: 35px; } .widget-flickr .more-photos { color: #6f6f6f; font-weight: bold; line-height: 27px; border: 1px solid #dbdada; padding: 0 11px; display: inline-block; margin-top: 6px; background: url(images/bg-submit-btn.png) repeat-x; } .widget-flickr .more-photos span { color: #b5cbfa; font-weight: normal; } /*-- 7.8 WIDGET GROUPS --*/ .widget_bp_groups_widget { } .widget_bp_groups_widget h3 { float: left; } .widget_bp_groups_widget .item-options { float: right; } .widget_bp_groups_widget .item-options a { color: #777; } .widget_bp_groups_widget .item-options a.selected { color: #406098; } .widget_bp_groups_widget #groups-list { clear: both; margin: 0; overflow: hidden; margin-bottom: -15px; } .widget_bp_groups_widget #groups-list li { list-style: none; display: inline-block; float: left; } .widget_bp_groups_widget #groups-list li .item { display: none; } .widget_bp_groups_widget #groups-list li .item-avatar { margin: 0 18px 15px 0; } .widget_bp_groups_widget #groups-list li.last .item-avatar { margin-right: 0; } .widget_bp_groups_widget #groups-list li:last-child .item-avatar { margin-right: 0 !important; } .widget_bp_groups_widget li:nth-child(6n) .item-avatar { margin-right: 0 !important; } /*-- 7.9 WIDGET RECENT POSTS --*/ .widget_recent_entries { } .widget_recent_entries .post { margin-bottom: 18px; } .widget_recent_entries .post .post-img { float: left; margin-right: 15px; } .widget_recent_entries .post h4 { font-size: 11px; margin-top: 0; line-height: 17px; } .widget_recent_entries .post h4 a { color: #404040; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } .widget_recent_entries .post span, .widget_recent_entries .post span a { font-size: 10px; color: #777; font-style: italic; } /*------------------------------------- 8. FOOTER -------------------------------------*/ #footer { border-top: 1px solid #e9e9e9; padding-top: 35px; color: #777; background: url(images/bg-footer-shadow.png) center top no-repeat; overflow: hidden; margin-bottom: 15px; } #footer ul { float: right; } #footer li { float: left; list-style: none; margin-left: 30px; } #footer li a { font-size: 12px; color: #262626; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } /*------------------------------------- 9. PAGE TEMPLATES -------------------------------------*/ /*-- 9.1. ARCHIVES --*/ /*-- 9.2. FULL WIDTH --*/ .page-template-template-full-width-php #main { width: auto; } /*-- 9.3. IMAGE GALLERY --*/ .page-template-template-image-gallery-php #main { width: auto; } .page-template-template-image-gallery-php .one_third { margin-bottom: 35px; } /*-- 9.4. SIDEBAR LFET --*/ .page-template-template-sidebar-left-php #main { float: right; } .page-template-template-sidebar-left-php #sidebar-page { float :left; } /*-- 9.5. SITEMAP --*/ /*------------------------------------- 10. SHORTCODES -------------------------------------*/ /*-- 10.1. ARCHIVES --*/ #main .one_half { width:48%; } #main .one_third { width:30.66%; } #main .two_third { width:65.33%; } #main .one_fourth { width:22%; } #main .three_fourth { width:74%; } #main .one_fifth { width:16.8%; } #main .two_fifth { width:37.6%; } #main .three_fifth { width:58.4%; } #main .four_fifth { width:79.2%; } #main .one_sixth { width:13.33%; } #main .five_sixth { width:82.67%; } #main .one_half, #main .one_third, #main .two_third, #main .three_fourth, #main .one_fourth, #main .one_fifth, #main .two_fifth, #main .three_fifth, #main .four_fifth, #main .one_sixth, #main .five_sixth { position: relative; margin-right: 4%; float: left; } #main .last { margin-right: 0 !important; clear: right; } /*------------------------------------- 11. COLOR STYLES -------------------------------------*/ /*-- 11.1. GREEN --*/ .green #header { background: url(images/bg-header-green.png) center bottom; } .green .editfield a, .green .read-more a, .green .post .post-content a, .green .author-info .more-posts a, .green #comments .to-respond, .green #comments .comment-reply-link, .green #respond #cancel-comment-reply-link, .green .item-list-tabs a.active, .green .item-list-tabs a.current, .green .item-list-tabs a.selected, .green .item-list-tabs .active a, .green .item-list-tabs .current a, .green .item-list-tabs .selected a, .green #item-header #latest-update a, .green #item-body .item-list-tabs a.active, .green #item-body .item-list-tabs a.current, .green #item-body .item-list-tabs a.selected, .green #item-body .item-list-tabs .active a, .green #item-body .item-list-tabs .current a, .green #item-body .item-list-tabs .selected a, .green #activity-stream .activity-header a, .green #activity-stream .activity-content a, .green #activity-stream .activity-meta a, .green #activity-stream li .activity-comments ul .acomment-meta a, .green #activity-stream li .activity-comments ul .acomment-options a, .green #item-body .bp-widget .action a, .green .messages-notices td a, .green .messages-options-nav a, body.green.forums table.forum td .topic-meta a, .green .group-forum-topic #topic-meta a, .green .group-forum-topic #topic-post-list li .poster-name a, .green.groups table.forum td .topic-meta a, .green .widget_bp_core_members_widget .item-options a.selected, .green .widget-archive .tabs li a.btn-small, .green .widget-posts .tabs li a.btn-small, .green .widget-twitter .widget-title span a, .green .widget-twitter .tweet_text a, .green .widget-enews .widget-title span a, .green .widget_bp_groups_widget .item-options a.selected { color: #476334; } .green .btn { background-image: url(images/btn-left-green.png); } .green .btn span { background-image: url(images/btn-right-green.png); } /*-- 11.2. ORANGE --*/ .orange #header { background: url(images/bg-header-orange.png) center bottom; } .orange .editfield a, .orange .read-more a, .orange .post .post-content a, .orange .author-info .more-posts a, .orange #comments .to-respond, .orange #comments .comment-reply-link, .orange #respond #cancel-comment-reply-link, .orange .item-list-tabs a.active, .orange .item-list-tabs a.current, .orange .item-list-tabs a.selected, .orange .item-list-tabs .active a, .orange .item-list-tabs .current a, .orange .item-list-tabs .selected a, .orange #item-header #latest-update a, .orange #item-body .item-list-tabs a.active, .orange #item-body .item-list-tabs a.current, .orange #item-body .item-list-tabs a.selected, .orange #item-body .item-list-tabs .active a, .orange #item-body .item-list-tabs .current a, .orange #item-body .item-list-tabs .selected a, .orange #activity-stream .activity-header a, .orange #activity-stream .activity-content a, .orange #activity-stream .activity-meta a, .orange #activity-stream li .activity-comments ul .acomment-meta a, .orange #activity-stream li .activity-comments ul .acomment-options a, .orange #item-body .bp-widget .action a, .orange .messages-notices td a, .orange .messages-options-nav a, body.orange.forums table.forum td .topic-meta a, .orange .group-forum-topic #topic-meta a, .orange .group-forum-topic #topic-post-list li .poster-name a, .orange.groups table.forum td .topic-meta a, .orange .widget_bp_core_members_widget .item-options a.selected, .orange .widget-archive .tabs li a.btn-small, .orange .widget-posts .tabs li a.btn-small, .orange .widget-twitter .widget-title span a, .orange .widget-twitter .tweet_text a, .orange .widget-enews .widget-title span a, .orange .widget_bp_groups_widget .item-options a.selected { color: #d68a46; } .orange .btn { background-image: url(images/btn-left-orange.png); } .orange .btn span { background-image: url(images/btn-right-orange.png); } /*-- 11.3. RED --*/ .red #header { background: url(images/bg-header-red.png) center bottom; } .red .editfield a, .red .read-more a, .red .post .post-content a, .red .author-info .more-posts a, .red #comments .to-respond, .red #comments .comment-reply-link, .red #respond #cancel-comment-reply-link, .red .item-list-tabs a.active, .red .item-list-tabs a.current, .red .item-list-tabs a.selected, .red .item-list-tabs .active a, .red .item-list-tabs .current a, .red .item-list-tabs .selected a, .red #item-header #latest-update a, .red #item-body .item-list-tabs a.active, .red #item-body .item-list-tabs a.current, .red #item-body .item-list-tabs a.selected, .red #item-body .item-list-tabs .active a, .red #item-body .item-list-tabs .current a, .red #item-body .item-list-tabs .selected a, .red #activity-stream .activity-header a, .red #activity-stream .activity-content a, .red #activity-stream .activity-meta a, .red #activity-stream li .activity-comments ul .acomment-meta a, .red #activity-stream li .activity-comments ul .acomment-options a, .red #item-body .bp-widget .action a, .red .messages-notices td a, .red .messages-options-nav a, body.red.forums table.forum td .topic-meta a, .red .group-forum-topic #topic-meta a, .red .group-forum-topic #topic-post-list li .poster-name a, .red.groups table.forum td .topic-meta a, .red .widget_bp_core_members_widget .item-options a.selected, .red .widget-archive .tabs li a.btn-small, .red .widget-posts .tabs li a.btn-small, .red .widget-twitter .widget-title span a, .red .widget-twitter .tweet_text a, .red .widget-enews .widget-title span a, .red .widget_bp_groups_widget .item-options a.selected { color: #c55252; } .red .btn { background-image: url(images/btn-left-red.png); } .red .btn span { background-image: url(images/btn-right-red.png); } /*-- 11.4. BROWN --*/ .brown #header { background: url(images/bg-header-brown.png) center bottom; } .brown .editfield a, .brown .read-more a, .brown .post .post-content a, .brown .author-info .more-posts a, .brown #comments .to-respond, .brown #comments .comment-reply-link, .brown #respond #cancel-comment-reply-link, .brown .item-list-tabs a.active, .brown .item-list-tabs a.current, .brown .item-list-tabs a.selected, .brown .item-list-tabs .active a, .brown .item-list-tabs .current a, .brown .item-list-tabs .selected a, .brown #item-header #latest-update a, .brown #item-body .item-list-tabs a.active, .brown #item-body .item-list-tabs a.current, .brown #item-body .item-list-tabs a.selected, .brown #item-body .item-list-tabs .active a, .brown #item-body .item-list-tabs .current a, .brown #item-body .item-list-tabs .selected a, .brown #activity-stream .activity-header a, .brown #activity-stream .activity-content a, .brown #activity-stream .activity-meta a, .brown #activity-stream li .activity-comments ul .acomment-meta a, .brown #activity-stream li .activity-comments ul .acomment-options a, .brown #item-body .bp-widget .action a, .brown .messages-notices td a, .brown .messages-options-nav a, body.brown.forums table.forum td .topic-meta a, .brown .group-forum-topic #topic-meta a, .brown .group-forum-topic #topic-post-list li .poster-name a, .brown.groups table.forum td .topic-meta a, .brown .widget_bp_core_members_widget .item-options a.selected, .brown .widget-archive .tabs li a.btn-small, .brown .widget-posts .tabs li a.btn-small, .brown .widget-twitter .widget-title span a, .brown .widget-twitter .tweet_text a, .brown .widget-enews .widget-title span a, .brown .widget_bp_groups_widget .item-options a.selected { color: #7d6247; } .brown .btn { background-image: url(images/btn-left-brown.png); } .brown .btn span { background-image: url(images/btn-right-brown.png); } /*-- 11.5. YELLOW --*/ .yellow #header { background: url(images/bg-header-yellow.png) center bottom; } .yellow .editfield a, .yellow .read-more a, .yellow .post .post-content a, .yellow .author-info .more-posts a, .yellow #comments .to-respond, .yellow #comments .comment-reply-link, .yellow #respond #cancel-comment-reply-link, .yellow .item-list-tabs a.active, .yellow .item-list-tabs a.current, .yellow .item-list-tabs a.selected, .yellow .item-list-tabs .active a, .yellow .item-list-tabs .current a, .yellow .item-list-tabs .selected a, .yellow #item-header #latest-update a, .yellow #item-body .item-list-tabs a.active, .yellow #item-body .item-list-tabs a.current, .yellow #item-body .item-list-tabs a.selected, .yellow #item-body .item-list-tabs .active a, .yellow #item-body .item-list-tabs .current a, .yellow #item-body .item-list-tabs .selected a, .yellow #activity-stream .activity-header a, .yellow #activity-stream .activity-content a, .yellow #activity-stream .activity-meta a, .yellow #activity-stream li .activity-comments ul .acomment-meta a, .yellow #activity-stream li .activity-comments ul .acomment-options a, .yellow #item-body .bp-widget .action a, .yellow .messages-notices td a, .yellow .messages-options-nav a, body.yellow.forums table.forum td .topic-meta a, .yellow .group-forum-topic #topic-meta a, .yellow .group-forum-topic #topic-post-list li .poster-name a, .yellow.groups table.forum td .topic-meta a, .yellow .widget_bp_core_members_widget .item-options a.selected, .yellow .widget-archive .tabs li a.btn-small, .yellow .widget-posts .tabs li a.btn-small, .yellow .widget-twitter .widget-title span a, .yellow .widget-twitter .tweet_text a, .yellow .widget-enews .widget-title span a, .yellow .widget_bp_groups_widget .item-options a.selected { color: #dfc25d; } .yellow .btn { background-image: url(images/btn-left-yellow.png); } .yellow .btn span { background-image: url(images/btn-right-yellow.png); } /*-- 11.6. GRAY --*/ .gray #header { background: url(images/bg-header-gray.png) center bottom; } .gray .editfield a, .gray .read-more a, .gray .post .post-content a, .gray .author-info .more-posts a, .gray #comments .to-respond, .gray #comments .comment-reply-link, .gray #respond #cancel-comment-reply-link, .gray .item-list-tabs a.active, .gray .item-list-tabs a.current, .gray .item-list-tabs a.selected, .gray .item-list-tabs .active a, .gray .item-list-tabs .current a, .gray .item-list-tabs .selected a, .gray #item-header #latest-update a, .gray #item-body .item-list-tabs a.active, .gray #item-body .item-list-tabs a.current, .gray #item-body .item-list-tabs a.selected, .gray #item-body .item-list-tabs .active a, .gray #item-body .item-list-tabs .current a, .gray #item-body .item-list-tabs .selected a, .gray #activity-stream .activity-header a, .gray #activity-stream .activity-content a, .gray #activity-stream .activity-meta a, .gray #activity-stream li .activity-comments ul .acomment-meta a, .gray #activity-stream li .activity-comments ul .acomment-options a, .gray #item-body .bp-widget .action a, .gray .messages-notices td a, .gray .messages-options-nav a, body.gray.forums table.forum td .topic-meta a, .gray .group-forum-topic #topic-meta a, .gray .group-forum-topic #topic-post-list li .poster-name a, .gray.groups table.forum td .topic-meta a, .gray .widget_bp_core_members_widget .item-options a.selected, .gray .widget-archive .tabs li a.btn-small, .gray .widget-posts .tabs li a.btn-small, .gray .widget-twitter .widget-title span a, .gray .widget-twitter .tweet_text a, .gray .widget-enews .widget-title span a, .gray .widget_bp_groups_widget .item-options a.selected { color: #adadad; } .gray .btn { background-image: url(images/btn-left-gray.png); } .gray .btn span { background-image: url(images/btn-right-gray.png); } /*-- 11.7. MAGENTO --*/ .magento #header { background: url(images/bg-header-magento.png) center bottom; } .magento .editfield a, .magento .read-more a, .magento .post .post-content a, .magento .author-info .more-posts a, .magento #comments .to-respond, .magento #comments .comment-reply-link, .magento #respond #cancel-comment-reply-link, .magento .item-list-tabs a.active, .magento .item-list-tabs a.current, .magento .item-list-tabs a.selected, .magento .item-list-tabs .active a, .magento .item-list-tabs .current a, .magento .item-list-tabs .selected a, .magento #item-header #latest-update a, .magento #item-body .item-list-tabs a.active, .magento #item-body .item-list-tabs a.current, .magento #item-body .item-list-tabs a.selected, .magento #item-body .item-list-tabs .active a, .magento #item-body .item-list-tabs .current a, .magento #item-body .item-list-tabs .selected a, .magento #activity-stream .activity-header a, .magento #activity-stream .activity-content a, .magento #activity-stream .activity-meta a, .magento #activity-stream li .activity-comments ul .acomment-meta a, .magento #activity-stream li .activity-comments ul .acomment-options a, .magento #item-body .bp-widget .action a, .magento .messages-notices td a, .magento .messages-options-nav a, body.magento.forums table.forum td .topic-meta a, .magento .group-forum-topic #topic-meta a, .magento .group-forum-topic #topic-post-list li .poster-name a, .magento.groups table.forum td .topic-meta a, .magento .widget_bp_core_members_widget .item-options a.selected, .magento .widget-archive .tabs li a.btn-small, .magento .widget-posts .tabs li a.btn-small, .magento .widget-twitter .widget-title span a, .magento .widget-twitter .tweet_text a, .magento .widget-enews .widget-title span a, .magento .widget_bp_groups_widget .item-options a.selected { color: #da72b2; } .magento .btn { background-image: url(images/btn-left-magento.png); } .magento .btn span { background-image: url(images/btn-right-magento.png); } /*-- 11.8. PURPLE --*/ .purple #header { background: url(images/bg-header-purple.png) center bottom; } .purple .editfield a, .purple .read-more a, .purple .post .post-content a, .purple .author-info .more-posts a, .purple #comments .to-respond, .purple #comments .comment-reply-link, .purple #respond #cancel-comment-reply-link, .purple .item-list-tabs a.active, .purple .item-list-tabs a.current, .purple .item-list-tabs a.selected, .purple .item-list-tabs .active a, .purple .item-list-tabs .current a, .purple .item-list-tabs .selected a, .purple #item-header #latest-update a, .purple #item-body .item-list-tabs a.active, .purple #item-body .item-list-tabs a.current, .purple #item-body .item-list-tabs a.selected, .purple #item-body .item-list-tabs .active a, .purple #item-body .item-list-tabs .current a, .purple #item-body .item-list-tabs .selected a, .purple #activity-stream .activity-header a, .purple #activity-stream .activity-content a, .purple #activity-stream .activity-meta a, .purple #activity-stream li .activity-comments ul .acomment-meta a, .purple #activity-stream li .activity-comments ul .acomment-options a, .purple #item-body .bp-widget .action a, .purple .messages-notices td a, .purple .messages-options-nav a, body.purple.forums table.forum td .topic-meta a, .purple .group-forum-topic #topic-meta a, .purple .group-forum-topic #topic-post-list li .poster-name a, .purple.groups table.forum td .topic-meta a, .purple .widget_bp_core_members_widget .item-options a.selected, .purple .widget-archive .tabs li a.btn-small, .purple .widget-posts .tabs li a.btn-small, .purple .widget-twitter .widget-title span a, .purple .widget-twitter .tweet_text a, .purple .widget-enews .widget-title span a, .purple .widget_bp_groups_widget .item-options a.selected { color: #8572a7; } .purple .btn { background-image: url(images/btn-left-purple.png); } .purple .btn span { background-image: url(images/btn-right-purple.png); } /*-- 11.9. CYAN --*/ .cyan #header { background: url(images/bg-header-cyan.png) center bottom; } .cyan .editfield a, .cyan .read-more a, .cyan .post .post-content a, .cyan .author-info .more-posts a, .cyan #comments .to-respond, .cyan #comments .comment-reply-link, .cyan #respond #cancel-comment-reply-link, .cyan .item-list-tabs a.active, .cyan .item-list-tabs a.current, .cyan .item-list-tabs a.selected, .cyan .item-list-tabs .active a, .cyan .item-list-tabs .current a, .cyan .item-list-tabs .selected a, .cyan #item-header #latest-update a, .cyan #item-body .item-list-tabs a.active, .cyan #item-body .item-list-tabs a.current, .cyan #item-body .item-list-tabs a.selected, .cyan #item-body .item-list-tabs .active a, .cyan #item-body .item-list-tabs .current a, .cyan #item-body .item-list-tabs .selected a, .cyan #activity-stream .activity-header a, .cyan #activity-stream .activity-content a, .cyan #activity-stream .activity-meta a, .cyan #activity-stream li .activity-comments ul .acomment-meta a, .cyan #activity-stream li .activity-comments ul .acomment-options a, .cyan #item-body .bp-widget .action a, .cyan .messages-notices td a, .cyan .messages-options-nav a, body.cyan.forums table.forum td .topic-meta a, .cyan .group-forum-topic #topic-meta a, .cyan .group-forum-topic #topic-post-list li .poster-name a, .cyan.groups table.forum td .topic-meta a, .cyan .widget_bp_core_members_widget .item-options a.selected, .cyan .widget-archive .tabs li a.btn-small, .cyan .widget-posts .tabs li a.btn-small, .cyan .widget-twitter .widget-title span a, .cyan .widget-twitter .tweet_text a, .cyan .widget-enews .widget-title span a, .cyan .widget_bp_groups_widget .item-options a.selected { color: #72a0a7; } .cyan .btn { background-image: url(images/btn-left-cyan.png); } .cyan .btn span { background-image: url(images/btn-right-cyan.png); } /*------------------------------------- 12. BROWSER HACKS -------------------------------------*/ /*-- 12.1. IE9 --*/ #ie9 .groups #group-topic-count-top { padding-top: 17px !important; } /*-- 12.2. IE8 --*/ #ie8 #header .fields { padding-bottom: 1px !important; } #ie8 #header .fields .user-login, #ie8 #header .fields .user-pass { line-height: 27px; } #ie8 .groups #group-topic-count-top { padding-top: 17px !important; } #ie8 #header .fields { background: url(images/alpha-white-12.png); } /*-- 12.3. IE7 --*/ #ie7 #header .fields { width: 290px; } #ie7 #header .fields .user-login, #ie7 #header .fields .user-pass { line-height: 27px; } #ie7 .clear { height: 0 !important; } #ie7 .widget-enews .field { width: 150px; } #ie7 .groups #group-topic-count-top { padding-top: 17px !important; } #ie7 .sub-menu { margin-top: 42px !important; margin-left: -65px !important; } #ie7 #header .fields { background: url(images/alpha-black-012.png); } #ie7 #header .fields { background: url(images/alpha-white-12.png); } #ie7 #activity-stream { margin-top: -40px; } /*-- 12.4. FIREFOX --*/