/* Colors - Blue: #009EE0 - Green: #7AB51D - Orange: #E95D0F - Magenta: #E2007A - Light grey: #CBDAE6 - Dark grey: #487A9A - "Black": #404040 - Comment1 / greyblue dark: #CAD9E5 #CBDAE6 - Comment2 / greyblue lighter: #E4EBF1 Oversat til "websafe RGB": Blå: 00 R, 9E G, E0 B Rød: E2 R, 00 G, 7A B Grøn: 7A R, B5 G, 1D B Orange: E9 R, 5D G, 0F B */ body { text-align: center;} #wrapper { margin: 0 auto; width: 960px; text-align: left; font-size: 1em; font-size: 100%; font-family: "Trebuchet MS", Sans, sans-serif; color: #404040; } h1 { color: #487A9A; font-size: 230.5%; font-weight: bold; } /*h2 { color: #487A9A; font-size: 180%; font-weight: bold; margin-bottom: 10px; } */ h3 { color: #487A9A; font-size: 130%; font-weight: bold; margin-bottom: 10px; } a { color: #487A9A; text-decoration: none; } strong { font-weight: bold; } em { font-style: italic; } textarea, input, button { padding: 2px; } button { cursor: pointer; overflow: hidden; } button, textarea { font-family: "Trebuchet MS", Sans, sans-serif } /* Colors */ .groups .section_item, .grouppost .section_item, .groups_item { background-color: #009EE0; color: #fff; } .profile .section_item, .profiles_item { background-color: #7AB51D; color: #fff} .blogs .section_item, .blogs_item { background-color: #E95D0F; color: #fff; } .events .section_item, .events_item { background-color: #E2007A; color: #fff; } .overview .section_item, .overview_item { background-color: #CBDAE6; color: #404040; } .comment1 .section_item, .comment1_item { background-color: #CAD9E5; } .comment2 .section_item, .comment2_item { background-color: #E4EBF1; } /* Header */ #header { margin: 20px 0 0 0; } h1#logo a { display: block; width: 253px; height: 106px; float: left; margin: 1px 0 0 11px; background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; } .groups h1#logo a { background-image: url(../images/kbh_logo_blue.png) } .profile h1#logo a, .overview h1#logo a { background-image: url(../images/kbh_logo_green.png) } .blogs h1#logo a { background-image: url(../images/kbh_logo_orange.png) } .events h1#logo a { background-image: url(../images/kbh_logo_magenta.png) } #service_controls { margin: 0 11px 0px 264px; } #user_controls ul, #main_menu ul, #city_menu ul { list-style: none; padding: 0; margin: 0; } #user_controls li, #main_menu li, #main_menu button, #city_menu li, #city_menu h2 { float: left; } #user_controls, #main_menu ul, #search_menu { text-align: right; } #user_controls { margin: 0 0 27px; } #search_menu { zoom: 1; } #search_menu form { float: right; margin: 0 0 10px; } #search_menu .button { display: inline; width: 29px; height: 29px; background: transparent url(../images/search_button.png) no-repeat left top; border: 0px none; text-indent: -9999px; cursor: pointer; font-size: 0px } #search_menu .search { float: left; margin: 0 4px 0 0; background: transparent url(../images/inputfield_left.png) no-repeat left center; padding: 0 0 0 4px; height: 29px; } #search_menu input.field { height: 23px; line-height: 23px; padding: 3px; background: transparent url(../images/inputfield_right.png) no-repeat right top; border: 0px none; font-size: 138.5%; font-weight: normal; } #main_menu ul { float: right; } #main_menu li { margin-left: 4px; padding: 0 0 20px; } #main_menu li:hover { background: url(../images/mainmenu_selected_bar.png) no-repeat left 28px !important; } #main_menu li.selected { background: url(../images/mainmenu_selected_bar.png) no-repeat left 28px; } body.dashboard #main_menu li.selected { background-image: none; } #main_menu h2 a { display: block; width: 100px; line-height: 26px; block; color: #FFF; font-size: 123.1%; font-weight: bold; text-align: center; text-decoration: none; } #main_menu .overview_item a { color: #404040; } #city_menu { clear: both; padding: 0 0 0 0; margin: 0 0 10px; width: 100%; } #city_menu a { float: left; display: block; height: 32px; line-height: 32px; margin: 0 10.5px; color: #FFF; text-decoration: none; font-size: 14px; } #city_menu li:hover, #city_menu li.selected { background: url(../images/50p_transparent.png); } /* General search stuff */ /*.search_form { zoom: 1; } */ .generic_search_form form { float: left; } .generic_search_form .button { display: inline; width: 29px; height: 29px; background: transparent url(../images/search_button.png) no-repeat left top; border: 0px none; text-indent: -9999px; cursor: pointer; font-size: 0px } .generic_search_form .search { float: left; margin: 0 4px 0 0; background: transparent url(../images/inputfield_left.png) no-repeat left center; padding: 0 0 0 4px; height: 29px; } .generic_search_form input.field { width: 250px; height: 23px; line-height: 23px; padding: 3px; background: transparent url(../images/inputfield_right.png) no-repeat right top; border: 0px none; font-size: 138.5%; font-weight: normal; } /* Breadcrumbs */ #breadcrumbs { margin: 10px 0 10px 11px; font-size: 77%; } /* Background image container */ #background_container { min-height: 425px; } #content_overlay { width: 330px; padding: 10px 20px 20px 20px; margin: 0px 0 0 10px; float: left; height: 320px; } #content_overlay_big { width: 488px; height: 320px; margin: 0px 0px 0px 400px; padding: 10px 20px 20px 20px; } #content_overlay.city_overlay { margin-top: 10px; } #content_overlay .more { float: right; margin-top: 17px; font-size: 130%; } #content_overlay h1, #content_overlay h2, #content_overlay_big h1, #content_overlay_big h2 { margin-top: 5px !important; } #content_overlay h1, #content_overlay h2, #content_overlay h3, #content_overlay_big h1, #content_overlay_big h2, #content_overlay_big h3 { color: #404040 !important; font-weight: normal !important; margin: 4px 0 4px 0; } #content_overlay .data_thumbnail { background-color: #404040; width: 92px; height: 48px; margin-right: 10px; float: left; overflow: hidden; } #content_overlay .continue { float: right; margin-top: 2px;} #content_overlay span.timestamp, #content_overlay_big span.timestamp { color: #808080; } .content_container .new_group_headline { margin: 10px 25px 0 0px; width: 150px; float: left; } .content_container .new_group_headline.last { margin-right: 0px !important; } .content_container .button1 { padding: 4px } .content_container .new_post_item { padding: 0; margin-bottom: 10px; } .content_container .new_post_item h3 a { color: #404040; } #content_overlay_big .action_button { margin-top: 10px; } #group_container .content_header { margin: 10px 10px 10px 0; } #group_container #group_list { margin-top: 40px; } #group_container #group_list .thumbnail img { padding: 5px; background-color: #F1F1F1; border-right: 2px solid #C1C1C3; border-bottom: 2px solid #C1C1C3; } #group_container .action_button { margin: 8px 0 0 0; } /* Base layout container */ .container_content .left_content { float: left; width: 173px; } .container_content .mid_content, .container_content .mid_right_content { margin-left: 173px; } .container_content .right_content { float: right; width: 219px; } .container_content .mid_content, .container_content .mid_left_content { margin-right: 219px; } .container_content .section { padding: 10px; } .container_content .section p { margin: 10px 0; } .container_content h2 { margin-bottom: 20px; } /* Content */ #content { margin: 0 11px; } #content h2 { color: #487A9A; font-size: 161.5%; font-weight: bold; } /* Group Header */ #group_header, .content_header { position: relative; margin: 0 0 40px; min-height: 50px; } #group_header .action_button, .content_header .action_button { position: absolute; right: 0px; line-height: 40px; bottom: 0; } #profile_header .action_button { position: absolute; top: 5px; } #group_header .group_state { color: #808080; } #group_header .membercount {} #group_header .notice { margin-bottom: 10px; clear: both;} .group_join, .group_leave { text-align: center; width: 300px; padding: 20px; margin-left: auto; margin-right: auto; font-size: 150%; } /* Group Menu */ #group_menu { margin: 10px 0 0; } #group_menu li { float: left; margin: 0 4px 0 0; background-color: #CBDAE6; } #group_menu a { display: block; width: 176px; font-size: 123.1%; text-align: center; line-height: 40px; color: #404040; text-decoration: none; font-weight: bold; } #group_menu li.selected .button1, #group_menu li:hover .button1 { background-color: #487A9A; } #group_menu li.selected a, #group_menu li:hover a { color: #fff; } /* Posts */ .post .entry, .post .comment { margin: 0 0 4px 0; } .post .content { float: left; padding: 20px; background-color: #CBDAE6; min-height: 102px; font-size: 123.1%; } .post .content .text p, .post .content .description p, .post .entry p { margin-bottom: 12px; } .post .content ul li { list-style: disc; margin-left: 20px; } .post .content ol li { list-style: decimal; margin-left: 28px; } .post .content ul, .post .content ol { margin-bottom: 10px; } .post .author { margin: 0 0 4px 719px; padding: 0 0 0 46px; background: url(../images/content_marker.png) no-repeat left 20px; font-size: 85%; font-style: italic; } .post .author .image { height: 110px; overflow: hidden; } .post .author .image img { display: block; } .post .entry_alt .content { background-color: #E4EBF1; } .post .entry_alt .author { background-image: url(../images/content_marker_alt.png); } .post .video .description { clear: both; } .post .video .player { float: left; padding: 10px; margin: 0 0 26px 0; background-color: #FFF; border: 0; } .post .comments .count { float: right; display: none;} .post .comments .comment_background_color { float: left; } .post .comments .content { float: none; margin-left: 112px; border-left: 4px solid #FFF; } .post .comments .comment_alt .content { background-color: #E4EBF1; } .post .comments .comment_alt .author { background-image: url(../images/content_marker_alt.png); } .post .pictures .magazine-image { margin-bottom: 10px; } .post .link .thumbnail { border: 10px solid #FFF; margin: 0 0 10px; } .post_list .comments .count, .post_list .comments .author { font-size: 108%; padding: 3px; } .post_list .comments .count, .post_list .comments .author, .post_list .comments .comment_background_color { float: right; display: block; } /*.post_list .comments .count { width: 300px; font-size: 108%; } */ .post_list .comments .count { font-size: 108%; margin-right: 220px; margin-left: 6px; } .post_list .comments .content { min-height: 0px; margin: 0; padding: 3px; background-color: transparent;} .post_list .comments .comment_alt .content { background-color: transparent; } .post_list .comments .author { margin: 0; } .post_list .comments .author .image, .post_list .comments .author .timestamp { display: none; } .post_list .video .player { float: left; padding: 10px; margin: 0 26px 0 0; background-color: #FFF; position: relative; border-right: 2px solid #C1C1C3; border-bottom: 2px solid #C1C1C3; } .post_list .video .description { clear: none; } .post_list .comments .content { font-size: 108%; padding-left: 8px; font-style: italic; color: #fff; } .post_list .comments .content strong { font-style: italic !important; } .post_list .comments .content a { color: #fff; text-decoration: none; } .post_list .comment .text p { margin: 0; } /* comments - all */ .comments h1 { margin-left: 134px; } .comments .save_button { margin-left: 116px; } .comment_form .comments { margin-bottom: 100px; } .comment .edit .timeleft { text-align: center; padding-bottom: 8px; } /* Group */ #group_container { position: relative;} #group_container .content { width: 679px;} #group_container.post .comments .content { width: 563px; } #group_container.post_list .comments .content { width: 441px; } #group_container .group_background_container { background-color: #404040 } #swfupload_thumbnails img { padding: 10px; background-color: #FFF; border-right: 2px solid #C1C1C3; border-bottom: 2px solid #C1C1C3; }*/ #swfupload_thumbnails .action, .group_picture .action { text-align: center; font-weight: bold;} #group_container .content_container { padding-top: 0px; } #group_container .content_container .group_picture { float: right; background-color: #CBDAE6; padding: 20px;} #group_container .content_container .group_description { font-size: 110%; color: #808080 } #group_container .content_container h1, #group_container .content_container h2 { /*margin-top: 20px;*/ } #group_container .content_container .group_state { margin-top: 20px; font-size: 150%; } #group_container .content_container dl dt { width: 180px;} #group_container .content_container dl dd { margin-left: 190px;} #group_container .content_container .timestamp { font-size: 82.5%; color: #808080; } #group_container .content_container .membercount { float: right; /*width: 173px;*/ font-size: 130%; } #group_container .group_activity_list li { margin: 0 !important; } #group_container .group_activity_list h3 { overflow: hidden; } #group_members { margin-bottom: 20px; } #group_members .rc_content { padding: 10px 15px 10px 10px; } /* group-comments/posts */ #group_container .post_form .content { margin-bottom: 100px; } #group_container .comment .forms .form_submit { position: absolute; bottom: -85px; left: -116px; width: 719px; } #group_container .post .forms .form_submit { position: absolute; bottom: -85px; left: 0px; width: 719px; } #group_container .forms .helper { width: 135px; float: left; margin-right: 10px; } #group_container .forms .textarea { width: 408px; float: left; margin-bottom: 20px; } #group_container .forms .textarea textarea { width: 408px; min-height: 156px; } #group_container .forms .textarea textarea#video { min-height: 26px !important; } #group_container .forms .textarea input { width: 408px; } #group_container .comments .form_pane .pictures { margin-left: 145px; } #group_container.post_list .pictures .magazine-image { display: block; float: left; margin: 0 8px 0 0; padding: 9px; background: ##FFF; } #group_container.post_list .pictures .magazine-image img { padding: 0px; background: #fff; margin: 0px; border: 1px #eee solid; } #group_container.post_list .comment .pictures img { display: block; float: left; margin: 8px; border: 4px solid #FFF; } #group_container.post_list .comment .pictures .description { padding: 8px 0; } #group_container.post_list .link .thumbnail { display: block; float: left; margin: 0 26px 10px 0; border: 10px solid #FFF; } /* for the group create/edit page */ #group_content { font-size: 131.5%; background-color: #CBDAE6; } #group_content dl dt { width: 10em; } #group_content dl dd { margin-left: 10em; padding-left: 1em; } #group_content dl dd .text { width: 300px; } #group_content dl dd textarea { height: 4.4em; width: 300px; } #group_content .submit_button { width: 230px; float: left; } #group_content .city_selection { position: absolute; width: 350px; right: 10px; top: 50px; } #group_content .city_selection li { float: left; width: 170px; margin-bottom: 1px;} #group_container #horizontal_carousel, #group_container #horizontal_carousel .container, #group_container #horizontal_carousel ul, #group_container #horizontal_carousel div.group_item_container { height: 320px; overflow: hidden; } #group_container #horizontal_carousel .previous_button, #group_container #horizontal_carousel .next_button { /*height: 288px;*/ } #group_container #horizontal_carousel ul li, #group_container #horizontal_carousel div.group_item_container div.group_item_cluster { width: 880px; } .navigation_bar { background-color: #ddd; padding: 10px; margin: 10px 0; } .navigation_bar label { display: none; } .navigation_bar .links { float: right; margin-top: 8px; } .navigation_bar .links a { margin-right: 20px; } .navigation_bar .action_button { margin: 0 !important; } #group_suggestions { margin: 10px 0 10px 0; } #group_suggestions .group_item { width: 430px; float: left; background-color: #eee; margin-right: 10px; } #group_suggestions .group_item.last { margin-right: 0; } #group_suggestions .group_image { width: 160px !important; height: 140px !important; } #group_suggestions #horizontal_carousel .previous_button { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/groups_short_left.png) } #group_suggestions #horizontal_carousel .previous_button_disabled { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/inactive_short_left.png) } #group_suggestions #horizontal_carousel .next_button { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/groups_short_right.png) } #group_suggestions #horizontal_carousel .next_button_disabled { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/inactive_short_right.png) } #friend_groups, #new_groups { margin: 10px 10px 0 0; float: left; width: 455px;} #friend_groups .group_item, #new_groups .group_item { width: 430px; background-color: #eee; margin-top: 10px; } #group_container .overview_page h1.title { margin-top: 0px !important; margin-left: 10px; } #my_groups, #hot_groups { float: right; margin: 10px 0 0 0; width: 455px;} #my_groups .group_item, #hot_groups .group_item { width: 430px; background-color: #eee; margin-top: 10px; } #group_search .group_item { margin-top: 10px; } #my_groups_list .group_item { width: 445px; background-color: #eee; margin: 10px 10px 0 0; float: left; } #my_groups_more { float: right; margin: 10px 130px 0 0; font-size: 138.5%;} #group_container .overview_page .group_image { background-color: white; width: 160px; height: 112px; float: left; margin-right: 10px; } #group_search .group_image { background-color: white; width: 260px; height: 120px; float: left; margin-right: 10px; } .group_data { padding-right: 5px; } .group_data h2 { margin-top: 0px !important; } .group_data dl dt { margin: 0 0 0 170px !important; width: auto !important; float: none !important;} .group_data dl dd { margin-left: 180px !important; margin-bottom: 5px !important;} #group_description { margin-top: 10px; } #group_description .text { padding: 10px; } /* Blog */ #blog_container .entry { float: left; } #blog_container .entry, #blog_container .comments { margin-left: 4px; } #blog_container .content { width: 480px; } #blog_container .comments { float: right; } #blog_container .comments .author { margin-left: 0; } #blog_container.post .author { margin-left: 520px; } #blog_container.post .comments .content { margin-left: 112px; width: 365px; } #blog_container.post .content .categories { font-size: 76.5%; } #blog_container.post .content .categories ul, #blog_container.post .content .categories li { display: inline; margin: 0; } #blog_container.post_list .content { width: 693px; } #blog_container.post_list .comments { float: none; } #blog_container.post_list .comments .count { width: 170px; margin-right: 0; } #blog_container.post_list .comments ul { float: left; width: 550px; } #blog_container.post_list .comments .comment_background_color { float: right; } #blog_container.post_list .comments .content { margin-left: 0; width: 300px; } #blog_container.post_list .comments .author { margin-left: 0; } #blog_container .city_selection ul { margin: 0; padding: 0; } #blog_container .city_selection li { list-style: none; float: left; width: 150px; margin: 0; overflow: hidden; } #blog_header h1 { margin-right: 173px; } #blog_content { font-size: 131.5%; background-color: #CBDAE6; } #blog_content dl dt { width: 7em; } #blog_content dl dd { margin-left: 7em; padding-left: 1em; } #blog_content dl dd .text { width: 300px; } #blog_content dl dd textarea { height: 4.4em; } #blog_content .submit_button { width: 230px; float: left; } #blog_sidebar { float: left; width: 200px; overflow: hidden; } #blog_sidebar .button2 { padding: 10px; } #blog_sidebar h2 { color: #FFF; font-size: 153.9%; } #blog_sidebar h3 { margin: 14px 0 7px 0; font-size: 138.5%; color: #FFF; font-weight: bold; } #blog_sidebar .description { font-size: 108%; } #blog_sidebar .categories li { display: inline; padding-right: 5px; } #blog_posts, #blog_container .pagination { margin: 20px 0 20px 200px; } #blog_posts .post .entry, #blog_posts .post .comments { float: right; } #blog_posts .entry .last_edit { font-size: 60%; font-style: italic; float: right; } #blog_posts .entry .city { color: #666; } #blog_container .content_container { padding-top: 10px; } /*#blog_container .content_header { margin: 10px 10px 10px 0; } */ .blog_activity_list li { margin: 0 0 10px; } .blog_activity_list .thumbnail { float: left; margin: 0 10px 10px 0; height: 110px; overflow: hidden; } .blog_activity_list .text { overflow: hidden; } .blog_activity_list .timestamp, .blogpost .content .timestamp { font-size: 82.5%; color: #808080; } /* blog post form */ #blogpost_create_page #blog_container .entry { float: none; } #blog_container .post_form .content { width: 895px; margin-bottom: 100px; } #blog_container .post .forms .form_submit { position: absolute; bottom: -85px; left: 0; width: 935px; } #blog_container .post_form .helper { width: 135px; float: left; margin-right: 10px; } #blog_container .post_form .textarea { width: 408px; float: left; margin-bottom: 20px; } #blog_container .post_form .textarea textarea { width: 408px; min-height: 156px; } #blog_container .post_form .textarea textarea#video { min-height: 26px !important; } #blog_container .post_form .textarea input { width: 408px;} #blog_container .post_form ul#blog_posts { margin-left: 0;} #blog_container .post_form .text { position: relative;} #blog_container .post_form .city_selection { position: absolute; width: 300px; right: 10px; top: 0; font-size: 70%; } #blog_container .post_form .city_selection p { float: left; width: 148px; margin-bottom: 5px;} #blog_container .post_form .mail_notification { margin-top: 10px; margin-left: 145px; } #blog_container .post_form .pictures { width: 416px; } /* blog comments */ #blog_posts .comments h1 { margin-left: 134px; } #blog_posts .comments .save_button { margin-left: 116px; } #blog_container .comment .forms .form_submit { position: absolute; bottom: -85px; left: -116px; width: 519px; } #blog_container .comment_form .textarea { width: 360px; float: none;} #blog_container .comment_form .textarea textarea { width: 356px; min-height: 156px; } #blog_container .comment_form .textarea input { width: 356px; } #blog_list_page #blog_header { background-color: #DDDDDD; min-height: 30px !important; } #blog_list_page #blog_header .action_button { position: relative; padding-left: 10px; } #blog_list_page #blog_header .action_button .button1 { line-height: 30px; } /* blog recommendations */ #blog_recommendations { margin-bottom: 20px; } #blog_subscriptions .rc_content, #blog_recommendations .rc_content { padding: 10px 15px 10px 10px; } #blog_recommendations .blog_list { margin-left: -10px !important; } #blog_subscriptions .blog_list .group_item_cluster, #blog_recommendations .blog_list .blog_item { background-color: #EEE; } #blog_recommendations .blog_list .blog_item { margin: 0; border-left: 10px solid #FFF; } #blog_recommendations .blog_list .blog_item { margin-top: 10px; } #blog_subscriptions .blog_list .image_with_title, #blog_recommendations .blog_list .image_with_title { float: left; } #blog_subscriptions .blog_list .blogpost, #blog_recommendations .blog_list .blogpost { margin-left: 170px; padding: 5px; } #blog_recommendations .blog_list .content { width: auto; margin: 5px 0 5px 5px; } #blog_subscriptions .blog_list .meta, #blog_recommendations .blog_list .meta { text-align: right; } #blog_subscriptions .more_button { float: right; } #blog_recommendations #horizontal_carousel, #blog_recommendations #horizontal_carousel .container, #blog_recommendations #horizontal_carousel ul, #blog_recommendations #horizontal_carousel div.group_item_container { height: 290px; overflow: hidden; } #blog_recommendations #horizontal_carousel .previous_button, #blog_recommendations #horizontal_carousel .next_button { height: 290px; } #blog_recommendations #horizontal_carousel .previous_button { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/blogs_tall_left.png) } #blog_recommendations #horizontal_carousel .previous_button_disabled { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/inactive_tall_left.png) } #blog_recommendations #horizontal_carousel .next_button { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/blogs_tall_right.png) } #blog_recommendations #horizontal_carousel .next_button_disabled { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/inactive_tall_right.png) } #blog_recommendations #horizontal_carousel ul li, #blog_recommendations #horizontal_carousel div.group_item_container div.group_item_cluster { width: 440px; } #blog_recommendations #horizontal_carousel .group_item_cluster { margin-top: -10px !important; } #profile_network { margin-bottom: 20px; } #profile_network .rc_content { padding: 10px 15px 10px 10px; } .profile_list li { margin-bottom: 10px; background-color: #EEE; position: relative; } .profile_list .image_with_title { float: left; } .profile_list .profile_post { margin-left: 160px; padding: 5px; } .profile_list .timestamp { font-size: 82.5%; color: #808080; } .profile_list .action_links { position: absolute; bottom: 10px; right: 10px; } .profile_list .profile_relation_filter { margin-bottom: 10px; } /* profile recommendations */ #profile_recommendations { margin-bottom: 20px; } #profile_recommendations .description { font-style: italic; margin-bottom: 10px; } #profile_recommendations #horizontal_carousel, #profile_recommendations #horizontal_carousel .container, #profile_recommendations #horizontal_carousel ul, #profile_recommendations #horizontal_carousel div.group_item_container { height: 140px; overflow: hidden; } #profile_recommendations ul { margin-left: -10px !important; } #profile_recommendations #horizontal_carousel .previous_button, #profile_recommendations #horizontal_carousel .next_button { height: 140px; } #profile_recommendations #horizontal_carousel ul li, #profile_recommendations #horizontal_carousel div.group_item_container div.group_item_cluster { width: 166px; margin: 0; border-left: 10px solid #FFF; } #profile_recommendations #horizontal_carousel .group_item_cluster { margin-top: -10px !important; } #profile_recommendations #horizontal_carousel .previous_button { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/profiles_short_left.png) } #profile_recommendations #horizontal_carousel .previous_button_disabled { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/inactive_short_left.png) } #profile_recommendations #horizontal_carousel .next_button { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/profiles_short_right.png) } #profile_recommendations #horizontal_carousel .next_button_disabled { background-image: url(../prototype-ui/carousel/themes/carousel/kbhdk/inactive_short_right.png) } #profile_recommendations #horizontal_carousel div.ignore { position: absolute; top: -5px; left: 142px; z-index: 1000; font-weight: bold; font-size: 30px; } #profile_recommendations #horizontal_carousel div.ignored a { color: red; } #profile_recommendations #horizontal_carousel div.loading a { color: #999; } #profile_recommendations .description { font-style: italic; margin-bottom: 10px; } /* Formatting guide */ .formatting_guide { font-size: 65%; color: #606060; font-weight: normal; } li.post .formatting_guide, #group_post_comments .formatting_guide { margin-left: 145px; } /* Introduction */ .introduction ul li { list-style: disc; margin-left: 20px; font-size: 128%; margin-bottom: 5px; } /* Helper text */ .helpertext ul li { list-style: disc; margin-left: 20px; margin-top: 5px; } .helpertext p { margin-bottom: 12px; } /* More buttons */ .more_button { width: 150px; text-align: center; margin: 20px auto 0 auto; font-size: 123.1%; font-weight: bold; } /* Footer */ #footer { background-color: transparent; padding: 2px 0px 0px 0; text-align: right; color: #808080; } .image_credits { margin: 3px 0 0 0; text-align: right; color: #808080; } /* Post & comment buttons */ .post .content_type_menu { margin-bottom: 20px; } .post .content_type_menu .content_type_button { float: left; width: 125px; height: 85px; background-color: #487A9A; margin-right: 20px; text-align: center; } .post .content_type_menu .content_type_button:hover { background-color: #4E93DE; } .post .content_type_menu .content_type_button a.active { background-color: #4E93DE; } .post .content_type_menu .content_type_button a { display: block; color: #fff; } .post .content_type_menu .content_type_button a:hover {} .post .content_type_menu .content_type_button.last { margin-right: 0;} /*.post .content_type_menu .active { color: #fff; background-color: #4E93DE; } */ .post #text_content_btn a { background-image: url(../images/icon-large-text.png); background-position: center 2px; background-repeat: no-repeat; padding: 58px 0 7px; } .post #picture_content_btn a { background-image: url(../images/icon-large-photo.png); background-position: center 2px; background-repeat: no-repeat; padding-top: 58px; } .post #video_content_btn a { background-image: url(../images/icon-large-video.png); background-position: center 2px; background-repeat: no-repeat; padding-top: 58px;} .post #link_content_btn a { background-image: url(../images/icon-large-url.png); background-position: center 2px; background-repeat: no-repeat; padding-top: 58px;} /* Profile */ #profile_home_button a { color: #7AB51D; font-weight: bold; } #profile_header { } #profile_header .status { } #profile_header .status .editor_field { width: 250px; } #status_message { line-height: 28px; font-size: 131%; } #status_edit { margin-left: 5px; line-height: 170%; } #profile_content { /*background-color: #CBDAE6;*/ font-size: 123.1%; } #profile_content h3 { font-size: 118%; } #profile_content dl dt { width: 10em; } #profile_content form dt { padding: 3px 0; } #profile_content dl dd, #profile_content .dd { margin-left: 10em; padding-left: 1em; } #profile_content dl dd .text { width: 300px; } #profile_content #visibility-description { font-size: 59%; } #profile_content .submit_button { width: 310px; float: left; } #profile_content .cancel { margin-left: 10px; } #profile_content .message_box { margin-top: 20px; } #profile_content .message_box .comment_form { width: 520px; } #profile_content .message_box .comment_form .textarea textarea { width: 510px; min-height: 120px; height: auto !important; height: 120px; } #profile_content .message_box .comment_description { color: #808080; font-size: 80%; } #profile_data { float: left; width: 522px; } #profile_data .trigger { font-size: 90%; } #profile_data .trigger, #profile_data .editor_cancel { margin-left: 10px; } #profile_picture { margin-left: 542px; margin-right: 10px; } #profile_picture .button2 { padding: 10px; } #profile_picture #thumbnails { text-align: center; } #profile_picture #thumbnails img { margin-bottom: 10px; } #profile_picture .actions .button { margin: 10px 0; text-align: center; padding: 1px 0; } #profile_picture .actions .button button { padding: 0; border: 0px none; background: transparent; color: #FFF; font-size: 100%; } #profile_picture .actions .hidden { display: none; } #profile_show_page .vcard .name { display: none; } ul.profile_relations li {margin: 0 0 20px; } ul.profile_relations li img { float: left; margin: 0 10px 10px 0; } ul.profile_relations li ul li { width: auto; float: none; margin: 0;} ul.profile_relations .friend_data { margin-left: 110px; } ul.profile_relations .status { margin: 0 0 10px 10px; } ul.profile_relations .status .timestamp { font-size: 82.5%; } ul.profile_relations .relations { margin-top: 10px; } ul.profile_relations .action_links { text-align: right; } #profile_more_list .profile_activity_list .thumbnail { float: left; margin-right: 10px; height: 110px; overflow: hidden; } .profile_activity_list .timestamp { font-size: 82.5%; color: #808080; } #profilephoto_new_page #swfupload_thumbnails img { border: 0px none; padding: 0; } #profile_settings_page .submit_button { float: none; /*width: 16em;*/ } #profile_container #dashboard_content { margin-top: 20px; } form#personal_message .submit_button { width: 100%; } /* Profile Groups */ #profile_groups_page #profile_menu { position: absolute; } /* Dashboard */ #dashboard_container h1 { font-size: 160%; color: #79B51C; margin-bottom: 10px; } #dashboard_content { font-size: 123.1%; } #dashboard_content .dashboard_item_container { margin-bottom: 10px; width: 610px; float: left;} #dashboard_content .dashboard_item_color { } #dashboard_content .dashboard_item { } #dashboard_content .dashboard_item .message { position: relative; color: #404040; padding: 10px; margin-left: 50px; background-color: #E5ECF2; min-height: 45px; } #dashboard_content .dashboard_item img { padding: 10px; background-color: #FFF; border-right: 2px solid #C1C1C3; border-bottom: 2px solid #C1C1C3; } #dashboard_content .dashboard_item .message .timestamp { color: #808080; } #dashboard_content .dashboard_item .message .comment_link { margin-top: 8px; float: right; font-size: 80%; color: #808080; } #dashboard_content .dashboard_item .message .comment_link a { color: #666; } #dashboard_content .dashboard_item_container .personal_message { color: #A579B5; } /*#dashboard_container #profile_content { min-height: 140px; }*/ /* dashboard comments */ #dashboard_content .comment_dashboard_item_container { margin-bottom: 10px; margin-left: 50px; width: 560px; float: left; } #dashboard_content .comment_dashboard_item_container .dashboard_item .message { color: #404040; background-color: #CBDAE6; margin-left: 5px; } #dashboard_content .comment_author { background: url(../images/content_marker.png) no-repeat left 10px !important; } #dashboard_container .comment_form { margin-left: 50px; width: 560px; } #dashboard_container .comment_form .textarea textarea { width: 550px; min-height: 120px; } #dashboard_container .comment_description { color: #808080; font-size: 80%; } /* -- generic post types -- */ #dashboard_content .icon_text { background-image : url(../images/icon-small-text.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_video { background-image : url(../images/icon-small-video.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_picture { background-image : url(../images/icon-small-photo.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_link { background-image : url(../images/icon-small-url.png); background-repeat: no-repeat; background-position: 0px center; } /* -- specific event notification types -- */ #dashboard_content .icon_new_profile_status, .profile_status_container.icon_new_profile_status { background-image : url(../images/icon-small-status.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_update_relation {} #dashboard_content .icon_confirm_relation { background-image : url(../images/icon-small-profile-relation.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_group { background-image : url(../images/icon-small-new-group.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_group_join { background-image : url(../images/icon-small-new-group-member.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_delete_relation {} #dashboard_content .icon_new_group_picture {} #dashboard_content .icon_new_profile_picture { background-image : url(../images/icon-small-profile-updated.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_new_profile_created {} #dashboard_content .icon_new_ping, #dashboard_content .icon_new_ping_status, #dashboard_content .icon_new_personal_message { background-color: #A579B5; background-image : url(../images/icon-small-status.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .icon_event { background-image : url(../images/icon-small-event.png); background-repeat: no-repeat; background-position: 0px center; } #dashboard_content .author { margin: 0 0 4px 610px; padding: 0 0 0 46px; background: url(../images/content_marker_alt.png) no-repeat left 10px; font-size: 85%; font-style: italic; } #dashboard_content .author .image img { display: block; } #dashboard_content .author .image { height: 65px; overflow: hidden; } #dashboard_content .video, #dashboard_content .picture, #dashboard_content .link { float: right; position: relative; margin-left: 10px; } /* dashboard profile status update */ .profile_status_container { margin-bottom: 10px; width: 410px; } .profile_status_container .profile_status .message { color: #404040; padding: 10px; margin-left: 50px; background-color: #CBDAE6; } /* MoreSuccess columns - shared classes */ .item_two_columns { float: left; width: 400px; margin-right: 20px; margin-bottom: 20px; } /* Events */ #event_container .content { width: 679px; font-size: 123.1%; margin: 0pt 0pt 40px; overflow: hidden; } #event_sidebar { width: 219px; float: right; } #event_details { margin-left: 330px; } #event_details.show dt { width: 90px; font-weight: bold; } #event_details.show dd { margin-left: 90px; } #event_details.edit { margin-left: 0px; } #event_picture { margin-right: 15px; } #event_picture .button { margin: 10px 0; font-size: 108%; text-align: center; } #event_picture .button a { padding: 1px 0; } #event_map { width: 100%; height: 500px; background-color: black; } #event_description { margin: 10px 0 20px 0; } #event_container #future_occurrences { float: left; width: 320px; border: 0px solid red; padding: 10px 0 0 0; } #event_container #event_schedule { width: 300px; margin-left: 330px; background-color: #CBDAE6; padding: 10px; } #name_auto_complete, #address_auto_complete { background-color: white; z-index: 999; } #event_header { margin-bottom: 20px; position: relative; } #event_header #week_header { color: #404040; font-size: 180%; font-weight: bold; text-align: center; margin-top: 8px; } #event_header .action_button { line-height: 32px; } #event_container #day_list { margin-left: 130px; } #event_container #calendar { margin-left: 130px; margin-top: 0px; } #calendar .day_item { float: left; margin: 0 14px 0 0; width: 260px; overflow: hidden; min-height: 230px; background-color: #EDEEF0; } #calendar .day_item span.day_number { display: block; padding-left: 3px; } #calendar .day_item .day_name { float: right; display: block; border: 0; margin-top: 4px; font-size: 131%; font-weight: normal; } #calendar .day_header_bg { background-color: #487A9A; } #calendar .day_header a { color: white; } #calendar .day_header h1 { color: white; padding: 3px 5px 3px 5px; border-bottom: 2px solid #dadee1; } #calendar .day_header h2 { font-size: 90%; color: white; padding: 3px 5px 3px 5px; border-bottom: 2px solid #dadee1; } #calendar ul { background-color: white; } #calendar .event_item, #suggested_events .event_item { position: relative; border-bottom: 2px solid #dadee1; border-left: 2px solid #dadee1; border-right: 2px solid #dadee1; overflow: hidden; } #calendar .event_item .title, #suggested_events .event_item .title { position: absolute !important; left: 0; bottom: 0px; width: 260px; color: white; padding: 5px; font-size: 110%; } #calendar .event_item .event_title, #suggested_events .event_item .event_title { font-weight: bold; } #calendar .event_item .text, #suggested_events .event_item .text { padding: 5px; font-size: 123.1%; cursor: pointer; } #calendar .event_item.picture, #suggested_events .event_item.picture { height: 120px; overflow: hidden; border-bottom: 2px solid #dadee1; border-left: 0; border-right: 0; } #calendar .event_item.picture a, #suggested_events .event_item.picture a { color: #FFFFFF; display: block; font-size: 123.1%; } #calendar .event_item:hover { background-color: #D6D7D9; } .event_rating_item .image_with_title .title { padding-right: 70px !important; } #suggestions_container { position: relative; } #suggested_events { font-size: 13px; min-height: 120px; } .ratingContainer { position: absolute; left: 180px; top: 90px; z-index: 100; width: 80px; height: 20px; display: block; } .ratingContainer a { float: left; margin: 6px 6px 0 0; } .ratingContainer .ratingButton { cursor: pointer; height: 17px; width: 20px; background-repeat: no-repeat; background-position: top left; } .ratingContainer .love { background-image: url(../images/love.png); } .ratingContainer .hate { background-image: url(../images/hate.png); } .ratingContainer .skip { background-image: url(../images/skip.png); } .ratingContainer .grey_love { background-image: url(../images/love_grey.png); } .ratingContainer .grey_hate { background-image: url(../images/hate_grey.png); } .ratingContainer .grey_skip { background-image: url(../images/skip_grey.png); } .ratingContainer .highlight_love, .ratingContainer .highlight_grey_love { background-image: url(../images/love_highlight.png); } .ratingContainer .highlight_hate, .ratingContainer .highlight_grey_hate { background-image: url(../images/hate_highlight.png); } .ratingContainer .highlight_skip, .ratingContainer .highlight_grey_skip { background-image: url(../images/skip_highlight.png); } .ratingContainer .love:hover, .ratingContainer .grey_love:hover, .ratingContainer .highlight_love:hover, .ratingContainer .highlight_grey_love:hover { background-image: url(../images/love_hover.png); } .ratingContainer .hate:hover, .ratingContainer .grey_hate:hover, .ratingContainer .highlight_hate:hover, .ratingContainer .highlight_grey_hate:hover { background-image: url(../images/hate_hover.png); } .ratingContainer .skip:hover, .ratingContainer .grey_skip:hover, .ratingContainer .highlight_skip:hover, .ratingContainer .highlight_grey_skip:hover { background-image: url(../images/skip_hover.png); } .event_rating_item { position: relative; height: auto !important; height: 120px; min-height: 120px; } .event_rating_item .title a { margin-right: 80px; } .event_loader { position: absolute; left: 110px; top: 60px; z-index: 10001; width: 60px; height: 20px; background: url(../images/loader-orange.gif) no-repeat top left; } #calendar li img { /*width: 100%; height: 100px;*/ } #frontpage { background-color: #E2007A; } #frontpage h2 { float: right; width: 70px; font-size: 161.5%; font-weight: bold; color: white !important; text-align: center; } #frontpage #calendar .day_item { min-height: 0; height: auto; margin: 0; } #frontpage #calendar { margin-right: 0; } #event_wizard_container { margin-top: 10px; } #calendar .day_item.last { margin: 0 0 16px 0; } #event_container #calendar .event_three_container { margin-bottom: 16px; background: url(../images/calendar-background.png) repeat-y 0 0;} #event_container .rc_content { padding: 10px 15px 15px 10px; } #event_container #map { margin-left: 130px; margin-top: 20px; } #event_container #event_left_menu { float: left; width: 130px; } #event_container .search_form .button { display: inline; width: 29px; height: 36px; background: transparent url(../images/search_button.png) no-repeat left top; border: 0px none; text-indent: -9999px; cursor: pointer; font-size: 0px } #event_container .search_results .thumbnail { float: left; margin: 0 10px 0 0; } #event_container .search_results .action_links { text-align: right; } #event_container dl dt { width: 10em; } #event_container .dd, #event_container dl dd { margin-left: 10em; padding-left: 1em; } #event_container dl dd .text { width: 300px; } #event_container dl dd textarea { height: 4.4em; width: 300px; } #event_container .submit_button { width: 230px; float: left; } #event_container .city_selection { position: absolute; width: 350px; right: 0; top: 50px; } #event_container .city_selection p { float: left; width: 170px; margin-bottom: 1px;} #event_content .round_corners .tl { background-image: none; border-width: 2px 0 0 2px; border-style: solid; border-color: #CAD9E5;} #event_content .round_corners .br { bottom: -3px; right: -3px; } #eventinvite_search_page #event_content { font-size: 123.1%; } #event_attendee_page #event_content .round_corners2, #eventinvite_search_page #event_content .round_corners2, #eventinvite_new_page #event_content .round_corners2 { background-image: none; } #event_attendee_page #event_content.container_content, #eventinvite_search #event_content.container_content, #event_attendee_page #event_content.container_content, #eventphoto_new_page #event_content { font-size: 108%; } #eventeditwizard_description_page #swfupload_thumbnails img, #eventphoto_new_page #swfupload_thumbnails img { border: 0px none; padding: 0; } #eventfindwizard_index_page #horizontal_carousel { width: auto; } #eventfindwizard_index_page #horizontal_carousel .container { position: static; left: auto; width: auto; } #eventfindwizard_index_page #horizontal_carousel, #eventfindwizard_index_page #horizontal_carousel .container, #eventfindwizard_index_page #horizontal_carousel ul { height: auto; } #eventfindwizard_index_page #horizontal_carousel ul li { width: 460px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #eventfindwizard_index_page #horizontal_carousel ul li.active, #eventfindwizard_index_page #horizontal_carousel ul li.active li { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } #eventfindwizard_index_page #horizontal_carousel ul li li { width: auto; } #eventfindwizard_index_page li input { float: left; } #eventfindwizard_index_page li label { display: block; margin-left: 20px; } #eventfindwizard_index_page .inner { position: relative; height: 280px; margin-right: 30px; padding-bottom: 23px; } #eventfindwizard_index_page .actions { display: none; position: absolute; bottom: 0; width: 100%; } #eventfindwizard_index_page .active .actions { display: block; } #eventfindwizard_index_page .actions .next { float: right; width: 10em; } #eventfindwizard_index_page .actions .back { float: left; } #eventfindwizard_index_page #recommendation_container { position: relative; } #eventfindwizard_index_page #recommendations { position: relative; } #eventfindwizard_index_page .loader { position: absolute; left: 360px; top: 20px; width: 200px; padding: 20px; background-color: #FFF; text-align: center; z-index: 1; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} /* Image With Title Helper */ .image_with_title { position: relative; overflow: hidden; border: 0; background-color: #fff; } .image_with_title .title { color: white; padding: 5px; font-size: 110%; display: block; } .image_with_title .background { display: block; position: absolute; left: 0; bottom: 0; width: 100%; } .image_with_title a { color: #FFFFFF; display: block; font-size: 123.1%; } /* Event Menu */ #event_menu { margin: 10px 0 0; } #event_menu li { float: left; } #event_menu li .button1 { margin: 0 4px 0 0; background-color: #487A9A; } #event_menu a { display: block; width: 176px; font-size: 123.1%; text-align: center; line-height: 40px; color: #FFF; text-decoration: none; } #event_menu li.selected .button1, #event_menu li:hover .button1 { background-color: #CBDAE6; color: #FFF; } #event_menu li.selected a, #event_menu li:hover a { color: #404040; } #event_menu .bl, #event_menu .br { background-image: none; } #event_sidebar .action_button { line-height: 40px; margin-bottom: 10px; } #event_sidebar .action_button.overview_item a { color: #404040; } #event_sidebar .action_button.overview_item:hover { background-color: #487A9A } #event_sidebar .action_button.active { color: #FFFFFF; font-size: 138.5%; } #event_sidebar .action_button.active a, #event_sidebar .action_button a:hover { color: #FFFFFF; } #event_wizard .form_error { font-size: 100%; } #event_wizard .formatting_guide { font-size: 86%; } /* Event List */ #day_list .day_item { font-size: 123.1%; border-top: 5px solid #C1C1C3; border-right: 5px solid #C1C1C3; background-color: white; overflow: hidden; } #day_list .day_item { background-color: #CBDAE6; } #day_list .day_item.today { background-color: #E2007A; } #day_list .day_item h2 { color: #404040; min-height: 85px; margin: 0; } #day_list .day_item.today h2 a { color: white; } #day_list .day_item span.day_number { font-size: 180%; display: block; } #day_list .day_item ul { margin-left: 100px; background-color: white; min-height: 85px; } #day_list .day_item .dummy { margin-left: 100px; background-color: white; min-height: 85px; } #day_list .day_header { text-align: center; display: block; width: 100px; } #day_list li.event_item { padding: 8px; overflow: hidden; } #day_list li.even { background-color: #E4EBF1; } #day_list li span.event_title { font-weight: bold; } #day_list li img { float: right; padding-left: 10px; width: 150px; } #day_list div.event_attendance { float: left; width : 20px; margin-right: 4px; margin-top: 3px; cursor: help; } #day_list div.event_rating { float: left; width : 20px; margin-right: 4px; margin-top: 3px; cursor: help; } #day_list .event_attendance_box { padding: 0px; font-size: 12px; text-align: center; } /* Error pages */ #error_404_page h1#logo, #error_500_page h1#logo { background: url(../images/kbh_logo_small.png) no-repeat left 48px; padding-top: 91px; } #error_404_page h1#logo a { background-image: url(../images/404.jpg); margin-top: 0; } #error_500_page h1#logo a { background-image: url(../images/500.jpg); margin-top: 0; } #error_404_page li, #error_500_page li { list-style: circle inside; } /* Picture upload forms */ .picture_upload_form .pictures { margin-left: 145px; } .picture_upload_form .pictures img { margin: 0 5px 5px 0; cursor: pointer; } /* Profile relations */ .profile_relation_form dl dt { width: 14em; } .profile_relation_form dl dd { margin-left: 14em; } .invite .invitation, .invite .profile { margin-bottom: 10px; } .invite .invitation { float: left; width: 233px; } .invite .invitation .message { padding-left: 10px; } .invite .profile { margin-left: 263px; } .invite .profile .name { font-weight: bold; } .invite .profile .status { margin-left: 10px; } .invite .profile .status .timestamp { font-size: 77%; } .invite .button { text-align: center; } .invite .button a { padding: 10px; font-size: 116%; } .more .button { font-size: 138.5%; float: right; } .more .button a { width: auto; } .more.centered .button { float: none; text-align: center; margin-left: auto; margin-right: auto; width: 173px; } .round_corners .more .button { margin: 10px 10px 10px 0; } /* Buttons */ .button_padding { padding: 10px; } .def_button { width: 150px; padding: 10px; margin-bottom: 4px; } .action_button { float: right; text-align: center; width: 173px; margin-left: 10px; } .action_button a { font-size: 138.5%; } .button a, .button button, .button input { color: #fff; border: 0px none; background-color: transparent; font-size: 100%, text-decoration: none; cursor: pointer; width: 100%; display: block; padding: 0px; } .submit_button { background-color: #487A9A; color: #fff; text-align: center; } .submit_button:hover { background-color: #4E93DE; color: #fff; } /* Edit button */ .edit_button { background-color: #CBDAE6; margin: 4px 0; } .edit_button a { display: block; height: 30px; line-height: 30px; color: #404040; text-align: center; font-size: 123.1%; font-weight: bold; font-style: normal; } .edit_button:hover { background-color: #487A9A; } .edit_button a:hover { color: #fff; } /* Save button */ .save_button { background-color: #4E93DE; margin: 4px 0; text-align: center; font-size: 180%; } .save_button a { display: block; height: 30px; line-height: 30px; color: #404040; font-weight: bold; font-style: normal; } .save_button:hover { background-color: #487A9A; } .save_button a:hover { color: #fff; } /* Flag button */ .flag_button { background-color: #e8e1e7; margin: 4px 0; } .flag_button a { display: block; height: 30px; line-height: 30px; color: #808080; text-align: center; font-size: 123.1%; font-weight: bold; font-style: normal; } .flag_button:hover { background-color: #f2bcec; } .flag_button a:hover { color: #404040; } /* important_button */ .important_button { background-color: #8C0000; margin: 4px 0; } .important_button a { display: block; height: 30px; line-height: 30px; color: #f8f8f8; text-align: center; font-size: 123.1%; font-weight: bold; font-style: normal; } .important_button:hover { background-color: #b10000; } .important_button a:hover { color: #fff; } input.save_button_submit { padding: 10px; background-color: transparent; border: 0; color: #fff; cursor: pointer; width: 100%; } .group_activity_list li { margin: 0 0 20px; } .group_activity_list .thumbnail { float: left; margin: 0 10px 10px 0; height: 125px; overflow: hidden; } .group_activity_list .timestamp { font-size: 82.5%; color: #808080; } /* Video Play button */ .play_button { background: transparent url('/images/play.png') no-repeat scroll 0px 0px; width: 78px; height: 56px; position: absolute; left: 45px; top: 38px; cursor: pointer; } .play_button:hover { background: transparent url('/images/play_active.png') no-repeat scroll 0px 0px; } /* Iframe layout */ .iframe #wrapper { width: 920px; } .iframe #header { display: none; } .iframe #content { margin: 0; } /* Simple layout for login and create user */ .simple #header, .simple #content { width: 383px; margin: 0 auto; font-size: 123.1%; } .simple #flash { margin: 15px 0 5px 0; } .simple h1#logo a { float: none; background-image: url(../images/kbh_logo_simple.png); height: 161px; width: auto; margin: 91px 0 0 0; } .simple #content h1 { color: #404040; font-size: 200%; margin-bottom: 20px; } .simple #content h2 { color: #404040; margin: 20px 0 10px; font-size: 123.1%; } .simple .flash { margin: 20px; padding: 10px; } .simple dt { display: block; float: block; width: 140px; padding: 3px 0; } .simple dd { margin-left: 140px; } .simple dt, .simple dd, .simple p { margin-bottom: 10px; } .simple input, .simple textarea { width: 235px; border: 1px solid #7F9DB9; } .simple input.radio, .simple input.checkbox { width: auto; border: 0px none; } .simple .button a { text-align: center; } .simple .button1 { background-color: #487A9A; } .simple .button1 input { width: 100%; background-color: transparent; border: 0px none; color: #FFF; } .simple .button1:hover { background-color: #4E93DE; } .simple #remember { width: auto; } .simple .form_links { padding-left: 140px; } .simple input.openid { width: 219px; } .simple .zipcode { display: none; } /* openid css */ .openid { background: url('/images/openid-icon-small.gif') no-repeat scroll 0pt 50%; padding-left: 18px; color: #FF6B10; } /* Search */ .search_form .button { display: inline; width: 29px; height: 36px; background: transparent url(../images/search_button.png) no-repeat left top; border: 0px none; text-indent: -9999px; cursor: pointer; font-size: 0px } .search_results .thumbnail { float: left; margin: 0 10px 0 0; } .search_results .action_links { text-align: right; } /* Selection widget */ .select_widget { margin-bottom: 10px; } .select_widget li { background-color: transparent; margin-bottom: 2px; } .select_widget .item_list { height: auto !important; height: 150px; max-height: 150px; overflow-y: scroll; position:relative; } .select_all_none { margin: 5px 0; } .profile_relation_filter { margin-bottom: 10px; } .profile_relation_filter ul { padding-left: 5px; } .profile_relation_filter ul, .profile_relation_filter li { display: inline; } .profile_relation_filter li { float: left; padding-right: 10px; } .profile_relation_filter .button1 { padding-left: 4px; padding-right: 4px; } .profile_relation_filter .button1 a { color: #000; } .profile_relation_filter li:hover .button1, .profile_relation_filter li.active .button1 { background-color: #487A9A; } .profile_relation_filter li:hover .button1 a, .profile_relation_filter li.active .button1 a { color: #FFF; } .profile_relation_filter .button1 a { width: auto; } .profile_relation_widget .profile_list .profile_details { display: none; } .profile_details { width: 275px; height: auto !important; height: 74px; min-height: 64px; padding: 5px; background-color: #EFEFEF; } .profile_details img { float: left; padding-right: 10px; } .profile_details .name { font-size:123.1%; } #details_target { position: absolute; z-index: 1; text-align: left; } .profile_relation_types_table tr td { padding: 2px 0; } .profile_relation_types_table thead tr { font-size: 85%; vertical-align: bottom; border-bottom: 2px solid #DDD; } .profile_relation_types_table tr.even { background-color: #EFEFEF; } .profile_relation_types_table .relation_type { text-align: center; } /* comment_color_selector */ div#color_display { position: relative; } div.color_select_container { position: absolute; bottom: -5px; width: 112px; height: 45px; background-color: #fff; padding-top: 4px;} div.comment_color_selector { cursor: pointer; margin: 1px 3px 1px 0px; width: 25px; height: 18px; float: left; border-bottom: 2px solid #fff;} /* Comment colors */ .comment_color_1, a.comment_color_1 { background-color: #C4CAD0; color: #404040 !important; } .comment_color_2, a.comment_color_2 { background-color: #f2bcec; color: #404040 !important; } .comment_color_3 { background-color: #A579B5 } .comment_color_4 { background-color: #579FC8 } .comment_color_5 { background-color: #7BCA5F } .comment_color_6, a.comment_color_6 { background-color: #FFEA00; color: #404040 !important; } .comment_color_7 { background-color: #FFAE3A; } .comment_color_8 { background-color: #9d2222; } /* #E86620 */ /* left menus */ .left_menu li { clear: both; } .left_menu .button a { color: #404040; } .left_menu li ul .button a, .left_menu li.selected ul .button a { color: #487A9A; } .left_menu .button, .left_menu .selected ul .button { background-color: transparent; } .left_menu .button a { padding: 1px 10px; font-size: 131%; } .left_menu .button { float: left; } .left_menu .selected .button a, .left_menu .button:hover a, .left_menu .selected ul .button:hover a { color: #FFF; } .left_menu .selected .button, .left_menu .button:hover, .left_menu .selected .button:hover { background-color: #487A9A; } .left_menu ul ul .button1 { margin-left: 5px; } .left_menu ul ul .button1 a { font-size: 108%; } /* event list */ .event_list li { margin-bottom: 10px; background-color: #EDEEF0; } .event_list h2 { margin: 0; } .event_list .event_picture { float: left; } .event_list .event_data { margin-left: 270px; } .event_list dl { margin: 5px 0; } .event_list dl dt { font-weight: bold; width: 7em; } .event_list dl dd { margin-left: 7em; } .event_list .edit { float: right; padding: 0 5px 5px 0; } .event_list .submit_button { width: auto; } /* lists */ .two_col_list { width: 100%; } .two_col_list ul { float: left; width: 100%; } .two_col_list li { width: 48%; float: left; } .two_col_list li.odd { margin-right: 2%; clear:left; } /* steps */ .steps { width: 100%; padding: 0 !important; } .steps li { float: left; width: 25%; text-align: center; } .steps li a, .steps li span { display: block; width: auto; padding: 4px; font-size: 116%; color: #404040; line-height: 20px; } .steps li.active span { background-color: #487A9A; color: #fff; } /* Framed images */ .image_frame { background-color: #F1F1F1; padding: 9px; border: 2px solid #C1C1C3; border-width: 0 2px 2px 0; } /* Magazine layouts */ .magazine-image { background: #fff !important; padding: 5px !important; border-right: 2px solid #C1C1C3 !important; border-bottom: 2px solid #C1C1C3 !important; } .magazine-image img { padding: 0px !important; background: #fff !important; border: 1px #eee solid !important; } /* Form help */ form .help { display: none; width: 270px; padding: 5px 0 0 7px; background: url(../images/help_top.png) no-repeat top left; z-index: 1; } form .help .inner { padding: 0 10px 5px; background: urL(../images/help_bottom.png) no-repeat bottom left; } /* Inplace editors */ .inplace_editor_content { padding: 3px 0; } /* Flash & System messages */ #flash, #profile_reminder { margin: 0 11px 11px; font-size: 131.5%; background-color: #CBDAE6; } #flash.success { background-color: #7AB51D; } #flash.error { background-color: #b10000; color: #FFFFFF; } #flash .button, #systemmessage .button, #profile_reminder .button { padding: 10px; } #flash .button a, #systemmessage .button a, #profile_reminder .button a { display: inline; } #flash .close_button { position: absolute; right: 10px; top: 10px; cursor: pointer; } #systemmessage { position: relative; width: 640px; text-align: left; padding: 10px 20px 20px 135px; min-height: 100px; background: #FFFF33 url(../images/icon_exclamation.png) no-repeat top left; } #systemmessage p { font-size: 131.5%; } #systemmessage a.dismiss { float: right; text-decoration: underline; } #profile_reminder { margin: 0 11px 11px; font-size: 131.5%; background-color: #CBDAE6; } /* Trigger elements */ .trigger { cursor: pointer; } .trigger:hover { border-bottom: 1px solid #404040; } /* opacity */ /*.opacity50 { opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }*/ .opacity50black { background: transparent url(../images/50p_transparent_black.png); } .opacity50grey { background: transparent url(../images/50p_transparent_grey.png); } .opacity50white { background: transparent url(../images/50p_transparent_white.png); } .opacity25white { background: transparent url(../images/25p_transparent_white.png); } .opacity0white { background-color: #FFFFFF; } /* Definition lists */ dl dt { float: left; } dl dt, dl dd, .dd { margin-bottom: 5px; } .dd { clear: left; } /* Form utility */ dl dd label { margin-left: 4px; } div.form_error { color: #9E0B00; font-size: 80%; } /* Pagination */ .pagination { clear: both; margin: 10px 0 5px; } .pagination span { padding: 2px 5px 2px 5px; } .pagination a { background-color: #F8F8F8; border: 1px solid #487A9A; padding: 2px 5px 2px 5px; } .pagination a:visited { border: 1px solid #aaa; color: #aaa; } .pagination a:hover { background-color: #487A9A; color: #FFFFFF; } .pagination span.totals { background-color: #487A9A; color: #FFFFFF; margin-right: 10px;} .pagination span.active { color: #111111; } .pagination span.dots { color: #777; padding: 0; } /* Utility */ .floatright { float: right; } .floatleft { float: left;} .clearboth { clear: both; } .clearleft { clear: left; } .meta { font-size: 65%; color: #606060; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .round_corners2 { background: url(../images/size2_tl-fs8.png) no-repeat top left; height: auto; position: relative; } * html .round_corners2 { margin-bottom: -1px; } .round_corners2 .tr, .round_corners2 .bl, .round_corners2 .br { position: absolute; width: 5px; height: 5px; display: block; } .round_corners2 .tr { background: url(../images/size2_tr-fs8.png) no-repeat top right; top: 0; right: 0; z-index: 1; } .round_corners2 .bl { background: url(../images/size2_bl-fs8.png) no-repeat bottom left; bottom: 0; left: 0; } .round_corners2 .br { background: url(../images/size2_br-fs8.png) no-repeat bottom right; right: 0; bottom: 0; } .round_corners1 { background-image : url(../images/size1_tl-fs8.png); background-repeat: no-repeat; background-position: top left; height : auto; position : relative; } .round_corners1 .tr, .round_corners1 .bl, .round_corners1 .br { position : absolute; width : 5px; height : 5px; display : block; } .round_corners1 .tr { background : url(../images/size1_tr-fs8.png) no-repeat; top : 0; right : 0; } .round_corners1 .bl { background : url(../images/size1_bl-fs8.png) no-repeat; bottom : 0; left : 0; } .round_corners1 .br { background : url(../images/size1_br-fs8.png) no-repeat; right : 0; bottom : 0; } .round_corners_top { background: url(../images/size2_tl-fs8.png) no-repeat top left; height: auto; position: relative; } * html .round_corners_top { margin-bottom: -1px; } .round_corners_top .tr, .round_corners_top .bl, .round_corners_top .br { position: absolute; width: 5px; height: 5px; display: block; } .round_corners_top .tr { background: url(../images/size2_tr-fs8.png) no-repeat top right; top: 0; right: 0; } .round_corners_top .bl { /*background: url(../images/size2_bl-fs8.png) no-repeat bottom left; bottom: 0; left: 0;*/ } .round_corners_top .br { /*background: url(../images/size2_br-fs8.png) no-repeat bottom right; right: 0; bottom: 0; */ } .round_corners_left { background: url(../images/size2_tl-fs8.png) no-repeat top left; height: auto; position: relative; } * html .round_corners_top { margin-bottom: -1px; } .round_corners_left .tr, .round_corners_left .bl, .round_corners_left .br { position: absolute; width: 5px; height: 5px; display: block; } .round_corners_left .tr { /*background: url(../images/size2_tr-fs8.png) no-repeat top right; top: 0; right: 0; */ } .round_corners_left .bl { background: url(../images/size2_bl-fs8.png) no-repeat bottom left; bottom: 0; left: 0; } .round_corners_left .br { /*background: url(../images/size2_br-fs8.png) no-repeat bottom right; right: 0; bottom: 0; */ } /* round corners redux */ .round_corners .tl, .round_corners .tr, .round_corners .bl, .round_corners .br { background-image: url(../images/round_corners_grey.png); background-repeat: no-repeat; } .round_corners .tl { background-position: top left; height: auto; position: relative; margin: 0 5px 5px 0; height: 100%; } .round_corners .br, .round_corners .tr, .round_corners .bl { display: block; } .round_corners .br { position: relative; right: -5px; bottom: -5px; height: 100%; width: 100%; background-position: bottom right; } .round_corners .tr, .round_corners .bl { position: absolute; width: 5px; height: 5px; } .round_corners .tr { right: 0px; top: -5px; width: 5px; height: 5px; background-position: top right; } .round_corners .bl { left: -5px; bottom: 0; width: 5px; height: 5px; background-position: bottom left; } .round_corners_events .tl, .round_corners_events .tr, .round_corners_events .bl, .round_corners_events .br { background-image: url(../images/round_corners_pink.png); } .round_corners_groups .tl, .round_corners_groups .tr, .round_corners_groups .bl, .round_corners_groups .br { background-image: url(../images/round_corners_blue.png); } .round_corners_profiles .tl, .round_corners_profiles .tr, .round_corners_profiles .bl, .round_corners_profiles .br { background-image: url(../images/round_corners_green.png); } .round_corners_blogs .tl, .round_corners_blogs .tr, .round_corners_blogs .bl, .round_corners_blogs .br { background-image: url(../images/round_corners_orange.png); } .round_corners_lightblue .tl, .round_corners_lightblue .tr, .round_corners_lightblue .bl, .round_corners_lightblue .br { background-image: url(../images/round_corners_lightblue.png); } /* Search */ #search_result { font-size: 1.2em; } #search_result dl dt { float: none; } #search_result dl dd { margin-left: 65px; margin-bottom: 20px; } #search_result .label { float: left; width: 50px; margin-right: 10px; padding: 2px; font-size: 0.8em; color: #fff; text-align: center; } #search_result .blog { background-color: #D2651C; } #search_result .group { background-color: #409BDC; } #search_result .event { background-color: #C62A79; } #search_result .profile { background-color: #88B12A; } /* Frontpage stuff */ #second_box { margin-bottom: 10px; } #second_box .box { width: 299px; height: 200px; margin-right: 20px; float: left; } #second_box .box.last { margin-right: 0px; } #second_box .rc_content { padding: 5px 15px 2px 15px; } #second_box .rc_content .button { margin-top: 5px; width: 260px;} #second_box .rc_content .button a, #event_wizard_container #btn_event_wizard a { display: block; font-size: 131%; color: #FFF; text-align: center; text-decoration: none; line-height: 150%; } #second_box .rc_content h2 { margin-bottom: 10px; } /* widget */ label.disabled { color: #808080 }