/* Theme Name: Canvas BuddyPress (beta) Version: 0.09 Description: Child theme for Canvas to activate BuddyPress functionality Author: WooThemes Author URI: http://www.woothemes.com Template: canvas Tags: woothemes, canvas, buddypress */ @import url("../canvas/style.css"); /*-----------------------------------------------*/ /* GLOBAL STYLING */ /*-----------------------------------------------*/ /* GENERAL */ span.activity, span.highlight { padding: 3px 5px; background: #e6e6e6; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bp input#submit { cursor: pointer;} #bp .avatar { padding: 4px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7); } /* ADMIN MENU */ .width-1200 #wp-admin-bar .padder { width:1200px; } .width-980 #wp-admin-bar .padder { width:980px; } .width-960 #wp-admin-bar .padder { width:960px; } .width-940 #wp-admin-bar .padder { width:940px; } .width-880 #wp-admin-bar .padder { width:880px; } .width-760 #wp-admin-bar .padder { width:760px; } #wp-admin-bar { background:#000; } #wp-admin-bar #admin-bar-logo { padding:2px 8px; line-height: 20px; } /* DIRECTORY HEADERS */ #bp .dir-header { margin: 0; } #bp .dir-header h3 { margin: 0 0 10px; padding: 0 0 8px; border-bottom: 2px solid #DBDBDB; } #bp .dir-header h3 .button { float: right; margin: 8px 0 0 0; } #bp .dir-search { margin: 5px 0 0 0; padding: 0 5px; text-align: right; } #bp .dir-search span { padding: 0 7px 0 0; display: none;} #bp .dir-search .button { margin: 0 0 0 5px; padding: 2px 10px 4px; } #bp .dir-list { margin: 20px 0 0 0; } /* ITEM HEADERS */ #bp #item-header { overflow: hidden; } #bp #item-header #item-header-avatar { float: left; } #bp #item-header img.avatar { margin: 0 15px 0 0; } #bp #item-header #item-header-content { margin-left: 175px; margin-top: -9px; } #bp #item-header #item-header-content h2 { margin: 0 0 5px; padding: 10px 0 5px; border-bottom: 3px solid #e6e6e6; } #bp #item-header h2 span.highlight { float: right; font-size: 14px; padding: 0 5px 0 0; line-height: 30px; background: none; } #bp #item-header h2 span.highlight span { position: relative; top: -2px; right: -2px; font-weight: bold; font-size: 11px; background: #555; color: #fff; padding: 1px 4px; margin-bottom: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; vertical-align: middle; cursor: pointer; display: none; } #bp #item-header #latest-update { font-style: italic; } #bp #item-header #latest-update a { font-style: normal; font-size: 11px; } #bp #item-header #item-meta { overflow: hidden; margin: 15px 0 5px 0; } #bp #item-header #item-actions { margin: 15px 0 0; padding: 8px 0 0 0; border-top: 1px solid #dbdbdb; } #bp #item-header #item-actions h3 { margin: 0 0 3px; font-size: 14px; } #bp #item-header #item-actions ul li { display: inline; } #bp #item-header ul { overflow: hidden; margin-bottom: 15px; } #bp #item-header ul img.avatar, #item-header ul.avatars img.avatar { width: 30px; height: 30px; margin: 2px; padding: 2px; } #bp #item-header .generic-button, #item-header a.button { float: left; margin: 10px 10px 0 0; } #bp #item-header #message.info { line-height: 80%; border: 1px solid red; } /* HEADER INFO MESSAGES */ #bp #message { float: left; width: 100%; margin: 5px 0 20px; } #bp #message p { margin: 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none; } #bp #message.updated p { border-color:#d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 45%; } #bp #message.error p { border-color:#f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 45%; } /* ITEM NAVIGATION */ #bp #item-nav { margin: 20px 0 0; } #bp .item-list-tabs { clear: left; overflow: hidden; background: #eaeaea; } #bp .item-list-tabs ul li { float: left; margin: 5px 0 0 5px; } #bp .item-list-tabs ul li a { font: 13px; color: #555555; padding:12px 15px; line-height: 40px; } #bp .item-list-tabs ul li a:hover, #bp .item-list-tabs ul li.selected a, #bp .item-list-tabs ul li.current a { text-decoration: none; color:#222; background: #e6e6e6;} #bp .item-list-tabs { background: #f0f0f0; margin-bottom: 0; padding:0; } #bp .item-list-tabs ul li { margin:0; } #bp #subnav { background: #e6e6e6; margin: -1px 0 20px; padding: 3px 0 8px; border-top: 1px solid #fff; } #bp #subnav ul li { margin: 5px 0 0 5px; } #bp #subnav ul li a { font-size:14px; color:#888; padding:5px 8px; line-height: 18px; font-size: 0.9em; } #bp #subnav ul li a:hover, #bp #item-body #subnav ul li.selected a, #bp #item-body #subnav ul li.current a{ text-decoration: none; color:#222; background: #f0f0f0; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; } #bp #subnav #activity-filter-select { float: right; margin: 3px 10px 0 0!important; } #bp #subnav #activity-filter-select select { width:150px; } #bp ul li#groups-order-select, #bp ul li#members-order-select, #bp ul li#forums-order-select { float: right; margin: 10px 0 0 0; padding-right: 10px; font-size: 11px; } #bp ul li#groups-order-select select, #bp ul li#members-order-select select, #bp ul li#forums-order-select select { margin: 0 0 0 5px; text-transform: none; } /* ACTIVITY LISTS */ #message p { background-position: 20px 50%; } /* General */ #bp #activity-stream li { padding:15px 0; border-bottom:1px solid #F0F0F0; } #bp #activity-stream li ul li { padding: 15px 10px; } #bp #activity-stream li img.avatar { float: left; margin: 0 10px 10px 0; width: 45px; height: 45px; } #bp #activity-stream .activity-header p { color:#888; line-height: 18px; font-style: italic; } #bp #activity-stream .activity-header p a {} #bp #activity-stream .activity-header p span.time-since { font-size: 11px; } #bp #activity-stream .activity-header p a.view, #bp .activity-header p a.item-button { font-size: 11px; } #bp #activity-stream .activity-inner p { padding: 10px 0; } #bp #activity-stream .activity-meta a { margin: 0 5px 0 0; font-size: 11px; } #bp #activity-stream .activity-content { margin-left: 70px; min-height: 50px; } #bp #activity-stream .activity-inreplyto { margin: 10px 0 0 70px; padding: 10px 0 0 0; font-size: 12px; border-top:1px solid #F0F0F0; } /* Mini Activity Items */ #bp #activity-stream li.mini { position: relative; margin: 0; padding: 10px 0; } #bp #activity-stream li.mini img.avatar { width: 20px; height: 20px; padding: 2px; } #bp #activity-stream li.mini .activity-content { margin-left:20px; } #bp #activity-stream li.mini .activity-header p { line-height: 25px; } /* #bp #activity-stream li.mini .activity-meta { position: absolute; right: 0; top: 12px; } */ /* Activity Replies */ #bp #activity-stream .activity-comments { margin: 10px 0 0 60px; } #bp #activity-stream .activity-comments form { padding: 10px; } #bp #activity-stream .activity-comments form textarea { width: 85%; } #bp #activity-stream .activity-comments form .button { margin: 0 0 0 65px; } #bp .ac-reply-avatar img.avatar { width: auto; height: auto; } #bp .ac-form { border-top: 1px solid #DDDDDD; padding-top: 13px; } #bp .activity-comments form .submit { margin-left: 10px; } #bp #activity-stream li.load-more { border: none; padding: 0; margin: 0; } #bp #activity-stream li.load-more a { display: block; margin-top: 20px; padding: 10px 0 8px; text-transform: uppercase; font-weight: bold; font-size: 12px; border: none; text-align: center; background: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bp .acomment-avatar img {height: 20px !important; width: 20px !important;} #bp div.activity-comments { border: 0 none; position: relative; background: #F4F4F4; -moz-border-radius: 3px; } #bp li#activity-filter-select.last { float: right; padding: 3px 0 0; } .ac-reply-avatar img { margin-left: 1px } /* ITEM LISTS */ /* Item list pagination */ #bp .pagination { padding: 0 5px 3px; font-size: 11px; font-family: 'Gotham Medium',sans-serif; border-bottom:2px solid #e6e6e6; } #bp .pagination.bottom { padding-top: 4px; border-top:1px solid #e6e6e6; } #bp .pagination .pag-count { float: left; } #bp .pagination .pagination-links { float: right; font-size: 14px; } #bp .pagination .pagination-links span, #bp .pagination .pagination-links a { margin: 0 0 0 3px; padding: 5px 7px 8px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } #bp .pagination .pagination-links span, #bp .pagination .pagination-links a:hover { background: #e6e6e6; } #bp .pagination .pagination-links a.next { margin: 0; padding: 0; } #bp .pagination .pagination-links a.next:hover { background-color: transparent; } #bp ul.item-list li { width: 100%; padding: 10px 0; border-bottom: 1px solid #e6e6e6; } #bp ul.item-list li .item-avatar { float: left; padding: 0 10px 0 10px; } #bp ul.item-list li .item { float: left; width: 320px; } #bp ul.item-list li .item .item-title { font-family:'Gotham Medium',sans-serif;} #bp ul.item-list li .item .item-title .update { font-style: italic; font-family: 'Gotham Book',sans-serif;} #bp ul.item-list li .item .item-title .update a { font-size: 11px; font-style: normal; } #bp ul.item-list li .item .item-meta { float: right; } #bp ul.item-list li .action { float: right; padding: 0 0 0 20px; text-align: right; } #bp ul.item-list li .action span { display: block; line-height: 14px; } #bp ul.item-list li .action span.activity { margin: 0 0 7px; } #bp ul.item-list li .action span.meta { font-size: 11px; text-align: right; } #bp ul#members-list.item-list li .item, #bp ul#friend-list.item-list li .item { line-height: 1.5em; padding-top: 11px; } #bp ul#group-list.item-list li .item .member-count { font-family: 'Gotham Medium',sans-serif; font-size: 11px; } /* WHAT'S NEW FORM */ #bp #whats-new-form { padding-bottom:15px; border-bottom:1px solid #f0f0f0;} #bp #whats-new-form h5 { margin: 0 0 5px 90px; padding-top: 10px; font-size: 14px; } #bp #whats-new-form #whats-new-avatar { float: left; } #bp #whats-new-form #whats-new-content { margin-left:70px; padding-left:20px; } #bp #whats-new-form #whats-new-textarea textarea, #bp .activity-comments form .ac-textarea textarea { background: #fafafa; border-color: #EFEFEF #EFEFEF #CCCCCC; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; width: 98%; height: 60px; } #bp #whats-new-form #aw-whats-new-submit { float: right; } /*-----------------------------------------------*/ /* MEMBERS */ /*-----------------------------------------------*/ /* PROFILE > Public */ #bp #item-body .profile { } #bp #item-body .profile .bp-widget { margin: 0 0 30px 0; } #bp #item-body .profile .bp-widget h4 { margin-bottom: 10px; } #bp #item-body .profile .bp-widget table { width: 100%; border-top: 2px solid #e6e6e6; } #bp #item-body .profile .bp-widget tr { border-bottom: 1px solid #e6e6e6; } #bp #item-body .profile .bp-widget tr td { padding: 8px 0; } #bp #item-body .profile .bp-widget td.label { width: 20%; padding: 0 20px 0 0; text-align: right; font-weight: bold; } #bp #item-body .profile .bp-widget td.data { width: 80%; } /* PROFILE > Edit Profile */ #bp #item-body .profile #profile-edit-form { } #bp #item-body .profile #profile-edit-form .button-nav { margin: 20px 0 0 0; padding-left: 10px; border-bottom: 2px solid #e6e6e6; } #bp #item-body .profile #profile-edit-form .button-nav li { display: inline; margin: 0 3px; line-height: 24px; } #bp #item-body .profile #profile-edit-form .button-nav li a { padding: 4px 10px 7px; border: 1px solid transparent; } #bp #item-body .profile #profile-edit-form .button-nav li a:hover, #bp #item-body .profile #profile-edit-form .button-nav li.current a { background: #fff; border: 1px solid #e6e6e6; border-width: 1px 1px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bp #item-body .profile #profile-edit-form .editfield { padding: 10px 0; border-bottom: 1px solid #e6e6e6; } #bp #item-body .profile #profile-edit-form .editfield .main-label { float: left; vertical-align: top; width: 20%; padding: 0 20px 0 0; text-align: right;} #bp #item-body .profile #profile-edit-form .editfield .controls { float: left; width: 50%; } #bp #item-body .profile #profile-edit-form .editfield .controls input[type=text], #bp #item-body .profile #profile-edit-form .editfield .controls textarea, #bp #item-body .profile #profile-edit-form .editfield .controls.select select, #bp #item-body .profile #profile-edit-form .editfield .controls.multi-select select { width: 470px; margin: 0;} #item-body .profile #profile-edit-form .editfield .controls label { font-size: 11px; font-style: italic; display: block; float: left; width: 33%; } #item-body .profile #profile-edit-form .editfield .controls.radio .clear-value { display: block; font-size: 11px; text-transform: uppercase; font-weight: bold; } #bp #item-body .profile #profile-edit-form .editfield .description { float: left; width: 20%; } #bp #item-body .profile #profile-edit-form .editfield .description p { padding: 2px 0 0; font-size: 12px; font-style: italic; } #bp #item-body .profile #profile-edit-form .submit { text-align: right; padding: 20px 0 0; } /* PROFILE > Change Avatar */ #bp #item-body .profile p.new-avatar { margin: 10px 0 30px; } #bp #item-body .profile #avatar-upload-form h4 { margin-bottom: 15px; } #bp #item-body .profile #avatar-upload-form #avatar-upload { float: left; width: 40%; } #bp #item-body .profile #avatar-upload-form #avatar-upload input[type=file] { display: block; } #bp #item-body .profile #avatar-upload-form p { float: right; width: 60%; font-style: italic; font-size: 12px; } #bp #item-body .profile #avatar-upload-form p a.button { margin: 15px 0 0 0; font-style: normal; float: right; } /* MESSAGES > Inbox, sent messages and notices */ #bp #item-body .messages table#message-threads tr { border-bottom: 1px solid #e6e6e6; } #bp #item-body .messages table#message-threads tr td { vertical-align: middle; } #bp #item-body .messages table#message-threads td.thread-count { padding: 0 0 0 10px; } #bp #item-body .messages table#message-threads tr.unread td { background: #fef6d2; border-top: 1px solid #efe3ae; border-bottom: 1px solid #efe3ae; font-weight: bold; } #bp #item-body .messages table#message-threads tr.unread span.unread-count { background: #dd0000; padding: 2px 6px; color: #fff; font-size: 11px; font-weight: bold; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #bp #item-body .messages table#message-threads .thread-avatar { padding: 10px; } #bp #item-body .messages table#message-threads .thread-from { padding: 10px; font-size: 12px; font-weight: bold; } #bp #item-body .messages table#message-threads.notices .thread-from strong { display: block; } #bp #item-body .messages table#message-threads .thread-from .activity { line-height: 16px; font-weight: normal; font-size: 11px; font-style: italic; background: none; padding: 0; } #bp #item-body .messages table#message-threads .thread-info { padding: 0 10px 0 0; } #bp #item-body .messages table#message-threads .thread-info .message-title { font-weight: bold; } #bp #item-body .messages table#message-threads .thread-options { text-align: right; background-color: #F0F0F0; } #bp #item-body .messages table#message-threads.notices .thread-options { padding: 0 8px; } #bp #item-body .messages table#message-threads tr.unread .thread-options { background-color: #f8edbd; } #bp #item-body .messages table#message-threads .thread-options a.delete { display: inline-block; overflow: hidden; height: 0; margin: 0 5px 0 5px; padding-top: 16px; width: 16px; line-height: 20px; color: #dd0000; background: url(images/ico-alert.png) no-repeat top left; vertical-align: middle; } #bp #item-body .messages .messages-options-nav { margin: 0; padding: 7px 10px; background: #F0F0F0; border-top: 2px solid #e6e6e6; font-size: 10px; text-transform: uppercase; } #bp #item-body .messages .messages-options-nav select { margin: 0 10px 0 5px; width: 150px; } #bp #item-body .messages .messages-options-nav a { color: #555; } /* MESSAGES > Single Message View */ #bp #message-thread #message-recipients { padding: 8px 0; text-transform: uppercase; font-size: 11px; font-weight: bold; border-bottom: 2px solid #e6e6e6; } #bp #message-thread .message-box { margin: 10px 0; padding: 0 0 30px; border-bottom: 1px solid #e6e6e6; } #bp #message-thread .message-box .message-metadata { margin: 0 0 30px; padding: 0 10px 10px; border-bottom: 1px solid #e6e6e6; } #bp #message-thread .message-box .message-metadata img { margin: 0 10px 0 0; vertical-align: middle; padding: 2px; } #bp #message-thread .message-box .message-metadata a.name { font-weight: bold; } #bp #message-thread .message-box .message-metadata .activity { float: right; margin: 5px 0 0 0; } #bp #message-thread #send-reply .message-box { margin: 0; padding: 0; border: none; } #bp #message-thread #send-reply .message-box .message-metadata { margin: 0; border-bottom: none; } #bp #message-thread #send-reply textarea#message_content { width: 98%; } #bp #message-thread #send-reply .message-content .submit { text-align: right; } /* MESSAGES > Compose */ #bp form#send_message_form li { float: none; margin: 0; padding: 0; } #bp form#send_message_form li.notice { margin: -8px 0 5px 157px; font-size: 11px; font-weight: bold; font-style: italic; } #bp form#send_message_form label { display: inline-block; width: 140px; margin: 0 15px 0 0; padding: 7px 0 0; font-size: 11px; font-weight: bold; text-transform: uppercase; vertical-align: top; text-align: right; line-height: 14px; } #bp form#send_message_form li.message-to label { padding: 0; } #bp form#send_message_form li input[type=text], #bp form#send_message_form li textarea, #bp form#send_message_form input#send-to-input { width: 470px !important; } #bp form#send_message_form li input.ac_loading { background-position: 97% 5px; } #bp form#send_message_form .submit { margin: 0 0 0 158px; } /* SETTINGS > General */ #bp #settings-form { font-size: 11px; font-style: italic; } #bp #settings-form label { display: block; margin: 0 0 10px 0; padding: 7px 0 0; font-size: 11px; font-weight: bold; text-transform: uppercase; vertical-align: top; font-style: normal; line-height: 14px; } #bp #settings-form input[type=text], #bp #settings-form input[type=password] { width: 300px } #bp #settings-form input#email, #bp #settings-form input#pass2 { margin: 0 0 20px 0; } /* SETTINGS > Notifications */ #bp #settings-form table.notification-settings { width: 100%; margin: 20px 0 0; font-style: normal; font-size: 14px; } #bp #settings-form table.notification-settings thead tr { background: #e6e6e6; } #bp #settings-form table.notification-settings thead tr th.title { text-align: left; width: 85%; padding: 5px 0 5px 10px; } #bp #settings-form table.notification-settings th.icon, #bp #settings-form table.notification-settings td:first-child { display:none; } #bp #settings-form table.notification-settings td.no, #bp #settings-form table.notification-settings td.yes { text-align: center; text-transform: uppercase; } #bp #settings-form table.notification-settings tbody tr { border-bottom: 1px solid #e6e6e6; } #bp #settings-form table.notification-settings tbody td { padding: 8px 10px 0 10px; font-size: 12px; } #bp #settings-form .submit { padding: 20px 0 0 0; text-align: right; } /*-----------------------------------------------*/ /* GROUPS */ /*-----------------------------------------------*/ /* CREATE */ #bp #create-group-form h3 a { float: right; margin: 8px 0 0; } #bp #create-group-form #message { margin: 0 0 15px; } #bp #group-create-tabs { margin: 10px 0 15px; } #bp #group-create-tabs ul li span { font-size:14px; color: #555555; padding:12px 15px; line-height: 40px; } #bp #group-create-body { margin: 20px 0 0; } #bp #group-create-body label { display: inline-block; margin: 0 10px 0 0; width: 30%; text-align: right; font-weight: bold; vertical-align: top; } #bp #group-create-body #group-name, #bp #group-create-body #group-desc { width: 400px; } #bp #group-create-body .checkbox label { width: auto; text-align: left; text-transform: uppercase; font-size:13px; } #bp #group-create-body h4 { margin: 10px 0 10px; padding: 0 0 8px; border-bottom: 1px solid #dbdbdb; } #bp #group-create-body .radio label { text-align: left } #bp #group-create-body .radio ul { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #dbdbdb; } #bp #group-create-body .radio ul li { padding: 0 0 0 10px; list-style: inside; font-size: 12px; font-style: italic; } #bp #group-create-body .left-menu { float: left; width: 160px; margin: 0 20px 0 0; } #bp #group-create-body .main-column { float: left; width: 430px; } #bp #group-create-body .main-column p { margin: 0 0 20px; } #bp #group-create-body .main-column p.skip { margin: -10px 0 0; font-size: 12px; font-style: italic; } #bp #group-create-body .submit { margin: 15px 0 0; text-align: right; } /* ADMIN > Edit Details */ #bp #group-settings-form { } #bp #group-settings-form label { display: inline-block; margin: 0 10px 0 0; width: 30%; text-align: right; font-weight: bold; vertical-align: top; } #bp #group-settings-form #group-name, #bp #group-settings-form #group-desc { width: 400px; } #bp #group-settings-form .radios { line-height: 42px; } #bp #group-settings-form .submit { margin: 10px 0 0 0; text-align: right; } /* ADMIN > Group Settings */ #bp #group-settings-form .checkbox label { width: auto; text-align: left; text-transform: uppercase; font-size:13px; } #bp #group-settings-form h4 { margin: 10px 0 10px; padding: 0 0 8px; border-bottom: 1px solid #dbdbdb; } #bp #group-settings-form .radio label { text-align: left } #bp #group-settings-form .radio ul { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #dbdbdb; } #bp #group-settings-form .radio ul li { padding: 0 0 0 10px; list-style: inside; font-size: 12px; font-style: italic; } /* ADMIN > Group Avatar */ #bp #group-settings-form .group-avatar p { margin: 0 0 20px; } #bp #group-settings-form .group-avatar p.delete { margin: -10px 0 10px; font-size: 12px; font-style: italic; } /* ADMIN > Manage Members */ #bp #admins-list, #bp #members-list, #bp #mods-list { margin-top: -10px; } #bp #admins-list li, #bp #members-list li, #bp #mods-list li, #bp #blogs-list li { float: left; } #bp #admins-list li .avatar, #bp #members-list li .avatar, #bp #mods-list li .avatar { float: left; margin: 0 15px 0 0; } #bp #admins-list li h5, #bp #members-list li h5, #bp #mods-list li h5 { line-height: 38px; } #bp #admins-list li a, #bp #members-list li a, #bp #mods-list li a { } #bp #admins-list li .small a, #bp #members-list li .small a, #bp #mods-list li .small a { font-weight: normal;} li#blogs-order-select.last { float: right !important; padding: 8px; } /* ADMIN > Delete Group */ #bp #message .delete-group { margin: 0 0 20px; } /* FORUM */ #bp .pagination.group-forum { margin-top: 15px; } #bp #forum-topic-form { } #bp #forum-topic-form h4 { margin: 15px 0 15px; padding: 0 0 5px; border-bottom: 2px solid #dbdbdb; } #bp #forum-topic-form label { display: inline-block; margin: 0 10px 0 0; width: 30%; text-align: right; font-weight: bold; vertical-align: top; } #bp #forum-topic-form #topic_title, #bp #forum-topic-form #topic_text, #bp #forum-topic-form #topic_tags { width: 64%; } #bp #forum-topic-form #topic_text { height: 150px; } #bp #forum-topic-form .submit { margin: 10px 0 0; text-align: right; } /* MEMBERS */ #bp .member-pag { margin-top: 10px; } #bp #member-list { } #bp #member-list .avatar { float: left; margin: 0 15px 0 0; } #bp #member-list h5 { padding-top: 2px; } /* SEND INVITES */ #bp #send-invite-form { padding: 20px 0 0; } #bp #send-invite-form .submit { margin: 20px 0 0 0; } /*-----------------------------------------------*/ /* FORUMS */ /*-----------------------------------------------*/ /* NEW TOPIC */ #bp #forum-topic-form { margin: 0 0 20px; padding: 15px 0 0; border-top: 1px solid #dbdbdb; } #bp #forum-topic-form h5 { margin: 0 0 10px; font-weight: bold; font-size: 16px; border-bottom: 1px solid #dbdbdb; } /* FORUM LISTING TABLE */ #bp table.forum { width:100%; font-size: 13px; } #bp table.forum th { padding: 7px 0; text-align: left; background: #F0F0F0; } #bp table.forum tr { border-bottom: 1px solid #dbdbdb; } #bp table.forum tr.alt { background: #f7f7f7; } #bp table.forum tr.sticky { background: #EDFCD5; } #bp table.forum tr.closed { background: #f8dede; } #bp table.forum tr td { padding: 8px 0 6px; } #bp table.forum #th-title, #bp table.forum .td-title { padding: 0 0 0 10px; } #bp table.forum #th-freshness, #bp table.forum .td-freshness, #bp table.forum #th-postcount, #bp table.forum .td-postcount { text-align: center; } #bp table.forum .td-freshness { font-size: 11px; font-style: italic; } #bp table.forum .td-poster { padding: 0 35px 0 0; } #bp table.forum .td-poster img, #bp table.forum .td-group img { float: left; margin: 0 5px 0 0; padding: 1px; } /* SINGLE TOPIC VIEW */ #bp #forum-topic-form #topic-meta { margin: 10px 0 0; padding: 0 0 20px; } #bp #forum-topic-form #topic-meta .back-buttons { margin: 0 0 15px; } #bp #forum-topic-form #topic-meta .back-buttons a { margin: 0 5px 0 0; } #bp #forum-topic-form .admin-links a { text-transform: uppercase; font-size: 11px; } #bp #forum-topic-form ul#topic-post-list { } #bp #forum-topic-form ul#topic-post-list li { padding: 0 0 20px; border: none; } #bp #forum-topic-form ul#topic-post-list li .poster-meta { margin: 0 0 15px; padding: 5px 0 5px 5px; background: #f7f7f7; border-top: 2px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; font-style: italic; font-size: 12px; } #bp #forum-topic-form ul#topic-post-list li .poster-meta img { margin: 0 5px 0 0; padding: 2px; vertical-align: middle; } #bp #forum-topic-form ul#topic-post-list li .poster-meta a { font-weight: bold; font-style: normal; font-size: 14px; } #bp #forum-topic-form ul#topic-post-list li .post-content { margin: 0 0 10px; } #bp #forum-topic-form ul#topic-post-list li .admin-links { margin: 0 0 10px; } #bp #post-topic-reply h4 { border: none; margin-bottom: 0; padding: 0; } #bp #post-topic-reply textarea { width: 98%; height: 100px; } #bp .post-content p { margin: 0 0 1em; } /*-----------------------------------------------*/ /* REGISTER */ /*-----------------------------------------------*/ #bp #signup_form { } #bp #signup_form h4 { margin: 20px 0 0 0; padding: 0 0 10px; border-bottom: 2px solid #dbdbdb; } #bp #signup_form label { display: inline-block; font-weight: bold; width: 30%; padding: 3px 7px 0 0; text-align: right; vertical-align: top; line-height: 16px; } #bp #signup_form { } #bp #signup_form .editfield { padding: 10px 0; border-bottom: 1px solid #e6e6e6; } #bp #signup_form .editfield .description { font-size: 12px; font-style: italic; padding: 0 0 0 32%; } #bp #signup_form .editfield input[type=text], #bp #signup_form .editfield input[type=password], #bp #signup_form .editfield textarea { width: 65%; } #bp #signup_form .editfield .datebox { margin: 0 0 10px; }#bp #signup_form .editfield .checkbox span.label { display: inline-block; font-weight: bold; width: 30%; padding: 3px 7px 0 0; text-align: right; vertical-align: top; line-height: 16px; } #bp #signup_form .editfield .checkbox .boxes { } #bp #signup_form .editfield .checkbox label { width: auto; font-weight: normal; font-size: 12px; } /*-----------------------------------------------*/ /* WIDGETS */ /*-----------------------------------------------*/ /* General widget stuff */ .widget .avatar-block { margin-right: -15px; } .widget .avatar-block .item-avatar { float: left; margin: 0 13px 13px 0; } .widget_bp_core_recently_active_widget, .widget_bp_core_whos_online_widget, .widget_bp_groups_widget, widget_bp_core_members_widget { float: left; width: 100%; } /* USER INFO */ #sidebar-me { border-bottom: 3px solid #E6E6E6; } #sidebar-me .avatar { float: left; margin: 0 10px 0 0; padding: 3px; border: 1px solid #e6e6e6; } #sidebar-me h4 { padding: 2px 0 0 0; } #sidebar-me a.logout { font-style: italic; } #sidebar-me .notices { margin: 10px 0 0; } #sidebar-me .notices p { padding: 5px 5px 5px 35px; background: url("images/ico-note.png") no-repeat scroll 10px 45% #FEF6D2; border-top: 1px solid #EFE3AE; border-bottom: 1px solid #EFE3AE; } /* LOGIN */ #login-widget { } #login-widget p { margin: 0; } #login-widget p#login-text { margin: 0 0 15px; font-style: italic; } #login-widget label { display: block;} #login-widget label input[type=text], #login-widget label input[type=password] { width: 275px; } #login-widget p.submit { text-align: right; } #login-widget .forgetmenot { padding: 0 10px 0 0; } #login-widget .forgetmenot label { display: inline-block; } /* GROUPS & MEMBERS */ .widget.widget_bp_core_members_widget { float: left; width: 100%; } .widget .item-options { margin: -20px 0 0; background:#F8F8F8; line-height: 30px; border-bottom: 1px solid #e6e6e6; } .widget .item-options .ajax-loader { display: none!important; } .widget .item-options a { color:#777; padding: 8px; text-transform:uppercase; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; } .widget .item-options a:hover, .widget .item-options a.selected { background: #E6E6E6; text-decoration:none; } .widget ul.item-list { margin: 0; padding: 0; } .widget ul.item-list li { list-style: none; float: left; padding: 10px 0; width: 100%; border-bottom: 1px solid #e6e6e6; } .widget ul.item-list li .item-avatar { float: left; margin: 0 6px 0 0; } .widget ul.item-list li .item-avatar img { margin: 5px; } .widget ul.item-list li .item-title { margin: 3px 0 0 0; } .widget ul.item-list li .item-title a { font-size: 14px; font-weight: bold; padding: 0; } /*-----------------------------------------------*/ /* MISC ELEMENTS */ /*-----------------------------------------------*/ /* BUTTONS */ /* Generic */ .generic-button a, .generic-button a:visited { position: relative; display: inline-block; padding: 3px 7px 4px; font: 11px/1 Verdana, Geneva, Arial, sans-serif; text-decoration: none; color: #fff !important; cursor: pointer; border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); background: #444 url(images/alert-overlay.png); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius: 5px; -webkit-border-radius: 5px; } .generic-button a:hover { opacity:0.9; color: #fff !important; text-decoration:none; } .generic-button a:active { top: 1px; } /* Pending */ .generic-button.pending a, .generic-button.pending a:visited { opacity: 0.4; cursor: default; } .generic-button.pending a:active { top: 0px; } /* AJAX LOADERS */ ul li.loading a { background-position: 92% 50%; background-repeat: no-repeat; padding-right: 30px!important; background: url(includes/images/ajax-loader.gif) no-repeat 92% 50%!important; } a.loading { background-position: 92% 50%; background-repeat: no-repeat; padding-right: 30px!important; background-image: url(includes/images/ajax-loader.gif); } /* f o m e Dunkelrot: #AC3400 Hellrot: #E43332 */ @font-face { font-family: 'Gotham Book'; src: url('/fonts/gotham-book-webfont.eot#') format('eot'), url('/fonts/gotham-book-webfont.woff') format('woff'), url('/fonts/gotham-book-webfont.ttf') format('truetype'), url('/fonts/gotham-book-webfont.svg##webfonthSU0iEmz') format('svg'); } @font-face { font-family: 'Gotham Medium'; src: url('/fonts/gotham-medium-webfont.eot#') format('eot'), url('/fonts/gotham-medium-webfont.woff') format('woff'), url('/fonts/gotham-medium-webfont.ttf') format('truetype'), url('/fonts/gotham-medium-webfont.svg#webfonthSU0iEmz') format('svg'); } html, body, p { margin: 0; padding: 0; color: #222; font: 12px/1.5 'Gotham Book',sans-serif !important;} h1, h2, h3, h4, h5, h6 { color: #222222; font-family: 'Gotham Book',sans-serif !important; } h1 {font-size: 1.8em;} h2 {font-size: 1.6em;} h3 {font-size: 1.2em;} strong { font-family: 'Gotham Medium',sans-serif !important; font-weight: normal; } #navigation { font: 13px/1.0 'Gotham Book',sans-serif !important; } #tabs .inside li a { font: 12px/18px 'Gotham Medium',sans-serif !important; } #tabs ul.wooTabs li a { color: #777777; font: 12px/18px 'Gotham Book',sans-serif ; text-transform: none; } .page .title, .page h1 { font: 1.8em/1.0 'Gotham Book',sans-serif !important; padding: 6px 0 6px 12px; margin: 6px 0;} .post .title { font: 16px/1.0 'Gotham Medium',sans-serif !important; margin: 5px 0; padding: 0 0 6px 0;} .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited { color: #fff; background: rgb(223, 66, 7); padding: 0 2px; } .archive_header { border-bottom: 5px solid #E6E6E6; font-size: 1.2em; font-weight: normal; margin: 0 0 24px; padding: 0 0 6px; } .post-edit-link {position: fixed; right: 20px; top: 0; width: 26px; height: 20px; display: block; background: url(images/but-wp-edit.png) no-repeat; text-indent: -9999em;} body {background: #AC3400 url(images/sun.png) no-repeat 50% 0; padding-top: 0 !important;} #bgnice {background: url(images/bg-nice.png) no-repeat 0 0;} #main {position: relative; } #wrapper {position: relative;} #logo { background: url(images/fome-logo.png) no-repeat; width: 511px; height: 88px; display: block; } #logo .site-title, #logo .site-description { display: none; text-indent: -9999em; } #header { padding-top:0!important; margin-top: 10px;} #content, #footer-widgets {background: #fafafa; background: rgba(255,255,255,1);padding: 0 0 15px; overflow: hidden;} #footer-widgets.col-2 .block {padding: 6px;} #footer {border: 0;} #footer p, #footer a {color: #fff; text-transform: lowercase;} #navigation { padding: 0; border: 0; width: 600px; position:absolute; left: 250px; top: 70px; margin: 0; text-transform: lowercase;} #navigation .nav a { background: #000; background: rgba(0,0,0,0.5); color:#fff; text-align: left; } #navigation .nav a:hover, #navigation .nav li.sfHover { background:#AC3400; color:#fff; } #navigation .nav li ul { background: none; border: 0;} #navigation .nav li ul li { border: 0;} #navigation .nav li ul li a:hover { background: #000; color: #fff; } #navigation .nav li ul li a { background:#AC3400; text-shadow: none; font-size: 1em; padding: 5px 10px; width: 220px;} #navigation .nav li.current_page_parent, #navigation .nav li.current_page_item { background:#3B2F17;} .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-menu-item a, .nav li.sfHover {background:#3B2F17;} #navigation .nav a { color: #fff; display: block; line-height: 18px; padding: 3px 12px; z-index: 100; } #navigation .nav .sf-sub-indicator {background: none;} #navigation .nav a, #navigation .nav li.current_page_item, #navigation .nav li.current_page_parent, #navigation .nav li.current-menu-ancestor, #navigation .nav li.current-menu-item, #navigation .nav li.sfHover {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} #navigation .menu-item-592 ul {width: 250px;} a:link,a:visited {color: #c93639; /*color:#E37530;*/ } .entry ol li { padding: 6px 0;} #sidebar { padding:10px 20px; } #sidebar { width:290px!important; padding: 12px 12px 0 0; } .two-col-left-980 #main-sidebar-container #main { width: 650px; padding: 12px 0 0 12px; } #post-author {padding: 12px; margin: 0 -6px -6px -6px; clear: both;} .post-entries { margin-top: 18px; } #comments { border-top: 1px solid rgba(0, 0, 0, 0.07); margin: 12px 0 0; padding: 24px 0 0; } .widget h3 { font: normal 16px/1.0 'Gotham Medium',sans-serif !important; margin:0 0 10px; padding:0 0 5px; text-transform: none; } #loopedSlider .title { padding-left:0; } #loopedSlider { margin: 0 auto 20px auto; } #loopedSlider .content p,#loopedSlider .content h2 a { max-width:400px; } #loopedSlider .content { top: 160px;} #loopedSlider .pagination-wrap { margin: -25px 0 0 0;} #loopedSlider.has-pagination {margin-bottom: 12px;} #loopedSlider .pagination li a { background: url(images/slider-pagination.png) no-repeat;} .post-meta, #tabs .inside li span.meta { color: #999999; font: 11px 'Gotham Book',sans-serif !important; text-transform: none; margin: 0 0 6px 0; } #tabs .inside li span.meta { display: inline-block; padding-left: 3px; } #tabs .inside li {list-style-type: none;} #tabs .inside li a {padding: 0 0 5px 0; line-height: 15px !important;} #tabs .inside li span.meta:before {content: "\B7\A0"; padding-right: 3px;} #bp #group-settings-form .radio ul li { font: normal 12px/1.2em 'Gotham Book',sans-serif !important; font-weight: normal; } .profile-fields em, #post-author dd em {display: block; margin-top: 1em; color: #444 !important;} #post-author dd.fragen em:first-child { margin-top: 0;} .tab-tab2 {clear: left;} .tab-tab2 dt {float:left;} .tab-tab2 dd {padding-left: 150px;} .tab-tab3 h2 {margin-top: 0.5em;} .post-more { border-width: 0 0 1px; clear: both; font: 11px/16px sans-serif; padding: 0; text-transform: none; } .post-meta .comments a { padding: 0; text-transform: none; text-decoration: none; background: url(images/ico-comments.png) no-repeat; padding-left: 16px; } .entry img, img.thumbnail { margin-top: 0; } .entry img {background: none; border: 0; padding: 0;} .post, .type-page { margin: 0 0 12px; background: #fff; overflow: hidden; } .post {padding: 0 6px 0 6px;border-bottom: 1px dotted rgba(48,48,48,0.3);} .type-post .thumbnail {margin: 0 12px 12px -6px; border: 0; padding:0;} .post p.tags {background: url(images/ico-tag.png) no-repeat 0 3px; margin-left: 5px; padding-left:17px; margin-top: 12px;} .searchform {background: #fff;} .gallery-rechts { float: right;padding-left: 20px; line-height: 0; width: 202px; overflow: hidden;} .gallery-unten { ;padding-top: 20px; line-height: 0; width: 202px; overflow: hidden;} .gallery-rechts img, .gallery-rechts img, .ngg-galleryoverview img { padding: 0; border: 0; margin: 0 0 1px 1px; } .ngg-galleryoverview {clear: both; margin-bottom: 1.5em;} .page .ngg-galleryoverview {clear:both; padding: 6px; background: #fff;} .ngg-gallery-thumbnail {float: left; line-height: 0;} .ngg-navigation {clear: both; height: 40px; padding-top: 10px; } .ngg-navigation a, .ngg-navigation span {text-align: center; float: left; width: 20px; height: 20px; line-height: 22px; border: 1px solid #e0e0e0;} .ngg-navigation a:hover {color: #000; text-decoration: none;} .ngg-navigation span {background: #e0e0e0;} .cboxElement img:hover {opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;} .cboxElement br, .ngg-galleryoverview p {display: none;} .vcard {clear: both; margin-top: 12px !important; font-size: 0.9em !important; line-height: 10px !important;} .ngg-gallery-thumbnail-box {float: left;} .ngg-galleryoverview {overflow: hidden;} .bp-widget h4 a { font: 12px 'Gotham Book',sans-serif !important; font-weight: normal; } .calendar #bp #message { float: none; } /* BuddyPress Event Calendar */ #add-event-form label {display: block;} #add-event-form #event-title, #add-event-form #event-desc, #add-event-form #event-loc {width: 615px;} .bp-widget h4, .bp-widget select {margin-bottom: 10px;} table.calendar caption { background: #E6E6E6 !important; padding: 0 !important; margin-bottom: 3px; border-radius: 3px 3px 3px 3px; } ul.lcp_catlist, .simplerssfeedswidget, .shailan_SubpagesWidget {background: #fff; padding: 6px !important;} ul.events-list, .simplerssfeedswidget ul, .shailan_SubpagesWidget ul {padding:0;} ul.events-list li, ul.lcp_catlist li, .simplerssfeedswidget ul li, .shailan_SubpagesWidget ul li {list-style: none; list-style-position: outside; border-bottom: 1px solid #000; padding-bottom: 3px; margin: 0 0 5px 0;} ul.events-list li a, ul.lcp_catlist li a, .simplerssfeedswidget ul li a, .shailan_SubpagesWidget ul li a {padding: 0; line-height: 12px !important;} #wrapper table.calendar td.today {background: #fcffd1;} #wrapper table.calendar td.highlighted {background: #E37530;} #wrapper table.calendar td.highlighted a { color: #fff;} table.calendar td:hover, table.calendar td.today:hover, table.calendar td.selected:hover, table.calendar td.highlighted:hover { background: #E6E6E6 !important; border: 0 !important; } /* Event Listing */ .eventgroup_month { margin: 5px 0; background-color: #d3d3d3; padding: 12px;} .event {overflow: hidden; margin: 0 0 12px 0; border: 1px solid #ccc; padding: 16px; position: relative;} .event_date {float:left; padding-top: 6px; width: 40px; text-align: center;} .event_day {display: block; font-size: 28px; line-height: 26px;} .event_month {margin-top: 4px;} .event_bis {margin: -4px 0 0 0 !important;} .event_content {padding: 0 120px 0 60px;} .event_image {position: absolute; right: 0; top: 0;} /* Event Widget */ .event_widget {overflow: hidden; position: relative; min-height: 120px;} .event_widget .small {display: inline-block; background: #fff; padding: 2px; margin:0;} .event_widget .event_date {float:none; position:absolute; z-index: 10; background: #fff; background:rgba(255,255,255,0.8); color: #444; padding-top: 5px; width: 50px;} .event_widget .event_content {position: absolute; top: 0; left: 50px; z-index: 10; padding: 0; width: 220px;} .event_widget .title {font: 1.4em/1.4em 'Gotham Book',sans-serif !important; margin: 0 0 40px 0; padding: 0;} .event_widget .title a {padding: 4px !important;} #sidebar #text-5 h3 {display: none;} #sidebar #text-5 {margin: 0 0 20px;} .extralink {padding: 3px; background: #000; background:rgba(0,0,0,0.8); font: 1.2em 'Gotham Medium',sans-serif; } /* Event Detail */ .event_detail {float: left; min-height: 500px; width: 650px;} .event_detail .event_date {background: #fff; background:rgba(255,255,255,0.8); color: #444; padding-top: 5px; width: 50px;} .event_detail .event_content {float: left; padding: 0; width: 400px;} .event_detail .event_content .title {font: 1.4em/1.2em 'Gotham Book',sans-serif !important; min-height: 21px; padding: 16px 12px 12px; background:rgb(228,51,50); color: #fff;} .event_detail .event_content .title span {font-size: 11px; color: #444;} .event_detail ul {padding-left: 0 !important;} .event_detail .event-infos td {border-bottom: 1px solid #444; padding: 3px 0; line-height: 12px; font-size: 11px; line-height: 14px;} .event_detail .event-infos .frage {font-family: 'Gotham Medium',sans-serif !important; padding-right: 12px;} .event_detail li {border-bottom: 0;} .event_detail li strong {display: inline-block; width: 75px;} .event_detail_bg {z-index: -1;} .event_anmeldung {clear: left; margin-left: 50px; background: #fff; padding: 12px;} .event_comments {float: left; margin-left: 50px; background: #fff; padding: 12px; width: 576px; border-top: 1px solid #000;} .gform_wrapper .top_label .gfield_label { font: normal 1.0em/1.3em 'Gotham Book',sans-serif !important; color: #444; margin: 10px 0 4px; width: 100%; float: none; } .gform_wrapper input.medium, .ginput_full input { width: 350px;} .ginput_complex .ginput_left { float: left;} .ginput_complex .ginput_left,.ginput_complex .ginput_right { width: 190px; } .gsection {clear: both;} .gform_validation_container { display: none; } .gform_wrapper select { margin-bottom: 7px !important; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display: block; letter-spacing: 0 !important; margin: -6px 0 12px 0 !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 140px !important; } .gform_wrapper ul li.gfield { border-color: #e0e0e0; } .gform_wrapper .validation_message {color:#dd0000; font-size:11px; letter-spacing:normal} .gform_wrapper li.gfield.gfield_error {background-color:#FFDFDF; margin-bottom:6px!important; padding:6px 6px 4px 6px!important; border:1px dotted #C89797} .gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%} .gform_wrapper .top_label .gfield_error {width:97%} .gform_wrapper .top_label .gfield_error input, .gform_wrapper .top_label .gfield_error textarea, .gform_wrapper .top_label .gfield_error select {border:1px solid #dd0000} .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea {width:100%} .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea {width:66%} .gform_wrapper .validation_error {color:#dd0000; font-family: 'Gotham Medium'; font-size:18px; line-height:1.5em; margin-bottom:16px;} a.listing {position: absolute; right: 10px; top: 20px; opacity:0.8;} a.listing:hover, .event_detail a.previous:hover { opacity:1;} .event_detail a.previous {position: absolute; right: 85px; top: 19px; opacity:0.8;} .event_detail a.next {position: absolute; right: 47px; top: 19px; opacity:0.8;} .woo-fblike.none {margin: 0 !important; height: 24px; padding: 12px; background: #fff; background: rgba(255,255,255,0.9); overflow: hidden; border-bottom: 1px solid #000;} .event_comments h2 {margin-bottom: 18px;} dl.pod_comments dt {color: #222;} dl.pod_comments dd {margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #e0e0e0;} /* Verleih */ .transbox-white {color: #444; padding: 12px; background: #fff; background:rgba(255,255,255,0.8);} .transbox-white p {color: #444;} .transbox-white ul {padding-left: 10px;} .transbox-black {padding: 12px; background: #000; background:rgba(0,0,0,0.8); color: #fff;} .transbox-black h2, .transbox-black h3, .transbox-black p {color: #fff;} .transbox-black span {color: #fff; padding-right: 30px;} table.rental {margin-bottom: 10px; width: 100%;} table.rental th {padding: 5px 10px 5px 0; border-bottom: 2px solid #000; color: #444; font-weight: normal; text-align: left;} table.rental td {padding: 5px 10px 5px 0; border-bottom: 1px solid #ccc;} .small {font-size: 11px !important;} p.kursbadge {background: url("images/kursbadge.png") no-repeat; position: absolute; width: 100px; height: 100px; display: block; left: 420px; top: 65px; z-index: 10;} .transbox-white .woo-sc-box.info { margin: 12px -12px 0 -12px; } .transbox-black .gform_wrapper .top_label .gfield_label { color: #efefef; } .transbox-black .gform_wrapper li.gfield.gfield_error, .transbox-black .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #a80000 !important; } .transbox-black .gform_wrapper .gfield_required { color: rgb(255, 0, 0); } .post-3101 {background-image: url("/wp-content/uploads/gewinnspiel-servaus-bg.jpg"); background-repeat: no-repeat; background-position: 0 -100px; } .post-3101 .transbox-black {margin-top: 400px;} /*Kontakt*/ /*.post-444 {background: url("images/bg-kontakt.jpg") 0 0 no-repeat; position: relative; min-height: 900px;}*/ /*.post-444 h1 {color: #222;}*/ .post-444 .transbox-white {width: 440px; background: rgba(255,255,255,0.95)} /*Skiverleih*/ /*.post-288 {background: url("images/bg-skiverleih.jpg") 0 -80px no-repeat; position: relative; min-height: 450px;}*/ /*.post-288 h1 {color: #fff;}*/ .post-288 .transbox-white, .post-288 .transbox-black {width: 440px;} /*Bikeverleih*/ /*.post-77 {background: url("images/bg-bikeverleih.jpg") -100px -10px no-repeat; position: relative; min-height: 450px;}*/ /*.post-77 h1 {color: #222;}*/ .post-77 .transbox-white, .post-77 .transbox-black {width: 440px;} /*Snowboardverleih*/ /*.post-327 {background: url("images/bg-snowboardverleih.jpg") -70px 0px no-repeat; position: relative; min-height: 450px;}*/ /*.post-327 h1 {color: #222;}*/ .post-327 .transbox-white, .post-327 .transbox-black {width: 460px;} .post-327 p.kursbadge {left: 440px;} /*Backcountryverleih*/ /*.post-412 {background: url("images/bg-backcountryverleih.jpg") no-repeat; position: relative; min-height: 950px;}*/ /*.post-412 h1 {color: #fff;}*/ .post-412 .transbox-white, .post-412 .transbox-black {width: 400px;} .post-412 p.kursbadge {left: 400px;} /*Saisonverleih*/ /*.post-333 {background: url("images/bg-saisonverleih.jpg") -70px 0px no-repeat; position: relative; min-height: 450px;}*/ /*.post-333 h1 {color: #fff;}*/ .post-333 .transbox-white, .post-333 .transbox-black {width: 400px;} /*.post-363 {background: url("images/bg-bikeservice.jpg") 0 0 no-repeat;}*/ .post-363 .transbox-white, .post-363 .transbox-black {width: 460px;} /*.post-363 h1 {color: #444;}*/ .post-363 table.rental tr :nth-child(2) {text-align: right;} /*.post-378 {background: url("images/bg-skiservice.jpg") 0 0 no-repeat;}*/ .post-378 .transbox-white, .post-378 .transbox-black {width: 460px;} /*.post-378 h1 {color: #fff;}*/ .post-378 table.rental tr :nth-child(2) {text-align: right;} /*Kurse Ski- Freeski*/ /*.post-263 {background: url("images/bg-kurse-freeski.jpg") no-repeat; position: relative; min-height: 950px;} */ .post-263 h1 {color: #222;} .post-263 .transbox-white, .post-263 .transbox-black {width: 440px;} /*Kurse Backcountry*/ /*.post-269 {background: url("images/bg-kurse-backcountry.jpg") no-repeat; position: relative; min-height: 950px;}*/ /*.post-269 h1 {color: #fff;}*/ /*.post-269 h2 {color: #fff;}*/ .post-269 .transbox-white {width: 440px;} .post-269 .transbox-black {width: 320px;} /*Kurse Snowboard*/ /*.post-342 {background: url("images/bg-kurse-snowboard.jpg") no-repeat; position: relative; min-height: 950px;} */ .post-342 h1 {color: #222;} .post-342 .transbox-white {width: 440px;} .post-342 .transbox-black {width: 440px;} /*Kurse Bike-Fahrtechnik*/ /*.post-260 {background: url("images/bg-kurse-bike.jpg") no-repeat; position: relative; min-height: 950px;}*/ /*.post-260 h1 {color: #222;}*/ .post-260 .transbox-white {width: 320px;} .post-260 .transbox-black {width: 440px;} .post-260 .ngg-galleryoverview {background: #fff; padding-top: 1px;} /*�ber uns*/ /*.post-2 {background: url("images/bg-ueberuns.jpg") no-repeat; position: relative; min-height: 950px;}*/ /*.post-2 h1 {color: #fff;}*/ .post-2 .transbox-white {width: 440px;} /*Team*/ /*.post-63 {background: url("images/bg-teamrider.jpg") 0 0 no-repeat; position: relative; min-height: 950px;}*/ /*.post-63 h1 {color: #fff;}*/ .post-63 .transbox-white {width: 440px;} /*Jobs*/ /* .post-1934 {background: url("images/bg-bikeservice.jpg") 0 0 no-repeat; position: relative; min-height: 950px;} */ .post-1934 h1 {color: #222;} .post-1934 .transbox-white {width: 440px;} /*Team Snow Freestyle*/ /*.post-482 {background: url("images/bg-team-snow.jpg") no-repeat; position: relative; min-height: 950px;}*/ /*.post-482 h1 {color: #fff;}*/ .post-482 .transbox-black,.post-482 .transbox-white {width: 400px;} /*Team Bike XC*/ /*.post-503 {background: url("images/bg-team-bike-xc.jpg") no-repeat; position: relative; min-height: 950px;}*/ /*.post-503 h1 {color: #fff; text-shadow: 1px 1px 2px #222;}*/ .post-503 .transbox-black {width: 400px; margin-top: 220px;} .post-503 .transbox-white {width: 400px;} /*Team Bike Racing DH*/ /*.post-509 {background: url("images/bg-team-bike-dh.jpg") no-repeat; position: relative; min-height: 570px;}*/ /*.post-509 h1 {color: #fff;}*/ .post-509 .transbox-black, .post-509 .transbox-white {width: 440px;} /*Team Bike Gravity*/ /*.post-542 {background: url("images/bg-team-bike-gravity.jpg") no-repeat; position: relative; min-height: 950px;}*/ .post-542 h1 {color: #222;} .post-542 .transbox-black, .post-542 .transbox-white {width: 440px;} /*Team Friends */ .a3-snowboardcrew {background: url("images/a3-snowboardcrew.jpg") 0 -200px no-repeat; position: relative; min-height: 400px;} .a3-snowboardcrew h2 {color: #fff; padding: 6px 12px; margin: 6px 0;} .a3-snowboardcrew .transbox-black {margin-top: 50px;} .toni-wilhelm {background: url("images/toni-wilhelm.jpg") 0 0 no-repeat; position: relative; min-height: 400px;} .toni-wilhelm h2 {color: #fff; padding: 6px 12px; margin: 6px 0;} .motion {background: url("images/3motion.jpg") 0 0 no-repeat; position: relative; min-height: 450px;} .motion .transbox-black {margin-top: 50px;} .motion h2 {color: #fff; padding: 6px 12px; margin: 6px 0;} .veloabenteuer {background: url("images/veloabenteuer.jpg") 0 0 no-repeat; position: relative; min-height: 360px;} .veloabenteuer h2 {color: #fff; padding: 6px 12px; margin: 6px 0;} .veloabenteuer .transbox-black {margin-top: 230px;} /*Shopteam*/ /* .post-427 {background: url("images/bg-ueberuns.jpg") no-repeat; position: relative; min-height: 950px;} */ .post-427 h1 {padding: 10px 0 0 10px !important;} .post-427 span {color: #ccc; font-size: 11px;} .post-427 p {margin: 0 !important;} .post-427 h2 {color: #fff; margin: 0; padding: 0 !important;} .post-427 .transbox-black {margin-bottom: 12px; min-height: 144px; overflow: hidden;} .landingbox {float: left; width:203px; height: 270px; margin: 0 12px 12px 0; display: table-cell; vertical-align: bottom;} .landingbox h2.title {font-size: 1.6em !important; margin-bottom: 0 !important;} .landingbox p {font-size: 11px;} ul.testpool {width: 193px; float: left; background: #fff 50% 0 no-repeat; margin: 0 1px 1px 0; padding: 60px 10px 0px 10px;} ul.testpool li {list-style: none; padding: 3px 0; margin-top: 2px; line-height: 12px; border-bottom: 1px solid #e0e0e0;} ul.testpool li {display: none;} .post-459 ul.testpool li {display: block;} ul.ghost {background-image: url("images/testpool-ghost.png");} ul.rockymountain {background-image: url("images/testpool-rockymountain.png");} ul.cannondale {background-image: url("images/testpool-cannondale.png");} ul.kona {background-image: url("images/testpool-kona.png");} ul.scott {background-image: url("images/testpool-scott.png");} ul.scott-snow {background-image: url("images/testpool-scott-snow.png");} ul.salomon {background-image: url("images/testpool-salomon.png");} ul.amplid {background-image: url("images/testpool-amplid.png");} ul.armada {background-image: url("images/testpool-armada.png");} ul.line {background-image: url("images/testpool-line.png");} ul.burton {background-image: url("images/testpool-burton.png");} ul.nitro {background-image: url("images/testpool-nitro.png");} ul.salomon-snowboard {background-image: url("images/testpool-salomon-snowboard.png");} ul.arbor {background-image: url("images/testpool-arbor.png");} ul.blackdiamond {background-image: url("images/testpool-blackdiamond.png");} ul.bca {background-image: url("images/testpool-bca.png");} ul.dakine {background-image: url("images/testpool-dakine.png");} ul.msr {background-image: url("images/testpool-msr.png");} ul.pieps {background-image: url("images/testpool-pieps.png");} ul.logo01 {background-image: url("images/fome-logos01.png"); padding-top: 126px; margin-top: 12px;} ul.logo02 {background-image: url("images/fome-logos02.png"); padding-top: 126px; margin-top: 12px;} ul.logo03 {background-image: url("images/fome-logos03.png"); padding-top: 126px; margin-top: 12px;} .markenpool li {width: 193px; float: left; background: #fff 50% 0 no-repeat; margin: 0 1px 1px 0; padding: 60px 10px 0px 10px;} /* Widgets */ #text-6 h3, #text-7 h3 {text-indent: -9999em; background: url("images/banner-umzug-290x300.jpg") no-repeat; height: 300px; display: block; border: 0; margin: 0; padding: 1em 0 0 0;} .widget_bp_core_recently_active_widget, .widget_bp_core_whos_online_widget, .widget_bp_groups_widget, widget_bp_core_members_widget {float: none; overflow: hidden;} .team-mitglieder div.profile-fields {display: none;} div.profile-fields {padding: 12px; background: #fff;} table.profile-fields td.label {padding-right: 24px;} .team-mitglieder ul {padding: 0; margin: 0;} .team-mitglieder li {list-style: none !important; float: left; padding: 0; margin: 0 2px 6px 0;} .team-mitglieder li p {padding: 2px 4px 0px 4px; background: #fff;} .team-mitglieder li img { background: #fff; background: rgba(255, 255, 255, 0.7); border: 1px solid #E6E6E6; padding: 4px; } .team-mitglieder li img:hover { background: rgba(255, 255, 255, 1); } .profile-content h4 span {font-size: 11px; padding-left: 10px; color: #707070;} /*Shopartikel 2 in Posts */ .fm-products {} .fm-products:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .product { width: 200px; margin: 0 auto;} .product-third {width:200px; float:left;} .product-half {width:300px; float: left;} .product .product-img {width: 100%;} .product .product-img img {width:100%;} .product .product-price {text-align: center;} .product .old-product-price {text-align: center; text-decoration: line-through; font-size: 11px;} .product .product-name {text-align: center;} /* Shopartikel */ .prodTable td:last-child { border-right: 0; } .entry .prodListing { overflow: hidden; padding: 0; margin: 0 0 1.5em 0; list-style: none; display:table; } .prodListingItem { position: relative; min-height: 205px; width: 158px; float:left; overflow: hidden; border-right: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; padding: 0 10px; margin-right: 1px; } .prodListing li:nth-child(4n+4) { border-right: 0 !important; } .prodListingItem a.imglink { display: table-cell; vertical-align: middle; text-align: center; min-height: 110px; } .prodListingItem a img { margin: 0 auto; } .prodListingItem a:hover img { opacity: 0.7; } .prodListing h1, .prodListing p { font-size: 12px !important; margin: 0; padding: 0; } .tag-new { background: url(http://www.followmestore.de/templates/fome/img/tag-new.png) no-repeat scroll 100% 0 transparent; right: 0; top: 0; } .tag-billig { background: url(http://www.followmestore.de/templates/fome/img/salesbadge-bg.png) no-repeat scroll 3px 0 transparent; color: #FFFFFF; font-size: 14px; font-family: 'Gotham Medium',sans-serif; left: 3px; top: 3px; padding: 12px 0 0; text-align: center; text-shadow: 1px 1px 0 #333333; } .tag-new, .tag-billig { display: block; height: 40px; position: absolute; width: 50px; z-index: 5; } .prodManufacturer { color: #666666; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .prodListingPricetag { font-family: 'Gotham Medium',sans-serif; margin: 0; padding-bottom: 4px; } .prodListingPricetag-new { font-family: 'Gotham Medium',sans-serif; background-color: #FF0000; color: #FFFFFF; padding: 3px 3px 1px; } .productOldPrice { color: #666666; font-size: 11px; } .post-923 .woo-image {display: none;} .shailan_SubpagesWidget {text-transform: lowercase;} .e-bike-button {background: url(/wp-content/uploads/e-bike-button.png) no-repeat 50% 50%; display: block; height: 210px; width: 290px;} .woo-fblike.none { border-bottom: 0; float:left; } .woo-fbshare { padding-top: 13px; } ul {list-style-type: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;} .tag-hot .thumbnail {display: none;} /* http://almaer.com/scrollbar/ */ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: block; height: 0px; } ::-webkit-scrollbar-button:vertical:increment { background-color: transparent; } ::-webkit-scrollbar-track-piece { background-color: #111; } ::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #fff; } ::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #fff; } ::-webkit-scrollbar-thumb:hover { background-color: #333; } ::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #fff; } ::-webkit-scrollbar-thumb:hover { background-color: #333; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } h1.logo { background-color: #fff; background-position: left 50%; background-repeat: no-repeat; /* background-attachment: fixed; */ /* background-clip: border-box; */ background-origin: padding-box; -webkit-background-size: contain; -o-background-size: contain; -moz-background-size: contain; background-size: contain; text-indent: -999em; width: 40%; height: 70px; margin: 6px 0 12px 12px; } .logos li:nth-child(3n+3) { } .cannondale {background-image: url(/wp-content/logos/cannondale.svg);} .wilier {background-image: url(/wp-content/logos/wilier_triestina.svg);} .scott {background-image: url(/wp-content/logos/scott.svg);} #slide-1 .content {display: none;} .woo-fblike.none { height: auto;} #wp-advent-wrapper { margin-bottom: 12px; }