/* Theme Name: BuddyLite for BP1.2.6 Theme URI: http://buddylite.com/ Description: A bright, light 2-column child-theme for BuddyPress. Version: 1.0 Author: Patrick Cohen Author URI: http://buddylite.com/members/admin/ Template: bp-default Tags: buddypress, two-columns, fixed-width, white, blue, light */ @import url( ../../plugins/buddypress/bp-themes/bp-default/style.css ); /* > Global Elements -------------------------------------------------------------- */ body { background: #000 url( images/back.png ) no-repeat top center !important; line-height: 140%; color: #555; min-width: 970px; max-width: 970px; } body.activity-permalink { min-width: 970px; max-width: 970px; } img.avatar { margin:5px 3px; -moz-box-shadow: 5px 6px 10px #888; -webkit-box-shadow: 5px 6px 10px #888; box-shadow: 5px 6px 10px #888; } div#item-header img.avatar { width:120px; height:120px; } p#login-text { width:220px; line-height:1.8em; } p#left { float:left; margin:10px 20px; } p#right { float:right; margin:10px 20px; } a { color:#069; } .padder { padding:20px; } /* > Adminbar -------------------------------------------------------------- */ body#bp-default #wp-admin-bar .padder, body#bp-default.activity-permalink #wp-admin-bar .padder { max-width:970px; min-width:970px; } #wp-admin-bar ul li ul { background:#0166FF none repeat scroll 0 0; border:1px solid #64A2FF; z-index:9999; } /* > Header -------------------------------------------------------------- */ #header { background-image:url(images/bl-header.png); -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius:20px 20px 20px 20px; -moz-box-shadow: 0 10px 20px #ccc; -webkit-box-shadow: 0 10px 20px #ccc; box-shadow: 0 10px 20px #ccc; margin:10px 0 0; } #header #search-bar { display:none; top:0; width:37%; } #header h1 { display: none; line-height: 230%; position: absolute; top: 0; left: 20px; width: 44%; margin: 0 0 -5px 0; } /* > Navigation -------------------------------------------------------------- */ ul#nav { max-width:95%; } ul#nav li a { background:#0166FF none repeat scroll 0 0; -moz-border-radius:6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius:6px 6px 0px 0px; } ul#nav li a:hover, #wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover { background:#7EA6FF; } ul#nav li.selected a, ul#nav li.current_page_item a { border:1px solid #0166FF; margin:-1px; } /* > Container -------------------------------------------------------------- */ div#container { background:#fff; border:none; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; -moz-box-shadow: 0 10px 20px #ccc; -webkit-box-shadow: 0 10px 20px #ccc; box-shadow:0 10px 20px #ccc; margin:25px 0 0; } body.activity-permalink .activity { background: #fff; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; } /* > Sidebar -------------------------------------------------------------- */ div#sidebar { float: left; width: 240px; margin-left: -970px; -moz-border-radius:20px 0px 0px 20px; -webkit-border-top:20px 0px 0px 20px; border-radius:20px 0px 0px 20px; background:transparent; border:none; } div#sidebar-me { margin:0 0 40px; } div#sidebar div#sidebar-me img.avatar { height:55px; width:55px; } div#sidebar .widget { margin:20px -20px 0 0; } div#sidebar h3.widgettitle { margin:-10px -10px 5px; padding: 7px 15px 8px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-top:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } div#sidebar .widget .content { padding:10px; } div#sidebar .widget_search input[type=text] { width: 108px; } div#sidebar div.item-avatar img { margin: 2px; } div#sidebar div.item-options { margin: -10px -10px 0; background: #f8f8f8; } #sidebar #search-bar { top: 75px; text-align: left; margin-top:20px; width:220px; } body.activity-permalink #sidebar #search-bar { display: none; } #search-bar .padder { padding: 10px 20px; } #search-bar input[type=text] { -moz-border-radius:10px 0px 0px 10px; -webkit-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; border:1px inset #888888; color:#888888; margin:0 -3px 5px 0; padding:2px; width:154px; } #search-bar input[type=submit] { -moz-border-radius:0px 10px 10px 0px; -webkit-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px; font-size:13px; margin-left:-4px; padding:1px 2px; vertical-align:baseline; width:60px; } /* > Content -------------------------------------------------------------- */ div#content { z-index:0; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; } div#content .padder { z-index:0; margin-left: 242px; margin-right: 0px; border: 0px; } /* > Item lists ---------------------------------------------------------------*/ ul.item-list li { border-bottom:1px solid #ccc; } body.activity-permalink .activity ul.item-list { width:970px; background:#transparent; border:none; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; } body.activity-permalink ul.item-list li { border:none; width:970px; } div.activity ul.item-list { border:none; padding:3px; } /* > Item Tabs -------------------------------------------------------------- */ div.item-list-tabs { background:#f4f4f4; border:1px solid #ccc; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; margin:20px 0; border-bottom:none; } div.item-list-tabs ul li:first-child { margin:0; } div.item-list-tabs ul li { margin:0 -5px 0 0; } div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a { -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } div.item-list-tabs ul li a, div.item-list-tabs ul li span { padding:8px 10px; } div#subnav.item-list-tabs { background:transparent; border:none; margin:-13px -19px 4px -15px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } /* > Item body ---------------------------------------------------------------*/ #item-body, .item-body { background:transparent; border:1px solid #ccc; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; margin: -20px 0 20px; padding:20px; } div#item-body.generic { background:transparent; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; margin:20px 0; } div#item-body.generic h2.title { background:#f4f4f4; padding:10px; margin:-20px -20px 20px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } /* > Directories (Members, Groups, Blogs, Forums) -------------------------------------------------------------- */ #forums-dir-list, #members-dir-list, #groups-dir-list, #blogs-dir-list { background:transparent; border:1px solid #ccc; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; margin:-20px 0 20px; padding:10px; } /* > Pagination -------------------------------------------------------------- */ div#user-pag.pagination, .friends div.pagination, .mygroups div.pagination, .myblogs div.pagination, noscript div.pagination { border:none; color:#888888; font-size:11px; height:16px; margin:0 -20px 8px; padding:10px 20px; background:transparent; } div.pagination { margin:-7px; padding:10px; } #forums-dir-list .pagination { border-bottom:1px solid #ccc; margin:-9px -10px 9px; } #forum-topic-form .pagination { margin:-15px -10px -5px; padding:10px; } .forums .pagination { border-bottom:1px solid #ccc; margin:-21px -21px 9px; padding:10px 14px; } div#pag-bottom { border: none; } /* > Error / Success Messages -------------------------------------------------------------- */ div#message p { padding:8px 15px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; } /* > Buttons -------------------------------------------------------------- */ a.button, input[type=submit], input[type=button], input[type=reset], ul.button-nav li a, div.generic-button a { border: 1px solid #ddd; padding: 3px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; text-decoration: none; color: #888; font-size: 12px; font-weight: normal; vertical-align: bottom; cursor: pointer; } /* > Data Tables -------------------------------------------------------------- */ table thead tr { background: #F4F4F4; } table tr.alt { background:#f4f4f4; } table.forum { margin:-9px -10px 20px; border-bottom:1px solid #CCCCCC; } /* > Activity Stream Posting ---------------------------------------------------------------*/ form#whats-new-form { border:none; padding:0; } form#whats-new-form textarea { height:56px; } #item-body form#whats-new-form { border-bottom:1px solid #ccc; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:10px 0; margin:0 0 10px; } /* > Activity Stream Listing -------------------------------------------------------------- */ body.activity-permalink .activity-list li .activity-content { -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; border:1px solid #CCCCCC; margin:20px 0 20px 215px; width:700px; } body.activity-permalink .activity-list li .activity-avatar img.avatar, body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { margin:20px 0 13px 20px; } body.activity-permalink .activity-list li .activity-header > p { margin-left:0; padding:5px 0 0 6px; } body.activity-permalink .activity-list li.mini .activity-meta { right:60px; } .activity-list li.mini .activity-avatar img.avatar, .activity-list li.mini .activity-avatar img.FB_profile_pic { height:30px; width:30px; margin-left:30px; } /* > Group Forum Topics ---------------------------------------------------------------*/ div#topic-meta { margin:10px 0 0; } /* > Wordpress blog styles -------------------------------------------------------------- */ div#blog-page { background:transparent; border:1px solid #ccc; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; padding:10px; margin:0 0 20px; } div#blog-page h2.pagetitle { background:#f4f4f4; border-bottom:1px solid #ccc; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; padding:10px; margin:-10px -10px 10px; font-size:20px; } #blog-single, #blog-archives, #blog-latest { background:transparent; border:1px solid #ccc; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; padding:0; } #blog-single, #blog-latest { border-top:none !important; } #blog-archives h3.pagetitle { padding:10px; margin-bottom:-20px; } div.post { margin:0; } div.post h2.pagetitle, div.post h2.posttitle { background:#f4f4f4; border:1px solid #ccc; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; margin:0 -11px 0 -116px; padding:4px; } div.post div.author-box, div.comment-avatar-box { background:transparent; margin:56px -5px 0; } div.post h2.pagetitle a, div.post h2.posttitle a { margin:0 0 0 -65px; font-size:20px; } div.post div.post-content, div.comment-content { padding:0 10px; } #comments h3, #trackbacks h3, #respond h3 { padding-left:10px; } /* > Footer -------------------------------------------------------------- */ #footer { text-align:left; padding:0; text-shadow:none; color:#555; } #footer a { color:#1fb3dd; } .footer-container { background:#fff; border:none; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; -moz-box-shadow: 0 10px 20px #ccc; -webkit-box-shadow: 0 10px 20px #ccc; box-shadow:0 10px 20px #ccc; overflow: hidden; margin:25px 0 0; position: relative; width: 100%; } #footer .footer-container .padder { margin:0 0 0 242px; } /* > Custom home page widgets and divs -------------------------------------------------------------- */ div#home-full { width:100%; float:left; } #home-col1-above-content, #home-col1-below-content { width:333px; float:left; margin-right:10px; } #home-col2-above-content, #home-col2-below-content { float:right; width:333px; margin-left:10px; } .widget { background:#fff; border:1px solid #ccc; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; padding:10px; margin:0 0 20px 0; } .widget h3.widgettitle, div#sidebar h3.widgettitle { background:#f4f4f4; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; padding:10px; margin:-10px -10px 10px; } #left-footer { width:220px; float:left; margin:20px 20px 0; } #middle-footer { width:333px; float:left; } #right-footer { width:333px; float:right; } #full-footer { width:100%; text-align:center; float:left; } #full-footer .widget { border:none; padding:0 16px; background:transparent; } #full-footer .widget h3.widgettitle { display:none; }