Tue, 03 Apr 2018 16:45:31 +0000 Message: Could not compile SCSS: parse error: failed at `   max-width: none;` /homepages/27/d402953117/htdocs/wbb5/style/ui/zzz_wsc_style_global_values.scss on line 11 PHP version: 7.1.15 WoltLab Suite version: 3.1.1 Request URI: /wbb5/ Referrer: https://www.annothek.net/wbb5/ User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36 Peak Memory Usage: 63511152/671088640 ====== Error Class: wcf\system\exception\SystemException Error Message: Could not compile SCSS: parse error: failed at `   max-width: none;` /homepages/27/d402953117/htdocs/wbb5/style/ui/zzz_wsc_style_global_values.scss on line 11 Error Code: 0 File: /homepages/27/d402953117/htdocs/wbb5/lib/system/style/StyleCompiler.class.php (356) Extra Information: - Stack Trace: [{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/StyleCompiler.class.php","line":131,"function":"compileStylesheet","class":"wcf\\system\\style\\StyleCompiler","type":"->","args":["\/homepages\/27\/d402953117\/htdocs\/wbb5\/style\/style-6",["[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]"],{"messageSidebarOrientation":"[redacted]","pageLogo":"[redacted]","pageLogoWidth":"[redacted]","pageLogoHeight":"[redacted]","pageLogoMobile":"[redacted]","useFluidLayout":"[redacted]","useGoogleFont":"[redacted]","wcfButtonBackground":"[redacted]","wcfButtonBackgroundActive":"[redacted]","wcfButtonDisabledBackground":"[redacted]","wcfButtonDisabledText":"[redacted]","wcfButtonPrimaryBackground":"[redacted]","wcfButtonPrimaryBackgroundActive":"[redacted]","wcfButtonPrimaryText":"[redacted]","wcfButtonPrimaryTextActive":"[redacted]","wcfButtonText":"[redacted]","wcfButtonTextActive":"[redacted]","wcfContentBackground":"[redacted]","wcfContentBorder":"[redacted]","wcfContentBorderInner":"[redacted]","wcfContentContainerBackground":"[redacted]","wcfContentContainerBorder":"[redacted]","wcfContentDimmedLink":"[redacted]","wcfContentDimmedLinkActive":"[redacted]","wcfContentDimmedText":"[redacted]","wcfContentHeadlineBorder":"[redacted]","wcfContentHeadlineLink":"[redacted]","wcfContentHeadlineLinkActive":"[redacted]","wcfContentHeadlineText":"[redacted]","wcfContentLink":"[redacted]","wcfContentLinkActive":"[redacted]","wcfContentText":"[redacted]","wcfDropdownBackground":"[redacted]","wcfDropdownBackgroundActive":"[redacted]","wcfDropdownBorderInner":"[redacted]","wcfDropdownLink":"[redacted]","wcfDropdownLinkActive":"[redacted]","wcfDropdownText":"[redacted]","wcfEditorButtonBackground":"[redacted]","wcfEditorButtonBackgroundActive":"[redacted]","wcfEditorButtonText":"[redacted]","wcfEditorButtonTextActive":"[redacted]","wcfEditorButtonTextDisabled":"[redacted]","wcfFontFamilyFallback":"[redacted]","wcfFontFamilyGoogle":"[redacted]","wcfFontLineHeight":"[redacted]","wcfFontSizeDefault":"[redacted]","wcfFontSizeHeadline":"[redacted]","wcfFontSizeSection":"[redacted]","wcfFontSizeSmall":"[redacted]","wcfFontSizeTitle":"[redacted]","wcfFooterBackground":"[redacted]","wcfFooterBoxBackground":"[redacted]","wcfFooterBoxHeadlineLink":"[redacted]","wcfFooterBoxHeadlineLinkActive":"[redacted]","wcfFooterBoxHeadlineText":"[redacted]","wcfFooterBoxLink":"[redacted]","wcfFooterBoxLinkActive":"[redacted]","wcfFooterBoxText":"[redacted]","wcfFooterCopyrightBackground":"[redacted]","wcfFooterCopyrightLink":"[redacted]","wcfFooterCopyrightLinkActive":"[redacted]","wcfFooterCopyrightText":"[redacted]","wcfFooterHeadlineLink":"[redacted]","wcfFooterHeadlineLinkActive":"[redacted]","wcfFooterHeadlineText":"[redacted]","wcfFooterLink":"[redacted]","wcfFooterLinkActive":"[redacted]","wcfFooterText":"[redacted]","wcfHeaderBackground":"[redacted]","wcfHeaderText":"[redacted]","wcfHeaderLink":"[redacted]","wcfHeaderLinkActive":"[redacted]","wcfHeaderMenuBackground":"[redacted]","wcfHeaderMenuLinkBackground":"[redacted]","wcfHeaderMenuLinkBackgroundActive":"[redacted]","wcfHeaderMenuLink":"[redacted]","wcfHeaderMenuLinkActive":"[redacted]","wcfHeaderMenuDropdownBackground":"[redacted]","wcfHeaderMenuDropdownBackgroundActive":"[redacted]","wcfHeaderMenuDropdownLink":"[redacted]","wcfHeaderMenuDropdownLinkActive":"[redacted]","wcfHeaderSearchBoxBackground":"[redacted]","wcfHeaderSearchBoxBackgroundActive":"[redacted]","wcfHeaderSearchBoxText":"[redacted]","wcfHeaderSearchBoxTextActive":"[redacted]","wcfHeaderSearchBoxPlaceholder":"[redacted]","wcfHeaderSearchBoxPlaceholderActive":"[redacted]","wcfInputBackground":"[redacted]","wcfInputBackgroundActive":"[redacted]","wcfInputBorder":"[redacted]","wcfInputBorderActive":"[redacted]","wcfInputDisabledBackground":"[redacted]","wcfInputDisabledBorder":"[redacted]","wcfInputDisabledText":"[redacted]","wcfInputLabel":"[redacted]","wcfInputText":"[redacted]","wcfInputTextActive":"[redacted]","wcfInputPlaceholder":"[redacted]","wcfInputPlaceholderActive":"[redacted]","wcfLayoutFixedWidth":"[redacted]","wcfLayoutMaxWidth":"[redacted]","wcfLayoutMinWidth":"[redacted]","wcfNavigationBackground":"[redacted]","wcfNavigationLink":"[redacted]","wcfNavigationLinkActive":"[redacted]","wcfNavigationText":"[redacted]","wcfSidebarBackground":"[redacted]","wcfSidebarDimmedLink":"[redacted]","wcfSidebarDimmedLinkActive":"[redacted]","wcfSidebarDimmedText":"[redacted]","wcfSidebarHeadlineLink":"[redacted]","wcfSidebarHeadlineLinkActive":"[redacted]","wcfSidebarHeadlineText":"[redacted]","wcfSidebarLink":"[redacted]","wcfSidebarLinkActive":"[redacted]","wcfSidebarText":"[redacted]","wcfStatusErrorBackground":"[redacted]","wcfStatusErrorBorder":"[redacted]","wcfStatusErrorLink":"[redacted]","wcfStatusErrorLinkActive":"[redacted]","wcfStatusErrorText":"[redacted]","wcfStatusInfoBackground":"[redacted]","wcfStatusInfoBorder":"[redacted]","wcfStatusInfoLink":"[redacted]","wcfStatusInfoLinkActive":"[redacted]","wcfStatusInfoText":"[redacted]","wcfStatusSuccessBackground":"[redacted]","wcfStatusSuccessBorder":"[redacted]","wcfStatusSuccessLink":"[redacted]","wcfStatusSuccessLinkActive":"[redacted]","wcfStatusSuccessText":"[redacted]","wcfStatusWarningBackground":"[redacted]","wcfStatusWarningBorder":"[redacted]","wcfStatusWarningLink":"[redacted]","wcfStatusWarningLinkActive":"[redacted]","wcfStatusWarningText":"[redacted]","wcfTabularBoxBackgroundActive":"[redacted]","wcfTabularBoxBorderInner":"[redacted]","wcfTabularBoxHeadline":"[redacted]","wcfTabularBoxHeadlineActive":"[redacted]","wcfTextShadowDark":"[redacted]","wcfTextShadowLight":"[redacted]","wcfTooltipBackground":"[redacted]","wcfTooltipText":"[redacted]","style_image_path":"[redacted]","apiVersion":"[redacted]","wcfFontFamily":"[redacted]","wcf_option_last_update_time":"[redacted]","wcf_option_woltlab_branding":"[redacted]","wcf_option_module_master_password":"[redacted]","wcf_option_visitor_use_tiny_build":"[redacted]","wcf_option_module_contact_form":"[redacted]","wcf_option_log_ip_address":"[redacted]","wcf_option_enable_woltlab_news":"[redacted]","wcf_option_module_system_recaptcha":"[redacted]","wcf_option_module_cookie_policy_page":"[redacted]","wcf_option_module_article":"[redacted]","wcf_option_module_attachment":"[redacted]","wcf_option_module_smiley":"[redacted]","wcf_option_module_gravatar":"[redacted]","wcf_option_module_users_online":"[redacted]","wcf_option_module_user_rank":"[redacted]","wcf_option_module_user_signature":"[redacted]","wcf_option_module_members_list":"[redacted]","wcf_option_module_team_page":"[redacted]","wcf_option_module_user_cover_photo":"[redacted]","wcf_option_module_like":"[redacted]","wcf_option_module_user_profile_wall":"[redacted]","wcf_option_module_trophy":"[redacted]","wcf_option_module_tagging":"[redacted]","wcf_option_module_poll":"[redacted]","wcf_option_module_wcf_ad":"[redacted]","wcf_option_enable_debug_mode":"[redacted]","wcf_option_enable_benchmark":"[redacted]","wcf_option_enable_developer_tools":"[redacted]","wcf_option_use_page_title_on_landing_page":"[redacted]","wcf_option_show_version_number":"[redacted]","wcf_option_external_link_rel_nofollow":"[redacted]","wcf_option_external_link_target_blank":"[redacted]","wcf_option_show_update_notice_frontend":"[redacted]","wcf_option_language_use_informal_variant":"[redacted]","wcf_option_show_style_changer":"[redacted]","wcf_option_enable_ad_rotation":"[redacted]","wcf_option_enable_polling":"[redacted]","wcf_option_enable_desktop_notifications":"[redacted]","wcf_option_page_logo_link_to_app_default":"[redacted]","wcf_option_url_legacy_mode":"[redacted]","wcf_option_url_omit_index_php":"[redacted]","wcf_option_sitemap_index_time_frame":"[redacted]","wcf_option_offline":"[redacted]","wcf_option_offline_message_allow_html":"[redacted]","wcf_option_http_send_x_frame_options":"[redacted]","wcf_option_http_enable_gzip":"[redacted]","wcf_option_session_timeout":"[redacted]","wcf_option_user_online_timeout":"[redacted]","wcf_option_session_validate_ip_address":"[redacted]","wcf_option_session_validate_user_agent":"[redacted]","wcf_option_session_enable_virtualization":"[redacted]","wcf_option_enable_user_authentication_failure":"[redacted]","wcf_option_user_authentication_failure_timeout":"[redacted]","wcf_option_user_authentication_failure_ip_captcha":"[redacted]","wcf_option_user_authentication_failure_ip_block":"[redacted]","wcf_option_user_authentication_failure_user_captcha":"[redacted]","wcf_option_user_authentication_failure_expiration":"[redacted]","wcf_option_register_use_captcha":"[redacted]","wcf_option_lost_password_use_captcha":"[redacted]","wcf_option_profile_mail_use_captcha":"[redacted]","wcf_option_search_use_captcha":"[redacted]","wcf_option_google_maps_enable_scale_control":"[redacted]","wcf_option_google_maps_enable_dragging":"[redacted]","wcf_option_google_maps_enable_scroll_wheel_zoom":"[redacted]","wcf_option_google_maps_enable_double_click_zoom":"[redacted]","wcf_option_google_maps_access_user_location":"[redacted]","wcf_option_mail_smtp_port":"[redacted]","wcf_option_mail_use_f_param":"[redacted]","wcf_option_module_paid_subscription":"[redacted]","wcf_option_paid_subscription_enable_tos_confirmation":"[redacted]","wcf_option_attachment_enable_thumbnails":"[redacted]","wcf_option_attachment_retain_dimensions":"[redacted]","wcf_option_attachment_thumbnail_height":"[redacted]","wcf_option_attachment_thumbnail_width":"[redacted]","wcf_option_module_edit_history":"[redacted]","wcf_option_edit_history_expiration":"[redacted]","wcf_option_enable_share_buttons":"[redacted]","wcf_option_message_force_secure_images":"[redacted]","wcf_option_module_image_proxy":"[redacted]","wcf_option_image_proxy_insecure_only":"[redacted]","wcf_option_image_proxy_expiration":"[redacted]","wcf_option_enable_censorship":"[redacted]","wcf_option_register_enable_password_security_check":"[redacted]","wcf_option_register_password_min_length":"[redacted]","wcf_option_register_password_must_contain_lower_case":"[redacted]","wcf_option_register_password_must_contain_upper_case":"[redacted]","wcf_option_register_password_must_contain_digit":"[redacted]","wcf_option_register_password_must_contain_special_char":"[redacted]","wcf_option_force_login":"[redacted]","wcf_option_register_disabled":"[redacted]","wcf_option_register_enable_disclaimer":"[redacted]","wcf_option_register_admin_notification":"[redacted]","wcf_option_register_username_min_length":"[redacted]","wcf_option_register_username_max_length":"[redacted]","wcf_option_register_username_force_ascii":"[redacted]","wcf_option_register_min_user_age":"[redacted]","wcf_option_signature_max_image_height":"[redacted]","wcf_option_user_title_max_length":"[redacted]","wcf_option_profile_show_old_username":"[redacted]","wcf_option_profile_enable_visitors":"[redacted]","wcf_option_members_list_users_per_page":"[redacted]","wcf_option_users_online_show_guests":"[redacted]","wcf_option_users_online_show_robots":"[redacted]","wcf_option_users_online_page_refresh":"[redacted]","wcf_option_users_online_record_no_guests":"[redacted]","wcf_option_users_online_enable_legend":"[redacted]","wcf_option_users_online_record":"[redacted]","wcf_option_users_online_record_time":"[redacted]","wcf_option_user_cleanup_notification_lifetime":"[redacted]","wcf_option_user_cleanup_activity_event_lifetime":"[redacted]","wcf_option_user_cleanup_profile_visitor_lifetime":"[redacted]","wcf_option_like_allow_for_own_content":"[redacted]","wcf_option_like_enable_dislike":"[redacted]","wcf_option_like_show_summary":"[redacted]","wcf_option_message_sidebar_enable_online_status":"[redacted]","wcf_option_message_sidebar_enable_likes_received":"[redacted]","wcf_option_message_sidebar_enable_activity_points":"[redacted]","wcf_option_message_sidebar_enable_user_online_marking":"[redacted]","wcf_option_message_sidebar_enable_trophy_points":"[redacted]","wcf_option_tagging_max_tag_length":"[redacted]","wcf_option_message_max_quote_depth":"[redacted]","wcf_option_search_results_per_page":"[redacted]","wcf_option_poll_max_options":"[redacted]","wcf_option_poll_full_width":"[redacted]","wcf_option_media_small_thumbnail_width":"[redacted]","wcf_option_media_small_thumbnail_height":"[redacted]","wcf_option_media_small_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_medium_thumbnail_width":"[redacted]","wcf_option_media_medium_thumbnail_height":"[redacted]","wcf_option_media_medium_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_large_thumbnail_width":"[redacted]","wcf_option_media_large_thumbnail_height":"[redacted]","wcf_option_media_large_thumbnail_retain_dimensions":"[redacted]","wcf_option_article_show_about_author":"[redacted]","wcf_option_article_enable_comments_default_value":"[redacted]","wcf_option_article_enable_like":"[redacted]","wcf_option_article_enable_visit_tracking":"[redacted]","wcf_option_articles_per_page":"[redacted]","wcf_option_article_related_articles":"[redacted]","wcf_option_article_related_articles_match_threshold":"[redacted]","wcf_option_module_conversation":"[redacted]","wcf_option_conversations_per_page":"[redacted]","wcf_option_conversation_messages_per_page":"[redacted]","wcf_option_module_user_infraction":"[redacted]","wcf_option_wbb_module_thread_marking_as_done":"[redacted]","wcf_option_wbb_module_ignore_boards":"[redacted]","wcf_option_wbb_index_enable_stats":"[redacted]","wcf_option_wbb_board_list_depth":"[redacted]","wcf_option_wbb_board_list_enable_last_post":"[redacted]","wcf_option_wbb_board_list_enable_stats":"[redacted]","wcf_option_wbb_board_list_enable_sub_boards":"[redacted]","wcf_option_wbb_board_list_enable_online_list":"[redacted]","wcf_option_wbb_board_enable_stats":"[redacted]","wcf_option_wbb_board_enable_moderators":"[redacted]","wcf_option_wbb_board_threads_per_page":"[redacted]","wcf_option_wbb_board_enable_deleted_thread_note":"[redacted]","wcf_option_wbb_board_threads_enable_language_flag":"[redacted]","wcf_option_wbb_thread_enable_tags":"[redacted]","wcf_option_wbb_thread_enable_similar_threads":"[redacted]","wcf_option_wbb_thread_similar_threads_count":"[redacted]","wcf_option_wbb_thread_similar_threads_search_period":"[redacted]","wcf_option_wbb_thread_empty_recycle_bin_cycle":"[redacted]","wcf_option_wbb_thread_delete_link_cycle":"[redacted]","wcf_option_wbb_thread_marking_as_done_cycle":"[redacted]","wcf_option_wbb_thread_max_formatted_excerpt_length":"[redacted]","wcf_option_wbb_thread_enable_moderation_notification":"[redacted]","wcf_option_wbb_thread_enable_moderation_thread_log":"[redacted]","wcf_option_wbb_thread_moderation_notification_show_moderator":"[redacted]","wcf_option_wbb_thread_posts_per_page":"[redacted]","wcf_option_wbb_thread_enable_deleted_post_note":"[redacted]","wcf_option_wbb_thread_guest_max_posts":"[redacted]","wcf_option_wbb_thread_min_char_length":"[redacted]","wcf_option_wbb_thread_min_word_count":"[redacted]","wcf_option_wbb_post_min_char_length":"[redacted]","wcf_option_wbb_post_min_word_count":"[redacted]","wcf_option_wbb_reply_old_thread_warning":"[redacted]","wcf_option_wbb_reply_show_posts_max":"[redacted]","wcf_option_wbb_thread_show_similar_threads_when_creating_new_thread":"[redacted]","wcf_option_wbb_post_notification_mail_include_message":"[redacted]","wcf_option_wbb_post_edit_hide_edit_note_period":"[redacted]","wcf_option_wbb_install_date":"[redacted]","wcf_option_wbb_message_sidebar_enable_user_posts":"[redacted]","wcf_option_wbb_search_find_threads":"[redacted]","wcf_option_wbb_article_thread_single_board":"[redacted]","wcf_option_legal_notice_additional_text_enable_html":"[redacted]","wcf_option_filebase_index_enable_stats":"[redacted]","wcf_option_filebase_enable_license":"[redacted]","wcf_option_filebase_enable_custom_license":"[redacted]","wcf_option_filebase_enable_license_confirmation":"[redacted]","wcf_option_filebase_enable_version_number":"[redacted]","wcf_option_filebase_enable_multilingualism":"[redacted]","wcf_option_filebase_enable_file_icon":"[redacted]","wcf_option_filebase_files_per_page":"[redacted]","wcf_option_filebase_max_teaser_length":"[redacted]","wcf_option_filebase_enable_time_limited_file_stats":"[redacted]","wcf_option_filebase_time_limited_file_stats_period":"[redacted]","wcf_option_filebase_file_empty_recycle_bin_cycle":"[redacted]","wcf_option_filebase_message_sidebar_enable_user_files":"[redacted]","wcf_option_filebase_install_date":"[redacted]","wcf_option_filebase_enable_selling":"[redacted]","wcf_option_filebase_multiple_purchase":"[redacted]","wcf_option_filebase_price_tax":"[redacted]","wcf_option_steam_integration_enabled":"[redacted]","wcf_option_steam_integration_update_linked_groups":"[redacted]","wcf_option_steam_integration_thirdparty":"[redacted]","wcf_option_steam_integration_nickname":"[redacted]","wcf_option_steam_integration_sidebar_show":"[redacted]","wcf_option_steam_integration_sidebar_avatar":"[redacted]","wcf_option_steam_integration_avatar_userlist_count":"[redacted]","wcf_option_steam_integration_userlist_validated":"[redacted]","wcf_option_steam_integration_max_jobs":"[redacted]","wcf_option_steam_integration_games_per_page":"[redacted]","wcf_option_steam_integration_discussions":"[redacted]","wcf_option_easypoll_custom_pollmeter":"[redacted]","wcf_option_easypoll_select_parentcategories":"[redacted]","wcf_option_easypoll_poll_count":"[redacted]","wcf_option_easypoll_show_options":"[redacted]","wcf_option_easypoll_auto_finish":"[redacted]","wcf_option_easypoll_show_badge":"[redacted]","wcf_option_shoutbox_sync_interval":"[redacted]","wcf_option_shoutbox_idle_limit":"[redacted]","wcf_option_shoutbox_height":"[redacted]","wcf_option_shoutbox_height_sidebar":"[redacted]","wcf_option_shoutbox_show_header":"[redacted]","wcf_option_shoutbox_entry_limit":"[redacted]","wcf_option_shoutbox_entry_use_user_online_marking":"[redacted]","wcf_option_shoutbox_entry_allow_bbcodes":"[redacted]","wcf_option_shoutbox_entry_show_avatars":"[redacted]","wcf_option_shoutbox_entry_delete_time":"[redacted]","wcf_option_shoutbox_extend_submit":"[redacted]","wcf_option_shoutbox_extend_smiley":"[redacted]","wcf_option_lexicon_install_date":"[redacted]","wcf_option_lexicon_charge_upgrade":"[redacted]","wcf_option_lexicon_index_columns":"[redacted]","wcf_option_lexicon_message_sidebar_enable_user_entries":"[redacted]","wcf_option_lexicon_user_profile_enable_user_entries":"[redacted]","wcf_option_lexicon_index_enable_categories":"[redacted]","wcf_option_lexicon_index_enable_stats":"[redacted]","wcf_option_lexicon_entries_per_page":"[redacted]","wcf_option_lexicon_index_enable_language_flag":"[redacted]","wcf_option_lexicon_index_list_entries":"[redacted]","wcf_option_lexicon_excerpt_length":"[redacted]","wcf_option_lexicon_entry_sidebar_items":"[redacted]","wcf_option_lexicon_use_terms":"[redacted]","wcf_option_lexicon_terms_use_html":"[redacted]","wcf_option_lexicon_allow_multiple_category_entry":"[redacted]","wcf_option_lexicon_list_entries_of_subcategories":"[redacted]","wcf_option_lexicon_entry_pdf_export":"[redacted]","wcf_option_lexicon_enable_excerpt_bbcodes":"[redacted]","wcf_option_lexicon_use_headlines_in_toc":"[redacted]","wcf_option_lexicon_parser_enable":"[redacted]","wcf_option_lexicon_parser_limit_detection":"[redacted]","wcf_option_easymedia_install_date":"[redacted]","wcf_option_easymedia_enable_favorite":"[redacted]","wcf_option_easymedia_enable_rating":"[redacted]","wcf_option_easymedia_enable_userpanel":"[redacted]","wcf_option_easymedia_select_parentcategories":"[redacted]","wcf_option_easymedia_select_allcategories":"[redacted]","wcf_option_easymedia_showallcategories":"[redacted]","wcf_option_easymedia_jumptoanchor":"[redacted]","wcf_option_easymedia_enable_extended_editor":"[redacted]","wcf_option_easymedia_empty_recycle_bin_cycle":"[redacted]","wcf_option_easymedia_enable_terms":"[redacted]","wcf_option_easymedia_terms_html":"[redacted]","wcf_option_easymedia_index_enable_stats":"[redacted]","wcf_option_easymedia_album_enable_stats":"[redacted]","wcf_option_easymedia_album_list":"[redacted]","wcf_option_easymedia_album_hide_locked":"[redacted]","wcf_option_easymedia_album_max_archive_size":"[redacted]","wcf_option_easymedia_user_profile_enable_user_albums":"[redacted]","wcf_option_easymedia_message_sidebar_enable_user_items":"[redacted]","wcf_option_easymedia_module_image":"[redacted]","wcf_option_easymedia_dashboard_box_images":"[redacted]","wcf_option_easymedia_dashboard_box_images_period":"[redacted]","wcf_option_easymedia_dashboard_box_images_row":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_period":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_arrows":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_dots":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_rows":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_autoplay":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_duration":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_big":"[redacted]","wcf_option_easymedia_dashboard_box_latest_images":"[redacted]","wcf_option_easymedia_image_enable_stats":"[redacted]","wcf_option_easymedia_images_row_big":"[redacted]","wcf_option_easymedia_images_per_page":"[redacted]","wcf_option_easymedia_image_ignoremaxwidth":"[redacted]","wcf_option_easymedia_image_max_categories":"[redacted]","wcf_option_easymedia_images_ignoreplaceholder":"[redacted]","wcf_option_easymedia_enable_marker":"[redacted]","wcf_option_easymedia_enable_watermark":"[redacted]","wcf_option_easymedia_disable_rightclick":"[redacted]","wcf_option_easymedia_image_compress":"[redacted]","wcf_option_easymedia_images_min_width":"[redacted]","wcf_option_easymedia_images_min_height":"[redacted]","wcf_option_easymedia_images_album":"[redacted]","wcf_option_easymedia_images_pendingthumbnail":"[redacted]","wcf_option_easymedia_image_ratiothumbnails":"[redacted]","wcf_option_easymedia_user_profile_enable_latest_user_images":"[redacted]","wcf_option_easymedia_user_profile_enable_user_imageitems":"[redacted]","wcf_option_easymedia_rebuild_thumbnails_count":"[redacted]","wcf_option_easymedia_rebuild_thumbnails_refresh":"[redacted]","wcf_option_easymedia_module_video":"[redacted]","wcf_option_easymedia_dashboard_box_videos":"[redacted]","wcf_option_easymedia_dashboard_box_videos_period":"[redacted]","wcf_option_easymedia_dashboard_box_videos_row":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_period":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_arrows":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_dots":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_rows":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_autoplay":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_duration":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_big":"[redacted]","wcf_option_easymedia_video_enable_stats":"[redacted]","wcf_option_easymedia_video_ratiothumbnails":"[redacted]","wcf_option_easymedia_videos_row_big":"[redacted]","wcf_option_easymedia_videos_per_page":"[redacted]","wcf_option_easymedia_video_max_categories":"[redacted]","wcf_option_easymedia_videos_list_showpreview":"[redacted]","wcf_option_easymedia_videos_list_overlay":"[redacted]","wcf_option_easymedia_videos_enablelivedata":"[redacted]","wcf_option_easymedia_videos_generatethumbnail":"[redacted]","wcf_option_easymedia_videos_autoplay":"[redacted]","wcf_option_easymedia_video_livestream_auto_delete":"[redacted]","wcf_option_easymedia_videos_album":"[redacted]","wcf_option_easymedia_video_forcehtml5":"[redacted]","wcf_option_easymedia_user_profile_enable_latest_user_videos":"[redacted]","wcf_option_easymedia_user_profile_enable_user_videoitems":"[redacted]","wcf_option_user_weristo_onoffline_enable":"[redacted]","wcf_option_user_weristo_online_enable":"[redacted]","wcf_option_user_weristo_offline_enable":"[redacted]","wcf_option_wbb_online_time_useown":"[redacted]","wcf_option_select_default_avatar_random":"[redacted]"},"\/* Global Boderradius --- Globale Abrundung - 3px *\/\r\n$borderRadius: \t\t\t\t\t\t3px;\r\n\r\n\/* Width Messagesidebar --- Breite Seitenleiste Themen - 185px *\/\r\n$messageSidebarWidth:\t\t\t\t185px;\r\n\r\n\/* Padding Aside --- Seitlicher Abstand - 20px *\/\r\n$paddingAside:\t\t\t\t\t\t20px;\r\n\r\n\/* Fixed Mainmenu --- Fixiertes Men\u00fc 0 - 1 *\/\r\n$fixedMainmenu:\t\t\t\t\t\t1;\r\n\r\n\/* User-Header --- User-Header 0 - 1 *\/\r\n$displayhederContentUser:\t \t\t1;\r\n\r\n\/* Guest-Header --- G\u00e4ste-Header 0 - 1 *\/\r\n$displayhederContentVisitor:\t\t1;\r\n\r\n\/* Shadow primary --- Prim\u00e4rer Schatten *\/\r\n$baseBoxShadowTop:\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\r\n\/* Gradient top --- Verlauf Start*\/\r\n$baseLinearGradientTop:\t\t\t\trgba(255, 255, 255, 0.085);\r\n\r\n\/* Gradient bottom --- Verlauf Ende *\/\r\n$baseLinearGradientBottom:\t\t\trgba(255, 255, 255, 0.0);\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t@if($displayhederContentUser == 0) {\r\n\r\n\t\t.baseHeaderContentUser {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t@if($displayhederContentVisitor == 0) {\r\n\r\n\t\t.baseHeaderContentVisitor {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t} @else {\r\n\r\n\t\t@media (min-width: 1025px) {\r\n\r\n\t\t\t#userLogin {\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t\t\r\n\t\t}\r\n\t\t\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#main {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\r\n\t@if $useFluidLayout == 0 {\r\n\t\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\t\twidth: inherit !important;\r\n\t\t}\r\n\t}\r\n\t \r\n\t.pageContainer {\r\n\t\t@if $useFluidLayout == 1 {\r\n\t\t\tmin-width: $wcfLayoutMinWidth + $paddingAside + $paddingAside;\r\n\t\t\tmax-width: $wcfLayoutMaxWidth;\r\n\t\t\tmargin: 0 auto;\r\n\t\t} @else {\r\n\t\t\twidth: $wcfLayoutFixedWidth;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n\t.layoutBoundary {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n\r\n\t#pageHeaderUserPanel,\r\n\t#pageHeaderPanel > .layoutBoundary,\r\n\t.pageNavigation > div,\r\n\t.main > div,\r\n\t#pageFooter,\r\n\t.boxesFooterBoxes {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n\t#pageFooterCopyright {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset; \t\t\r\n\t}\t\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tpadding: 20px 0;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\t\r\n\t\r\n\t.boxesFooterBoxes {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset; \t\t\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.075) inset;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\r\n\r\n\t#pageHeaderPanel > .layoutBoundary {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset; \r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t.pageNavigation > div {\r\n\t\tbackground-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.03));\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset;\r\n\t\tmin-height: 35px;\r\n\t}\r\n\r\n\t.main > .layoutBoundary {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset;\t\r\n\t}\r\n\r\n\thtml, body {\r\n\t\theight: inherit;\r\n\t}\r\n\r\n\t#pageHeaderPanel,\r\n\t.pageNavigation,\r\n\t#main,\r\n\t#pageFooter > .boxesFooter,\r\n\t#pageFooterCopyright {\r\n\t\tbackground-color: rgba(0, 0, 0, 0)\r\n\t}\r\n\r\n\t#pageHeader {\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 66px;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary\t {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tposition: absolute;\r\n\t\tleft: inherit;\r\n\t\ttop: 0px;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > div {\r\n\t\tmin-width: 0;\r\n\t}\t\r\n\r\n\t.pageHeaderContainer {\r\n\t\tpadding-top: 0;\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n\t.main {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.pageNavigation {\r\n\t\tpadding: 0;\r\n\t} \r\n\r\n\t#pageFooter {\r\n\t\tmargin-bottom: 50px;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\r\n\r\n\t#content {\r\n\t\tpadding-top: 40px;\r\n\t\tpadding-bottom: 40px;\r\n\t}\r\n\r\n\t.main, \r\n\t.main > .layoutBoundary {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.content + .sidebar {\r\n\t\tmargin-left: 20px;\r\n\t}\r\n\r\n\t.sidebar:first-child {\r\n\t\tmargin-right: 20px;\r\n\t}\r\n\r\n\t.sidebar + .content {\r\n\t\tflex-basis: calc(100% - 330px);\r\n\t\tmax-width: calc(100% - 330px);\r\n\t}\r\n\r\n\t\/* Content \/ Sidebar rechts *\/\r\n\r\n\t.content:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 330px);\r\n\t\tmax-width: calc(100% - 330px);\r\n\t\tpadding-left: 20px;\r\n\t}\r\n\r\n\t.sidebar + .content:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 660px);\r\n\t\tmax-width: calc(100% - 660px);\r\n\t\tpadding-left: 0;\r\n\t\tpadding-right: 0;\r\n\t}\r\n\r\n\t\/* Sidebar links \/ Content *\/\r\n\r\n\t.boxesSidebarLeft + .content {\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n\t\/* Keine Sidebars *\/\r\n\r\n\t.content:first-child:last-child {\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n}\r\n\r\nbody {\r\n\tbackground-image: url('#{$style_image_path}pageBG.jpg');\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-color: #000;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tpadding: 20px 0;\r\n\t}\r\n\r\n\t.boxesFooterBoxes > .layoutBoundary,\r\n\t.boxesFooter {\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tbox-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;\r\n\t\tborder-top: 1px solid #000;\r\n\t}\r\n\r\n}\r\n\r\n.mainMenu .boxMenu > li > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset, \r\n\t\t0 -1px 0 rgba(255,255,255,0.08) inset, \r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.5);\r\n\tborder-top: 1px solid $wcfContentBorderInner;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\tbackground-color: $wcfHeaderMenuLinkBackground;\r\n}\r\n\r\n.mainMenu .boxMenu > li:first-child > a {\r\n\tborder-radius: $borderRadius 0 0 $borderRadius;\r\n}\r\n\r\n.mainMenu .boxMenu > li:last-child > a {\r\n\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n}\r\n\r\n.mainMenu .boxMenu > li:not(last-child) > a {\r\n\tborder-right: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.mainMenu .boxMenu > li.active > a, \r\n.mainMenu .boxMenu > li:hover > a {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.mainMenu .boxMenu > li:active > a {\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.4),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,0%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.dropdownMenu,\r\n.mainMenu .boxMenu .boxMenuDepth1 {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.containerList > li,\r\n.tabularList > li,\r\n.wbbCategory.wbbDepth1 > ul > li,\r\n.commentResponseList > li,\r\n.interactiveDropdownItems > li,\r\n#tpl_wbb_board .section > .wbbBoardList > li {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-color: transparentize($wcfContentBackground, 0.3);\r\n}\r\n\r\n.section > .wbbBoardList > li {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n#tpl_wbb_board .section > .wbbBoardList {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n\/* Lastpost *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.wbbLastPost {\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.wbbLastPost {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tpadding: 5px 10px;\r\n\t\tbox-shadow: 0 -1px 0 rgba(255,255,255,0.15) inset;\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.wbbLastPost {\r\n\t\tflex-basis: calc(34% - 10px);\r\n\t\tmax-width: calc(34% - 10px);\r\n\t}\r\n\r\n}\r\n\r\n\/* Icons Boardlist *\/\r\n\r\n.wbbBoardList .icon32 {\r\n\tborder-radius: 3px;\r\n\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.125);\r\n}\r\n\r\n.wbbBoardList .icon32.fa-folder-open {\r\n\tcolor: #fff;\r\n\tbackground-color: $wcfHeaderMenuLinkBackgroundActive;\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.15) inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.08) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.1) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.1) inset, \r\n\t\t0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.wbbBoardList .icon32 {\r\n\tfont-size: 16px;\r\n\tposition: relative;\r\n\ttop: -1px;\r\n}\r\n\r\n\/* Infoboxes *\/\r\n\r\n.warning,\r\n.success,\r\n.error,\r\n.info:not(.cookiePolicyNotice) {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.innerError {\r\n\tbackground-color: $wcfStatusErrorBackground;\r\n\tcolor: $wcfStatusErrorText;\r\n}\r\n\r\n.innerError:before {\r\n\tborder-color: transparent transparent $wcfStatusErrorBackground;\r\n}\r\n\r\n.warning {\r\n\tbackground: linear-gradient($wcfStatusWarningBackground, darken($wcfStatusWarningBackground,5%));\r\n}\r\n\r\n.success {\r\n\tbackground: linear-gradient($wcfStatusSuccessBackground, darken($wcfStatusSuccessBackground,5%));\r\n}\r\n\r\n.error {\r\n\tbackground: linear-gradient($wcfStatusErrorBackground, darken($wcfStatusErrorBackground,5%));\r\n}\r\n\r\n.info {\r\n\tbackground: linear-gradient($wcfStatusInfoBackground, darken($wcfStatusInfoBackground,5%));\r\n}\r\n\r\n\/* Tabularbox Header *\/\r\n\r\n.tabularBoxTitle > header {\r\n\tpadding: 7px 0px 7px 10px;\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset,\r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\t\r\n\t.tabularBoxTitle > header {\r\n\t\tborder-radius: $borderRadius $borderRadius 0 0;\r\n\t}\r\n\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 {\r\n\tflex-direction: row-reverse;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 .badge {\r\n\tmargin-right: 7px;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 + small {\r\n\tmargin-left: 0;\r\n\tcolor: $wcfTabularBoxHeadline;\r\n}\r\n\r\n.userPanel > ul > li > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\t\r\n\tbackground-color: rgba(255, 255, 255, 0.0);\r\n\tpadding: 0 10px;\r\n\tbox-shadow: \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.075) inset,\r\n\t\t1px 0 0 rgba(255, 255, 255, 0.075) inset;\r\n\theight: 48px;\t\r\n}\r\n\r\n.userPanel > ul > li.dropdownOpen > a, \r\n.userPanel > ul > li.open > a, \r\n.userPanel > ul > li:hover > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientBottom, $baseLinearGradientBottom);\t\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.userPanel > ul > li > a .icon32 {\r\n\tfont-size: 24px;\r\n}\r\n\r\n.userPanel > ul > li {\r\n\tborder-right: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.userPanel > ul > li:first-child {\r\n\tborder-left: 1px solid $wcfContentBorderInner;\r\n\tbox-shadow: -1px 0 0 rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.userPanel > ul > li:last-child {\r\n\tbox-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.userPanel > ul > li:first-child,\r\n.userPanel > ul > li:first-child a {\r\n\tborder-radius: 0 0 0 $borderRadius;\r\n}\r\n\r\n.userPanel > ul > li:last-child,\r\n.userPanel > ul > li:last-child a {\r\n\tborder-radius:\t 0 0 $borderRadius 0;\r\n}\r\n\r\n.userPanel > ul > li > a > .badgeUpdate {\r\n\tleft: 7px;\r\n\tposition: relative;\r\n\ttop: 0;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.interactiveDropdown {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground), \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground);\r\n\tposition: absolute;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 2px 6px rgba(0, 0, 0, 0.16), \r\n\t\t0 3px 6px rgba(0, 0, 0, 0.23);\r\n}\r\n\r\n.interactiveDropdownHeader {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.interactiveDropdownShowAll {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.dialogContainer {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground),\r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground);\r\n\tbox-shadow:\r\n\t\t0 0 15px rgba(0,0,0,0.25), \r\n\t\t0 1px 50px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.35);\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.dialogContainer > header {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset,\r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.dialogContainer > .dialogContent {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless), \r\n.boxesSidebarRight .box:not(.boxBorderless) {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.boxesSidebarLeft .box:first-child, \r\n\t.boxesSidebarRight .box:first-child {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n\t.boxesSidebarLeft .box:not(:first-child), \r\n\t.boxesSidebarRight .box:not(:first-child) {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255, 255, 255, 0.075) inset,\r\n\t\t\t0 1px 0 $baseBoxShadowTop,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t.boxesSidebarLeft .box, \r\n\t.boxesSidebarRight .box {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n}\r\n\r\n\r\n.tabularListRow.divider + li:not(.divider) {\r\n\tborder-top-width: 5px;\r\n}\r\n\r\n\r\n\/* Messages *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.message:not(.messageCollapsed) {\r\n\t\tpadding-bottom: 10px;\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t}\r\n\r\n\t.message.messageCollapsed {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tpadding: 0;\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\t\t\r\n\t}\r\n\r\n\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.messageList:not(.messageReducedList) {\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) > li {\r\n\t\tmargin-bottom: 20px;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n\t.messageList:not(.messageReducedList) > li .message {\r\n\t\tpadding: 0;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: rgba(0,0,0,0.4);\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) > li .message {\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageSidebar {\r\n\t\tflex: 0 0 $messageSidebarWidth;\r\n\t\tborder-radius: $borderRadius 0 0 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageSidebar + .messageContent {\r\n\t\tflex-basis: calc(100% - #{$messageSidebarWidth});\r\n\t\tmax-width: calc(100% - #{$messageSidebarWidth});\r\n\t\tmargin-left: 0;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageContent {\r\n\t\tpadding:20px;\r\n\t\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\t.messageSignature {\r\n\t\tborder-top: 1px solid rgba(255, 255, 255, 0.2);\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.messageSidebar .badgeOnline {\r\n\t\tfont-size: 10px;\r\n\t}\t\r\n\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.messageSidebar {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 $baseBoxShadowTop;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tmargin: 0;\t\r\n\t}\r\n\r\n\t.badgeOnline::before {\r\n\t\tbackground: linear-gradient(rgb(0,167,0), rgb(0,132,0));\r\n\t\tborder: 2px solid #000 !important;\r\n\t}\r\n\r\n\t.messageFooterGroup > .messageFooterButtons.buttonList.open {\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n\t.messageContent {\r\n\t\t padding: 10px;\r\n\t}\r\n\r\n\t.messageCollapsed {\r\n\t\t margin: 0;\r\n\t}\r\n\t\r\n\t.messageList > li:not(:last-child) {\r\n\t\tpadding-bottom: 10px;\r\n\t}\r\n\r\n\t.messageReduced .messageHeader {\r\n\t\t margin: 0;\r\n\t}\r\n\r\n}\r\n\r\n\/* Reduced Message *\/\r\n\r\n.messageReduced > .messageContent {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.messageReduced .messageBody, \r\n.messageReduced .messageFooter {\r\n\tpadding: 0;\r\n}\r\n\r\n.messageReduced .messageHeader {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow: 0 -1px 0 rgba(255,255,255,0.175) inset;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.articleList > li {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\t\t\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.articleListTitle {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n#tpl_wcf_article #content > .section.articleeContent {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n\/* Buttons *\/\r\n\r\nbutton,\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"],\r\n.button,\r\na.button { \r\n\t&:not(.inputPrefix) {\r\n\t\ttext-transform: none;\r\n\t}\r\n}\r\n\r\nbutton,\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"],\r\n.button,\r\na.button,\r\n.pagination > ul > li.active > a, \r\n.pagination > ul > li.active > span, \r\n.pagination > ul > li > a:hover {\r\n\tbox-shadow:\r\n\t\t0 20px 20px -10px rgba(255,255,255,0.05) inset,\r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset,\r\n\t\t0 -1px 0 rgba(255,255,255,0.05) inset,\r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 0 #000;\r\n}\r\n\r\nbutton.buttonPrimary, \r\ninput[type=\"button\"].buttonPrimary, \r\ninput[type=\"submit\"], \r\n.button.buttonPrimary, \r\na.button.buttonPrimary {\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,15%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 -30px 30px -20px darken($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 30px 30px -20px lighten($wcfHeaderMenuLinkBackgroundActive,5%) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.pageAction.active .button {\r\n\tbox-shadow:\r\n\t\t0 20px 20px -10px $baseBoxShadowTop inset,\r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset,\r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 0 15px #000;\r\n}\r\n\r\n.containerList > li .buttonGroupNavigation > ul > li > a > .icon {\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.pagination > ul > li.active > a, \r\n.pagination > ul > li.active > span, \r\n.pagination > ul > li > a:hover {\r\n\tborder-radius: 2px;\r\n}\r\n\r\nbutton, \r\ninput[type=\"button\"], \r\ninput[type=\"reset\"], \r\ninput[type=\"submit\"], \r\n.button, \r\na.button,\r\nbutton:hover, \r\ninput[type=\"button\"]:hover, \r\ninput[type=\"reset\"]:hover, \r\ninput[type=\"submit\"]:hover, \r\n.button:hover, \r\na.button:hover {\r\n\ttransition: 150ms background-color ease;\r\n}\r\n\r\na, \r\na:hover,\r\n.userPanel > ul > li > a .icon,\r\n.userPanel > ul > li > a:hover .icon,\r\n#userMenu > a::after,\r\n#userMenu > a:hover::after {\r\n\ttransition: 150ms color ease;\r\n}\r\n\r\n\/* Forms *\/\r\n\r\ninput[type=\"date\"],\r\ninput[type=\"datetime\"],\r\ninput[type=\"email\"],\r\ninput[type=\"number\"],\r\ninput[type=\"password\"],\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"],\r\ninput[type=\"url\"],\r\nselect,\r\ntextarea,\r\n.inputItemList {\r\n\ttransition: 250ms all ease;\r\n\tbox-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5) inset;\r\n\tborder-radius: 5px;\r\n}\r\n\r\ninput[type=\"date\"]:focus,\r\ninput[type=\"datetime\"]:focus,\r\ninput[type=\"email\"]:focus,\r\ninput[type=\"number\"]:focus,\r\ninput[type=\"password\"]:focus,\r\ninput[type=\"search\"]:focus,\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"]:focus,\r\ninput[type=\"url\"]:focus,\r\nselect:focus,\r\ntextarea:focus,\r\ninput[type=\"date\"]:hover,\r\ninput[type=\"datetime\"]:hover,\r\ninput[type=\"email\"]:hover,\r\ninput[type=\"number\"]:hover,\r\ninput[type=\"password\"]:hover,\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"]:hover,\r\ninput[type=\"url\"]:hover,\r\nselect:hover,\r\ntextarea:hover,\r\n.inputItemList:hover {\r\n\ttransition: 250ms all ease;\r\n\tbox-shadow: \r\n\t\t0px 1px 3px 0 rgba(0, 0, 0, 0.5) inset, \r\n\t\t0 0 7px $wcfInputBorderActive;\r\n}\r\n\r\n.section:not(.sectionContainerList) > .sectionHeader, \r\n.section:not(.sectionContainerList) > .sectionTitle {\r\n\tborder-bottom: 1px solid rgba(255, 255, 255, 0.125);\r\n}\r\n\r\n\/* Likesystem *\/\r\n\r\n.wcfLikeCounter.likeCounterLiked {\r\n\tcolor: #01d001 !important;\r\n\ttext-shadow: 0 0 0.5em #01d001;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterDisliked {\r\n\tcolor: #ff0101 !important;\r\n\ttext-shadow: 0 0 0.5em #ff0101;\r\n}\r\n\r\n\/* New Topics *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.tabularListColumns.wbbThread li.columnSubject {\r\n\t\tpadding-left:20px;\r\n\t}\r\n\r\n\t.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink:after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tleft: -13px;\r\n\t\ttop: 8px;\r\n\t\twidth: 8px;\r\n\t\theight: 8px;\r\n\t\tborder-radius:10px;\r\n\t\tbackground: #00b200;\r\n\t\tbox-shadow: 0 0 5px #00b200;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.tabularListRowHead > .tabularListColumns > li {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.tabMenu > ul > li > a {\r\n\t\tfont-size: 18px;\r\n\t}\t\r\n\r\n}\r\n\r\n\/* Editor *\/\r\n\r\n.redactor-box {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\n.redactor-layer {\r\n\tbox-shadow:\r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset;\r\n\t\tborder-color: #000;\r\n\tborder-bottom-color: rgba(255,255,255,0.175);\r\n\tborder-left-color: rgba(255,255,255,0.1);\r\n\tborder-right-color: rgba(255,255,255,0.1);\r\n}\r\n\r\n.redactor-toolbar {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.075) inset, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.03) inset;\r\n}\r\n\r\n.messageTabMenu {\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.075);\r\n}\r\n\r\n.messageTabMenuNavigation > ul {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.05) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li > a {\r\n\tcolor: $wcfContentLinkActive;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li > a:hover {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li.active > a {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.075) inset,\r\n\t\t0 -1px 0 $baseBoxShadowTop;\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n.redactorAutosaveRestored {\r\n\tbottom: 2px;\r\n}\r\n\r\n.redactorAutosaveRestored > a,\r\n.redactorAutosaveRestored > span {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px $baseBoxShadowTop inset, \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.125) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t0 1px 0 #000;\r\n}\r\n\r\n\/* Polls *\/\r\n\r\n.pollContainer {\r\n\tbackground-color: rgba(0,0,0,0.5);\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.pollContainer .pollResultItem .pollMeter > .pollMeterValue {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n}\r\n\r\n\/* Quotes *\/\r\n\r\nwoltlab-quote, \r\n.quoteBox {\r\n\tbox-shadow: \r\n\t\t5px 0 0 $wcfContentText inset,\r\n\t\t0 1px 0 $baseBoxShadowTop;\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\n\/* BB-Code Code *\/\r\n\r\n.codeBox,\r\n.redactor-layer pre {\r\n\tborder-radius: $borderRadius;\r\n\tbackground-color: $wcfContentBackground !important;\r\n\tcolor: $wcfContentLinkActive !important;\r\n\tbox-shadow:\r\n\t\t0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n\/* BB-Code Spoiler *\/\r\n\r\n.spoilerBox > .spoilerBoxContent,\r\n.redactor-layer woltlab-spoiler {\r\n\tborder-radius: $borderRadius;\r\n\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow: \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\r\n}\r\n\r\n\/* Badges *\/\r\n\r\n.badge {\r\n\tbox-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.badge,\r\na.badge {\r\n\tbackground-image: linear-gradient($wcfContentLink, $wcfContentLinkActive);\r\n\tcolor: $wcfContentBackground;\r\n\r\n\t&.badgeUpdate {\r\n\t\tbackground-image: linear-gradient(rgb(205,41,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.green {\r\n\t\tbackground-image: linear-gradient(rgb(0,167,0), rgb(0,132,0));\r\n\t}\r\n\r\n\t&.red {\r\n\t\tbackground-image: linear-gradient(rgb(205,41,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.black {\r\n\t\tbackground-image: linear-gradient(rgb(66,66,66), rgb(0,0,0));\r\n\t}\r\n\r\n\t&.brown {\r\n\t\tbackground-image: linear-gradient(rgb(231,113,47), rgb(141,69,19));\r\n\t}\r\n\r\n\t&.orange {\r\n\t\tbackground-image: linear-gradient(rgb(255,174,59), rgb(226,136,0));\r\n\t}\r\n\r\n\t&.yellow {\r\n\t\tbackground-image: linear-gradient(rgb(255,255,0), rgb(171, 171, 0));\r\n\t}\r\n\r\n\t&.blue {\r\n\t\tbackground-image: linear-gradient(rgb(54,118,181), rgb(36,81,130));\r\n\t}\r\n\r\n\t&.purple {\r\n\t\tbackground-image: linear-gradient(rgb(215,65,255), rgb(157,0,194));\r\n\t}\r\n\r\n\t&.pink {\r\n\t\tbackground-image: linear-gradient(rgb(255,45,212), rgb(206,0,168));\r\n\t}\r\n}\r\n\r\na.badge:hover {\r\n\tbackground-image: linear-gradient($wcfContentText, $wcfContentText);\r\n\tcolor: $wcfContentBackground;\r\n\r\n\t&.badgeUpdate {\r\n\t\tbackground-image: linear-gradient(rgb(170,40,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.green {\r\n\t\tbackground-image: linear-gradient(rgb(0,132,0), rgb(0,132,0));\r\n\t}\r\n\r\n\t&.red {\r\n\t\tbackground-image: linear-gradient(rgb(170,40,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.black {\r\n\t\tbackground-image: linear-gradient(rgb(0,0,0), rgb(0,0,0));\r\n\t}\r\n\r\n\t&.brown {\r\n\t\tbackground-image: linear-gradient(rgb(141,69,19), rgb(141,69,19));\r\n\t}\r\n\r\n\t&.orange {\r\n\t\tbackground-image: linear-gradient(rgb(226,136,0), rgb(226,136,0));\r\n\t}\r\n\r\n\t&.yellow {\r\n\t\tbackground-image: linear-gradient(rgb(171, 171, 0), rgb(171, 171, 0));\r\n\t}\r\n\r\n\t&.blue {\r\n\t\tbackground-image: linear-gradient(rgb(36,81,130), rgb(36,81,130));\r\n\t}\r\n\r\n\t&.purple {\r\n\t\tbackground-image: linear-gradient(rgb(157,0,194), rgb(157,0,194));\r\n\t}\r\n\r\n\t&.pink {\r\n\t\tbackground-image: linear-gradient(rgb(206,0,168), rgb(206,0,168));\r\n\t}\r\n}\r\n\r\n\/* Tooltips *\/\r\n\r\n.balloonTooltip {\r\n\tbackground-color: $wcfContentBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3),\r\n\t\t0 0 5px rgba(0,0,0,0.5);\t\r\n}\r\n\r\n\/* Hardcoded colors *\/\r\n\r\n.redactor-layer table th {\r\n\tborder: 1px solid #000;\r\n\tbackground-color: $wcfTabularBoxBackgroundActive !important;\r\n}\r\n\r\n.redactor-layer table tr:nth-child(odd) td {\r\n\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n.htmlContent table tr:hover > td, \r\n.messageBody > .messageText table tr:hover > td, \r\n.messageSignature > div table tr:hover > td, \r\n.redactor-layer table tr:hover > td, \r\n.table tr:hover > td {\r\n\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n.redactor-layer table td {\r\n\tborder: 1px solid #000;\r\n}\r\n\t\r\n.redactor-layer table td {\r\n\tborder: 1px solid #000;\r\n}\r\n\r\n\/* BB-Code Tables *\/\r\n\r\ntable thead tr {\r\n\tbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\ntable tr td,\r\ntable thead tr th {\r\n\tbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n\/* Mouseover Effect *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.pageHeaderLogo img {\r\n\t\ttransition: all 100ms linear;\r\n\t\ttransform: scale(1.0);\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.pageHeaderLogo > a:hover img {\r\n\t\ttransition: all 100ms linear;\r\n\t\ttransform: scale(0.9); \r\n\t}\r\n\r\n\t.pageHeaderLogo > a {\r\n\t\tdisplay: inline-block;\r\n\t}\t\r\n\r\n}\r\n\r\n#profileContent .tabMenuContent > .section {\r\n\tmargin-top: 0px !important;\r\n\tpadding: 20px;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tborder-bottom: 1px solid $wcfContentBorder;\r\n}\r\n\r\n.doubleColumned > li,\r\n.tripleColumned > li {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow:\r\n\t\t0 1px 0 $baseBoxShadowTop,\t\r\n\t\t0 1px 0 $baseBoxShadowTop inset;\t\r\n\tpadding: 10px;\r\n}\r\n\r\n\/* HeaderContent *\/\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t#pageHeaderContent {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n}\r\n\r\n#pageHeaderContent {\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfContentBackground;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n#pageHeaderContent > .layoutBoundary {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.headerContent h2 {\r\n\tcolor: #FFF;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a > span {\r\n\tposition: relative;\r\n\tz-index: 100;\r\n}\r\n\r\n#pageHeaderContent.baseHeaderContentVisitor > .layoutBoundary {\r\n\tpadding-top: 30px;\r\n\tpadding-bottom: 30px;\r\n}\r\n\r\n.userHeaderDataEntry p {\r\n\tfont-size: 12px;\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.headerContent {\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.headerContentUserData > li:not(:first-child) {\r\n\tborder-left: 1px solid rgba(255,255,255,0.1)\r\n}\r\n\r\n.userHeaderDataEntry h3 {\r\n\tfont-size: 14px;\r\n\tcolor: $wcfHeaderMenuLink;\r\n}\r\n\r\n.userHeaderDataAvatar > a {\r\n\tmargin-top: 3px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a,\r\n.headerContent.headerContentVisitor .headerContentMessage a:hover {\r\n\tborder: 0;\r\n\ttransition: 150ms background-color ease;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage h2 {\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n\tcolor: $wcfButtonPrimaryText;\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,15%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 -30px 30px -20px darken($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 30px 30px -20px lighten($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n\tcolor: $wcfButtonPrimaryTextActive;\r\n}\r\n\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.messageAuthorContainer {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\t\tpadding-top: 3px;\t\r\n\t\tpadding-bottom: 3px;\t\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.messageSidebar .username {\r\n\t\tfont-size: 14px;\r\n\t}\t\r\n\r\n}\r\n\r\n\/* HeaderContent Animation *\/\r\n\r\n.headerContentButtonChrome {\r\n\tbackground: linear-gradient(to right, transparentize(lighten($wcfButtonPrimaryBackgroundActive, 25%),1) 0%, lighten($wcfButtonPrimaryBackgroundActive, 35%) 100%);\r\n\twidth: 15%;\r\n\ttransform: skew(-10deg,0deg);\r\n\tanimation: move 3s;\r\n\tanimation-delay: 1s;\r\n\tanimation-iteration-count: infinite;\r\n}\r\n\r\n\/* Search *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t#pageHeaderSearch {\r\n\t\ttop: 60px !important;\r\n\t\tright: 0px !important;\r\n\t\tposition: absolute;\r\n\t\tpadding: 7px;\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow:\r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\t\r\n\t\t\t0 -1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {\r\n\t\tborder-radius: $borderRadius 0 0 $borderRadius;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, \r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {\r\n\t\tbackground: linear-gradient(lighten($wcfButtonBackgroundActive, 2%), $wcfButtonBackgroundActive);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton {\r\n\t\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput {\r\n\t\tbackground-color: $wcfHeaderSearchBoxBackground;\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 rgba(0, 0, 0, 1) inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\r\n\t\t\tborder-radius: 0;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer {\r\n\t\tbackground-color: rgba(255, 255, 255, 0.0);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput:focus,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput:hover {\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 rgba(0, 0, 0, 1) inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t#pageHeaderPanel {\r\n\t\tright: 50px;\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 0 25px rgba(0,0,0,0.9);\r\n\t}\r\n\r\n\t.menuOverlayItemLink.active, \r\n\t.menuOverlayItemLinkIcon.active {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\t\t\r\n\t}\r\n\r\n\t.menuOverlayMobile {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n\t.pageHeaderSearch {\r\n\t\tbackground-color: rgba(0,0,0,0.95);\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorder;\r\n\t\tpadding-bottom: 1px;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {\r\n\t\tbackground-color: rgba(255,255,255,0.1);\r\n\t}\t\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, \r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {\r\n\t\tbackground: linear-gradient(lighten($wcfButtonBackgroundActive, 2%), $wcfButtonBackgroundActive);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput {\r\n\t\tbox-shadow: 0 0 0 0 !important;\r\n\t}\r\n\r\n\t.menuOverlayItemLink,\r\n\t.menuOverlayItemLinkIcon {\r\n\t\tbackground-color: transparentize($wcfHeaderMenuLinkBackgroundActive,0.1);\r\n\t\tbackground-image: linear-gradient($wcfContentBackground,$wcfContentBackground);\r\n\t}\t\t\t\r\n\t\r\n}\r\n\r\n\/* Padding mobile *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t.wbbBoardList .wbbBoard,\r\n\t.tabularListRow,\r\n\t.containerList > li {\r\n\t\tpadding-left: 10px;\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\r\n}\r\n\r\n\/* Content \/ Sidebar right collapsed *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.sidebar.boxesSidebarRight.sidebarRightCollapsed {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layoutBoundary > .content.sidebarRightCollapsed:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 20px);\r\n\t\tmax-width: calc(100% - 20px);\r\n\t}\r\n\r\n}\r\n\r\n\/* Sticky *\/\r\n\r\n.pageFooterStickyNotice .error, \r\n.pageFooterStickyNotice .info, \r\n.pageFooterStickyNotice .success, \r\n.pageFooterStickyNotice .warning {\r\n\tborder-top-width: 0;\r\n}\r\n\r\n.pageFooterStickyNotice a {\r\n\tbackground-color: rgba(0,0,0,0.3) !important;\r\n\tcolor: #fff !important;\r\n\tbox-shadow: 0 0 0 0 rgba(0,0,0,0) !important;\r\n}\r\n\r\n.pageFooterStickyNotice a:hover {\r\n\tbackground-color: rgba(0,0,0,0.5) !important;\r\n}\r\n\r\n\/* Subcategories *\/\r\n\r\n.wbbDepth2 > header {\r\n\tborder-radius: 0;\r\n}\r\n\r\n.wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {\r\n\tmargin-left: 48px;\r\n}\r\n\r\n#tpl_wbb_board .wbbCategory.wbbDepth1.tabularBox.tabularBoxTitle.wbbCollapsibleCategory:not(:last-child) {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t@if($fixedMainmenu == 0) {\r\n\r\n\t\t#pageHeaderPanel {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: inherit;\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel > .layoutBoundary {\r\n\t\t\tpadding: 7px 20px;\r\n\t\t\tborder-radius: $borderRadius $borderRadius 0 0;\r\n\t\t}\r\n\r\n\t} @else {\r\n\t\t\r\n\t\t#pageHeaderPanel > .layoutBoundary {\r\n\t\t\tpadding: 7px 20px;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel:not(.fixed) {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: inherit;\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel.fixed {\r\n\t\t\tpadding: 0 $paddingAside;\r\n\t\t}\t\t\r\n\r\n\t\t#pageHeaderPanel.fixed > .layoutBoundary {\r\n\t\t\t@if $useFluidLayout == 1 {\r\n\t\t\t\tmin-width: $wcfLayoutMinWidth;\r\n\t\t\t\tmax-width: $wcfLayoutMaxWidth - $paddingAside - $paddingAside;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t} @else {\r\n\t\t\t\twidth: $wcfLayoutFixedWidth - $paddingAside - $paddingAside;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\tbackground-image: linear-gradient($wcfContentBackground, $wcfContentBackground);\r\n\t\t\tbox-shadow:\r\n\t\t\t\t0 1px 0 $wcfContentBorder,\r\n\t\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset,\r\n\t\t\t\t0 5px 15px rgba(0,0,0,0.5); \t\t\t\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel.fixed .mainMenu .boxMenu > li > a {\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0.1);\r\n\t\t}\t\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n\/* Mainmenu *\/\r\n\r\n.mainMenu .mainMenuShowPrevious.active, \r\n.mainMenu .mainMenuShowNext.active {\r\n\tz-index: 100;\r\n}\r\n\r\n.mainMenu .boxMenu > li > a {\r\n\tpadding: 0 20px;\r\n\ttext-shadow: 0 1px 1px rgba(0,0,0,0.15);\r\n}\r\n\r\n.mainMenu .boxMenu .boxMenuDepth1 {\r\n\tdisplay: none;\r\n}\r\n\r\n.mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {\r\n\tdisplay: block;\r\n}\r\n\r\n.mainMenu .mainMenuShowPrevious > .icon, \r\n.mainMenu .mainMenuShowNext > .icon {\r\n\tcolor: $wcfHeaderMenuLink;\r\n\tborder-radius: 30px;\r\n\tfont-size: 18px;\r\n\theight: 20px;\r\n\tline-height: 20px;\r\n\twidth: 20px;\r\n\tbackground-color: #000;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 0 10px rgba(0,0,0,1);\r\n}\r\n\r\n.mainMenu .mainMenuShowPrevious > .icon {\r\n\tmargin-left: 10px;\r\n}\r\n\r\n.mainMenu .mainMenuShowNext > .icon {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\/* Text Selection *\/\r\n\r\n::selection {\r\n\tbackground: rgba(220, 78, 65, 1);\r\n\tcolor: $wcfButtonPrimaryText;\r\n}\r\n::-moz-selection {\r\n\tbackground: rgba(220, 78, 65, 1);\r\n\tcolor: $wcfButtonPrimaryText;\r\n}\r\n\r\n.newMessageBadge {\r\n\tbackground: #ee0000;\r\n\tcolor: #fff;\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;\r\n}\r\n\r\n\/* Fix 3.0.2*\/\r\n\r\n.messageList:not(.messageReducedList) > li.messageListPagination {\r\n\tborder-bottom: 0;\r\n}\r\n\r\n.messageQuickReplyCollapsed:hover .messageQuickReplyContent::before,\r\n.messageQuickReplyCollapsed:hover .messageQuickReplyContent::after {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t#messageQuickReply {\r\n\t\tborder-bottom: 1px solid $wcfContentBorder !important;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.messageQuickReplyCollapsed {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner !important; \r\n\t\tborder-bottom: 1px solid $wcfContentBorder !important;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.messageQuickReplyCollapsed > .message {\r\n\t\tpadding-bottom: 0;\r\n\t\t background-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\t\t box-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t}\r\n\t\r\n\t.messageQuickReplyCollapsed .messageQuickReplyContent {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\t\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t\tpadding: 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t}\r\n\t\r\n\t.messageGroupList .tabularListRowHead .columnApplyFilter {\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\t\r\n\t.commentListAddComment.collapsed {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.commentListAddComment .redactor-layer,\r\n\t.commentListAddCommentResponseEditorContainer .redactor-layer {\r\n\t\tbox-shadow: 0px 0px 0px rgba(0, 0, 0, 0);\r\n\t}\r\n\t\r\n\t.messageList:not(.messageReducedList) {\r\n\t\tborder-top: 0 !important;\r\n\t}\r\n\t\r\n\t.commentList > li.jsCommentAdd {\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t.commentList > li.jsCommentAdd {\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\t\r\n}\r\n\r\n\/* (min-width: 769px) and (max-width: 1024px) *\/\r\n\r\n@include screen-md {\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t\tpadding: 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\t\r\n}\r\n\r\n\/* (max-width: 768px) *\/\r\n\r\n@include screen-sm-down {\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\t.content > .section.tabularBox {\r\n\t\tmargin-left: 0;\r\n\t\tmargin-right: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t.pageHeaderFacade:first-child {\r\n\t\tmargin-top: 0px;\r\n\t}\r\n\t\r\n\t#pageHeaderMobileMenu,\r\n\t#pageHeaderSubMenu,\r\n\t.pageNavigation {\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t#pageHeaderMobileMenu,\r\n\t#pageHeaderSubMenu {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset;\r\n\t}\r\n\r\n\t.pageNavigation {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset,\r\n\t\t\t0 1px 0 rgba(255,255,255,0.085);\r\n\t}\r\n\r\n\t.pageHeaderMobileMenu .mobileMainMenu > li > a {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.15) inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.08) inset, \r\n\t\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.5);\r\n\t\tborder-right: 1px solid $wcfContentBorderInner;\r\n\t\tbackground-color: $wcfHeaderMenuLinkBackground;\r\n\t}\r\n\r\n\t.pageHeaderMobileMenu .mobileMainMenu > li.active > a, \r\n\t.pageHeaderMobileMenu .mobileMainMenu > li > a:hover {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.pageNavigation {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset,\r\n\t\t\t0 1px 0 rgba(255,255,255,0.085);\r\n\t}\r\n\t\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\t\r\n\t#pageHeaderSubMenu {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\t\r\n\t.breadcrumbs {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t\r\n\t.breadcrumbs > ol > li:last-child > a {\r\n\t\tcolor: $wcfNavigationLink;\r\n\t}\r\n\t\r\n}\r\n\r\n\/* Trophies *\/\r\n\r\n.trophyIcon {\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.15) inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.08) inset, \r\n\t\t-1px 0 0 $baseBoxShadowTop inset, \r\n\t\t1px 0 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* Filebase *\/\r\n\r\n.filebaseFileCard {\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.filebaseFileList .filebaseFileFooter {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n\/* Messages *\/\r\n\r\n.commentListAddComment.collapsed {\r\n\tbox-shadow:\r\n\t\t0 1px 0 $wcfContentBorderInner inset,\r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\t\r\n}\r\n\r\n\/* Profilecover *\/\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto {\r\n\tborder-radius: 2px;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto {\r\n\tright: 0;\r\n\ttop: 0;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto > a {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n\tborder-radius: 0 2px 0 2px;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto > a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n}\r\n\r\n\/* Moderation *\/\r\n\r\n@media (max-width: 768px) {\r\n\t\r\n\t.modificationLogEntry > .message > .messageContent,\r\n\t.jsModificationLogEntry > .message > .messageContent {\r\n\t\tbackground-color: rgba(0, 0, 0, 0) !important;\r\n\t}\r\n\r\n}\r\n\r\n.modificationLogEntry,\r\n.jsModificationLogEntry {\r\n\tbackground-color: rgba(0,0,0,0.0);\r\n\tpadding-top: 0 !important;\r\n\tpadding-bottom: 0 !important;\r\n}\r\n\r\n.modificationLogEntry > .message,\r\n.jsModificationLogEntry > .message {\r\n\tbackground-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) !important;\r\n\tbackground-color: rgba(0, 0, 0, 0) !important;\r\n}\r\n\r\n.modificationLogEntry > .message > .messageContent,\r\n.jsModificationLogEntry > .message > .messageContent {\r\n\tpadding: 0 !important;\r\n}\r\n\r\n.jsModificationLogEntry > .message > .messageContent > .messageHeader {\r\n\tmargin: 0;\r\n}\r\n\r\n\/* Calendar *\/\r\n\r\n.calendarFullMonthView .calendarPastDay::after {\r\n\tbackground-color: transparentize($wcfHeaderMenuLinkBackgroundActive,0.8);\t\r\n}\r\n\r\n.calendarFullMonthView .calendarEventLink {\r\n\tbackground-color: $wcfHeaderMenuLinkBackgroundActive;\r\n\tcolor: $wcfHeaderMenuLink;\r\n\ttext-shadow: 1px 1px 3px rgba(0,0,0,0);\r\n}\r\n\r\n.calendarEventTextColorLight {\r\n\tcolor: #fff;\r\n\ttext-shadow: 1px 1px 3px #000;\r\n}\r\n\r\n\/* Custom new posts *\/\r\n\r\n.wbbBoard > .icon {\r\n\tposition: relative;\r\n}\r\n\r\n.wbbBoard > .icon .badgeUpdate {\r\n\tposition: absolute;\r\n\tleft: -8px;\r\n\ttop: -5px;\r\n\tbox-shadow: \r\n\t\t0 0 0 2px #000, \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.2) inset, \r\n\t\t0 1px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.wbbBoard > .icon .badgeUpdate,\r\n.wbbBoardList .badgeUpdate {\r\n\tfont-family: \"Open Sans\", \"Trebuchet MS\", Arial, sans-serif;\r\n\t-moz-osx-font-smoothing: none;\r\n\t-webkit-font-smoothing: auto;\r\n\tpadding: 1px 5px;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.wbbBoardMain .containerHeadline > h3 > .badge {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.wbbBoardList .badge, \r\n\t.wbbBoardList a.badge {\r\n\t\tpadding: 1px 5px;\r\n\t}\r\n\r\n}\r\n\r\n\/* Mobile boardlist *\/\r\n\r\n@include screen-sm-down {\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > a {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small > .wbbLastPostAuthor {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n}\r\n\r\n\/* Default Cover *\/\r\n\r\n.userProfileUserWithCoverPhoto::before {\r\n\tbackground-image: url('#{$style_image_path}pageBG.jpg');\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbottom: 0;\r\n\tcontent: \"\";\r\n\tdisplay: block;\r\n\tleft: 0;\r\n\tpointer-events: none;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 0;\r\n\theight:200px;\r\n\tborder-radius: 3px;\r\n\tbox-shadow: \r\n\t\t0 0 0 1px rgba(255,255,255,0.025) inset, \r\n\t\t0 0 5px rgba(0,0,0,0.5) inset, \r\n\t\t0 0 25px rgba(0,0,0,0.5) inset;\r\n}\r\n\r\n.userProfileCoverPhoto {\r\n\tbackground-color: rgba(0,0,0,0.2) !important;\r\n}\r\n\r\n@media (max-width: 544px) {\r\n\r\n\t.userProfileUserWithCoverPhoto::before {\r\n\t\t height: 150px;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 545px) {\r\n\r\n\t.userProfileUserWithCoverPhoto::before {\r\n\t\t height: 200px;\r\n\t}\r\n\r\n}\r\n\r\n.messageListNotice {\r\n\tborder-bottom: 0 !important;\r\n}\r\n\r\n@media (max-width: 544px) {\r\n\r\n\t.boxesSidebarLeft::before, .boxesSidebarRight::before {\r\n\t\t background-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\t\t box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);\r\n\t\t border-bottom: $wcfContentBorderInner;\r\n\t}\r\n\r\n}","Closure"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/StyleHandler.class.php","line":140,"function":"compile","class":"wcf\\system\\style\\StyleCompiler","type":"->","args":["wcf\\data\\style\\Style"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/templates\/compiled\/6_wcf_1_cms.php","line":122,"function":"getStylesheet","class":"wcf\\system\\style\\StyleHandler","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/template\/TemplateEngine.class.php","line":321,"args":["\/homepages\/27\/d402953117\/htdocs\/wbb5\/templates\/compiled\/6_wcf_1_cms.php"],"function":"include","class":"","type":""},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/page\/AbstractPage.class.php","line":323,"function":"display","class":"wcf\\system\\template\\TemplateEngine","type":"->","args":["cms","wcf"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/page\/AbstractPage.class.php","line":114,"function":"show","class":"wcf\\page\\AbstractPage","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/request\/Request.class.php","line":83,"function":"__run","class":"wcf\\page\\AbstractPage","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/request\/RequestHandler.class.php","line":96,"function":"execute","class":"wcf\\system\\request\\Request","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/index.php","line":9,"function":"handle","class":"wcf\\system\\request\\RequestHandler","type":"->","args":["wcf"]}] ====== Error Class: Exception Error Message: parse error: failed at `   max-width: none;` /homepages/27/d402953117/htdocs/wbb5/style/ui/zzz_wsc_style_global_values.scss on line 11 Error Code: 0 File: /homepages/27/d402953117/htdocs/wbb5/lib/system/style/scssphp/src/Parser.php (2142) Extra Information: - Stack Trace: [{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/scssphp\/src\/Parser.php","line":145,"function":"throwParseError","class":"Leafo\\ScssPhp\\Parser","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/scssphp\/src\/Compiler.php","line":2702,"function":"parse","class":"Leafo\\ScssPhp\\Parser","type":"->","args":["\/*\n\n DO NOT EDIT THIS FILE!\n\n dynamic global SCSS values, generated at Tue, 03 Apr 2018 17:45:27 +0100\n\n*\/\n\n.htmlContent table img,\n.redactor-layer table img {\n \u00a0\u00a0\u00a0max-width: none;\n}\n\n\/* ================================================================ eigene Label *\/\n\n.badge.label.labelanno1404 {\nbackground-color: #955700 !important;\n color: #ffffff;\n}\n\n.badge.label.zusatz1 {\nbackground-color: #6959CD !important;\n color: #ffffff;\n}\n\n.badge.label.zusatz2 {\nbackground-color: #00008B !important;\n color: #ffffff;\n}\n\n.badge.label.zusatz3 {\nbackground-color: #FF4500 !important;\n color: #ffffff;\n}\n\n.badge.label.zusatz4 {\nbackground-color: #001F1E !important;\n color: #ffffff;\n}\n\n@media (min-width: 801px) {\n\n#tpl_wbb_boardList .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_boardList .wbbBoardList .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardList .wbbDepth2.wbbCategory > header,\n#tpl_wbb_boardList .wbbBoardList .wbbDepth3.wbbCategory > header,\n#tpl_wbb_boardList .wbbCategory ul, #tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 + small,\n#tpl_wbb_boardList .contentHeader {\n display: none;\n}\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"42\"] > header {\nbackground-image: url('#{$style_image_path}anno_logo1')\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {\nvisibility: hidden;\n}\n.wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:5px\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n#tpl_wbb_boardList .wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:5px\n}\n\n\/* ================================================================ Message Sidebar Steam Announcement *\/\n\n\n#tpl_wbb_boardList .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_boardList .wbbBoardList .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardList .wbbDepth2.wbbCategory > header,\n#tpl_wbb_boardList .wbbBoardList .wbbDepth3.wbbCategory > header,\n#tpl_wbb_boardList .wbbCategory ul, #tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 + small,\n#tpl_wbb_boardList .contentHeader {\n display: none;\n}\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"195\"] > header {\nbackground-image: url('#{$style_image_path}logo-3.png')\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {\nvisibility: hidden;\n}\n.wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n#tpl_wbb_boardList .wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n\n\/* ================================================================ Message Sidebar Steam Announcement *\/\n\n#tpl_wbb_boardList .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_boardList .wbbBoardList .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardList .wbbDepth2.wbbCategory > header,\n#tpl_wbb_boardList .wbbBoardList .wbbDepth3.wbbCategory > header,\n#tpl_wbb_boardList .wbbCategory ul, #tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 + small,\n#tpl_wbb_boardList .contentHeader {\n display: none;\n}\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"222\"] > header {\nbackground-image: url('#{$style_image_path}AncientCities_Cover.png')\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {\nvisibility: hidden;\n}\n.wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n#tpl_wbb_boardList .wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n\n\/* ================================================================ Message Sidebar Steam Announcement *\/\n\n#tpl_wbb_boardList .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_boardList .wbbBoardList .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardList .wbbDepth2.wbbCategory > header,\n#tpl_wbb_boardList .wbbBoardList .wbbDepth3.wbbCategory > header,\n#tpl_wbb_boardList .wbbCategory ul, #tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 + small,\n#tpl_wbb_boardList .contentHeader {\n display: none;\n}\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"211\"] > header {\nbackground-image: url('#{$style_image_path}survivingmars-logo.png')\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {\nvisibility: hidden;\n}\n.wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n#tpl_wbb_boardList .wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n\n\/* ================================================================ Message Sidebar Steam Announcement *\/\n\n#tpl_wbb_boardList .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_boardList .wbbBoardList .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardList .wbbDepth2.wbbCategory > header,\n#tpl_wbb_boardList .wbbBoardList .wbbDepth3.wbbCategory > header,\n#tpl_wbb_boardList .wbbCategory ul, #tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 + small,\n#tpl_wbb_boardList .contentHeader {\n display: none;\n}\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"199\"] > header {\nbackground-image: url('#{$style_image_path}banishedlogo.png')\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {\nvisibility: hidden;\n}\n.wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n#tpl_wbb_boardList .wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n\n\/* ================================================================ Message Sidebar Steam Announcement *\/\n\n#tpl_wbb_boardList .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_boardList .wbbBoardList .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardList .wbbDepth2.wbbCategory > header,\n#tpl_wbb_boardList .wbbBoardList .wbbDepth3.wbbCategory > header,\n#tpl_wbb_boardList .wbbCategory ul, #tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton,\n#tpl_wbb_boardList .wbbBoardList .wbbCollapsibleCategory h2 + small,\n#tpl_wbb_boardList .contentHeader {\n display: none;\n}\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"200\"] > header {\nbackground-image: url('#{$style_image_path}AC_logo.png')\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {\nvisibility: hidden;\n}\n.wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n#tpl_wbb_boardList .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n#tpl_wbb_boardList .wbbBoardList > li.wbbCategory:not(:last-child) {\nmargin-bottom:0px\n}\n\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"190\"] {\n display: inline-block;\n width: 100% !important;\n vertical-align: top;\n}\n\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"257\"] {\n display: inline-block;\n width: 100% !important;\n vertical-align: top;\n}\n\n#tpl_wbb_boardList .wbbCategory[data-board-id=\"37\"] {\n display: inline-block;\n width: 100% !important;\n vertical-align: top;\n}\n}\n\n\/* ================================================================ Message Sidebar Steam Announcement *\/\n\n@media (min-width: 801px) {\n\n#tpl_wbb_board .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_board .wbbCategory[data-board-id=\"253\"] > header {\nbackground-image: url('#{$style_image_path}anno1602logo.png')\n}\n#tpl_wbb_board .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n\n#tpl_wbb_board .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_board .wbbCategory[data-board-id=\"254\"] > header {\nbackground-image: url('#{$style_image_path}anno1701logo.png')\n}\n#tpl_wbb_board .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n\n#tpl_wbb_board .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_board .wbbCategory[data-board-id=\"69\"] > header {\nbackground-image: url('#{$style_image_path}anno1404logo.png')\n}\n#tpl_wbb_board .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n\n#tpl_wbb_board .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_board .wbbCategory[data-board-id=\"4\"] > header {\nbackground-image: url('#{$style_image_path}anno2070logo.png')\n}\n#tpl_wbb_board .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n\n#tpl_wbb_board .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_board .wbbCategory[data-board-id=\"124\"] > header {\nbackground-image: url('#{$style_image_path}anno2205logo.png')\n}\n#tpl_wbb_board .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n\n#tpl_wbb_board .wbbCategory {\n display: inline-block;\n width: 49.8%;\n}\n#tpl_wbb_board .wbbCategory[data-board-id=\"225\"] > header {\nbackground-image: url('#{$style_image_path}anno1800logo.png')\n}\n#tpl_wbb_board .wbbCategory > header {\nbackground-repeat:no-repeat;\nbackground-position:right\n}\n}\n\n@media (max-width: 801px) {\n .pageHeaderPanel {\n background-color: rgba(37, 123, 164, 1);\n }\n}\n\n@media (max-width: 801px) {\n .pageHeaderFacade > .layoutBoundary {\n justify-content: flex-start;\n }\n}\n\nbody[data-page-identifier=\"com.woltlab.wcf.Dashboard\"] .contentHeader {\n display: none;\n}\n\n.jsRecentActivitySwitchContext {\n display: none;\n}"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/scssphp\/src\/Compiler.php","line":984,"function":"importFile","class":"Leafo\\ScssPhp\\Compiler","type":"->","args":["\/homepages\/27\/d402953117\/htdocs\/wbb5\/style\/ui\/zzz_wsc_style_global_values.scss","stdClass"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/scssphp\/src\/Compiler.php","line":1033,"function":"compileImport","class":"Leafo\\ScssPhp\\Compiler","type":"->","args":[["[redacted]","[redacted]","[redacted]"],"stdClass"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/scssphp\/src\/Compiler.php","line":828,"function":"compileChild","class":"Leafo\\ScssPhp\\Compiler","type":"->","args":[{"0":"[redacted]","1":"[redacted]","-1":"[redacted]"},"stdClass"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/scssphp\/src\/Compiler.php","line":249,"function":"compileChildren","class":"Leafo\\ScssPhp\\Compiler","type":"->","args":[["[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]"],"stdClass"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/scssphp\/src\/Compiler.php","line":166,"function":"compileRoot","class":"Leafo\\ScssPhp\\Compiler","type":"->","args":["stdClass"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/StyleCompiler.class.php","line":353,"function":"compile","class":"Leafo\\ScssPhp\\Compiler","type":"->","args":["@import \"style\/bootstrap\/reset.scss\";\n@import \"style\/bootstrap\/mixin.scss\";\n@import \"style\/bootstrap\/mixin\/apiVersion.scss\";\n@import \"style\/bootstrap\/mixin\/box.scss\";\n@import \"style\/bootstrap\/mixin\/dropdownMenu.scss\";\n@import \"style\/bootstrap\/mixin\/font.scss\";\n@import \"style\/bootstrap\/mixin\/hacks.scss\";\n@import \"style\/bootstrap\/mixin\/input.scss\";\n@import \"style\/bootstrap\/mixin\/list.scss\";\n@import \"style\/bootstrap\/mixin\/mediaQuery.scss\";\n@import \"style\/bbcode\/code.scss\";\n@import \"style\/bbcode\/inlineCode.scss\";\n@import \"style\/bbcode\/media.scss\";\n@import \"style\/bbcode\/quote.scss\";\n@import \"style\/bbcode\/spoiler.scss\";\n@import \"style\/bbcode\/userMention.scss\";\n@import \"style\/bbcode\/video.scss\";\n@import \"style\/element\/dl.scss\";\n@import \"style\/element\/list.scss\";\n@import \"style\/icon\/icon.scss\";\n@import \"style\/layout\/box.scss\";\n@import \"style\/layout\/containerList.scss\";\n@import \"style\/layout\/content.scss\";\n@import \"style\/layout\/form.scss\";\n@import \"style\/layout\/global.scss\";\n@import \"style\/layout\/grid.scss\";\n@import \"style\/layout\/layout.scss\";\n@import \"style\/layout\/pageFooter.scss\";\n@import \"style\/layout\/pageHeader.scss\";\n@import \"style\/layout\/pageNavigation.scss\";\n@import \"style\/layout\/print.scss\";\n@import \"style\/layout\/sidebar.scss\";\n@import \"style\/mejs\/mediaelement.scss\";\n@import \"style\/mejs\/overrides.scss\";\n@import \"style\/steam\/steamintegration.scss\";\n@import \"style\/ui\/acl.scss\";\n@import \"style\/ui\/adLocation.scss\";\n@import \"style\/ui\/alert.scss\";\n@import \"style\/ui\/article.scss\";\n@import \"style\/ui\/attachment.scss\";\n@import \"style\/ui\/avatar.scss\";\n@import \"style\/ui\/badge.scss\";\n@import \"style\/ui\/breadcrumb.scss\";\n@import \"style\/ui\/button.scss\";\n@import \"style\/ui\/buttonGroupFlexible.scss\";\n@import \"style\/ui\/colorPicker.scss\";\n@import \"style\/ui\/comment.scss\";\n@import \"style\/ui\/datePicker.scss\";\n@import \"style\/ui\/dialog.scss\";\n@import \"style\/ui\/dropdown.scss\";\n@import \"style\/ui\/dropdownInteractive.scss\";\n@import \"style\/ui\/fontAwesome.scss\";\n@import \"style\/ui\/googleMap.scss\";\n@import \"style\/ui\/headerContent.scss\";\n@import \"style\/ui\/imageViewer.scss\";\n@import \"style\/ui\/itemListInput.scss\";\n@import \"style\/ui\/label.scss\";\n@import \"style\/ui\/like.scss\";\n@import \"style\/ui\/listSortable.scss\";\n@import \"style\/ui\/listStructured.scss\";\n@import \"style\/ui\/media.scss\";\n@import \"style\/ui\/menuMobile.scss\";\n@import \"style\/ui\/message.scss\";\n@import \"style\/ui\/messageEditHistory.scss\";\n@import \"style\/ui\/messageGroup.scss\";\n@import \"style\/ui\/pageAction.scss\";\n@import \"style\/ui\/pagination.scss\";\n@import \"style\/ui\/perfectScrollbar.scss\";\n@import \"style\/ui\/poll.scss\";\n@import \"style\/ui\/popover.scss\";\n@import \"style\/ui\/recaptcha.scss\";\n@import \"style\/ui\/redactor.scss\";\n@import \"style\/ui\/scrollableCheckboxList.scss\";\n@import \"style\/ui\/search.scss\";\n@import \"style\/ui\/shareButtons.scss\";\n@import \"style\/ui\/slideshow.scss\";\n@import \"style\/ui\/tabMenu.scss\";\n@import \"style\/ui\/tabMenuMessage.scss\";\n@import \"style\/ui\/tableSortable.scss\";\n@import \"style\/ui\/tabularBox.scss\";\n@import \"style\/ui\/tooltip.scss\";\n@import \"style\/ui\/trophy.scss\";\n@import \"style\/ui\/userIgnore.scss\";\n@import \"style\/ui\/userLogin.scss\";\n@import \"style\/ui\/userProfile.scss\";\n@import \"style\/ui\/wsc31.scss\";\n@import \"style\/conversation.scss\";\n@import \"forum\/style\/wbb.scss\";\n@import \"filebase\/style\/filebase.scss\";\n@import \"style\/easypoll.scss\";\n@import \"style\/shoutbox.scss\";\n@import \"lexicon\/style\/lexicon.scss\";\n@import \"easymedia\/acp\/style\/easymedia.scss\";\n@import \"easymedia\/style\/easymedia.scss\";\n@import \"style\/ui\/zzz_wsc_style_global_values.scss\";\n\/* Global Boderradius --- Globale Abrundung - 3px *\/\r\n$borderRadius: \t\t\t\t\t\t3px;\r\n\r\n\/* Width Messagesidebar --- Breite Seitenleiste Themen - 185px *\/\r\n$messageSidebarWidth:\t\t\t\t185px;\r\n\r\n\/* Padding Aside --- Seitlicher Abstand - 20px *\/\r\n$paddingAside:\t\t\t\t\t\t20px;\r\n\r\n\/* Fixed Mainmenu --- Fixiertes Men\u00fc 0 - 1 *\/\r\n$fixedMainmenu:\t\t\t\t\t\t1;\r\n\r\n\/* User-Header --- User-Header 0 - 1 *\/\r\n$displayhederContentUser:\t \t\t1;\r\n\r\n\/* Guest-Header --- G\u00e4ste-Header 0 - 1 *\/\r\n$displayhederContentVisitor:\t\t1;\r\n\r\n\/* Shadow primary --- Prim\u00e4rer Schatten *\/\r\n$baseBoxShadowTop:\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\r\n\/* Gradient top --- Verlauf Start*\/\r\n$baseLinearGradientTop:\t\t\t\trgba(255, 255, 255, 0.085);\r\n\r\n\/* Gradient bottom --- Verlauf Ende *\/\r\n$baseLinearGradientBottom:\t\t\trgba(255, 255, 255, 0.0);\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t@if($displayhederContentUser == 0) {\r\n\r\n\t\t.baseHeaderContentUser {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t@if($displayhederContentVisitor == 0) {\r\n\r\n\t\t.baseHeaderContentVisitor {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t} @else {\r\n\r\n\t\t@media (min-width: 1025px) {\r\n\r\n\t\t\t#userLogin {\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t\t\r\n\t\t}\r\n\t\t\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#main {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\r\n\t@if $useFluidLayout == 0 {\r\n\t\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\t\twidth: inherit !important;\r\n\t\t}\r\n\t}\r\n\t \r\n\t.pageContainer {\r\n\t\t@if $useFluidLayout == 1 {\r\n\t\t\tmin-width: $wcfLayoutMinWidth + $paddingAside + $paddingAside;\r\n\t\t\tmax-width: $wcfLayoutMaxWidth;\r\n\t\t\tmargin: 0 auto;\r\n\t\t} @else {\r\n\t\t\twidth: $wcfLayoutFixedWidth;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n\t.layoutBoundary {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n\r\n\t#pageHeaderUserPanel,\r\n\t#pageHeaderPanel > .layoutBoundary,\r\n\t.pageNavigation > div,\r\n\t.main > div,\r\n\t#pageFooter,\r\n\t.boxesFooterBoxes {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n\t#pageFooterCopyright {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset; \t\t\r\n\t}\t\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tpadding: 20px 0;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\t\r\n\t\r\n\t.boxesFooterBoxes {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset; \t\t\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.075) inset;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\r\n\r\n\t#pageHeaderPanel > .layoutBoundary {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset; \r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t.pageNavigation > div {\r\n\t\tbackground-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.03));\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset;\r\n\t\tmin-height: 35px;\r\n\t}\r\n\r\n\t.main > .layoutBoundary {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset;\t\r\n\t}\r\n\r\n\thtml, body {\r\n\t\theight: inherit;\r\n\t}\r\n\r\n\t#pageHeaderPanel,\r\n\t.pageNavigation,\r\n\t#main,\r\n\t#pageFooter > .boxesFooter,\r\n\t#pageFooterCopyright {\r\n\t\tbackground-color: rgba(0, 0, 0, 0)\r\n\t}\r\n\r\n\t#pageHeader {\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 66px;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary\t {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tposition: absolute;\r\n\t\tleft: inherit;\r\n\t\ttop: 0px;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > div {\r\n\t\tmin-width: 0;\r\n\t}\t\r\n\r\n\t.pageHeaderContainer {\r\n\t\tpadding-top: 0;\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n\t.main {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.pageNavigation {\r\n\t\tpadding: 0;\r\n\t} \r\n\r\n\t#pageFooter {\r\n\t\tmargin-bottom: 50px;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\r\n\r\n\t#content {\r\n\t\tpadding-top: 40px;\r\n\t\tpadding-bottom: 40px;\r\n\t}\r\n\r\n\t.main, \r\n\t.main > .layoutBoundary {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.content + .sidebar {\r\n\t\tmargin-left: 20px;\r\n\t}\r\n\r\n\t.sidebar:first-child {\r\n\t\tmargin-right: 20px;\r\n\t}\r\n\r\n\t.sidebar + .content {\r\n\t\tflex-basis: calc(100% - 330px);\r\n\t\tmax-width: calc(100% - 330px);\r\n\t}\r\n\r\n\t\/* Content \/ Sidebar rechts *\/\r\n\r\n\t.content:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 330px);\r\n\t\tmax-width: calc(100% - 330px);\r\n\t\tpadding-left: 20px;\r\n\t}\r\n\r\n\t.sidebar + .content:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 660px);\r\n\t\tmax-width: calc(100% - 660px);\r\n\t\tpadding-left: 0;\r\n\t\tpadding-right: 0;\r\n\t}\r\n\r\n\t\/* Sidebar links \/ Content *\/\r\n\r\n\t.boxesSidebarLeft + .content {\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n\t\/* Keine Sidebars *\/\r\n\r\n\t.content:first-child:last-child {\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n}\r\n\r\nbody {\r\n\tbackground-image: url('#{$style_image_path}pageBG.jpg');\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-color: #000;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tpadding: 20px 0;\r\n\t}\r\n\r\n\t.boxesFooterBoxes > .layoutBoundary,\r\n\t.boxesFooter {\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tbox-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;\r\n\t\tborder-top: 1px solid #000;\r\n\t}\r\n\r\n}\r\n\r\n.mainMenu .boxMenu > li > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset, \r\n\t\t0 -1px 0 rgba(255,255,255,0.08) inset, \r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.5);\r\n\tborder-top: 1px solid $wcfContentBorderInner;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\tbackground-color: $wcfHeaderMenuLinkBackground;\r\n}\r\n\r\n.mainMenu .boxMenu > li:first-child > a {\r\n\tborder-radius: $borderRadius 0 0 $borderRadius;\r\n}\r\n\r\n.mainMenu .boxMenu > li:last-child > a {\r\n\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n}\r\n\r\n.mainMenu .boxMenu > li:not(last-child) > a {\r\n\tborder-right: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.mainMenu .boxMenu > li.active > a, \r\n.mainMenu .boxMenu > li:hover > a {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.mainMenu .boxMenu > li:active > a {\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.4),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,0%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.dropdownMenu,\r\n.mainMenu .boxMenu .boxMenuDepth1 {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.containerList > li,\r\n.tabularList > li,\r\n.wbbCategory.wbbDepth1 > ul > li,\r\n.commentResponseList > li,\r\n.interactiveDropdownItems > li,\r\n#tpl_wbb_board .section > .wbbBoardList > li {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-color: transparentize($wcfContentBackground, 0.3);\r\n}\r\n\r\n.section > .wbbBoardList > li {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n#tpl_wbb_board .section > .wbbBoardList {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n\/* Lastpost *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.wbbLastPost {\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.wbbLastPost {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tpadding: 5px 10px;\r\n\t\tbox-shadow: 0 -1px 0 rgba(255,255,255,0.15) inset;\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.wbbLastPost {\r\n\t\tflex-basis: calc(34% - 10px);\r\n\t\tmax-width: calc(34% - 10px);\r\n\t}\r\n\r\n}\r\n\r\n\/* Icons Boardlist *\/\r\n\r\n.wbbBoardList .icon32 {\r\n\tborder-radius: 3px;\r\n\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.125);\r\n}\r\n\r\n.wbbBoardList .icon32.fa-folder-open {\r\n\tcolor: #fff;\r\n\tbackground-color: $wcfHeaderMenuLinkBackgroundActive;\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.15) inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.08) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.1) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.1) inset, \r\n\t\t0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.wbbBoardList .icon32 {\r\n\tfont-size: 16px;\r\n\tposition: relative;\r\n\ttop: -1px;\r\n}\r\n\r\n\/* Infoboxes *\/\r\n\r\n.warning,\r\n.success,\r\n.error,\r\n.info:not(.cookiePolicyNotice) {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.innerError {\r\n\tbackground-color: $wcfStatusErrorBackground;\r\n\tcolor: $wcfStatusErrorText;\r\n}\r\n\r\n.innerError:before {\r\n\tborder-color: transparent transparent $wcfStatusErrorBackground;\r\n}\r\n\r\n.warning {\r\n\tbackground: linear-gradient($wcfStatusWarningBackground, darken($wcfStatusWarningBackground,5%));\r\n}\r\n\r\n.success {\r\n\tbackground: linear-gradient($wcfStatusSuccessBackground, darken($wcfStatusSuccessBackground,5%));\r\n}\r\n\r\n.error {\r\n\tbackground: linear-gradient($wcfStatusErrorBackground, darken($wcfStatusErrorBackground,5%));\r\n}\r\n\r\n.info {\r\n\tbackground: linear-gradient($wcfStatusInfoBackground, darken($wcfStatusInfoBackground,5%));\r\n}\r\n\r\n\/* Tabularbox Header *\/\r\n\r\n.tabularBoxTitle > header {\r\n\tpadding: 7px 0px 7px 10px;\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset,\r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\t\r\n\t.tabularBoxTitle > header {\r\n\t\tborder-radius: $borderRadius $borderRadius 0 0;\r\n\t}\r\n\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 {\r\n\tflex-direction: row-reverse;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 .badge {\r\n\tmargin-right: 7px;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 + small {\r\n\tmargin-left: 0;\r\n\tcolor: $wcfTabularBoxHeadline;\r\n}\r\n\r\n.userPanel > ul > li > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\t\r\n\tbackground-color: rgba(255, 255, 255, 0.0);\r\n\tpadding: 0 10px;\r\n\tbox-shadow: \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.075) inset,\r\n\t\t1px 0 0 rgba(255, 255, 255, 0.075) inset;\r\n\theight: 48px;\t\r\n}\r\n\r\n.userPanel > ul > li.dropdownOpen > a, \r\n.userPanel > ul > li.open > a, \r\n.userPanel > ul > li:hover > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientBottom, $baseLinearGradientBottom);\t\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.userPanel > ul > li > a .icon32 {\r\n\tfont-size: 24px;\r\n}\r\n\r\n.userPanel > ul > li {\r\n\tborder-right: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.userPanel > ul > li:first-child {\r\n\tborder-left: 1px solid $wcfContentBorderInner;\r\n\tbox-shadow: -1px 0 0 rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.userPanel > ul > li:last-child {\r\n\tbox-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.userPanel > ul > li:first-child,\r\n.userPanel > ul > li:first-child a {\r\n\tborder-radius: 0 0 0 $borderRadius;\r\n}\r\n\r\n.userPanel > ul > li:last-child,\r\n.userPanel > ul > li:last-child a {\r\n\tborder-radius:\t 0 0 $borderRadius 0;\r\n}\r\n\r\n.userPanel > ul > li > a > .badgeUpdate {\r\n\tleft: 7px;\r\n\tposition: relative;\r\n\ttop: 0;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.interactiveDropdown {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground), \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground);\r\n\tposition: absolute;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 2px 6px rgba(0, 0, 0, 0.16), \r\n\t\t0 3px 6px rgba(0, 0, 0, 0.23);\r\n}\r\n\r\n.interactiveDropdownHeader {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.interactiveDropdownShowAll {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.dialogContainer {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground),\r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground);\r\n\tbox-shadow:\r\n\t\t0 0 15px rgba(0,0,0,0.25), \r\n\t\t0 1px 50px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.35);\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.dialogContainer > header {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset,\r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.dialogContainer > .dialogContent {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless), \r\n.boxesSidebarRight .box:not(.boxBorderless) {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.boxesSidebarLeft .box:first-child, \r\n\t.boxesSidebarRight .box:first-child {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n\t.boxesSidebarLeft .box:not(:first-child), \r\n\t.boxesSidebarRight .box:not(:first-child) {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255, 255, 255, 0.075) inset,\r\n\t\t\t0 1px 0 $baseBoxShadowTop,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t.boxesSidebarLeft .box, \r\n\t.boxesSidebarRight .box {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n}\r\n\r\n\r\n.tabularListRow.divider + li:not(.divider) {\r\n\tborder-top-width: 5px;\r\n}\r\n\r\n\r\n\/* Messages *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.message:not(.messageCollapsed) {\r\n\t\tpadding-bottom: 10px;\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t}\r\n\r\n\t.message.messageCollapsed {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tpadding: 0;\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\t\t\r\n\t}\r\n\r\n\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.messageList:not(.messageReducedList) {\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) > li {\r\n\t\tmargin-bottom: 20px;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n\t.messageList:not(.messageReducedList) > li .message {\r\n\t\tpadding: 0;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: rgba(0,0,0,0.4);\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) > li .message {\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageSidebar {\r\n\t\tflex: 0 0 $messageSidebarWidth;\r\n\t\tborder-radius: $borderRadius 0 0 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageSidebar + .messageContent {\r\n\t\tflex-basis: calc(100% - #{$messageSidebarWidth});\r\n\t\tmax-width: calc(100% - #{$messageSidebarWidth});\r\n\t\tmargin-left: 0;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageContent {\r\n\t\tpadding:20px;\r\n\t\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\t.messageSignature {\r\n\t\tborder-top: 1px solid rgba(255, 255, 255, 0.2);\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.messageSidebar .badgeOnline {\r\n\t\tfont-size: 10px;\r\n\t}\t\r\n\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.messageSidebar {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 $baseBoxShadowTop;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tmargin: 0;\t\r\n\t}\r\n\r\n\t.badgeOnline::before {\r\n\t\tbackground: linear-gradient(rgb(0,167,0), rgb(0,132,0));\r\n\t\tborder: 2px solid #000 !important;\r\n\t}\r\n\r\n\t.messageFooterGroup > .messageFooterButtons.buttonList.open {\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n\t.messageContent {\r\n\t\t padding: 10px;\r\n\t}\r\n\r\n\t.messageCollapsed {\r\n\t\t margin: 0;\r\n\t}\r\n\t\r\n\t.messageList > li:not(:last-child) {\r\n\t\tpadding-bottom: 10px;\r\n\t}\r\n\r\n\t.messageReduced .messageHeader {\r\n\t\t margin: 0;\r\n\t}\r\n\r\n}\r\n\r\n\/* Reduced Message *\/\r\n\r\n.messageReduced > .messageContent {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.messageReduced .messageBody, \r\n.messageReduced .messageFooter {\r\n\tpadding: 0;\r\n}\r\n\r\n.messageReduced .messageHeader {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow: 0 -1px 0 rgba(255,255,255,0.175) inset;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.articleList > li {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\t\t\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.articleListTitle {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n#tpl_wcf_article #content > .section.articleeContent {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n\/* Buttons *\/\r\n\r\nbutton,\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"],\r\n.button,\r\na.button { \r\n\t&:not(.inputPrefix) {\r\n\t\ttext-transform: none;\r\n\t}\r\n}\r\n\r\nbutton,\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"],\r\n.button,\r\na.button,\r\n.pagination > ul > li.active > a, \r\n.pagination > ul > li.active > span, \r\n.pagination > ul > li > a:hover {\r\n\tbox-shadow:\r\n\t\t0 20px 20px -10px rgba(255,255,255,0.05) inset,\r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset,\r\n\t\t0 -1px 0 rgba(255,255,255,0.05) inset,\r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 0 #000;\r\n}\r\n\r\nbutton.buttonPrimary, \r\ninput[type=\"button\"].buttonPrimary, \r\ninput[type=\"submit\"], \r\n.button.buttonPrimary, \r\na.button.buttonPrimary {\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,15%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 -30px 30px -20px darken($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 30px 30px -20px lighten($wcfHeaderMenuLinkBackgroundActive,5%) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.pageAction.active .button {\r\n\tbox-shadow:\r\n\t\t0 20px 20px -10px $baseBoxShadowTop inset,\r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset,\r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 0 15px #000;\r\n}\r\n\r\n.containerList > li .buttonGroupNavigation > ul > li > a > .icon {\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.pagination > ul > li.active > a, \r\n.pagination > ul > li.active > span, \r\n.pagination > ul > li > a:hover {\r\n\tborder-radius: 2px;\r\n}\r\n\r\nbutton, \r\ninput[type=\"button\"], \r\ninput[type=\"reset\"], \r\ninput[type=\"submit\"], \r\n.button, \r\na.button,\r\nbutton:hover, \r\ninput[type=\"button\"]:hover, \r\ninput[type=\"reset\"]:hover, \r\ninput[type=\"submit\"]:hover, \r\n.button:hover, \r\na.button:hover {\r\n\ttransition: 150ms background-color ease;\r\n}\r\n\r\na, \r\na:hover,\r\n.userPanel > ul > li > a .icon,\r\n.userPanel > ul > li > a:hover .icon,\r\n#userMenu > a::after,\r\n#userMenu > a:hover::after {\r\n\ttransition: 150ms color ease;\r\n}\r\n\r\n\/* Forms *\/\r\n\r\ninput[type=\"date\"],\r\ninput[type=\"datetime\"],\r\ninput[type=\"email\"],\r\ninput[type=\"number\"],\r\ninput[type=\"password\"],\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"],\r\ninput[type=\"url\"],\r\nselect,\r\ntextarea,\r\n.inputItemList {\r\n\ttransition: 250ms all ease;\r\n\tbox-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5) inset;\r\n\tborder-radius: 5px;\r\n}\r\n\r\ninput[type=\"date\"]:focus,\r\ninput[type=\"datetime\"]:focus,\r\ninput[type=\"email\"]:focus,\r\ninput[type=\"number\"]:focus,\r\ninput[type=\"password\"]:focus,\r\ninput[type=\"search\"]:focus,\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"]:focus,\r\ninput[type=\"url\"]:focus,\r\nselect:focus,\r\ntextarea:focus,\r\ninput[type=\"date\"]:hover,\r\ninput[type=\"datetime\"]:hover,\r\ninput[type=\"email\"]:hover,\r\ninput[type=\"number\"]:hover,\r\ninput[type=\"password\"]:hover,\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"]:hover,\r\ninput[type=\"url\"]:hover,\r\nselect:hover,\r\ntextarea:hover,\r\n.inputItemList:hover {\r\n\ttransition: 250ms all ease;\r\n\tbox-shadow: \r\n\t\t0px 1px 3px 0 rgba(0, 0, 0, 0.5) inset, \r\n\t\t0 0 7px $wcfInputBorderActive;\r\n}\r\n\r\n.section:not(.sectionContainerList) > .sectionHeader, \r\n.section:not(.sectionContainerList) > .sectionTitle {\r\n\tborder-bottom: 1px solid rgba(255, 255, 255, 0.125);\r\n}\r\n\r\n\/* Likesystem *\/\r\n\r\n.wcfLikeCounter.likeCounterLiked {\r\n\tcolor: #01d001 !important;\r\n\ttext-shadow: 0 0 0.5em #01d001;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterDisliked {\r\n\tcolor: #ff0101 !important;\r\n\ttext-shadow: 0 0 0.5em #ff0101;\r\n}\r\n\r\n\/* New Topics *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.tabularListColumns.wbbThread li.columnSubject {\r\n\t\tpadding-left:20px;\r\n\t}\r\n\r\n\t.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink:after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tleft: -13px;\r\n\t\ttop: 8px;\r\n\t\twidth: 8px;\r\n\t\theight: 8px;\r\n\t\tborder-radius:10px;\r\n\t\tbackground: #00b200;\r\n\t\tbox-shadow: 0 0 5px #00b200;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.tabularListRowHead > .tabularListColumns > li {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.tabMenu > ul > li > a {\r\n\t\tfont-size: 18px;\r\n\t}\t\r\n\r\n}\r\n\r\n\/* Editor *\/\r\n\r\n.redactor-box {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\n.redactor-layer {\r\n\tbox-shadow:\r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset;\r\n\t\tborder-color: #000;\r\n\tborder-bottom-color: rgba(255,255,255,0.175);\r\n\tborder-left-color: rgba(255,255,255,0.1);\r\n\tborder-right-color: rgba(255,255,255,0.1);\r\n}\r\n\r\n.redactor-toolbar {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.075) inset, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.03) inset;\r\n}\r\n\r\n.messageTabMenu {\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.075);\r\n}\r\n\r\n.messageTabMenuNavigation > ul {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.05) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li > a {\r\n\tcolor: $wcfContentLinkActive;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li > a:hover {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li.active > a {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.075) inset,\r\n\t\t0 -1px 0 $baseBoxShadowTop;\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n.redactorAutosaveRestored {\r\n\tbottom: 2px;\r\n}\r\n\r\n.redactorAutosaveRestored > a,\r\n.redactorAutosaveRestored > span {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px $baseBoxShadowTop inset, \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.125) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t0 1px 0 #000;\r\n}\r\n\r\n\/* Polls *\/\r\n\r\n.pollContainer {\r\n\tbackground-color: rgba(0,0,0,0.5);\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.pollContainer .pollResultItem .pollMeter > .pollMeterValue {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n}\r\n\r\n\/* Quotes *\/\r\n\r\nwoltlab-quote, \r\n.quoteBox {\r\n\tbox-shadow: \r\n\t\t5px 0 0 $wcfContentText inset,\r\n\t\t0 1px 0 $baseBoxShadowTop;\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\n\/* BB-Code Code *\/\r\n\r\n.codeBox,\r\n.redactor-layer pre {\r\n\tborder-radius: $borderRadius;\r\n\tbackground-color: $wcfContentBackground !important;\r\n\tcolor: $wcfContentLinkActive !important;\r\n\tbox-shadow:\r\n\t\t0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n\/* BB-Code Spoiler *\/\r\n\r\n.spoilerBox > .spoilerBoxContent,\r\n.redactor-layer woltlab-spoiler {\r\n\tborder-radius: $borderRadius;\r\n\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow: \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\r\n}\r\n\r\n\/* Badges *\/\r\n\r\n.badge {\r\n\tbox-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.badge,\r\na.badge {\r\n\tbackground-image: linear-gradient($wcfContentLink, $wcfContentLinkActive);\r\n\tcolor: $wcfContentBackground;\r\n\r\n\t&.badgeUpdate {\r\n\t\tbackground-image: linear-gradient(rgb(205,41,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.green {\r\n\t\tbackground-image: linear-gradient(rgb(0,167,0), rgb(0,132,0));\r\n\t}\r\n\r\n\t&.red {\r\n\t\tbackground-image: linear-gradient(rgb(205,41,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.black {\r\n\t\tbackground-image: linear-gradient(rgb(66,66,66), rgb(0,0,0));\r\n\t}\r\n\r\n\t&.brown {\r\n\t\tbackground-image: linear-gradient(rgb(231,113,47), rgb(141,69,19));\r\n\t}\r\n\r\n\t&.orange {\r\n\t\tbackground-image: linear-gradient(rgb(255,174,59), rgb(226,136,0));\r\n\t}\r\n\r\n\t&.yellow {\r\n\t\tbackground-image: linear-gradient(rgb(255,255,0), rgb(171, 171, 0));\r\n\t}\r\n\r\n\t&.blue {\r\n\t\tbackground-image: linear-gradient(rgb(54,118,181), rgb(36,81,130));\r\n\t}\r\n\r\n\t&.purple {\r\n\t\tbackground-image: linear-gradient(rgb(215,65,255), rgb(157,0,194));\r\n\t}\r\n\r\n\t&.pink {\r\n\t\tbackground-image: linear-gradient(rgb(255,45,212), rgb(206,0,168));\r\n\t}\r\n}\r\n\r\na.badge:hover {\r\n\tbackground-image: linear-gradient($wcfContentText, $wcfContentText);\r\n\tcolor: $wcfContentBackground;\r\n\r\n\t&.badgeUpdate {\r\n\t\tbackground-image: linear-gradient(rgb(170,40,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.green {\r\n\t\tbackground-image: linear-gradient(rgb(0,132,0), rgb(0,132,0));\r\n\t}\r\n\r\n\t&.red {\r\n\t\tbackground-image: linear-gradient(rgb(170,40,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.black {\r\n\t\tbackground-image: linear-gradient(rgb(0,0,0), rgb(0,0,0));\r\n\t}\r\n\r\n\t&.brown {\r\n\t\tbackground-image: linear-gradient(rgb(141,69,19), rgb(141,69,19));\r\n\t}\r\n\r\n\t&.orange {\r\n\t\tbackground-image: linear-gradient(rgb(226,136,0), rgb(226,136,0));\r\n\t}\r\n\r\n\t&.yellow {\r\n\t\tbackground-image: linear-gradient(rgb(171, 171, 0), rgb(171, 171, 0));\r\n\t}\r\n\r\n\t&.blue {\r\n\t\tbackground-image: linear-gradient(rgb(36,81,130), rgb(36,81,130));\r\n\t}\r\n\r\n\t&.purple {\r\n\t\tbackground-image: linear-gradient(rgb(157,0,194), rgb(157,0,194));\r\n\t}\r\n\r\n\t&.pink {\r\n\t\tbackground-image: linear-gradient(rgb(206,0,168), rgb(206,0,168));\r\n\t}\r\n}\r\n\r\n\/* Tooltips *\/\r\n\r\n.balloonTooltip {\r\n\tbackground-color: $wcfContentBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3),\r\n\t\t0 0 5px rgba(0,0,0,0.5);\t\r\n}\r\n\r\n\/* Hardcoded colors *\/\r\n\r\n.redactor-layer table th {\r\n\tborder: 1px solid #000;\r\n\tbackground-color: $wcfTabularBoxBackgroundActive !important;\r\n}\r\n\r\n.redactor-layer table tr:nth-child(odd) td {\r\n\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n.htmlContent table tr:hover > td, \r\n.messageBody > .messageText table tr:hover > td, \r\n.messageSignature > div table tr:hover > td, \r\n.redactor-layer table tr:hover > td, \r\n.table tr:hover > td {\r\n\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n.redactor-layer table td {\r\n\tborder: 1px solid #000;\r\n}\r\n\t\r\n.redactor-layer table td {\r\n\tborder: 1px solid #000;\r\n}\r\n\r\n\/* BB-Code Tables *\/\r\n\r\ntable thead tr {\r\n\tbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\ntable tr td,\r\ntable thead tr th {\r\n\tbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n\/* Mouseover Effect *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.pageHeaderLogo img {\r\n\t\ttransition: all 100ms linear;\r\n\t\ttransform: scale(1.0);\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.pageHeaderLogo > a:hover img {\r\n\t\ttransition: all 100ms linear;\r\n\t\ttransform: scale(0.9); \r\n\t}\r\n\r\n\t.pageHeaderLogo > a {\r\n\t\tdisplay: inline-block;\r\n\t}\t\r\n\r\n}\r\n\r\n#profileContent .tabMenuContent > .section {\r\n\tmargin-top: 0px !important;\r\n\tpadding: 20px;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tborder-bottom: 1px solid $wcfContentBorder;\r\n}\r\n\r\n.doubleColumned > li,\r\n.tripleColumned > li {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow:\r\n\t\t0 1px 0 $baseBoxShadowTop,\t\r\n\t\t0 1px 0 $baseBoxShadowTop inset;\t\r\n\tpadding: 10px;\r\n}\r\n\r\n\/* HeaderContent *\/\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t#pageHeaderContent {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n}\r\n\r\n#pageHeaderContent {\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfContentBackground;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n#pageHeaderContent > .layoutBoundary {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.headerContent h2 {\r\n\tcolor: #FFF;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a > span {\r\n\tposition: relative;\r\n\tz-index: 100;\r\n}\r\n\r\n#pageHeaderContent.baseHeaderContentVisitor > .layoutBoundary {\r\n\tpadding-top: 30px;\r\n\tpadding-bottom: 30px;\r\n}\r\n\r\n.userHeaderDataEntry p {\r\n\tfont-size: 12px;\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.headerContent {\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.headerContentUserData > li:not(:first-child) {\r\n\tborder-left: 1px solid rgba(255,255,255,0.1)\r\n}\r\n\r\n.userHeaderDataEntry h3 {\r\n\tfont-size: 14px;\r\n\tcolor: $wcfHeaderMenuLink;\r\n}\r\n\r\n.userHeaderDataAvatar > a {\r\n\tmargin-top: 3px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a,\r\n.headerContent.headerContentVisitor .headerContentMessage a:hover {\r\n\tborder: 0;\r\n\ttransition: 150ms background-color ease;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage h2 {\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n\tcolor: $wcfButtonPrimaryText;\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,15%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 -30px 30px -20px darken($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 30px 30px -20px lighten($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n\tcolor: $wcfButtonPrimaryTextActive;\r\n}\r\n\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.messageAuthorContainer {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\t\tpadding-top: 3px;\t\r\n\t\tpadding-bottom: 3px;\t\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.messageSidebar .username {\r\n\t\tfont-size: 14px;\r\n\t}\t\r\n\r\n}\r\n\r\n\/* HeaderContent Animation *\/\r\n\r\n.headerContentButtonChrome {\r\n\tbackground: linear-gradient(to right, transparentize(lighten($wcfButtonPrimaryBackgroundActive, 25%),1) 0%, lighten($wcfButtonPrimaryBackgroundActive, 35%) 100%);\r\n\twidth: 15%;\r\n\ttransform: skew(-10deg,0deg);\r\n\tanimation: move 3s;\r\n\tanimation-delay: 1s;\r\n\tanimation-iteration-count: infinite;\r\n}\r\n\r\n\/* Search *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t#pageHeaderSearch {\r\n\t\ttop: 60px !important;\r\n\t\tright: 0px !important;\r\n\t\tposition: absolute;\r\n\t\tpadding: 7px;\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow:\r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\t\r\n\t\t\t0 -1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {\r\n\t\tborder-radius: $borderRadius 0 0 $borderRadius;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, \r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {\r\n\t\tbackground: linear-gradient(lighten($wcfButtonBackgroundActive, 2%), $wcfButtonBackgroundActive);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton {\r\n\t\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput {\r\n\t\tbackground-color: $wcfHeaderSearchBoxBackground;\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 rgba(0, 0, 0, 1) inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\r\n\t\t\tborder-radius: 0;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer {\r\n\t\tbackground-color: rgba(255, 255, 255, 0.0);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput:focus,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput:hover {\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 rgba(0, 0, 0, 1) inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t#pageHeaderPanel {\r\n\t\tright: 50px;\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 0 25px rgba(0,0,0,0.9);\r\n\t}\r\n\r\n\t.menuOverlayItemLink.active, \r\n\t.menuOverlayItemLinkIcon.active {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\t\t\r\n\t}\r\n\r\n\t.menuOverlayMobile {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n\t.pageHeaderSearch {\r\n\t\tbackground-color: rgba(0,0,0,0.95);\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorder;\r\n\t\tpadding-bottom: 1px;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {\r\n\t\tbackground-color: rgba(255,255,255,0.1);\r\n\t}\t\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, \r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {\r\n\t\tbackground: linear-gradient(lighten($wcfButtonBackgroundActive, 2%), $wcfButtonBackgroundActive);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput {\r\n\t\tbox-shadow: 0 0 0 0 !important;\r\n\t}\r\n\r\n\t.menuOverlayItemLink,\r\n\t.menuOverlayItemLinkIcon {\r\n\t\tbackground-color: transparentize($wcfHeaderMenuLinkBackgroundActive,0.1);\r\n\t\tbackground-image: linear-gradient($wcfContentBackground,$wcfContentBackground);\r\n\t}\t\t\t\r\n\t\r\n}\r\n\r\n\/* Padding mobile *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t.wbbBoardList .wbbBoard,\r\n\t.tabularListRow,\r\n\t.containerList > li {\r\n\t\tpadding-left: 10px;\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\r\n}\r\n\r\n\/* Content \/ Sidebar right collapsed *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.sidebar.boxesSidebarRight.sidebarRightCollapsed {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layoutBoundary > .content.sidebarRightCollapsed:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 20px);\r\n\t\tmax-width: calc(100% - 20px);\r\n\t}\r\n\r\n}\r\n\r\n\/* Sticky *\/\r\n\r\n.pageFooterStickyNotice .error, \r\n.pageFooterStickyNotice .info, \r\n.pageFooterStickyNotice .success, \r\n.pageFooterStickyNotice .warning {\r\n\tborder-top-width: 0;\r\n}\r\n\r\n.pageFooterStickyNotice a {\r\n\tbackground-color: rgba(0,0,0,0.3) !important;\r\n\tcolor: #fff !important;\r\n\tbox-shadow: 0 0 0 0 rgba(0,0,0,0) !important;\r\n}\r\n\r\n.pageFooterStickyNotice a:hover {\r\n\tbackground-color: rgba(0,0,0,0.5) !important;\r\n}\r\n\r\n\/* Subcategories *\/\r\n\r\n.wbbDepth2 > header {\r\n\tborder-radius: 0;\r\n}\r\n\r\n.wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {\r\n\tmargin-left: 48px;\r\n}\r\n\r\n#tpl_wbb_board .wbbCategory.wbbDepth1.tabularBox.tabularBoxTitle.wbbCollapsibleCategory:not(:last-child) {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t@if($fixedMainmenu == 0) {\r\n\r\n\t\t#pageHeaderPanel {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: inherit;\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel > .layoutBoundary {\r\n\t\t\tpadding: 7px 20px;\r\n\t\t\tborder-radius: $borderRadius $borderRadius 0 0;\r\n\t\t}\r\n\r\n\t} @else {\r\n\t\t\r\n\t\t#pageHeaderPanel > .layoutBoundary {\r\n\t\t\tpadding: 7px 20px;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel:not(.fixed) {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: inherit;\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel.fixed {\r\n\t\t\tpadding: 0 $paddingAside;\r\n\t\t}\t\t\r\n\r\n\t\t#pageHeaderPanel.fixed > .layoutBoundary {\r\n\t\t\t@if $useFluidLayout == 1 {\r\n\t\t\t\tmin-width: $wcfLayoutMinWidth;\r\n\t\t\t\tmax-width: $wcfLayoutMaxWidth - $paddingAside - $paddingAside;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t} @else {\r\n\t\t\t\twidth: $wcfLayoutFixedWidth - $paddingAside - $paddingAside;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\tbackground-image: linear-gradient($wcfContentBackground, $wcfContentBackground);\r\n\t\t\tbox-shadow:\r\n\t\t\t\t0 1px 0 $wcfContentBorder,\r\n\t\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset,\r\n\t\t\t\t0 5px 15px rgba(0,0,0,0.5); \t\t\t\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel.fixed .mainMenu .boxMenu > li > a {\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0.1);\r\n\t\t}\t\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n\/* Mainmenu *\/\r\n\r\n.mainMenu .mainMenuShowPrevious.active, \r\n.mainMenu .mainMenuShowNext.active {\r\n\tz-index: 100;\r\n}\r\n\r\n.mainMenu .boxMenu > li > a {\r\n\tpadding: 0 20px;\r\n\ttext-shadow: 0 1px 1px rgba(0,0,0,0.15);\r\n}\r\n\r\n.mainMenu .boxMenu .boxMenuDepth1 {\r\n\tdisplay: none;\r\n}\r\n\r\n.mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {\r\n\tdisplay: block;\r\n}\r\n\r\n.mainMenu .mainMenuShowPrevious > .icon, \r\n.mainMenu .mainMenuShowNext > .icon {\r\n\tcolor: $wcfHeaderMenuLink;\r\n\tborder-radius: 30px;\r\n\tfont-size: 18px;\r\n\theight: 20px;\r\n\tline-height: 20px;\r\n\twidth: 20px;\r\n\tbackground-color: #000;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 0 10px rgba(0,0,0,1);\r\n}\r\n\r\n.mainMenu .mainMenuShowPrevious > .icon {\r\n\tmargin-left: 10px;\r\n}\r\n\r\n.mainMenu .mainMenuShowNext > .icon {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\/* Text Selection *\/\r\n\r\n::selection {\r\n\tbackground: rgba(220, 78, 65, 1);\r\n\tcolor: $wcfButtonPrimaryText;\r\n}\r\n::-moz-selection {\r\n\tbackground: rgba(220, 78, 65, 1);\r\n\tcolor: $wcfButtonPrimaryText;\r\n}\r\n\r\n.newMessageBadge {\r\n\tbackground: #ee0000;\r\n\tcolor: #fff;\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;\r\n}\r\n\r\n\/* Fix 3.0.2*\/\r\n\r\n.messageList:not(.messageReducedList) > li.messageListPagination {\r\n\tborder-bottom: 0;\r\n}\r\n\r\n.messageQuickReplyCollapsed:hover .messageQuickReplyContent::before,\r\n.messageQuickReplyCollapsed:hover .messageQuickReplyContent::after {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t#messageQuickReply {\r\n\t\tborder-bottom: 1px solid $wcfContentBorder !important;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.messageQuickReplyCollapsed {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner !important; \r\n\t\tborder-bottom: 1px solid $wcfContentBorder !important;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.messageQuickReplyCollapsed > .message {\r\n\t\tpadding-bottom: 0;\r\n\t\t background-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\t\t box-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t}\r\n\t\r\n\t.messageQuickReplyCollapsed .messageQuickReplyContent {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\t\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t\tpadding: 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t}\r\n\t\r\n\t.messageGroupList .tabularListRowHead .columnApplyFilter {\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\t\r\n\t.commentListAddComment.collapsed {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.commentListAddComment .redactor-layer,\r\n\t.commentListAddCommentResponseEditorContainer .redactor-layer {\r\n\t\tbox-shadow: 0px 0px 0px rgba(0, 0, 0, 0);\r\n\t}\r\n\t\r\n\t.messageList:not(.messageReducedList) {\r\n\t\tborder-top: 0 !important;\r\n\t}\r\n\t\r\n\t.commentList > li.jsCommentAdd {\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t.commentList > li.jsCommentAdd {\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\t\r\n}\r\n\r\n\/* (min-width: 769px) and (max-width: 1024px) *\/\r\n\r\n@include screen-md {\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t\tpadding: 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\t\r\n}\r\n\r\n\/* (max-width: 768px) *\/\r\n\r\n@include screen-sm-down {\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\t.content > .section.tabularBox {\r\n\t\tmargin-left: 0;\r\n\t\tmargin-right: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t.pageHeaderFacade:first-child {\r\n\t\tmargin-top: 0px;\r\n\t}\r\n\t\r\n\t#pageHeaderMobileMenu,\r\n\t#pageHeaderSubMenu,\r\n\t.pageNavigation {\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t#pageHeaderMobileMenu,\r\n\t#pageHeaderSubMenu {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset;\r\n\t}\r\n\r\n\t.pageNavigation {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset,\r\n\t\t\t0 1px 0 rgba(255,255,255,0.085);\r\n\t}\r\n\r\n\t.pageHeaderMobileMenu .mobileMainMenu > li > a {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.15) inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.08) inset, \r\n\t\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.5);\r\n\t\tborder-right: 1px solid $wcfContentBorderInner;\r\n\t\tbackground-color: $wcfHeaderMenuLinkBackground;\r\n\t}\r\n\r\n\t.pageHeaderMobileMenu .mobileMainMenu > li.active > a, \r\n\t.pageHeaderMobileMenu .mobileMainMenu > li > a:hover {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.pageNavigation {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset,\r\n\t\t\t0 1px 0 rgba(255,255,255,0.085);\r\n\t}\r\n\t\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\t\r\n\t#pageHeaderSubMenu {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\t\r\n\t.breadcrumbs {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t\r\n\t.breadcrumbs > ol > li:last-child > a {\r\n\t\tcolor: $wcfNavigationLink;\r\n\t}\r\n\t\r\n}\r\n\r\n\/* Trophies *\/\r\n\r\n.trophyIcon {\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.15) inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.08) inset, \r\n\t\t-1px 0 0 $baseBoxShadowTop inset, \r\n\t\t1px 0 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* Filebase *\/\r\n\r\n.filebaseFileCard {\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.filebaseFileList .filebaseFileFooter {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n\/* Messages *\/\r\n\r\n.commentListAddComment.collapsed {\r\n\tbox-shadow:\r\n\t\t0 1px 0 $wcfContentBorderInner inset,\r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\t\r\n}\r\n\r\n\/* Profilecover *\/\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto {\r\n\tborder-radius: 2px;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto {\r\n\tright: 0;\r\n\ttop: 0;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto > a {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n\tborder-radius: 0 2px 0 2px;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto > a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n}\r\n\r\n\/* Moderation *\/\r\n\r\n@media (max-width: 768px) {\r\n\t\r\n\t.modificationLogEntry > .message > .messageContent,\r\n\t.jsModificationLogEntry > .message > .messageContent {\r\n\t\tbackground-color: rgba(0, 0, 0, 0) !important;\r\n\t}\r\n\r\n}\r\n\r\n.modificationLogEntry,\r\n.jsModificationLogEntry {\r\n\tbackground-color: rgba(0,0,0,0.0);\r\n\tpadding-top: 0 !important;\r\n\tpadding-bottom: 0 !important;\r\n}\r\n\r\n.modificationLogEntry > .message,\r\n.jsModificationLogEntry > .message {\r\n\tbackground-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) !important;\r\n\tbackground-color: rgba(0, 0, 0, 0) !important;\r\n}\r\n\r\n.modificationLogEntry > .message > .messageContent,\r\n.jsModificationLogEntry > .message > .messageContent {\r\n\tpadding: 0 !important;\r\n}\r\n\r\n.jsModificationLogEntry > .message > .messageContent > .messageHeader {\r\n\tmargin: 0;\r\n}\r\n\r\n\/* Calendar *\/\r\n\r\n.calendarFullMonthView .calendarPastDay::after {\r\n\tbackground-color: transparentize($wcfHeaderMenuLinkBackgroundActive,0.8);\t\r\n}\r\n\r\n.calendarFullMonthView .calendarEventLink {\r\n\tbackground-color: $wcfHeaderMenuLinkBackgroundActive;\r\n\tcolor: $wcfHeaderMenuLink;\r\n\ttext-shadow: 1px 1px 3px rgba(0,0,0,0);\r\n}\r\n\r\n.calendarEventTextColorLight {\r\n\tcolor: #fff;\r\n\ttext-shadow: 1px 1px 3px #000;\r\n}\r\n\r\n\/* Custom new posts *\/\r\n\r\n.wbbBoard > .icon {\r\n\tposition: relative;\r\n}\r\n\r\n.wbbBoard > .icon .badgeUpdate {\r\n\tposition: absolute;\r\n\tleft: -8px;\r\n\ttop: -5px;\r\n\tbox-shadow: \r\n\t\t0 0 0 2px #000, \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.2) inset, \r\n\t\t0 1px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.wbbBoard > .icon .badgeUpdate,\r\n.wbbBoardList .badgeUpdate {\r\n\tfont-family: \"Open Sans\", \"Trebuchet MS\", Arial, sans-serif;\r\n\t-moz-osx-font-smoothing: none;\r\n\t-webkit-font-smoothing: auto;\r\n\tpadding: 1px 5px;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.wbbBoardMain .containerHeadline > h3 > .badge {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.wbbBoardList .badge, \r\n\t.wbbBoardList a.badge {\r\n\t\tpadding: 1px 5px;\r\n\t}\r\n\r\n}\r\n\r\n\/* Mobile boardlist *\/\r\n\r\n@include screen-sm-down {\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > a {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small > .wbbLastPostAuthor {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n}\r\n\r\n\/* Default Cover *\/\r\n\r\n.userProfileUserWithCoverPhoto::before {\r\n\tbackground-image: url('#{$style_image_path}pageBG.jpg');\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbottom: 0;\r\n\tcontent: \"\";\r\n\tdisplay: block;\r\n\tleft: 0;\r\n\tpointer-events: none;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 0;\r\n\theight:200px;\r\n\tborder-radius: 3px;\r\n\tbox-shadow: \r\n\t\t0 0 0 1px rgba(255,255,255,0.025) inset, \r\n\t\t0 0 5px rgba(0,0,0,0.5) inset, \r\n\t\t0 0 25px rgba(0,0,0,0.5) inset;\r\n}\r\n\r\n.userProfileCoverPhoto {\r\n\tbackground-color: rgba(0,0,0,0.2) !important;\r\n}\r\n\r\n@media (max-width: 544px) {\r\n\r\n\t.userProfileUserWithCoverPhoto::before {\r\n\t\t height: 150px;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 545px) {\r\n\r\n\t.userProfileUserWithCoverPhoto::before {\r\n\t\t height: 200px;\r\n\t}\r\n\r\n}\r\n\r\n.messageListNotice {\r\n\tborder-bottom: 0 !important;\r\n}\r\n\r\n@media (max-width: 544px) {\r\n\r\n\t.boxesSidebarLeft::before, .boxesSidebarRight::before {\r\n\t\t background-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\t\t box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);\r\n\t\t border-bottom: $wcfContentBorderInner;\r\n\t}\r\n\r\n}"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/StyleCompiler.class.php","line":131,"function":"compileStylesheet","class":"wcf\\system\\style\\StyleCompiler","type":"->","args":["\/homepages\/27\/d402953117\/htdocs\/wbb5\/style\/style-6",["[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]","[redacted]"],{"messageSidebarOrientation":"[redacted]","pageLogo":"[redacted]","pageLogoWidth":"[redacted]","pageLogoHeight":"[redacted]","pageLogoMobile":"[redacted]","useFluidLayout":"[redacted]","useGoogleFont":"[redacted]","wcfButtonBackground":"[redacted]","wcfButtonBackgroundActive":"[redacted]","wcfButtonDisabledBackground":"[redacted]","wcfButtonDisabledText":"[redacted]","wcfButtonPrimaryBackground":"[redacted]","wcfButtonPrimaryBackgroundActive":"[redacted]","wcfButtonPrimaryText":"[redacted]","wcfButtonPrimaryTextActive":"[redacted]","wcfButtonText":"[redacted]","wcfButtonTextActive":"[redacted]","wcfContentBackground":"[redacted]","wcfContentBorder":"[redacted]","wcfContentBorderInner":"[redacted]","wcfContentContainerBackground":"[redacted]","wcfContentContainerBorder":"[redacted]","wcfContentDimmedLink":"[redacted]","wcfContentDimmedLinkActive":"[redacted]","wcfContentDimmedText":"[redacted]","wcfContentHeadlineBorder":"[redacted]","wcfContentHeadlineLink":"[redacted]","wcfContentHeadlineLinkActive":"[redacted]","wcfContentHeadlineText":"[redacted]","wcfContentLink":"[redacted]","wcfContentLinkActive":"[redacted]","wcfContentText":"[redacted]","wcfDropdownBackground":"[redacted]","wcfDropdownBackgroundActive":"[redacted]","wcfDropdownBorderInner":"[redacted]","wcfDropdownLink":"[redacted]","wcfDropdownLinkActive":"[redacted]","wcfDropdownText":"[redacted]","wcfEditorButtonBackground":"[redacted]","wcfEditorButtonBackgroundActive":"[redacted]","wcfEditorButtonText":"[redacted]","wcfEditorButtonTextActive":"[redacted]","wcfEditorButtonTextDisabled":"[redacted]","wcfFontFamilyFallback":"[redacted]","wcfFontFamilyGoogle":"[redacted]","wcfFontLineHeight":"[redacted]","wcfFontSizeDefault":"[redacted]","wcfFontSizeHeadline":"[redacted]","wcfFontSizeSection":"[redacted]","wcfFontSizeSmall":"[redacted]","wcfFontSizeTitle":"[redacted]","wcfFooterBackground":"[redacted]","wcfFooterBoxBackground":"[redacted]","wcfFooterBoxHeadlineLink":"[redacted]","wcfFooterBoxHeadlineLinkActive":"[redacted]","wcfFooterBoxHeadlineText":"[redacted]","wcfFooterBoxLink":"[redacted]","wcfFooterBoxLinkActive":"[redacted]","wcfFooterBoxText":"[redacted]","wcfFooterCopyrightBackground":"[redacted]","wcfFooterCopyrightLink":"[redacted]","wcfFooterCopyrightLinkActive":"[redacted]","wcfFooterCopyrightText":"[redacted]","wcfFooterHeadlineLink":"[redacted]","wcfFooterHeadlineLinkActive":"[redacted]","wcfFooterHeadlineText":"[redacted]","wcfFooterLink":"[redacted]","wcfFooterLinkActive":"[redacted]","wcfFooterText":"[redacted]","wcfHeaderBackground":"[redacted]","wcfHeaderText":"[redacted]","wcfHeaderLink":"[redacted]","wcfHeaderLinkActive":"[redacted]","wcfHeaderMenuBackground":"[redacted]","wcfHeaderMenuLinkBackground":"[redacted]","wcfHeaderMenuLinkBackgroundActive":"[redacted]","wcfHeaderMenuLink":"[redacted]","wcfHeaderMenuLinkActive":"[redacted]","wcfHeaderMenuDropdownBackground":"[redacted]","wcfHeaderMenuDropdownBackgroundActive":"[redacted]","wcfHeaderMenuDropdownLink":"[redacted]","wcfHeaderMenuDropdownLinkActive":"[redacted]","wcfHeaderSearchBoxBackground":"[redacted]","wcfHeaderSearchBoxBackgroundActive":"[redacted]","wcfHeaderSearchBoxText":"[redacted]","wcfHeaderSearchBoxTextActive":"[redacted]","wcfHeaderSearchBoxPlaceholder":"[redacted]","wcfHeaderSearchBoxPlaceholderActive":"[redacted]","wcfInputBackground":"[redacted]","wcfInputBackgroundActive":"[redacted]","wcfInputBorder":"[redacted]","wcfInputBorderActive":"[redacted]","wcfInputDisabledBackground":"[redacted]","wcfInputDisabledBorder":"[redacted]","wcfInputDisabledText":"[redacted]","wcfInputLabel":"[redacted]","wcfInputText":"[redacted]","wcfInputTextActive":"[redacted]","wcfInputPlaceholder":"[redacted]","wcfInputPlaceholderActive":"[redacted]","wcfLayoutFixedWidth":"[redacted]","wcfLayoutMaxWidth":"[redacted]","wcfLayoutMinWidth":"[redacted]","wcfNavigationBackground":"[redacted]","wcfNavigationLink":"[redacted]","wcfNavigationLinkActive":"[redacted]","wcfNavigationText":"[redacted]","wcfSidebarBackground":"[redacted]","wcfSidebarDimmedLink":"[redacted]","wcfSidebarDimmedLinkActive":"[redacted]","wcfSidebarDimmedText":"[redacted]","wcfSidebarHeadlineLink":"[redacted]","wcfSidebarHeadlineLinkActive":"[redacted]","wcfSidebarHeadlineText":"[redacted]","wcfSidebarLink":"[redacted]","wcfSidebarLinkActive":"[redacted]","wcfSidebarText":"[redacted]","wcfStatusErrorBackground":"[redacted]","wcfStatusErrorBorder":"[redacted]","wcfStatusErrorLink":"[redacted]","wcfStatusErrorLinkActive":"[redacted]","wcfStatusErrorText":"[redacted]","wcfStatusInfoBackground":"[redacted]","wcfStatusInfoBorder":"[redacted]","wcfStatusInfoLink":"[redacted]","wcfStatusInfoLinkActive":"[redacted]","wcfStatusInfoText":"[redacted]","wcfStatusSuccessBackground":"[redacted]","wcfStatusSuccessBorder":"[redacted]","wcfStatusSuccessLink":"[redacted]","wcfStatusSuccessLinkActive":"[redacted]","wcfStatusSuccessText":"[redacted]","wcfStatusWarningBackground":"[redacted]","wcfStatusWarningBorder":"[redacted]","wcfStatusWarningLink":"[redacted]","wcfStatusWarningLinkActive":"[redacted]","wcfStatusWarningText":"[redacted]","wcfTabularBoxBackgroundActive":"[redacted]","wcfTabularBoxBorderInner":"[redacted]","wcfTabularBoxHeadline":"[redacted]","wcfTabularBoxHeadlineActive":"[redacted]","wcfTextShadowDark":"[redacted]","wcfTextShadowLight":"[redacted]","wcfTooltipBackground":"[redacted]","wcfTooltipText":"[redacted]","style_image_path":"[redacted]","apiVersion":"[redacted]","wcfFontFamily":"[redacted]","wcf_option_last_update_time":"[redacted]","wcf_option_woltlab_branding":"[redacted]","wcf_option_module_master_password":"[redacted]","wcf_option_visitor_use_tiny_build":"[redacted]","wcf_option_module_contact_form":"[redacted]","wcf_option_log_ip_address":"[redacted]","wcf_option_enable_woltlab_news":"[redacted]","wcf_option_module_system_recaptcha":"[redacted]","wcf_option_module_cookie_policy_page":"[redacted]","wcf_option_module_article":"[redacted]","wcf_option_module_attachment":"[redacted]","wcf_option_module_smiley":"[redacted]","wcf_option_module_gravatar":"[redacted]","wcf_option_module_users_online":"[redacted]","wcf_option_module_user_rank":"[redacted]","wcf_option_module_user_signature":"[redacted]","wcf_option_module_members_list":"[redacted]","wcf_option_module_team_page":"[redacted]","wcf_option_module_user_cover_photo":"[redacted]","wcf_option_module_like":"[redacted]","wcf_option_module_user_profile_wall":"[redacted]","wcf_option_module_trophy":"[redacted]","wcf_option_module_tagging":"[redacted]","wcf_option_module_poll":"[redacted]","wcf_option_module_wcf_ad":"[redacted]","wcf_option_enable_debug_mode":"[redacted]","wcf_option_enable_benchmark":"[redacted]","wcf_option_enable_developer_tools":"[redacted]","wcf_option_use_page_title_on_landing_page":"[redacted]","wcf_option_show_version_number":"[redacted]","wcf_option_external_link_rel_nofollow":"[redacted]","wcf_option_external_link_target_blank":"[redacted]","wcf_option_show_update_notice_frontend":"[redacted]","wcf_option_language_use_informal_variant":"[redacted]","wcf_option_show_style_changer":"[redacted]","wcf_option_enable_ad_rotation":"[redacted]","wcf_option_enable_polling":"[redacted]","wcf_option_enable_desktop_notifications":"[redacted]","wcf_option_page_logo_link_to_app_default":"[redacted]","wcf_option_url_legacy_mode":"[redacted]","wcf_option_url_omit_index_php":"[redacted]","wcf_option_sitemap_index_time_frame":"[redacted]","wcf_option_offline":"[redacted]","wcf_option_offline_message_allow_html":"[redacted]","wcf_option_http_send_x_frame_options":"[redacted]","wcf_option_http_enable_gzip":"[redacted]","wcf_option_session_timeout":"[redacted]","wcf_option_user_online_timeout":"[redacted]","wcf_option_session_validate_ip_address":"[redacted]","wcf_option_session_validate_user_agent":"[redacted]","wcf_option_session_enable_virtualization":"[redacted]","wcf_option_enable_user_authentication_failure":"[redacted]","wcf_option_user_authentication_failure_timeout":"[redacted]","wcf_option_user_authentication_failure_ip_captcha":"[redacted]","wcf_option_user_authentication_failure_ip_block":"[redacted]","wcf_option_user_authentication_failure_user_captcha":"[redacted]","wcf_option_user_authentication_failure_expiration":"[redacted]","wcf_option_register_use_captcha":"[redacted]","wcf_option_lost_password_use_captcha":"[redacted]","wcf_option_profile_mail_use_captcha":"[redacted]","wcf_option_search_use_captcha":"[redacted]","wcf_option_google_maps_enable_scale_control":"[redacted]","wcf_option_google_maps_enable_dragging":"[redacted]","wcf_option_google_maps_enable_scroll_wheel_zoom":"[redacted]","wcf_option_google_maps_enable_double_click_zoom":"[redacted]","wcf_option_google_maps_access_user_location":"[redacted]","wcf_option_mail_smtp_port":"[redacted]","wcf_option_mail_use_f_param":"[redacted]","wcf_option_module_paid_subscription":"[redacted]","wcf_option_paid_subscription_enable_tos_confirmation":"[redacted]","wcf_option_attachment_enable_thumbnails":"[redacted]","wcf_option_attachment_retain_dimensions":"[redacted]","wcf_option_attachment_thumbnail_height":"[redacted]","wcf_option_attachment_thumbnail_width":"[redacted]","wcf_option_module_edit_history":"[redacted]","wcf_option_edit_history_expiration":"[redacted]","wcf_option_enable_share_buttons":"[redacted]","wcf_option_message_force_secure_images":"[redacted]","wcf_option_module_image_proxy":"[redacted]","wcf_option_image_proxy_insecure_only":"[redacted]","wcf_option_image_proxy_expiration":"[redacted]","wcf_option_enable_censorship":"[redacted]","wcf_option_register_enable_password_security_check":"[redacted]","wcf_option_register_password_min_length":"[redacted]","wcf_option_register_password_must_contain_lower_case":"[redacted]","wcf_option_register_password_must_contain_upper_case":"[redacted]","wcf_option_register_password_must_contain_digit":"[redacted]","wcf_option_register_password_must_contain_special_char":"[redacted]","wcf_option_force_login":"[redacted]","wcf_option_register_disabled":"[redacted]","wcf_option_register_enable_disclaimer":"[redacted]","wcf_option_register_admin_notification":"[redacted]","wcf_option_register_username_min_length":"[redacted]","wcf_option_register_username_max_length":"[redacted]","wcf_option_register_username_force_ascii":"[redacted]","wcf_option_register_min_user_age":"[redacted]","wcf_option_signature_max_image_height":"[redacted]","wcf_option_user_title_max_length":"[redacted]","wcf_option_profile_show_old_username":"[redacted]","wcf_option_profile_enable_visitors":"[redacted]","wcf_option_members_list_users_per_page":"[redacted]","wcf_option_users_online_show_guests":"[redacted]","wcf_option_users_online_show_robots":"[redacted]","wcf_option_users_online_page_refresh":"[redacted]","wcf_option_users_online_record_no_guests":"[redacted]","wcf_option_users_online_enable_legend":"[redacted]","wcf_option_users_online_record":"[redacted]","wcf_option_users_online_record_time":"[redacted]","wcf_option_user_cleanup_notification_lifetime":"[redacted]","wcf_option_user_cleanup_activity_event_lifetime":"[redacted]","wcf_option_user_cleanup_profile_visitor_lifetime":"[redacted]","wcf_option_like_allow_for_own_content":"[redacted]","wcf_option_like_enable_dislike":"[redacted]","wcf_option_like_show_summary":"[redacted]","wcf_option_message_sidebar_enable_online_status":"[redacted]","wcf_option_message_sidebar_enable_likes_received":"[redacted]","wcf_option_message_sidebar_enable_activity_points":"[redacted]","wcf_option_message_sidebar_enable_user_online_marking":"[redacted]","wcf_option_message_sidebar_enable_trophy_points":"[redacted]","wcf_option_tagging_max_tag_length":"[redacted]","wcf_option_message_max_quote_depth":"[redacted]","wcf_option_search_results_per_page":"[redacted]","wcf_option_poll_max_options":"[redacted]","wcf_option_poll_full_width":"[redacted]","wcf_option_media_small_thumbnail_width":"[redacted]","wcf_option_media_small_thumbnail_height":"[redacted]","wcf_option_media_small_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_medium_thumbnail_width":"[redacted]","wcf_option_media_medium_thumbnail_height":"[redacted]","wcf_option_media_medium_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_large_thumbnail_width":"[redacted]","wcf_option_media_large_thumbnail_height":"[redacted]","wcf_option_media_large_thumbnail_retain_dimensions":"[redacted]","wcf_option_article_show_about_author":"[redacted]","wcf_option_article_enable_comments_default_value":"[redacted]","wcf_option_article_enable_like":"[redacted]","wcf_option_article_enable_visit_tracking":"[redacted]","wcf_option_articles_per_page":"[redacted]","wcf_option_article_related_articles":"[redacted]","wcf_option_article_related_articles_match_threshold":"[redacted]","wcf_option_module_conversation":"[redacted]","wcf_option_conversations_per_page":"[redacted]","wcf_option_conversation_messages_per_page":"[redacted]","wcf_option_module_user_infraction":"[redacted]","wcf_option_wbb_module_thread_marking_as_done":"[redacted]","wcf_option_wbb_module_ignore_boards":"[redacted]","wcf_option_wbb_index_enable_stats":"[redacted]","wcf_option_wbb_board_list_depth":"[redacted]","wcf_option_wbb_board_list_enable_last_post":"[redacted]","wcf_option_wbb_board_list_enable_stats":"[redacted]","wcf_option_wbb_board_list_enable_sub_boards":"[redacted]","wcf_option_wbb_board_list_enable_online_list":"[redacted]","wcf_option_wbb_board_enable_stats":"[redacted]","wcf_option_wbb_board_enable_moderators":"[redacted]","wcf_option_wbb_board_threads_per_page":"[redacted]","wcf_option_wbb_board_enable_deleted_thread_note":"[redacted]","wcf_option_wbb_board_threads_enable_language_flag":"[redacted]","wcf_option_wbb_thread_enable_tags":"[redacted]","wcf_option_wbb_thread_enable_similar_threads":"[redacted]","wcf_option_wbb_thread_similar_threads_count":"[redacted]","wcf_option_wbb_thread_similar_threads_search_period":"[redacted]","wcf_option_wbb_thread_empty_recycle_bin_cycle":"[redacted]","wcf_option_wbb_thread_delete_link_cycle":"[redacted]","wcf_option_wbb_thread_marking_as_done_cycle":"[redacted]","wcf_option_wbb_thread_max_formatted_excerpt_length":"[redacted]","wcf_option_wbb_thread_enable_moderation_notification":"[redacted]","wcf_option_wbb_thread_enable_moderation_thread_log":"[redacted]","wcf_option_wbb_thread_moderation_notification_show_moderator":"[redacted]","wcf_option_wbb_thread_posts_per_page":"[redacted]","wcf_option_wbb_thread_enable_deleted_post_note":"[redacted]","wcf_option_wbb_thread_guest_max_posts":"[redacted]","wcf_option_wbb_thread_min_char_length":"[redacted]","wcf_option_wbb_thread_min_word_count":"[redacted]","wcf_option_wbb_post_min_char_length":"[redacted]","wcf_option_wbb_post_min_word_count":"[redacted]","wcf_option_wbb_reply_old_thread_warning":"[redacted]","wcf_option_wbb_reply_show_posts_max":"[redacted]","wcf_option_wbb_thread_show_similar_threads_when_creating_new_thread":"[redacted]","wcf_option_wbb_post_notification_mail_include_message":"[redacted]","wcf_option_wbb_post_edit_hide_edit_note_period":"[redacted]","wcf_option_wbb_install_date":"[redacted]","wcf_option_wbb_message_sidebar_enable_user_posts":"[redacted]","wcf_option_wbb_search_find_threads":"[redacted]","wcf_option_wbb_article_thread_single_board":"[redacted]","wcf_option_legal_notice_additional_text_enable_html":"[redacted]","wcf_option_filebase_index_enable_stats":"[redacted]","wcf_option_filebase_enable_license":"[redacted]","wcf_option_filebase_enable_custom_license":"[redacted]","wcf_option_filebase_enable_license_confirmation":"[redacted]","wcf_option_filebase_enable_version_number":"[redacted]","wcf_option_filebase_enable_multilingualism":"[redacted]","wcf_option_filebase_enable_file_icon":"[redacted]","wcf_option_filebase_files_per_page":"[redacted]","wcf_option_filebase_max_teaser_length":"[redacted]","wcf_option_filebase_enable_time_limited_file_stats":"[redacted]","wcf_option_filebase_time_limited_file_stats_period":"[redacted]","wcf_option_filebase_file_empty_recycle_bin_cycle":"[redacted]","wcf_option_filebase_message_sidebar_enable_user_files":"[redacted]","wcf_option_filebase_install_date":"[redacted]","wcf_option_filebase_enable_selling":"[redacted]","wcf_option_filebase_multiple_purchase":"[redacted]","wcf_option_filebase_price_tax":"[redacted]","wcf_option_steam_integration_enabled":"[redacted]","wcf_option_steam_integration_update_linked_groups":"[redacted]","wcf_option_steam_integration_thirdparty":"[redacted]","wcf_option_steam_integration_nickname":"[redacted]","wcf_option_steam_integration_sidebar_show":"[redacted]","wcf_option_steam_integration_sidebar_avatar":"[redacted]","wcf_option_steam_integration_avatar_userlist_count":"[redacted]","wcf_option_steam_integration_userlist_validated":"[redacted]","wcf_option_steam_integration_max_jobs":"[redacted]","wcf_option_steam_integration_games_per_page":"[redacted]","wcf_option_steam_integration_discussions":"[redacted]","wcf_option_easypoll_custom_pollmeter":"[redacted]","wcf_option_easypoll_select_parentcategories":"[redacted]","wcf_option_easypoll_poll_count":"[redacted]","wcf_option_easypoll_show_options":"[redacted]","wcf_option_easypoll_auto_finish":"[redacted]","wcf_option_easypoll_show_badge":"[redacted]","wcf_option_shoutbox_sync_interval":"[redacted]","wcf_option_shoutbox_idle_limit":"[redacted]","wcf_option_shoutbox_height":"[redacted]","wcf_option_shoutbox_height_sidebar":"[redacted]","wcf_option_shoutbox_show_header":"[redacted]","wcf_option_shoutbox_entry_limit":"[redacted]","wcf_option_shoutbox_entry_use_user_online_marking":"[redacted]","wcf_option_shoutbox_entry_allow_bbcodes":"[redacted]","wcf_option_shoutbox_entry_show_avatars":"[redacted]","wcf_option_shoutbox_entry_delete_time":"[redacted]","wcf_option_shoutbox_extend_submit":"[redacted]","wcf_option_shoutbox_extend_smiley":"[redacted]","wcf_option_lexicon_install_date":"[redacted]","wcf_option_lexicon_charge_upgrade":"[redacted]","wcf_option_lexicon_index_columns":"[redacted]","wcf_option_lexicon_message_sidebar_enable_user_entries":"[redacted]","wcf_option_lexicon_user_profile_enable_user_entries":"[redacted]","wcf_option_lexicon_index_enable_categories":"[redacted]","wcf_option_lexicon_index_enable_stats":"[redacted]","wcf_option_lexicon_entries_per_page":"[redacted]","wcf_option_lexicon_index_enable_language_flag":"[redacted]","wcf_option_lexicon_index_list_entries":"[redacted]","wcf_option_lexicon_excerpt_length":"[redacted]","wcf_option_lexicon_entry_sidebar_items":"[redacted]","wcf_option_lexicon_use_terms":"[redacted]","wcf_option_lexicon_terms_use_html":"[redacted]","wcf_option_lexicon_allow_multiple_category_entry":"[redacted]","wcf_option_lexicon_list_entries_of_subcategories":"[redacted]","wcf_option_lexicon_entry_pdf_export":"[redacted]","wcf_option_lexicon_enable_excerpt_bbcodes":"[redacted]","wcf_option_lexicon_use_headlines_in_toc":"[redacted]","wcf_option_lexicon_parser_enable":"[redacted]","wcf_option_lexicon_parser_limit_detection":"[redacted]","wcf_option_easymedia_install_date":"[redacted]","wcf_option_easymedia_enable_favorite":"[redacted]","wcf_option_easymedia_enable_rating":"[redacted]","wcf_option_easymedia_enable_userpanel":"[redacted]","wcf_option_easymedia_select_parentcategories":"[redacted]","wcf_option_easymedia_select_allcategories":"[redacted]","wcf_option_easymedia_showallcategories":"[redacted]","wcf_option_easymedia_jumptoanchor":"[redacted]","wcf_option_easymedia_enable_extended_editor":"[redacted]","wcf_option_easymedia_empty_recycle_bin_cycle":"[redacted]","wcf_option_easymedia_enable_terms":"[redacted]","wcf_option_easymedia_terms_html":"[redacted]","wcf_option_easymedia_index_enable_stats":"[redacted]","wcf_option_easymedia_album_enable_stats":"[redacted]","wcf_option_easymedia_album_list":"[redacted]","wcf_option_easymedia_album_hide_locked":"[redacted]","wcf_option_easymedia_album_max_archive_size":"[redacted]","wcf_option_easymedia_user_profile_enable_user_albums":"[redacted]","wcf_option_easymedia_message_sidebar_enable_user_items":"[redacted]","wcf_option_easymedia_module_image":"[redacted]","wcf_option_easymedia_dashboard_box_images":"[redacted]","wcf_option_easymedia_dashboard_box_images_period":"[redacted]","wcf_option_easymedia_dashboard_box_images_row":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_period":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_arrows":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_dots":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_rows":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_autoplay":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_duration":"[redacted]","wcf_option_easymedia_dashboard_box_imagesslider_big":"[redacted]","wcf_option_easymedia_dashboard_box_latest_images":"[redacted]","wcf_option_easymedia_image_enable_stats":"[redacted]","wcf_option_easymedia_images_row_big":"[redacted]","wcf_option_easymedia_images_per_page":"[redacted]","wcf_option_easymedia_image_ignoremaxwidth":"[redacted]","wcf_option_easymedia_image_max_categories":"[redacted]","wcf_option_easymedia_images_ignoreplaceholder":"[redacted]","wcf_option_easymedia_enable_marker":"[redacted]","wcf_option_easymedia_enable_watermark":"[redacted]","wcf_option_easymedia_disable_rightclick":"[redacted]","wcf_option_easymedia_image_compress":"[redacted]","wcf_option_easymedia_images_min_width":"[redacted]","wcf_option_easymedia_images_min_height":"[redacted]","wcf_option_easymedia_images_album":"[redacted]","wcf_option_easymedia_images_pendingthumbnail":"[redacted]","wcf_option_easymedia_image_ratiothumbnails":"[redacted]","wcf_option_easymedia_user_profile_enable_latest_user_images":"[redacted]","wcf_option_easymedia_user_profile_enable_user_imageitems":"[redacted]","wcf_option_easymedia_rebuild_thumbnails_count":"[redacted]","wcf_option_easymedia_rebuild_thumbnails_refresh":"[redacted]","wcf_option_easymedia_module_video":"[redacted]","wcf_option_easymedia_dashboard_box_videos":"[redacted]","wcf_option_easymedia_dashboard_box_videos_period":"[redacted]","wcf_option_easymedia_dashboard_box_videos_row":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_period":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_arrows":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_dots":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_rows":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_autoplay":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_duration":"[redacted]","wcf_option_easymedia_dashboard_box_videosslider_big":"[redacted]","wcf_option_easymedia_video_enable_stats":"[redacted]","wcf_option_easymedia_video_ratiothumbnails":"[redacted]","wcf_option_easymedia_videos_row_big":"[redacted]","wcf_option_easymedia_videos_per_page":"[redacted]","wcf_option_easymedia_video_max_categories":"[redacted]","wcf_option_easymedia_videos_list_showpreview":"[redacted]","wcf_option_easymedia_videos_list_overlay":"[redacted]","wcf_option_easymedia_videos_enablelivedata":"[redacted]","wcf_option_easymedia_videos_generatethumbnail":"[redacted]","wcf_option_easymedia_videos_autoplay":"[redacted]","wcf_option_easymedia_video_livestream_auto_delete":"[redacted]","wcf_option_easymedia_videos_album":"[redacted]","wcf_option_easymedia_video_forcehtml5":"[redacted]","wcf_option_easymedia_user_profile_enable_latest_user_videos":"[redacted]","wcf_option_easymedia_user_profile_enable_user_videoitems":"[redacted]","wcf_option_user_weristo_onoffline_enable":"[redacted]","wcf_option_user_weristo_online_enable":"[redacted]","wcf_option_user_weristo_offline_enable":"[redacted]","wcf_option_wbb_online_time_useown":"[redacted]","wcf_option_select_default_avatar_random":"[redacted]"},"\/* Global Boderradius --- Globale Abrundung - 3px *\/\r\n$borderRadius: \t\t\t\t\t\t3px;\r\n\r\n\/* Width Messagesidebar --- Breite Seitenleiste Themen - 185px *\/\r\n$messageSidebarWidth:\t\t\t\t185px;\r\n\r\n\/* Padding Aside --- Seitlicher Abstand - 20px *\/\r\n$paddingAside:\t\t\t\t\t\t20px;\r\n\r\n\/* Fixed Mainmenu --- Fixiertes Men\u00fc 0 - 1 *\/\r\n$fixedMainmenu:\t\t\t\t\t\t1;\r\n\r\n\/* User-Header --- User-Header 0 - 1 *\/\r\n$displayhederContentUser:\t \t\t1;\r\n\r\n\/* Guest-Header --- G\u00e4ste-Header 0 - 1 *\/\r\n$displayhederContentVisitor:\t\t1;\r\n\r\n\/* Shadow primary --- Prim\u00e4rer Schatten *\/\r\n$baseBoxShadowTop:\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\r\n\/* Gradient top --- Verlauf Start*\/\r\n$baseLinearGradientTop:\t\t\t\trgba(255, 255, 255, 0.085);\r\n\r\n\/* Gradient bottom --- Verlauf Ende *\/\r\n$baseLinearGradientBottom:\t\t\trgba(255, 255, 255, 0.0);\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t@if($displayhederContentUser == 0) {\r\n\r\n\t\t.baseHeaderContentUser {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t@if($displayhederContentVisitor == 0) {\r\n\r\n\t\t.baseHeaderContentVisitor {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t} @else {\r\n\r\n\t\t@media (min-width: 1025px) {\r\n\r\n\t\t\t#userLogin {\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t\t\r\n\t\t}\r\n\t\t\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#main {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\r\n\t@if $useFluidLayout == 0 {\r\n\t\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\t\twidth: inherit !important;\r\n\t\t}\r\n\t}\r\n\t \r\n\t.pageContainer {\r\n\t\t@if $useFluidLayout == 1 {\r\n\t\t\tmin-width: $wcfLayoutMinWidth + $paddingAside + $paddingAside;\r\n\t\t\tmax-width: $wcfLayoutMaxWidth;\r\n\t\t\tmargin: 0 auto;\r\n\t\t} @else {\r\n\t\t\twidth: $wcfLayoutFixedWidth;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n\t.layoutBoundary {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n\r\n\t#pageHeaderUserPanel,\r\n\t#pageHeaderPanel > .layoutBoundary,\r\n\t.pageNavigation > div,\r\n\t.main > div,\r\n\t#pageFooter,\r\n\t.boxesFooterBoxes {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n\t#pageFooterCopyright {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset; \t\t\r\n\t}\t\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tpadding: 20px 0;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\t\r\n\t\r\n\t.boxesFooterBoxes {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset; \t\t\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.075) inset;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\r\n\r\n\t#pageHeaderPanel > .layoutBoundary {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset; \r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t.pageNavigation > div {\r\n\t\tbackground-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.03));\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset;\r\n\t\tmin-height: 35px;\r\n\t}\r\n\r\n\t.main > .layoutBoundary {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset;\t\r\n\t}\r\n\r\n\thtml, body {\r\n\t\theight: inherit;\r\n\t}\r\n\r\n\t#pageHeaderPanel,\r\n\t.pageNavigation,\r\n\t#main,\r\n\t#pageFooter > .boxesFooter,\r\n\t#pageFooterCopyright {\r\n\t\tbackground-color: rgba(0, 0, 0, 0)\r\n\t}\r\n\r\n\t#pageHeader {\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 66px;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary\t {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tposition: absolute;\r\n\t\tleft: inherit;\r\n\t\ttop: 0px;\r\n\t}\r\n\r\n\t#pageHeaderUserPanel > div {\r\n\t\tmin-width: 0;\r\n\t}\t\r\n\r\n\t.pageHeaderContainer {\r\n\t\tpadding-top: 0;\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n\t.main {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.pageNavigation {\r\n\t\tpadding: 0;\r\n\t} \r\n\r\n\t#pageFooter {\r\n\t\tmargin-bottom: 50px;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-radius: 0 0 $borderRadius $borderRadius;\r\n\t}\r\n\r\n\t#content {\r\n\t\tpadding-top: 40px;\r\n\t\tpadding-bottom: 40px;\r\n\t}\r\n\r\n\t.main, \r\n\t.main > .layoutBoundary {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.content + .sidebar {\r\n\t\tmargin-left: 20px;\r\n\t}\r\n\r\n\t.sidebar:first-child {\r\n\t\tmargin-right: 20px;\r\n\t}\r\n\r\n\t.sidebar + .content {\r\n\t\tflex-basis: calc(100% - 330px);\r\n\t\tmax-width: calc(100% - 330px);\r\n\t}\r\n\r\n\t\/* Content \/ Sidebar rechts *\/\r\n\r\n\t.content:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 330px);\r\n\t\tmax-width: calc(100% - 330px);\r\n\t\tpadding-left: 20px;\r\n\t}\r\n\r\n\t.sidebar + .content:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 660px);\r\n\t\tmax-width: calc(100% - 660px);\r\n\t\tpadding-left: 0;\r\n\t\tpadding-right: 0;\r\n\t}\r\n\r\n\t\/* Sidebar links \/ Content *\/\r\n\r\n\t.boxesSidebarLeft + .content {\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n\t\/* Keine Sidebars *\/\r\n\r\n\t.content:first-child:last-child {\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n}\r\n\r\nbody {\r\n\tbackground-image: url('#{$style_image_path}pageBG.jpg');\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-color: #000;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tpadding: 20px 0;\r\n\t}\r\n\r\n\t.boxesFooterBoxes > .layoutBoundary,\r\n\t.boxesFooter {\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t#pageFooterCopyright > .layoutBoundary {\r\n\t\tbox-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;\r\n\t\tborder-top: 1px solid #000;\r\n\t}\r\n\r\n}\r\n\r\n.mainMenu .boxMenu > li > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset, \r\n\t\t0 -1px 0 rgba(255,255,255,0.08) inset, \r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.5);\r\n\tborder-top: 1px solid $wcfContentBorderInner;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\tbackground-color: $wcfHeaderMenuLinkBackground;\r\n}\r\n\r\n.mainMenu .boxMenu > li:first-child > a {\r\n\tborder-radius: $borderRadius 0 0 $borderRadius;\r\n}\r\n\r\n.mainMenu .boxMenu > li:last-child > a {\r\n\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n}\r\n\r\n.mainMenu .boxMenu > li:not(last-child) > a {\r\n\tborder-right: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.mainMenu .boxMenu > li.active > a, \r\n.mainMenu .boxMenu > li:hover > a {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.mainMenu .boxMenu > li:active > a {\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.4),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,0%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.dropdownMenu,\r\n.mainMenu .boxMenu .boxMenuDepth1 {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.containerList > li,\r\n.tabularList > li,\r\n.wbbCategory.wbbDepth1 > ul > li,\r\n.commentResponseList > li,\r\n.interactiveDropdownItems > li,\r\n#tpl_wbb_board .section > .wbbBoardList > li {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-color: transparentize($wcfContentBackground, 0.3);\r\n}\r\n\r\n.section > .wbbBoardList > li {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n#tpl_wbb_board .section > .wbbBoardList {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n\/* Lastpost *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.wbbLastPost {\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.wbbLastPost {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tpadding: 5px 10px;\r\n\t\tbox-shadow: 0 -1px 0 rgba(255,255,255,0.15) inset;\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.wbbLastPost {\r\n\t\tflex-basis: calc(34% - 10px);\r\n\t\tmax-width: calc(34% - 10px);\r\n\t}\r\n\r\n}\r\n\r\n\/* Icons Boardlist *\/\r\n\r\n.wbbBoardList .icon32 {\r\n\tborder-radius: 3px;\r\n\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.125);\r\n}\r\n\r\n.wbbBoardList .icon32.fa-folder-open {\r\n\tcolor: #fff;\r\n\tbackground-color: $wcfHeaderMenuLinkBackgroundActive;\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.15) inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.08) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.1) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.1) inset, \r\n\t\t0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.wbbBoardList .icon32 {\r\n\tfont-size: 16px;\r\n\tposition: relative;\r\n\ttop: -1px;\r\n}\r\n\r\n\/* Infoboxes *\/\r\n\r\n.warning,\r\n.success,\r\n.error,\r\n.info:not(.cookiePolicyNotice) {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.innerError {\r\n\tbackground-color: $wcfStatusErrorBackground;\r\n\tcolor: $wcfStatusErrorText;\r\n}\r\n\r\n.innerError:before {\r\n\tborder-color: transparent transparent $wcfStatusErrorBackground;\r\n}\r\n\r\n.warning {\r\n\tbackground: linear-gradient($wcfStatusWarningBackground, darken($wcfStatusWarningBackground,5%));\r\n}\r\n\r\n.success {\r\n\tbackground: linear-gradient($wcfStatusSuccessBackground, darken($wcfStatusSuccessBackground,5%));\r\n}\r\n\r\n.error {\r\n\tbackground: linear-gradient($wcfStatusErrorBackground, darken($wcfStatusErrorBackground,5%));\r\n}\r\n\r\n.info {\r\n\tbackground: linear-gradient($wcfStatusInfoBackground, darken($wcfStatusInfoBackground,5%));\r\n}\r\n\r\n\/* Tabularbox Header *\/\r\n\r\n.tabularBoxTitle > header {\r\n\tpadding: 7px 0px 7px 10px;\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset,\r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\t\r\n\t.tabularBoxTitle > header {\r\n\t\tborder-radius: $borderRadius $borderRadius 0 0;\r\n\t}\r\n\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 {\r\n\tflex-direction: row-reverse;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 .badge {\r\n\tmargin-right: 7px;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 + small {\r\n\tmargin-left: 0;\r\n\tcolor: $wcfTabularBoxHeadline;\r\n}\r\n\r\n.userPanel > ul > li > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\t\r\n\tbackground-color: rgba(255, 255, 255, 0.0);\r\n\tpadding: 0 10px;\r\n\tbox-shadow: \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.075) inset,\r\n\t\t1px 0 0 rgba(255, 255, 255, 0.075) inset;\r\n\theight: 48px;\t\r\n}\r\n\r\n.userPanel > ul > li.dropdownOpen > a, \r\n.userPanel > ul > li.open > a, \r\n.userPanel > ul > li:hover > a {\r\n\tbackground-image: linear-gradient($baseLinearGradientBottom, $baseLinearGradientBottom);\t\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.userPanel > ul > li > a .icon32 {\r\n\tfont-size: 24px;\r\n}\r\n\r\n.userPanel > ul > li {\r\n\tborder-right: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.userPanel > ul > li:first-child {\r\n\tborder-left: 1px solid $wcfContentBorderInner;\r\n\tbox-shadow: -1px 0 0 rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.userPanel > ul > li:last-child {\r\n\tbox-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.userPanel > ul > li:first-child,\r\n.userPanel > ul > li:first-child a {\r\n\tborder-radius: 0 0 0 $borderRadius;\r\n}\r\n\r\n.userPanel > ul > li:last-child,\r\n.userPanel > ul > li:last-child a {\r\n\tborder-radius:\t 0 0 $borderRadius 0;\r\n}\r\n\r\n.userPanel > ul > li > a > .badgeUpdate {\r\n\tleft: 7px;\r\n\tposition: relative;\r\n\ttop: 0;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.interactiveDropdown {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground), \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground);\r\n\tposition: absolute;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 2px 6px rgba(0, 0, 0, 0.16), \r\n\t\t0 3px 6px rgba(0, 0, 0, 0.23);\r\n}\r\n\r\n.interactiveDropdownHeader {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.interactiveDropdownShowAll {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.dialogContainer {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: \r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground),\r\n\t\tlinear-gradient($wcfSidebarBackground, $wcfSidebarBackground);\r\n\tbox-shadow:\r\n\t\t0 0 15px rgba(0,0,0,0.25), \r\n\t\t0 1px 50px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.35);\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n.dialogContainer > header {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset,\r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset;\r\n\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n}\r\n\r\n.dialogContainer > .dialogContent {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless), \r\n.boxesSidebarRight .box:not(.boxBorderless) {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.boxesSidebarLeft .box:first-child, \r\n\t.boxesSidebarRight .box:first-child {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n\t.boxesSidebarLeft .box:not(:first-child), \r\n\t.boxesSidebarRight .box:not(:first-child) {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255, 255, 255, 0.075) inset,\r\n\t\t\t0 1px 0 $baseBoxShadowTop,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t.boxesSidebarLeft .box, \r\n\t.boxesSidebarRight .box {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner,\r\n\t\t\t0 -1px 0 $wcfContentBorderInner inset;\r\n\t}\r\n\r\n}\r\n\r\n\r\n.tabularListRow.divider + li:not(.divider) {\r\n\tborder-top-width: 5px;\r\n}\r\n\r\n\r\n\/* Messages *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.message:not(.messageCollapsed) {\r\n\t\tpadding-bottom: 10px;\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t}\r\n\r\n\t.message.messageCollapsed {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tpadding: 0;\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\t\t\r\n\t}\r\n\r\n\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.messageList:not(.messageReducedList) {\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) > li {\r\n\t\tmargin-bottom: 20px;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n\t.messageList:not(.messageReducedList) > li .message {\r\n\t\tpadding: 0;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: rgba(0,0,0,0.4);\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) > li .message {\r\n\t\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageSidebar {\r\n\t\tflex: 0 0 $messageSidebarWidth;\r\n\t\tborder-radius: $borderRadius 0 0 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageSidebar + .messageContent {\r\n\t\tflex-basis: calc(100% - #{$messageSidebarWidth});\r\n\t\tmax-width: calc(100% - #{$messageSidebarWidth});\r\n\t\tmargin-left: 0;\r\n\t}\r\n\r\n\t.messageList:not(.messageReducedList) .messageContent {\r\n\t\tpadding:20px;\r\n\t\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\t.messageSignature {\r\n\t\tborder-top: 1px solid rgba(255, 255, 255, 0.2);\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.messageSidebar .badgeOnline {\r\n\t\tfont-size: 10px;\r\n\t}\t\r\n\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.messageSidebar {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 $baseBoxShadowTop;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t\tmargin: 0;\t\r\n\t}\r\n\r\n\t.badgeOnline::before {\r\n\t\tbackground: linear-gradient(rgb(0,167,0), rgb(0,132,0));\r\n\t\tborder: 2px solid #000 !important;\r\n\t}\r\n\r\n\t.messageFooterGroup > .messageFooterButtons.buttonList.open {\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n\t.messageContent {\r\n\t\t padding: 10px;\r\n\t}\r\n\r\n\t.messageCollapsed {\r\n\t\t margin: 0;\r\n\t}\r\n\t\r\n\t.messageList > li:not(:last-child) {\r\n\t\tpadding-bottom: 10px;\r\n\t}\r\n\r\n\t.messageReduced .messageHeader {\r\n\t\t margin: 0;\r\n\t}\r\n\r\n}\r\n\r\n\/* Reduced Message *\/\r\n\r\n.messageReduced > .messageContent {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.messageReduced .messageBody, \r\n.messageReduced .messageFooter {\r\n\tpadding: 0;\r\n}\r\n\r\n.messageReduced .messageHeader {\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow: 0 -1px 0 rgba(255,255,255,0.175) inset;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.articleList > li {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\t\t\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.articleListTitle {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n#tpl_wcf_article #content > .section.articleeContent {\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner inset, \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\t\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n\/* Buttons *\/\r\n\r\nbutton,\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"],\r\n.button,\r\na.button { \r\n\t&:not(.inputPrefix) {\r\n\t\ttext-transform: none;\r\n\t}\r\n}\r\n\r\nbutton,\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"],\r\n.button,\r\na.button,\r\n.pagination > ul > li.active > a, \r\n.pagination > ul > li.active > span, \r\n.pagination > ul > li > a:hover {\r\n\tbox-shadow:\r\n\t\t0 20px 20px -10px rgba(255,255,255,0.05) inset,\r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset,\r\n\t\t0 -1px 0 rgba(255,255,255,0.05) inset,\r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 1px 0 #000;\r\n}\r\n\r\nbutton.buttonPrimary, \r\ninput[type=\"button\"].buttonPrimary, \r\ninput[type=\"submit\"], \r\n.button.buttonPrimary, \r\na.button.buttonPrimary {\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,15%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 -30px 30px -20px darken($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 30px 30px -20px lighten($wcfHeaderMenuLinkBackgroundActive,5%) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.pageAction.active .button {\r\n\tbox-shadow:\r\n\t\t0 20px 20px -10px $baseBoxShadowTop inset,\r\n\t\t0 1px 0 rgba(255,255,255,0.15) inset,\r\n\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t0 0 15px #000;\r\n}\r\n\r\n.containerList > li .buttonGroupNavigation > ul > li > a > .icon {\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.pagination > ul > li.active > a, \r\n.pagination > ul > li.active > span, \r\n.pagination > ul > li > a:hover {\r\n\tborder-radius: 2px;\r\n}\r\n\r\nbutton, \r\ninput[type=\"button\"], \r\ninput[type=\"reset\"], \r\ninput[type=\"submit\"], \r\n.button, \r\na.button,\r\nbutton:hover, \r\ninput[type=\"button\"]:hover, \r\ninput[type=\"reset\"]:hover, \r\ninput[type=\"submit\"]:hover, \r\n.button:hover, \r\na.button:hover {\r\n\ttransition: 150ms background-color ease;\r\n}\r\n\r\na, \r\na:hover,\r\n.userPanel > ul > li > a .icon,\r\n.userPanel > ul > li > a:hover .icon,\r\n#userMenu > a::after,\r\n#userMenu > a:hover::after {\r\n\ttransition: 150ms color ease;\r\n}\r\n\r\n\/* Forms *\/\r\n\r\ninput[type=\"date\"],\r\ninput[type=\"datetime\"],\r\ninput[type=\"email\"],\r\ninput[type=\"number\"],\r\ninput[type=\"password\"],\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"],\r\ninput[type=\"url\"],\r\nselect,\r\ntextarea,\r\n.inputItemList {\r\n\ttransition: 250ms all ease;\r\n\tbox-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5) inset;\r\n\tborder-radius: 5px;\r\n}\r\n\r\ninput[type=\"date\"]:focus,\r\ninput[type=\"datetime\"]:focus,\r\ninput[type=\"email\"]:focus,\r\ninput[type=\"number\"]:focus,\r\ninput[type=\"password\"]:focus,\r\ninput[type=\"search\"]:focus,\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"]:focus,\r\ninput[type=\"url\"]:focus,\r\nselect:focus,\r\ntextarea:focus,\r\ninput[type=\"date\"]:hover,\r\ninput[type=\"datetime\"]:hover,\r\ninput[type=\"email\"]:hover,\r\ninput[type=\"number\"]:hover,\r\ninput[type=\"password\"]:hover,\r\ninput:not(#tagSearchInput):not(#tag)[type=\"text\"]:hover,\r\ninput[type=\"url\"]:hover,\r\nselect:hover,\r\ntextarea:hover,\r\n.inputItemList:hover {\r\n\ttransition: 250ms all ease;\r\n\tbox-shadow: \r\n\t\t0px 1px 3px 0 rgba(0, 0, 0, 0.5) inset, \r\n\t\t0 0 7px $wcfInputBorderActive;\r\n}\r\n\r\n.section:not(.sectionContainerList) > .sectionHeader, \r\n.section:not(.sectionContainerList) > .sectionTitle {\r\n\tborder-bottom: 1px solid rgba(255, 255, 255, 0.125);\r\n}\r\n\r\n\/* Likesystem *\/\r\n\r\n.wcfLikeCounter.likeCounterLiked {\r\n\tcolor: #01d001 !important;\r\n\ttext-shadow: 0 0 0.5em #01d001;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterDisliked {\r\n\tcolor: #ff0101 !important;\r\n\ttext-shadow: 0 0 0.5em #ff0101;\r\n}\r\n\r\n\/* New Topics *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.tabularListColumns.wbbThread li.columnSubject {\r\n\t\tpadding-left:20px;\r\n\t}\r\n\r\n\t.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink {\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink:after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tleft: -13px;\r\n\t\ttop: 8px;\r\n\t\twidth: 8px;\r\n\t\theight: 8px;\r\n\t\tborder-radius:10px;\r\n\t\tbackground: #00b200;\r\n\t\tbox-shadow: 0 0 5px #00b200;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.tabularListRowHead > .tabularListColumns > li {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.tabMenu > ul > li > a {\r\n\t\tfont-size: 18px;\r\n\t}\t\r\n\r\n}\r\n\r\n\/* Editor *\/\r\n\r\n.redactor-box {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\n.redactor-layer {\r\n\tbox-shadow:\r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset;\r\n\t\tborder-color: #000;\r\n\tborder-bottom-color: rgba(255,255,255,0.175);\r\n\tborder-left-color: rgba(255,255,255,0.1);\r\n\tborder-right-color: rgba(255,255,255,0.1);\r\n}\r\n\r\n.redactor-toolbar {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.075) inset, \r\n\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.03) inset;\r\n}\r\n\r\n.messageTabMenu {\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.075);\r\n}\r\n\r\n.messageTabMenuNavigation > ul {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.05) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li > a {\r\n\tcolor: $wcfContentLinkActive;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li > a:hover {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li.active > a {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px rgba(255, 255, 255, 0.075) inset,\r\n\t\t0 -1px 0 $baseBoxShadowTop;\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n.redactorAutosaveRestored {\r\n\tbottom: 2px;\r\n}\r\n\r\n.redactorAutosaveRestored > a,\r\n.redactorAutosaveRestored > span {\r\n\tbox-shadow: \r\n\t\t0 20px 20px -10px $baseBoxShadowTop inset, \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.125) inset, \r\n\t\t-1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t1px 0 0 rgba(255, 255, 255, 0.05) inset, \r\n\t\t0 1px 0 #000;\r\n}\r\n\r\n\/* Polls *\/\r\n\r\n.pollContainer {\r\n\tbackground-color: rgba(0,0,0,0.5);\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tpadding: 20px;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.pollContainer .pollResultItem .pollMeter > .pollMeterValue {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n}\r\n\r\n\/* Quotes *\/\r\n\r\nwoltlab-quote, \r\n.quoteBox {\r\n\tbox-shadow: \r\n\t\t5px 0 0 $wcfContentText inset,\r\n\t\t0 1px 0 $baseBoxShadowTop;\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $baseLinearGradientTop;\r\n}\r\n\r\nwoltlab-quote,\r\n.quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox .quoteBox {\r\n\tbackground-color: $wcfContentBackground;\r\n}\r\n\r\n\/* BB-Code Code *\/\r\n\r\n.codeBox,\r\n.redactor-layer pre {\r\n\tborder-radius: $borderRadius;\r\n\tbackground-color: $wcfContentBackground !important;\r\n\tcolor: $wcfContentLinkActive !important;\r\n\tbox-shadow:\r\n\t\t0 1px 0 $baseBoxShadowTop;\r\n}\r\n\r\n\/* BB-Code Spoiler *\/\r\n\r\n.spoilerBox > .spoilerBoxContent,\r\n.redactor-layer woltlab-spoiler {\r\n\tborder-radius: $borderRadius;\r\n\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow: \r\n\t\t0 1px 0 $baseBoxShadowTop;\t\r\n}\r\n\r\n\/* Badges *\/\r\n\r\n.badge {\r\n\tbox-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.badge,\r\na.badge {\r\n\tbackground-image: linear-gradient($wcfContentLink, $wcfContentLinkActive);\r\n\tcolor: $wcfContentBackground;\r\n\r\n\t&.badgeUpdate {\r\n\t\tbackground-image: linear-gradient(rgb(205,41,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.green {\r\n\t\tbackground-image: linear-gradient(rgb(0,167,0), rgb(0,132,0));\r\n\t}\r\n\r\n\t&.red {\r\n\t\tbackground-image: linear-gradient(rgb(205,41,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.black {\r\n\t\tbackground-image: linear-gradient(rgb(66,66,66), rgb(0,0,0));\r\n\t}\r\n\r\n\t&.brown {\r\n\t\tbackground-image: linear-gradient(rgb(231,113,47), rgb(141,69,19));\r\n\t}\r\n\r\n\t&.orange {\r\n\t\tbackground-image: linear-gradient(rgb(255,174,59), rgb(226,136,0));\r\n\t}\r\n\r\n\t&.yellow {\r\n\t\tbackground-image: linear-gradient(rgb(255,255,0), rgb(171, 171, 0));\r\n\t}\r\n\r\n\t&.blue {\r\n\t\tbackground-image: linear-gradient(rgb(54,118,181), rgb(36,81,130));\r\n\t}\r\n\r\n\t&.purple {\r\n\t\tbackground-image: linear-gradient(rgb(215,65,255), rgb(157,0,194));\r\n\t}\r\n\r\n\t&.pink {\r\n\t\tbackground-image: linear-gradient(rgb(255,45,212), rgb(206,0,168));\r\n\t}\r\n}\r\n\r\na.badge:hover {\r\n\tbackground-image: linear-gradient($wcfContentText, $wcfContentText);\r\n\tcolor: $wcfContentBackground;\r\n\r\n\t&.badgeUpdate {\r\n\t\tbackground-image: linear-gradient(rgb(170,40,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.green {\r\n\t\tbackground-image: linear-gradient(rgb(0,132,0), rgb(0,132,0));\r\n\t}\r\n\r\n\t&.red {\r\n\t\tbackground-image: linear-gradient(rgb(170,40,0), rgb(170,40,0));\r\n\t}\r\n\r\n\t&.black {\r\n\t\tbackground-image: linear-gradient(rgb(0,0,0), rgb(0,0,0));\r\n\t}\r\n\r\n\t&.brown {\r\n\t\tbackground-image: linear-gradient(rgb(141,69,19), rgb(141,69,19));\r\n\t}\r\n\r\n\t&.orange {\r\n\t\tbackground-image: linear-gradient(rgb(226,136,0), rgb(226,136,0));\r\n\t}\r\n\r\n\t&.yellow {\r\n\t\tbackground-image: linear-gradient(rgb(171, 171, 0), rgb(171, 171, 0));\r\n\t}\r\n\r\n\t&.blue {\r\n\t\tbackground-image: linear-gradient(rgb(36,81,130), rgb(36,81,130));\r\n\t}\r\n\r\n\t&.purple {\r\n\t\tbackground-image: linear-gradient(rgb(157,0,194), rgb(157,0,194));\r\n\t}\r\n\r\n\t&.pink {\r\n\t\tbackground-image: linear-gradient(rgb(206,0,168), rgb(206,0,168));\r\n\t}\r\n}\r\n\r\n\/* Tooltips *\/\r\n\r\n.balloonTooltip {\r\n\tbackground-color: $wcfContentBackground;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3),\r\n\t\t0 0 5px rgba(0,0,0,0.5);\t\r\n}\r\n\r\n\/* Hardcoded colors *\/\r\n\r\n.redactor-layer table th {\r\n\tborder: 1px solid #000;\r\n\tbackground-color: $wcfTabularBoxBackgroundActive !important;\r\n}\r\n\r\n.redactor-layer table tr:nth-child(odd) td {\r\n\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n.htmlContent table tr:hover > td, \r\n.messageBody > .messageText table tr:hover > td, \r\n.messageSignature > div table tr:hover > td, \r\n.redactor-layer table tr:hover > td, \r\n.table tr:hover > td {\r\n\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n.redactor-layer table td {\r\n\tborder: 1px solid #000;\r\n}\r\n\t\r\n.redactor-layer table td {\r\n\tborder: 1px solid #000;\r\n}\r\n\r\n\/* BB-Code Tables *\/\r\n\r\ntable thead tr {\r\n\tbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\ntable tr td,\r\ntable thead tr th {\r\n\tbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n\/* Mouseover Effect *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.pageHeaderLogo img {\r\n\t\ttransition: all 100ms linear;\r\n\t\ttransform: scale(1.0);\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.pageHeaderLogo > a:hover img {\r\n\t\ttransition: all 100ms linear;\r\n\t\ttransform: scale(0.9); \r\n\t}\r\n\r\n\t.pageHeaderLogo > a {\r\n\t\tdisplay: inline-block;\r\n\t}\t\r\n\r\n}\r\n\r\n#profileContent .tabMenuContent > .section {\r\n\tmargin-top: 0px !important;\r\n\tpadding: 20px;\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tborder-bottom: 1px solid $wcfContentBorder;\r\n}\r\n\r\n.doubleColumned > li,\r\n.tripleColumned > li {\r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfSidebarBackground;\r\n\tbox-shadow:\r\n\t\t0 1px 0 $baseBoxShadowTop,\t\r\n\t\t0 1px 0 $baseBoxShadowTop inset;\t\r\n\tpadding: 10px;\r\n}\r\n\r\n\/* HeaderContent *\/\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t#pageHeaderContent {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n}\r\n\r\n#pageHeaderContent {\r\n\tbox-shadow: \r\n\t\t0 -1px 0 $wcfContentBorderInner, \r\n\t\t0 1px 0 $baseBoxShadowTop inset; \r\n\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\tbackground-color: $wcfContentBackground;\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n#pageHeaderContent > .layoutBoundary {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.headerContent h2 {\r\n\tcolor: #FFF;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a > span {\r\n\tposition: relative;\r\n\tz-index: 100;\r\n}\r\n\r\n#pageHeaderContent.baseHeaderContentVisitor > .layoutBoundary {\r\n\tpadding-top: 30px;\r\n\tpadding-bottom: 30px;\r\n}\r\n\r\n.userHeaderDataEntry p {\r\n\tfont-size: 12px;\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.headerContent {\r\n\tcolor: $wcfContentText;\r\n}\r\n\r\n.headerContentUserData > li:not(:first-child) {\r\n\tborder-left: 1px solid rgba(255,255,255,0.1)\r\n}\r\n\r\n.userHeaderDataEntry h3 {\r\n\tfont-size: 14px;\r\n\tcolor: $wcfHeaderMenuLink;\r\n}\r\n\r\n.userHeaderDataAvatar > a {\r\n\tmargin-top: 3px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a,\r\n.headerContent.headerContentVisitor .headerContentMessage a:hover {\r\n\tborder: 0;\r\n\ttransition: 150ms background-color ease;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage h2 {\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n\tcolor: $wcfButtonPrimaryText;\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,15%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 -30px 30px -20px darken($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 30px 30px -20px lighten($wcfHeaderMenuLinkBackgroundActive,8%) inset,\r\n\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.headerContent.headerContentVisitor .headerContentMessage a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n\tcolor: $wcfButtonPrimaryTextActive;\r\n}\r\n\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.messageAuthorContainer {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\t\tpadding-top: 3px;\t\r\n\t\tpadding-bottom: 3px;\t\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.messageSidebar .username {\r\n\t\tfont-size: 14px;\r\n\t}\t\r\n\r\n}\r\n\r\n\/* HeaderContent Animation *\/\r\n\r\n.headerContentButtonChrome {\r\n\tbackground: linear-gradient(to right, transparentize(lighten($wcfButtonPrimaryBackgroundActive, 25%),1) 0%, lighten($wcfButtonPrimaryBackgroundActive, 35%) 100%);\r\n\twidth: 15%;\r\n\ttransform: skew(-10deg,0deg);\r\n\tanimation: move 3s;\r\n\tanimation-delay: 1s;\r\n\tanimation-iteration-count: infinite;\r\n}\r\n\r\n\/* Search *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t#pageHeaderSearch {\r\n\t\ttop: 60px !important;\r\n\t\tright: 0px !important;\r\n\t\tposition: absolute;\r\n\t\tpadding: 7px;\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbackground-color: $wcfContentBackground;\r\n\tbox-shadow:\r\n\t\t\t0 1px 0 $baseBoxShadowTop inset,\t\r\n\t\t\t0 -1px 0 $baseBoxShadowTop inset;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {\r\n\t\tborder-radius: $borderRadius 0 0 $borderRadius;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, \r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {\r\n\t\tbackground: linear-gradient(lighten($wcfButtonBackgroundActive, 2%), $wcfButtonBackgroundActive);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton {\r\n\t\tborder-radius: 0 $borderRadius $borderRadius 0;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput {\r\n\t\tbackground-color: $wcfHeaderSearchBoxBackground;\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 rgba(0, 0, 0, 1) inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\r\n\t\t\tborder-radius: 0;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer {\r\n\t\tbackground-color: rgba(255, 255, 255, 0.0);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput:focus,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput:hover {\r\n\t\tbox-shadow:\r\n\t\t\t0 1px 0 rgba(0, 0, 0, 1) inset,\r\n\t\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t#pageHeaderUserPanel > .layoutBoundary {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t#pageHeaderPanel {\r\n\t\tright: 50px;\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n\t#pageHeaderUserPanel {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 0 25px rgba(0,0,0,0.9);\r\n\t}\r\n\r\n\t.menuOverlayItemLink.active, \r\n\t.menuOverlayItemLinkIcon.active {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\t\t\r\n\t}\r\n\r\n\t.menuOverlayMobile {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t}\r\n\r\n\t.pageHeaderSearch {\r\n\t\tbackground-color: rgba(0,0,0,0.95);\r\n\t\tborder-top: 1px solid $wcfContentBorderInner;\r\n\t\tborder-bottom: 1px solid $wcfContentBorder;\r\n\t\tpadding-bottom: 1px;\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {\r\n\t\tbackground-color: rgba(255,255,255,0.1);\r\n\t}\t\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, \r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button,\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {\r\n\t\tbackground: linear-gradient(lighten($wcfButtonBackgroundActive, 2%), $wcfButtonBackgroundActive);\r\n\t}\r\n\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchInput {\r\n\t\tbox-shadow: 0 0 0 0 !important;\r\n\t}\r\n\r\n\t.menuOverlayItemLink,\r\n\t.menuOverlayItemLinkIcon {\r\n\t\tbackground-color: transparentize($wcfHeaderMenuLinkBackgroundActive,0.1);\r\n\t\tbackground-image: linear-gradient($wcfContentBackground,$wcfContentBackground);\r\n\t}\t\t\t\r\n\t\r\n}\r\n\r\n\/* Padding mobile *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n\t.wbbBoardList .wbbBoard,\r\n\t.tabularListRow,\r\n\t.containerList > li {\r\n\t\tpadding-left: 10px;\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\r\n}\r\n\r\n\/* Content \/ Sidebar right collapsed *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t.sidebar.boxesSidebarRight.sidebarRightCollapsed {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layoutBoundary > .content.sidebarRightCollapsed:not(:last-child) {\r\n\t\tflex-basis: calc(100% - 20px);\r\n\t\tmax-width: calc(100% - 20px);\r\n\t}\r\n\r\n}\r\n\r\n\/* Sticky *\/\r\n\r\n.pageFooterStickyNotice .error, \r\n.pageFooterStickyNotice .info, \r\n.pageFooterStickyNotice .success, \r\n.pageFooterStickyNotice .warning {\r\n\tborder-top-width: 0;\r\n}\r\n\r\n.pageFooterStickyNotice a {\r\n\tbackground-color: rgba(0,0,0,0.3) !important;\r\n\tcolor: #fff !important;\r\n\tbox-shadow: 0 0 0 0 rgba(0,0,0,0) !important;\r\n}\r\n\r\n.pageFooterStickyNotice a:hover {\r\n\tbackground-color: rgba(0,0,0,0.5) !important;\r\n}\r\n\r\n\/* Subcategories *\/\r\n\r\n.wbbDepth2 > header {\r\n\tborder-radius: 0;\r\n}\r\n\r\n.wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {\r\n\tmargin-left: 48px;\r\n}\r\n\r\n#tpl_wbb_board .wbbCategory.wbbDepth1.tabularBox.tabularBoxTitle.wbbCollapsibleCategory:not(:last-child) {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\r\n\t@if($fixedMainmenu == 0) {\r\n\r\n\t\t#pageHeaderPanel {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: inherit;\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel > .layoutBoundary {\r\n\t\t\tpadding: 7px 20px;\r\n\t\t\tborder-radius: $borderRadius $borderRadius 0 0;\r\n\t\t}\r\n\r\n\t} @else {\r\n\t\t\r\n\t\t#pageHeaderPanel > .layoutBoundary {\r\n\t\t\tpadding: 7px 20px;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel:not(.fixed) {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: inherit;\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel.fixed {\r\n\t\t\tpadding: 0 $paddingAside;\r\n\t\t}\t\t\r\n\r\n\t\t#pageHeaderPanel.fixed > .layoutBoundary {\r\n\t\t\t@if $useFluidLayout == 1 {\r\n\t\t\t\tmin-width: $wcfLayoutMinWidth;\r\n\t\t\t\tmax-width: $wcfLayoutMaxWidth - $paddingAside - $paddingAside;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t} @else {\r\n\t\t\t\twidth: $wcfLayoutFixedWidth - $paddingAside - $paddingAside;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\tbackground-image: linear-gradient($wcfContentBackground, $wcfContentBackground);\r\n\t\t\tbox-shadow:\r\n\t\t\t\t0 1px 0 $wcfContentBorder,\r\n\t\t\t\t0 1px 0 $baseBoxShadowTop inset, \r\n\t\t\t\t0 -1px 0 rgba(255,255,255,0.05) inset,\r\n\t\t\t\t0 5px 15px rgba(0,0,0,0.5); \t\t\t\r\n\t\t}\r\n\r\n\t\t#pageHeaderPanel.fixed .mainMenu .boxMenu > li > a {\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0.1);\r\n\t\t}\t\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n\/* Mainmenu *\/\r\n\r\n.mainMenu .mainMenuShowPrevious.active, \r\n.mainMenu .mainMenuShowNext.active {\r\n\tz-index: 100;\r\n}\r\n\r\n.mainMenu .boxMenu > li > a {\r\n\tpadding: 0 20px;\r\n\ttext-shadow: 0 1px 1px rgba(0,0,0,0.15);\r\n}\r\n\r\n.mainMenu .boxMenu .boxMenuDepth1 {\r\n\tdisplay: none;\r\n}\r\n\r\n.mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {\r\n\tdisplay: block;\r\n}\r\n\r\n.mainMenu .mainMenuShowPrevious > .icon, \r\n.mainMenu .mainMenuShowNext > .icon {\r\n\tcolor: $wcfHeaderMenuLink;\r\n\tborder-radius: 30px;\r\n\tfont-size: 18px;\r\n\theight: 20px;\r\n\tline-height: 20px;\r\n\twidth: 20px;\r\n\tbackground-color: #000;\r\n\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\tbox-shadow: \r\n\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t0 0 10px rgba(0,0,0,1);\r\n}\r\n\r\n.mainMenu .mainMenuShowPrevious > .icon {\r\n\tmargin-left: 10px;\r\n}\r\n\r\n.mainMenu .mainMenuShowNext > .icon {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\/* Text Selection *\/\r\n\r\n::selection {\r\n\tbackground: rgba(220, 78, 65, 1);\r\n\tcolor: $wcfButtonPrimaryText;\r\n}\r\n::-moz-selection {\r\n\tbackground: rgba(220, 78, 65, 1);\r\n\tcolor: $wcfButtonPrimaryText;\r\n}\r\n\r\n.newMessageBadge {\r\n\tbackground: #ee0000;\r\n\tcolor: #fff;\r\n\tbox-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;\r\n}\r\n\r\n\/* Fix 3.0.2*\/\r\n\r\n.messageList:not(.messageReducedList) > li.messageListPagination {\r\n\tborder-bottom: 0;\r\n}\r\n\r\n.messageQuickReplyCollapsed:hover .messageQuickReplyContent::before,\r\n.messageQuickReplyCollapsed:hover .messageQuickReplyContent::after {\r\n\tcolor: $wcfContentLink;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t#messageQuickReply {\r\n\t\tborder-bottom: 1px solid $wcfContentBorder !important;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.messageQuickReplyCollapsed {\r\n\t\tborder-top: 1px solid $wcfContentBorderInner !important; \r\n\t\tborder-bottom: 1px solid $wcfContentBorder !important;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.messageQuickReplyCollapsed > .message {\r\n\t\tpadding-bottom: 0;\r\n\t\t background-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\t\t box-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\t}\r\n\t\r\n\t.messageQuickReplyCollapsed .messageQuickReplyContent {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\t\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t\tpadding: 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t}\r\n\t\r\n\t.messageGroupList .tabularListRowHead .columnApplyFilter {\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\t\r\n\t.commentListAddComment.collapsed {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tborder-radius: $borderRadius;\r\n\t}\r\n\r\n\t.commentListAddComment .redactor-layer,\r\n\t.commentListAddCommentResponseEditorContainer .redactor-layer {\r\n\t\tbox-shadow: 0px 0px 0px rgba(0, 0, 0, 0);\r\n\t}\r\n\t\r\n\t.messageList:not(.messageReducedList) {\r\n\t\tborder-top: 0 !important;\r\n\t}\r\n\t\r\n\t.commentList > li.jsCommentAdd {\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t.commentList > li.jsCommentAdd {\r\n\t\tpadding-right: 10px;\r\n\t}\r\n\t\r\n}\r\n\r\n\/* (min-width: 769px) and (max-width: 1024px) *\/\r\n\r\n@include screen-md {\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tborder: 0;\r\n\t\tpadding: 0;\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t}\r\n\t\r\n}\r\n\r\n\/* (max-width: 768px) *\/\r\n\r\n@include screen-sm-down {\r\n\r\n\tbody .content > .section,\r\n\tbody .content > form,\r\n\tbody .sectionContainer {\r\n\t\tbackground-color: rgba(0,0,0,0);\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\t.content > .section.tabularBox {\r\n\t\tmargin-left: 0;\r\n\t\tmargin-right: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\t\r\n\t.pageHeaderFacade:first-child {\r\n\t\tmargin-top: 0px;\r\n\t}\r\n\t\r\n\t#pageHeaderMobileMenu,\r\n\t#pageHeaderSubMenu,\r\n\t.pageNavigation {\r\n\t\tborder-bottom: 1px solid $wcfContentBorderInner;\r\n\t}\r\n\r\n\t#pageHeaderMobileMenu,\r\n\t#pageHeaderSubMenu {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset;\r\n\t}\r\n\r\n\t.pageNavigation {\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset,\r\n\t\t\t0 1px 0 rgba(255,255,255,0.085);\r\n\t}\r\n\r\n\t.pageHeaderMobileMenu .mobileMainMenu > li > a {\r\n\t\tbackground-image: linear-gradient($baseLinearGradientTop, $baseLinearGradientBottom);\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.15) inset, \r\n\t\t\t0 -1px 0 rgba(255,255,255,0.08) inset, \r\n\t\t\t-1px 0 0 $baseBoxShadowTop inset,\r\n\t\t\t1px 0 0 $baseBoxShadowTop inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.5);\r\n\t\tborder-right: 1px solid $wcfContentBorderInner;\r\n\t\tbackground-color: $wcfHeaderMenuLinkBackground;\r\n\t}\r\n\r\n\t.pageHeaderMobileMenu .mobileMainMenu > li.active > a, \r\n\t.pageHeaderMobileMenu .mobileMainMenu > li > a:hover {\r\n\t\tbackground-color: $wcfSidebarBackground;\r\n\t\tbackground-image: linear-gradient(transparentize($wcfHeaderMenuLinkBackgroundActive,0.2),transparentize($wcfHeaderMenuLinkBackgroundActive,0.4));\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 lighten($wcfHeaderMenuLinkBackgroundActive,10%) inset, \r\n\t\t\t0 -1px 0 transparentize($wcfHeaderMenuLinkBackgroundActive,0.7) inset, \r\n\t\t\t0 0 10px transparentize($wcfHeaderMenuLinkBackgroundActive,0.5) inset,\r\n\t\t\t0 1px 3px rgba(0,0,0,0.3);\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n\t.pageNavigation {\r\n\t\tbackground-color: $wcfContentBackground;\r\n\t\tbox-shadow: \r\n\t\t\t0 1px 0 rgba(255,255,255,0.085) inset,\r\n\t\t\t0 1px 0 rgba(255,255,255,0.085);\r\n\t}\r\n\t\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n\t\r\n\t#pageHeaderSubMenu {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\t\r\n\t.breadcrumbs {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t\r\n\t.breadcrumbs > ol > li:last-child > a {\r\n\t\tcolor: $wcfNavigationLink;\r\n\t}\r\n\t\r\n}\r\n\r\n\/* Trophies *\/\r\n\r\n.trophyIcon {\r\n\tbox-shadow: \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.15) inset, \r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.08) inset, \r\n\t\t-1px 0 0 $baseBoxShadowTop inset, \r\n\t\t1px 0 0 $baseBoxShadowTop inset, \r\n\t\t0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* Filebase *\/\r\n\r\n.filebaseFileCard {\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n\tbackground-color: $wcfSidebarBackground;\r\n}\r\n\r\n.filebaseFileList .filebaseFileFooter {\r\n\tbox-shadow: 0 1px 0 $baseBoxShadowTop inset;\r\n}\r\n\r\n\/* Messages *\/\r\n\r\n.commentListAddComment.collapsed {\r\n\tbox-shadow:\r\n\t\t0 1px 0 $wcfContentBorderInner inset,\r\n\t\t0 -1px 0 rgba(255, 255, 255, 0.15) inset;\t\r\n}\r\n\r\n\/* Profilecover *\/\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto {\r\n\tborder-radius: 2px;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto {\r\n\tright: 0;\r\n\ttop: 0;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto > a {\r\n\tbackground-color: $wcfButtonPrimaryBackground;\r\n\tborder-radius: 0 2px 0 2px;\r\n}\r\n\r\n.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto > a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n}\r\n\r\n\/* Moderation *\/\r\n\r\n@media (max-width: 768px) {\r\n\t\r\n\t.modificationLogEntry > .message > .messageContent,\r\n\t.jsModificationLogEntry > .message > .messageContent {\r\n\t\tbackground-color: rgba(0, 0, 0, 0) !important;\r\n\t}\r\n\r\n}\r\n\r\n.modificationLogEntry,\r\n.jsModificationLogEntry {\r\n\tbackground-color: rgba(0,0,0,0.0);\r\n\tpadding-top: 0 !important;\r\n\tpadding-bottom: 0 !important;\r\n}\r\n\r\n.modificationLogEntry > .message,\r\n.jsModificationLogEntry > .message {\r\n\tbackground-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) !important;\r\n\tbackground-color: rgba(0, 0, 0, 0) !important;\r\n}\r\n\r\n.modificationLogEntry > .message > .messageContent,\r\n.jsModificationLogEntry > .message > .messageContent {\r\n\tpadding: 0 !important;\r\n}\r\n\r\n.jsModificationLogEntry > .message > .messageContent > .messageHeader {\r\n\tmargin: 0;\r\n}\r\n\r\n\/* Calendar *\/\r\n\r\n.calendarFullMonthView .calendarPastDay::after {\r\n\tbackground-color: transparentize($wcfHeaderMenuLinkBackgroundActive,0.8);\t\r\n}\r\n\r\n.calendarFullMonthView .calendarEventLink {\r\n\tbackground-color: $wcfHeaderMenuLinkBackgroundActive;\r\n\tcolor: $wcfHeaderMenuLink;\r\n\ttext-shadow: 1px 1px 3px rgba(0,0,0,0);\r\n}\r\n\r\n.calendarEventTextColorLight {\r\n\tcolor: #fff;\r\n\ttext-shadow: 1px 1px 3px #000;\r\n}\r\n\r\n\/* Custom new posts *\/\r\n\r\n.wbbBoard > .icon {\r\n\tposition: relative;\r\n}\r\n\r\n.wbbBoard > .icon .badgeUpdate {\r\n\tposition: absolute;\r\n\tleft: -8px;\r\n\ttop: -5px;\r\n\tbox-shadow: \r\n\t\t0 0 0 2px #000, \r\n\t\t0 1px 0 rgba(255, 255, 255, 0.2) inset, \r\n\t\t0 1px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.wbbBoard > .icon .badgeUpdate,\r\n.wbbBoardList .badgeUpdate {\r\n\tfont-family: \"Open Sans\", \"Trebuchet MS\", Arial, sans-serif;\r\n\t-moz-osx-font-smoothing: none;\r\n\t-webkit-font-smoothing: auto;\r\n\tpadding: 1px 5px;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n\r\n\t.wbbBoardMain .containerHeadline > h3 > .badge {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.wbbBoardList .badge, \r\n\t.wbbBoardList a.badge {\r\n\t\tpadding: 1px 5px;\r\n\t}\r\n\r\n}\r\n\r\n\/* Mobile boardlist *\/\r\n\r\n@include screen-sm-down {\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > a {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\r\n\t#tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small > .wbbLastPostAuthor {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n}\r\n\r\n\/* Default Cover *\/\r\n\r\n.userProfileUserWithCoverPhoto::before {\r\n\tbackground-image: url('#{$style_image_path}pageBG.jpg');\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbottom: 0;\r\n\tcontent: \"\";\r\n\tdisplay: block;\r\n\tleft: 0;\r\n\tpointer-events: none;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 0;\r\n\theight:200px;\r\n\tborder-radius: 3px;\r\n\tbox-shadow: \r\n\t\t0 0 0 1px rgba(255,255,255,0.025) inset, \r\n\t\t0 0 5px rgba(0,0,0,0.5) inset, \r\n\t\t0 0 25px rgba(0,0,0,0.5) inset;\r\n}\r\n\r\n.userProfileCoverPhoto {\r\n\tbackground-color: rgba(0,0,0,0.2) !important;\r\n}\r\n\r\n@media (max-width: 544px) {\r\n\r\n\t.userProfileUserWithCoverPhoto::before {\r\n\t\t height: 150px;\r\n\t}\r\n\r\n}\r\n\r\n@media (min-width: 545px) {\r\n\r\n\t.userProfileUserWithCoverPhoto::before {\r\n\t\t height: 200px;\r\n\t}\r\n\r\n}\r\n\r\n.messageListNotice {\r\n\tborder-bottom: 0 !important;\r\n}\r\n\r\n@media (max-width: 544px) {\r\n\r\n\t.boxesSidebarLeft::before, .boxesSidebarRight::before {\r\n\t\t background-image: linear-gradient(rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.0));\r\n\t\t box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);\r\n\t\t border-bottom: $wcfContentBorderInner;\r\n\t}\r\n\r\n}","Closure"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/style\/StyleHandler.class.php","line":140,"function":"compile","class":"wcf\\system\\style\\StyleCompiler","type":"->","args":["wcf\\data\\style\\Style"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/templates\/compiled\/6_wcf_1_cms.php","line":122,"function":"getStylesheet","class":"wcf\\system\\style\\StyleHandler","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/template\/TemplateEngine.class.php","line":321,"args":["\/homepages\/27\/d402953117\/htdocs\/wbb5\/templates\/compiled\/6_wcf_1_cms.php"],"function":"include","class":"","type":""},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/page\/AbstractPage.class.php","line":323,"function":"display","class":"wcf\\system\\template\\TemplateEngine","type":"->","args":["cms","wcf"]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/page\/AbstractPage.class.php","line":114,"function":"show","class":"wcf\\page\\AbstractPage","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/request\/Request.class.php","line":83,"function":"__run","class":"wcf\\page\\AbstractPage","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/lib\/system\/request\/RequestHandler.class.php","line":96,"function":"execute","class":"wcf\\system\\request\\Request","type":"->","args":[]},{"file":"\/homepages\/27\/d402953117\/htdocs\/wbb5\/index.php","line":9,"function":"handle","class":"wcf\\system\\request\\RequestHandler","type":"->","args":["wcf"]}]