/* Theme Name: Royal Canin (BuddyPress) Theme URI: http://buddypress.org/extend/themes/ Description: BuddyPress theme for Royal Canin. Version: 0.1 Author: Erik Pettersson Author URI: http://ptz0n.se/ Tags: buddypress, three-columns Template: bp-sn-parent */ /* RESET v1.0, 2008-02-12 */ 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%;vertical-align:baseline;background:transparent} body{line-height:1} ol,ul{list-style:none}blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} /* remember to define focus styles! */ :focus{outline:0} /* remember to highlight inserts somehow! */ ins{text-decoration:none} del{text-decoration:line-through} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:collapse;border-spacing:0} /* GENERAL */ html{ overflow: -moz-scrollbars-vertical; overflow-y: scroll; } html,body{ font-family:Arial; font-size:85%; word-spacing:0; color:#000; text-decoration:none; text-align:center; } body{background:#fefefe url(gfx/bg_body.gif) center top no-repeat} /* TYPOGRAPHY */ #content h1,h2,h3,h4{font-family:Arial} #content h1{font-size:1.4em;line-height:2em;background:url(gfx/bg_heading.gif) bottom left no-repeat;padding:0 13px;margin:0 0 1em 0;} #content h2{font-size:1.3em;line-height:1.4em;margin:0 0 .5em 0;} #content h3, #content h4{font-size:1.3em;line-height:1.4em;margin:0 0 .5em 0;} #content p, #content small, #content ul{padding-bottom:1.5em;line-height:1.5em;} #content blockquote{} /* Links */ a{color:#ed1b2e;text-decoration:none} /* IMAGES */ img.alignleft, img.alignright{float:left;overflow:hidden;display:inline;} img.alignleft{margin:0 10px 5px 0;} img.alignright{margin:0 0 5px 10px;float:right;} /* FORMS */ textarea{font-family:Arial;font-size:1em;} /* LAYOUT */ #wrapper{width:990px;margin:0 auto;text-align:left;} #header{ position:relative;} h1#logo, p#logo{margin:0;padding:0;line-height:1em;font-size:1em;float:left;display:inline;overflow:hidden;} h1#logo a, p#logo a{display:block;background:url(gfx/royal_canin_logo_2010.gif) no-repeat;width:200px;height:69px;text-indent:-9999px;margin:24px 0 15px 17px;} #topnav{text-align:right;float:right;display:inline;overflow:hidden;width:773px;} #topnav li{float:right;display:inline;overflow:hidden;padding:10px 0 5px 10px;} #topnav a{display:block;color:#000;padding-top:5px;font-size:.9em;} #topnav li.current_page_item, #topnav li.current_page_parent, #topnav li.current_page_ancestor{} #topnav a:hover, #topnav li.current_page_item a, #topnav li.current_page_parent a, #topnav li.current_page_ancestor a{color:#ed1b2e;} #topnav li.search{margin-left:10px;} #nav{width:990px;height:35px;background:url(gfx/bg_nav.png) top center no-repeat;} #nav li{float:left;display:inline;overflow:hidden;background:url(gfx/bg_nav_left.png) no-repeat;padding-left:11px;margin-right:-9px;} #nav a{display:block;background:url(gfx/bg_nav_right.png) top right no-repeat;padding:0 15px 0 4px;color:#000;font-size:1.1em;height:35px;line-height:3em;} #nav li.current_page_item, #nav li.current_page_parent, #nav li.current_page_ancestor{background:url(gfx/bg_nav_left_active.png) no-repeat} #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a{background:url(gfx/bg_nav_right_active.png) top right no-repeat;color:#ed1b2e;} #nav li.home{margin-left:10px;} #nav li.home span{display:block;background:url(gfx/bg_home.png) no-repeat;width:14px;height:26px;text-indent:-9999px;} #article{background:url(gfx/bg_article.png) no-repeat;width:990px;font-size:11px;} /* Subnav */ #subnav{margin-left:25px;} #subnav li{float:left;display:inline;overflow:hidden;padding:10px 10px 10px 0;} #subnav a{color:#000;font-size:.95em;} #subnav li.current_page_item a, #subnav li.current_page_parent a, #subnav li.current_page_ancestor a{color:#ed1b2e} /* Middlenav */ #middlenav{} #middlenav li{margin-bottom:10px;} #middlenav a{display:block;background:url(gfx/bg_middlenav.gif) no-repeat;height:42px;width:220px;color:#000;line-height:3.8em;text-indent:25px;} /* Endnav */ #endnav{border-top:1px solid #bfbfbf;margin:0;padding:0 0 1em 0;} #endnav li{border-bottom:1px solid #bfbfbf;} #endnav a{display:block;padding:8px 0;color:#303030;} #endnav li.current_page_item a, #endnav li.current_page_parent a, #endnav li.current_page_ancestor a{background:#f2f2f2 url(gfx/bg_endnav.gif) center left no-repeat;padding-left:15px;font-weight:700;} #content, #aside, .column, .middle{float:left;overflow:hidden;display:inline;margin-top:20px;} .middle h1, .middle h2, .middle h3, .middle p, .middle ul{margin-right:20px} .middle h1{background:none!important;padding:0!important;font-size:3em!important;line-height:1em!important;margin-bottom:.5em!important;} #content{width:700px;margin:0 0 0 25px;} .container{margin-bottom:15px;width:720px;} .container_inner{background:url(gfx/bg_container_inner.gif) left bottom no-repeat;padding:1em 0;width:720px;} .column{width:220px;margin:0 20px 20px 0;} div.red{color:#fff;text-indent:1em;} div.red h2{font-size:1.6em;font-weight:400;line-height:2em;} div.red a{color:#fff;} .product_size{background:url(gfx/bg_product_size.gif) no-repeat;min-height:329px;_height:329px;} .product_size h2{font-size:2.5em;margin:10px 20px 10px 20px} .product_size p, .product_size ul{padding:0 20px 1em 20px;} .product_size li{padding:0 0 .5em 20px;} .product_size img{margin:15px 20px 0 20px;} .product_type{background:url(gfx/bg_container.gif) left top no-repeat;} .columnbox, .widget_bp_groups_widget, #members-directory-featured, #groups-directory-featured{margin-bottom:20px;background:url(gfx/bg_columnbox_bottom.gif) left bottom no-repeat;} .widget_bp_groups_widget{margin-top:20px;} .columnbox h3, .widget_bp_groups_widget h3, #members-directory-featured h3, #groups-directory-featured h3{background:url(gfx/bg_columnbox_top.gif) left top no-repeat;line-height:37px!important;text-indent:11px;font-size:1.5em!important;font-weight:400!important;margin-bottom:10px;} .columnbox p, .widget_bp_groups_widget p, #groups-directory-featured p{padding:0 10px 10px 10px;} .columnbox li{margin:0 10px;line-height:2em;} h3.red{background:url(gfx/bg_columnbox_top_red.gif) left top no-repeat;color:#fff;} .middle{width:480px;} #aside{width:220px;margin:20px 0 0 20px;} #aside h3, #aside h4{font-size:1.3em;margin:0 0 0.5em;line-height:1.4em;} #aside p{padding-bottom:10px;} #aside .group-members-list li{margin-bottom:1em;} #footer{border-top:1px solid #adadad;margin:1em 25px 0 25px;} #footer li{float:right;display:inline;overflow:hidden;padding:10px 0 20px 10px;font-size:.9em;} #footer a{color:#000;} #footer a:hover, #footer .current_page_item a{color:#ed1b2e;} /* Community */ #user_header{background:url(gfx/bg_user_header.gif) no-repeat;width:940px;height:68px;margin:20px 0 0 25px;} #user_header img{border:2px solid #fff;margin:7px 10px 0 9px;float:left} #user_header_left{float:left;overflow:hidden;display:inline;width:50%;} #user_header_left h3{margin:43px 0 0 0;font-size:1.4em;font-weight:400} #user_header_left h3 a{color:#000;} #user_header_right{float:right;overflow:hidden;display:inline;} .generic-button{margin:0 0 1em 0;} p#current-avatar{padding-bottom:0;} /* Settings */ .field_for-och-efternamn label, .field_gatuadress label, .field_postnummer label, .field_ort label, .field_mobiltelefon label, .field_erbjudanden-och-information label, .field_anvandarvillkor label, #settings-form label{display:block;margin-bottom:2px;} #settings-form #email{margin-bottom:1em;} #settings-form p.submit{padding-top:1em;} /* BUDDYPRESS WIDGETS */ #members-search-form{background:url(gfx/bg_search_box.jpg) no-repeat;height:104px;padding:0 10px;margin-bottom:20px;} #blogs-directory-search, #friend-search{background:url(gfx/bg_search_box.jpg) no-repeat;height:104px;padding:0 10px;margin-bottom:20px;} #members-search-form h3{padding-top:30px;} #blogs-directory-search h3{padding-top:30px;} #friend-search-label{font-size:1.3em;margin:0 0 0.5em;line-height:1.4em;font-weight:bold;font-family:Arial;padding-top:30px;display:block;} #members-list li, .activity-avatar {float:left;overflow:hidden;display:inline;} #topwidget { border:1px #bfbfbf solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:15px 15px 20px 15px; background:url(http://cherrybomb.se/ladda/files/bgwlcm.jpg) left bottom repeat-x; margin-bottom:20px; width:425px; } #topwidget h2 { font-size:13px; color:#ed1b2e; padding: 0px; margin: 0px; } .time-since {font-size: 9px;font-weight: normal;} #members-list li{width: 90px;height: 90px;} #aside #members-list li{width: 55px;height: 55px;} #members-list-options, .vcard .item, #activity-count, #activity-filter-links, #activity-pag{display:none;} #bp_core_members_widget-3{margin-bottom:20px;} #bp_core_members_widget-3 h2 {margin-bottom: -10px;} .item-avatar{margin-right:10px;float:left;} #basic-details-section, #profile-details-section{background:#f2f2f2;padding:20px;margin-bottom:20px;} #signup_form label{display:block;padding-bottom:3px;} .error{color:red;font-style: italic;} .widget_bp_activity_widget a.rss-image{display:none;} #letter-list{} #letter-list li{float:left;overflow:hidden;display:inline;} #letter-list a{display:block;padding:2px 4px;border:1px solid #ccc;margin:0 5px 5px 0} #letter-list a:hover{border:1px solid #555} #members-directory-listing, #groups-directory-listing{margin:20px 0;} #members-directory-listing .item{} #member-dir-count{padding-bottom:1.4em;} #featured-members-list{} #featured-members-list li{float:left;overflow:hidden;display:inline;} #featured-members-list .item{display:none;} .widget-error{padding:0 10px 10px 10px;} #groups-list{margin-bottom:3em;} #groups-list-options{margin-bottom:1em;line-height:2em;} #groups-list li{height:50px;margin:0 10px 1em 0;} #groups-list a{line-height:1.4em;} .widget_bp_groups_widget img{} #site-wide-stream li{border-top:1px solid #ccc;padding-top:1em;clear:both;} .columnbox #recent-posts-options{display:none;} #recent-posts .item-content, #wire-post-new-avatar{display:none} #wire-post-submit{margin-bottom:1em;} span.time-since{display:block;} /* Message Navigation */ ul#messagenav{height:36px;border-bottom:1px solid #c0c0c0;padding:0;margin:0;width:460px;margin-bottom:1em;} ul#messagenav li{float:left;overflow:hidden;display:inline;background:url(gfx/bg_nav_message_left.gif) top left no-repeat;margin-right:-1px;} ul#messagenav a{display:block;background:url(gfx/bg_message_right.gif) top right no-repeat;height:37px;line-height:48px;padding:0 10px;} ul#messagenav li.current_page_item{background:url(gfx/bg_message_left_active.gif) top left no-repeat;} ul#messagenav li.current_page_item a{background:url(gfx/bg_message_right_active.gif) top right no-repeat;} ul#messagenav li.dog a{background:url(gfx/bg_petnav_dog_right.jpg) top right no-repeat;padding-right:34px;} ul#messagenav li.cat a{background:url(gfx/bg_petnav_cat_right.jpg) top right no-repeat;padding-right:34px;} ul#messagenav li.current_page_item a.dog{background:url(gfx/bg_petnav_dog_right_active.jpg) top right no-repeat;} ul#messagenav li.current_page_item a.cat{background:url(gfx/bg_petnav_cat_right_active.jpg) top right no-repeat;} /* TOOLS Niclas fix*/ #members-list li .item-avatar { float:none; } #members-list li .action .friendship-button { width: 50px; } .nicefix img {max-height: 300px;max-width: 180px;} hr { margin: 17px 0 18px; height: 0; clear: both; border-width: 0; border-top: 1px solid #ddd; } .navigation {padding: 0px 0px 20px 0px;} .clearleft {clear:left;} #comment {width: 450px;} #wire-post-textarea {width: 415px;height: 70px;padding: 5px;margin-bottom: 10px;} #friend-list li {padding-bottom: 20px;} .pag-count {padding-bottom: 20px;font-size: 11px;} #activity-rss a{display:none;} .action-2 .friendship-button { float: right; background-color: #ECF2F7; padding: 5px; border: 1px #BFBFBF solid; font-size: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .action-2 .pending {width: 82px;} .action-2 .not-friends {width: 36px;} .profileinfo { padding: 15px; margin-bottom: 20px; border:1px #bfbfbf solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(http://cherrybomb.se/ladda/files/aboutpuffback.jpg) left bottom repeat-x; } .profileinfo p{line-height:1.4em;} /* ERIC HACKER FIX */ #members-list li .item-avatar { float:none; } #members-list li .action .friendship-button { width: 50px; } .composemess { clear: right; } .composemess a { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#ECF2F7; border:1px solid #BFBFBF; font-size:10px; padding:5px; float: right; } .avslutamedlemskap {padding-bottom: 20px;} .avslutamedlemskap a { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#ECF2F7; border:1px solid #BFBFBF; font-size:10px; padding:5px; } #message-threads tbody tr { border-bottom: 1px solid #e8e8e8; } #message-threads tbody tr td { padding:20px 0 0 0; } #message-threads .date { font-size: 9px !important; } a.delete { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#ECF2F7; border:1px solid #BFBFBF; font-size:10px; padding:5px; } .latestpost { display: inline-block; vertical-align: top; padding-left: 10px; width: 260px; } /* Niclas fixar */ .offlinebox {background-color:#f1f1f1;padding:10px;} #messagetable {width:600px;} #messagetable .col-1 {width:60px;border-bottom:1px #e8e8e8 solid;padding-top:10px;padding-bottom:0px;} #messagetable .col-1 img {height:50px;width:50px;} #messagetable .col-2 {vertical-align: top !important;width:170px;font-size:10px;border-bottom:1px #e8e8e8 solid;padding-top:10px;padding-bottom:0px;font-size:10px;} #messagetable .col-2 .nicfix {height:25px;font-size:0px;} #messagetable .col-2 p {font-size:9px;} #messagetable .col-3 {vertical-align: top !important;width:150px;font-size:10px;border-bottom:1px #e8e8e8 solid;padding-top:10px;padding-bottom:0px;font-size:10px;} #messagetable .col-4 {vertical-align: top !important;width:180px;border-bottom:1px #e8e8e8 solid;padding-top:18px;padding-bottom:0px;} .wire-post-metadata {font-size: 9px;margin-bottom: 10px;} .wire-post-metadata img {float:left;padding-right: 10px;clear:both;} .profilepic {margin-bottom: 20px;} #wire-post-new-metadata {display: none;} .blogs p {padding: 0px 0px 0px 30px;} .profile p {padding: 0px 0px 0px 30px;} .friends p {padding: 0px 0px 0px 30px;} .groups p {padding: 0px 0px 0px 30px;} .bp-widget li {min-width: 200px;} .inner-tube li{border-top:1px solid #e8e8e8;padding-top:1em;clear:both;} #activity-list li{margin-bottom:1em;} #recent-posts .item .item-title {padding: 0px;margin: 0px;} .minadjuravatar {float:right;margin-left:20px;margin-bottom:20px;} #comments-template {width: 460px;} .url {font-style: normal;} li.comment {margin-bottom: 10px;margin-top: 10px;border-bottom: 1px #e8e8e8 solid;padding-bottom: 10px;} ol.children {padding: 10px;margin-bottom: 20px;} .comment p {font-size: 11px;} .comment .reply {margin-bottom: 10px;} a.comment-reply-link {float:right;font-weight: bold;} .commentmetadata {font-size: 9px;padding-bottom: 10px;padding-top:2px;} #comments .avatar {float:right;} #tooltip { position: absolute; z-index: 3000; max-width: 300px; background: url(http://royalcanin.se/klubb/wp-content/themes/bp-royalcanin/gfx/bg-tool.jpg); padding: 7px; } #tooltip h3, #tooltip div { margin: 0; } #recent-posts .item p {text-transform: lowercase;} #group-name { width:450px; display:block; margin-bottom:10px; } #group-desc { width:450px; height:250px; display:block; margin-bottom:10px; } #group-news { width:450px; height:80px; display:block; margin-bottom:10px; } /* Home Widget Space */ .homewidgetspace #members-list li{width:57px;height:55px;} .backtoKlubb {width:310px; height:60px; position:absolute; top:50px; left:260px;} /* Nytt Know IT 2011 */ .content-header-nav{margin: 5px 0pt 5px 20px;} .albumimage { float:left; margin:0 5px 5px 0; width:150px; height:150px; text-align:center; overflow:hidden; }