/* //////////////////////// ------------------------- BUTTON STYLES ------------------------- //////////////////////// */ .nivo-prevNav { background:url(images/jaggt_gui_icons_dark.png) 0 -120px; } .nivo-nextNav { background:url(images/jaggt_gui_icons_dark.png) -60px -120px; } #user_update_new_medialink_show { background:url(images/link.png) 0px -5px no-repeat; } .wpf_video_embed_thumb_symbol { background:url(images/play_video.png) top center no-repeat; } .user_music_clips { background:url(images/thumb_audio.png) 0px 0px no-repeat; } .user_design_active_symbol { background:url(images/design_selected_icon.png) top center no-repeat; } #user_gallery_picgroups_showbutton { background:url(images/pullin_button.png) top left no-repeat; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* -------------- JAGGT GUI ICONSETS -------------------------------------------------------------------------------------------------------------------------------------------- */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ICONSET Laden */ .iconset_light { background-image:url(images/jaggt_gui_icons_light.png); } .iconset_dark { background-image:url(images/jaggt_gui_icons_dark.png); } /* border-styles //////////////////////// */ .roundcorners_all, .button_roundedcorners { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Ecken abgerundet an allen Seiten */ .roundcorners_top, .user_comments_tablinks a.user_submenu_link, .user_comments_tablinks a.user_submenu_link_active { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } /* Ecken abgerundet oben */ .roundcorners_bottom { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } /* Ecken abgerundet oben */ .wpf_button_24.active span { color:#900 !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* -------------- SYSTEM BUTTONS ------------------------------------------------------------------------------------------------------------------------------------------------ */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ---------------- BUTTONS - BG ---------------- */ .btn-bg_dark_24 { background-image:url(images/button_bg_dark_24x24.png); background-repeat:repeat-x; } .btn-bg_dark_36 { background-image:url(images/button_bg_dark_36x36.png); background-repeat:repeat-x; } .btn-bg_dark_48 { background-image:url(images/button_bg_dark_48x48.png); background-repeat:repeat-x; } .btn-bg_light_24 { background-image:url(images/button_bg_light_24x24.png); background-repeat:repeat-x; } .btn-bg_light_36 { background-image:url(images/button_bg_light_36x36.png); background-repeat:repeat-x; } .btn-bg_light_48 { background-image:url(images/button_bg_light_48x48.png); background-repeat:repeat-x; } /* ---------------- BUTTON-SCHRIFTEN AUSSEHEN, FARBEN & GRÖSSEN ---------------- */ .btn_text_light_24, .btn_text_dark_24 { font-size: 8pt; font-weight:bold; } .btn_text_light_36, .btn_text_dark_36 { font-size: 9pt; font-weight:bold; } .btn_text_light_48, .btn_text_dark_48 { font-size:11pt; font-weight:bold; } /* normal state */ .btn_text_light_24, .btn_text_light_36, .btn_text_light_48 { text-transform:uppercase; text-decoration:none; } .btn_text_dark_24, .btn_text_dark_36, .btn_text_dark_48 { text-transform:uppercase; text-decoration:none; } /* hover state */ /* wpf_button */ .wpf_button_24:hover .btn_text_light_24, .wpf_button_24:hover .btn_text_light_36, .wpf_button_24:hover .btn_text_light_48, a.wpf_button_24:hover .btn_text_light_24, a.wpf_button_24:hover .btn_text_light_36, a.wpf_button_24:hover .btn_text_light_48 { } .wpf_button_24:hover .btn_text_dark_24, .wpf_button_24:hover .btn_text_dark_36, .wpf_button_24:hover .btn_text_dark_48, a.wpf_button_24:hover .btn_text_dark_24, a.wpf_button_24:hover .btn_text_dark_36, a.wpf_button_24:hover .btn_text_dark_48 { } /* wpf_usermenu - COMMUNITY */ a.wpf_usermenu_24:hover .btn_text_light_24, a.wpf_usermenu_24:hover .btn_text_light_36, a.wpf_usermenu_24:hover .btn_text_light_48 { } a.wpf_usermenu_24:hover .btn_text_dark_24, a.wpf_usermenu_24:hover .btn_text_dark_36, a.wpf_usermenu_24:hover .btn_text_dark_48 { } /* wpf_usermenu_avatar - COMMUNITY */ a.wpf_usermenu_avatar_24:hover .btn_text_light_24, a.wpf_usermenu_avatar_24:hover .btn_text_light_36, a.wpf_usermenu_avatar_24:hover .btn_text_light_48 { } a.wpf_usermenu_avatar_24:hover .btn_text_dark_24, a.wpf_usermenu_avatar_24:hover .btn_text_dark_36, a.wpf_usermenu_avatar_24:hover .btn_text_dark_48 { } /* ---------------- BUTTON STYLES ---------------- */ .btn_border_light { border:1px solid; } .btn_border_dark { border:1px solid; } button { padding:0 !important; margin:0 !important; cursor:pointer; height:26px !important; border:0px; background:none; } /*button:hover { background-position:0 -24px; }*/ a.wpf_button_24, .wpf_button_24 { min-height:24px; height:auto; padding:0px !important; margin:0px !important; display:inline-block; cursor:pointer; } a.wpf_button_24:hover, .wpf_button_24:hover { background-position:0 -24px; } a.wpf_button_36 { height:36px; padding:0 !important; display:inline-block; } a.wpf_button_36:hover { background-position:0 -36px; } a.wpf_button_48 { height:48px; padding:0 !important; display:inline-block; } a.wpf_button_48:hover { background-position:0 -48px; } .wpf_button_text_24 { padding: 6px 10px 0 10px; margin:0; display:inline-block; } .wpf_button_text_36 { padding:10px 15px 0 15px; margin:0; display:inline-block; } .wpf_button_text_48 { padding:14px 20px 0 20px; margin:0; display:inline-block; } .wpf_icon_button_text_24 { padding: 5px 15px 0 2px; margin:0; display:inline-block; } .wpf_icon_button_text_36 { padding: 11px 15px 0 4px; margin:0; display:inline-block; } .wpf_icon_button_text_48 { padding: 14px 20px 0 6px; margin:0; display:inline-block; } .wpf_rating_text_24 { padding: 6px 0px 0 5px; margin:0; display:inline-block; } .wpf_rating_text_36 { padding:10px 15px 0 15px; margin:0; display:inline-block; } .wpf_rating_text_48 { padding:14px 20px 0 20px; margin:0; display:inline-block; } /* COMMUNITY - USERMENU */ a.wpf_usermenu_24 { height:24px; padding:0px !important; display:block; border-bottom:1px dotted; } a.wpf_usermenu_24:hover { background-position:0 -24px; } a.wpf_usermenu_avatar_24 { height:24px; padding:0px !important; display:block; } a.wpf_usermenu_avatar_24:hover { background-position:0 -24px; } .wpf_usermenu_text_24 { padding: 6px 15px 0 10px; margin:0; display:inline-block; } .wpf_usermenu_avatar_text_24 { padding: 6px 15px 0 10px; margin:0; display:inline-block; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* -------------- ICONSETS ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ---------------- ICONSETS LADEN ---------------- */ .iconset_dark_24, .iconset_dark_36, .iconset_dark_48, .iconset_light_24, .iconset_light_36, .iconset_light_48, .user_delete_icon, .user_postboxdetail_icon, .user_postboxsendmail_button { padding:0px !important; margin:0; display:inline-block; width:auto; float:left; background-repeat:no-repeat; } .iconset_dark_24, .user_delete_icon, .user_postboxdetail_icon, .user_postboxsendmail_button { height:24px; min-width:24px; background-image:url(images/iconset_dark_24.png); } .iconset_dark_36 { height:36px; min-width:36px; background-image:url(images/iconset_dark_36.png); } .iconset_dark_48 { height:48px; min-width:48px; background-image:url(images/iconset_dark_48.png); } .iconset_light_24 { height:24px; min-width:24px; background-image:url(images/iconset_light_24.png); } .iconset_light_36 { height:36px; min-width:36px; background-image:url(images/iconset_light_36.png); } .iconset_light_48 { height:48px; min-width:48px; background-image:url(images/iconset_light_48.png); } .user_delete_icon, .user_delete, .user_postboxdetail_icon, .user_postboxsendmail_button { cursor:pointer; width:24px; height:24px; float:left; display:inline-block; } /* ---------------- ICONS POSITIONIEREN ---------------- */ /* ---- 24x24 ---- */ .arrow_24 { background-position:0px -912px; } a.wpf_button_24:hover .arrow_24, .wpf_button_24:hover .arrow_24, a.wpf_usermenu_24:hover .arrow_24, a.wpf_usermenu_avatar_24:hover .arrow_24 { background-position:-24px -912px; } .profil_24 { background-position:0px 0px; } a.wpf_button_24:hover .profil_24, .wpf_button_24:hover .profil_24, a.wpf_usermenu_24:hover .profil_24, a.wpf_usermenu_avatar_24:hover .profil_24 { background-position:-24px 0px; } .profile-edit_24 { background-position:0px -984px; } a.wpf_button_24:hover .profile-edit_24, .wpf_button_24:hover .profile-edit_24, a.wpf_usermenu_24:hover .profile-edit_24, a.wpf_usermenu_avatar_24:hover .profile-edit_24 { background-position:-24px -984px; } .mysite_24 { background-position:0px -312px; } a.wpf_button_24:hover .mysite_24, .wpf_button_24:hover .mysite_24, a.wpf_usermenu_24:hover .mysite_24, a.wpf_usermenu_avatar_24:hover .mysite_24 { background-position:-24px -312px; } .updates_24 { background-position:0px -192px; } a.wpf_button_24:hover .updates_24, .wpf_button_24:hover .updates_24, a.wpf_usermenu_24:hover .updates_24, a.wpf_usermenu_avatar_24:hover .updates_24 { background-position:-24px -192px; } .feedback_24 { background-position:0px -144px; } a.wpf_button_24:hover .feedback_24, .wpf_button_24:hover .feedback_24, a.wpf_usermenu_24:hover .feedback_24, a.wpf_usermenu_avatar_24:hover .feedback_24 { background-position:-24px -144px; } .news_24 { background-position:0px -192px; } a.wpf_button_24:hover .news_24, .wpf_button_24:hover .news_24, a.wpf_usermenu_24:hover .news_24, a.wpf_usermenu_avatar_24:hover .news_24 { background-position:-24px -192px; } .nachrichten_24 { background-position:0px -48px; } a.wpf_button_24:hover .nachrichten_24, .wpf_button_24:hover .nachrichten_24, a.wpf_usermenu_24:hover .nachrichten_24, a.wpf_usermenu_avatar_24:hover .nachrichten_24 { background-position:-24px -48px; } .pics_24 { background-position:0px -216px; } a.wpf_button_24:hover .pics_24, .wpf_button_24:hover .pics_24, a.wpf_usermenu_24:hover .pics_24, a.wpf_usermenu_avatar_24:hover .pics_24 { background-position:-24px -216px; } .videos_24 { background-position:0px -72px; } a.wpf_button_24:hover .videos_24, .wpf_button_24:hover .videos_24, a.wpf_usermenu_24:hover .videos_24, a.wpf_usermenu_avatar_24:hover .videos_24 { background-position:-24px -72px; } .audio_24 { background-position:0px -96px; } a.wpf_button_24:hover .audio_24, .wpf_button_24:hover .audio_24, a.wpf_usermenu_24:hover .audio_24, a.wpf_usermenu_avatar_24:hover .audio_24 { background-position:-24px -96px; } .events_24 { background-position:0px -120px; } a.wpf_button_24:hover .events_24, .wpf_button_24:hover .events_24, a.wpf_usermenu_24:hover .events_24, a.wpf_usermenu_avatar_24:hover .events_24 { background-position:-24px -120px; } .friends_24 { background-position:0px -24px; } a.wpf_button_24:hover .friends_24, .wpf_button_24:hover .friends_24, a.wpf_usermenu_24:hover .friends_24, a.wpf_usermenu_avatar_24:hover .friends_24 { background-position:-24px -24px; } .groups_24 { background-position:0px -792px; } a.wpf_button_24:hover .groups_24, .wpf_button_24:hover .groups_24, a.wpf_usermenu_24:hover .groups_24, a.wpf_usermenu_avatar_24:hover .groups_24 { background-position:-24px -792px; } .merchandise_24 { background-position:0px -720px; } a.wpf_button_24:hover .merchandise_24, .wpf_button_24:hover .merchandise_24, a.wpf_usermenu_24:hover .merchandise_24, a.wpf_usermenu_avatar_24:hover .merchandise_24 { background-position:-24px -720px; } .shoppingcard_24 { background-position:0px -696px; } a.wpf_button_24:hover .shoppingcard_24, .wpf_button_24:hover .shoppingcard_24, a.wpf_usermenu_24:hover .shoppingcard_24, a.wpf_usermenu_avatar_24:hover .shoppingcard_24 { background-position:-24px -696px; } .shop_24 { background-position:0px -744px; } a.wpf_button_24:hover .shop_24, .wpf_button_24:hover .shop_24, a.wpf_usermenu_24:hover .shop_24, a.wpf_usermenu_avatar_24:hover .shop_24 { background-position:-24px -744px; } .sitemanager_24 { background-position:0px -888px; } a.wpf_button_24:hover .sitemanager_24, .wpf_button_24:hover .sitemanager_24, a.wpf_usermenu_24:hover .sitemanager_24, a.wpf_usermenu_avatar_24:hover .sitemanager_24 { background-position:-24px -888px; } .design_24 { background-position:0px -384px; } a.wpf_button_24:hover .design_24, .wpf_button_24:hover .design_24, a.wpf_usermenu_24:hover .design_24, a.wpf_usermenu_avatar_24:hover .design_24 { background-position:-24px -384px; } .account_24 { background-position:0px -168px; } a.wpf_button_24:hover .account_24, .wpf_button_24:hover .account_24, a.wpf_usermenu_24:hover .account_24, a.wpf_usermenu_avatar_24:hover .account_24 { background-position:-24px -168px; } .upgrade_24 { background-position:0px -936px; } a.wpf_button_24:hover .upgrade_24, .wpf_button_24:hover .upgrade_24, a.wpf_usermenu_24:hover .upgrade_24, a.wpf_usermenu_avatar_24:hover .upgrade_24 { background-position:-24px -936px; } .logout_24 { background-position:0px -264px; } a.wpf_button_24:hover .logout_24, .wpf_button_24:hover .logout_24, a.wpf_usermenu_24:hover .logout_24, a.wpf_usermenu_avatar_24:hover .logout_24 { background-position:-24px -264px; } .info_24 { background-position:0px -288px; } a.wpf_button_24:hover .info_24, .wpf_button_24:hover .info_24, a.wpf_usermenu_24:hover .info_24, a.wpf_usermenu_avatar_24:hover .info_24 { background-position:-24px -288px; } .dates_24 { background-position:0px -408px; } a.wpf_button_24:hover .dates_24, .wpf_button_24:hover .dates_24, a.wpf_usermenu_24:hover .dates_24, a.wpf_usermenu_avatar_24:hover .dates_24 { background-position:-24px -408px; } .add_24 { background-position:0px -336px; } a.wpf_button_24:hover .add_24, .wpf_button_24:hover .add_24, a.wpf_usermenu_24:hover .add_24, a.wpf_usermenu_avatar_24:hover .add_24 { background-position:-24px -336px; } .close_24 { background-position:0px -360px; } a.wpf_button_24:hover .close_24, .wpf_button_24:hover .close_24, a.wpf_usermenu_24:hover .close_24, a.wpf_usermenu_avatar_24:hover .close_24 { background-position:-24px -360px; } .delete_24, .user_delete_icon { background-position:0px -816px; } a.wpf_button_24:hover .delete_24, .wpf_button_24:hover .delete_24, a.wpf_usermenu_24:hover .delete_24, a.wpf_usermenu_avatar_24:hover .delete_24, .user_delete_icon:hover { background-position:-24px -816px; } .ok_24 { background-position:0px -432px; } a.wpf_button_24:hover .ok_24, .wpf_button_24:hover .ok_24, a.wpf_usermenu_24:hover .ok_24, a.wpf_usermenu_avatar_24:hover .ok_24 { background-position:-24px -432px; } .ok-active_24 { background-position:0px -456px; } a.wpf_button_24:hover .ok-active_24, .wpf_button_24:hover .ok-active_24, a.wpf_usermenu_24:hover .ok-active_24, a.wpf_usermenu_avatar_24:hover .ok-active_24 { background-position:-24px -456px; } .rocks_24 { background-position:0px -480px; } a.wpf_button_24:hover .rocks_24, .wpf_button_24:hover .rocks_24, a.wpf_usermenu_24:hover .rocks_24, a.wpf_usermenu_avatar_24:hover .rocks_24 { background-position:-24px -480px; } .sucks_24 { background-position:0px -504px; } a.wpf_button_24:hover .sucks_24, .wpf_button_24:hover .sucks_24, a.wpf_usermenu_24:hover .sucks_24, a.wpf_usermenu_avatar_24:hover .sucks_24 { background-position:-24px -504px; } .addfriend_24 { background-position:0px -576px; } a.wpf_button_24:hover .addfriend_24, .wpf_button_24:hover .addfriend_24, a.wpf_usermenu_24:hover .addfriend_24, a.wpf_usermenu_avatar_24:hover .addfriend_24 { background-position:-24px -576px; } .addfriend-already_24 { background-position:0px -600px; } a.wpf_button_24:hover .addfriend-already_24, .wpf_button_24:hover .addfriend-already_24, a.wpf_usermenu_24:hover .addfriend-already_24, a.wpf_usermenu_avatar_24:hover .addfriend-already_24 { background-position:-24px -600px; } .detail_24, .user_postboxdetail_icon { background-position:0px -624px; } a.wpf_button_24:hover .detail_24, .wpf_button_24:hover .detail_24, a.wpf_usermenu_24:hover .detail_24, a.wpf_usermenu_avatar_24:hover .detail_24, .user_postboxdetail_icon:hover { background-position:-24px -624px; } .question_24 { background-position:0px -648px; } a.wpf_button_24:hover .question_24, .wpf_button_24:hover .question_24, a.wpf_usermenu_24:hover .question_24, a.wpf_usermenu_avatar_24:hover .question_24 { background-position:-24px -648px; } .legals_24 { background-position:0px -672px; } a.wpf_button_24:hover .legals_24, .wpf_button_24:hover .legals_24, a.wpf_usermenu_24:hover .legals_24, a.wpf_usermenu_avatar_24:hover .legals_24 { background-position:-24px -672px; } .overview_24 { background-position:0px -960px; } a.wpf_button_24:hover .overview_24, .wpf_button_24:hover .overview_24, a.wpf_usermenu_24:hover .overview_24, a.wpf_usermenu_avatar_24:hover .overview_24 { background-position:-24px -960px; } .link_24 { background-position:0px -1008px; } a.wpf_button_24:hover .link_24, .wpf_button_24:hover .link_24, a.wpf_usermenu_24:hover .link_24, a.wpf_usermenu_avatar_24:hover .link_24 { background-position:-24px -1008px; } .rates_24 { background-position:0px -1032px; } a.wpf_button_24:hover .rates_24, .wpf_button_24:hover .rates_24, a.wpf_usermenu_24:hover .rates_24, a.wpf_usermenu_avatar_24:hover .rates_24 { background-position:-24px -1032px; } .arrow-sub_24 { background-position:0px -1056px; } a.wpf_button_24:hover .arrow-sub_24, .wpf_button_24:hover .arrow-sub_24, a.wpf_usermenu_24:hover .arrow-sub_24, a.wpf_usermenu_avatar_24:hover .arrow-sub_24 { background-position:-24px -1056px; } .dragable_24 { background-position:0px -1128px; } a.wpf_button_24:hover .dragable_24, .wpf_button_24:hover .dragable_24, a.wpf_usermenu_24:hover .dragable_24, a.wpf_usermenu_avatar_24:hover .dragable_24 { background-position:-24px -1128px; } .star_24 { background-position:0px -1104px; } a.wpf_button_24:hover .star_24, .wpf_button_24:hover .star_24, a.wpf_usermenu_24:hover .star_24, a.wpf_usermenu_avatar_24:hover .star_24 { background-position:-24px -1104px; } .user_postboxsendmail_button { background-position:0px -768px; } .user_postboxsendmail_button:hover { background-position:-24px -768px; } .arrow_up_24 { background-position:0px -552px; } a.wpf_button_24:hover .arrow_up_24, .wpf_button_24:hover .arrow_up_24, a.wpf_usermenu_24:hover .arrow_up_24, a.wpf_usermenu_avatar_24:hover .arrow_up_24 { background-position:-24px -552px; } .arrow_down_24 { background-position:0px -528px; } a.wpf_button_24:hover .arrow_down_24, .wpf_button_24:hover .arrow_down_24, a.wpf_usermenu_24:hover .arrow_down_24, a.wpf_usermenu_avatar_24:hover .arrow_down_24 { background-position:-24px -528px; } .add_lang_24 { background-position:0px -1248px; } a.wpf_button_24:hover .add_lang_24, .wpf_button_24:hover .add_lang_24, a.wpf_usermenu_24:hover .add_lang_24, a.wpf_usermenu_avatar_24:hover .add_lang_24 { background-position:-24px -1248px; } /* ---- 36x36 ---- */ /* ---- 48x48 ---- */