/* --- Specific styles for campains section --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cmpgn_main { width: 640px; float: left; margin-right: 20px; } #cmpgn_sidebar { width: 260px; float: left; } #cmpgn_sidebar h2 { color: #2387c5; line-height: 130%; margin-top: 5px; /* background: url('images/campaign-builder_sdbr_header_bgrd.gif') right top no-repeat; padding-right: 65px;*/ } #cmpgn_sidebar .box_inn { padding: 10px 15px 30px 15px; } #cmpgn_sidebar .section { margin: 10px -10px; background: #eeeee6; padding: 4px 4px 0 4px; } #cmpgn_sidebar .section h3 { color: #474745; font-size: 11px; line-height: 18px; padding-left: 10px; } #cmpgn_sidebar .section a { display: block; color: #229122; font-size: 10px; line-height: 18px; float: right; } #cmpgn_sidebar .button.preview { float: none; margin: 20px 0 -5px -8px; border: none; width: 246px; height: 60px; background: url('images/campaign_builder_preview_button.jpg') left top no-repeat; text-indent: -1920px; padding: 0; } #cmpgn_sidebar .list li { display: block; width: auto; margin: 5px 0; padding: 5px 20px 5px 30px; float: none; position: relative; } #cmpgn_sidebar .list li .info { display: block; width: 16px; height: 16px; text-indent: -1000px; position: absolute; right: 3px; top: 5px; background: url('images/campaign-builder_sdbr_info.gif') center no-repeat; } #cmpgn_sidebar .list li .delete_item { display: block; width: 18px; height: 18px; text-indent: -1000px; position: absolute; right: 3px; top: 5px; background: url('images/icon_small_delete.png') center no-repeat; } #cmpgn-list-actions.list li { background: url(images/bullet_green_chek.gif) left 3px no-repeat; } #cmpgn-list-stuff.list li { background: url('images/campaign-builder_sdbr_bullet_star_blue.gif') left 3px no-repeat; } #cmpgn-list-aim.list li { background: url('images/campaign-builder_sdbr_bullet_star.gif') left 0 no-repeat; font-size: 120%; } #campaign_profile .image { width: 200px; height: 200px; border: none; padding: 0; } #campaign_profile .image_wrapper { width: 200px; float: left; overflow: hidden; margin-right: 20px; position: relative; } #campaign_profile .image_wrapper span { display: block; width: 200px; height: 200px; background: #73429A; } #campaign_profile a.button.campaign_image { color: #FFF; background: #512078; border: none; width: auto; padding: 3px 10px; text-align: center; } #campaign_profile a.button.campaign_image:hover { text-decoration: underline; } #sidebar #action-buttons { height: 185px; overflow: hidden; } #sidebar #action-buttons .button { float: none; background: #73429A; border: none; padding: 0; margin-bottom: 10px; } #sidebar #action-buttons .button:hover { text-decoration: underline; } #sidebar #action-buttons .button#post_comment { width: 248px; height: 48px; background: url('images/campaign_view_btn_post-comment.gif') left top no-repeat; text-indent: -1920px; margin: 6px 0 10px 0; } #sidebar #action-buttons .button.campaign_ready, #sidebar #action-buttons .button.campaign_image { width: 248px; height: 32px; background: url(images/action_view_btn_buttons_bgrd.gif) left top no-repeat; color: #21a7d7; font-size: 14px; text-indent: 15px; font-weight: normal; line-height: 32px; margin-bottom: 5px; } #sidebar .tab-titles li a { padding: 0 20px; } #sidebar .panel.resources#Downloadables { background: none; padding-top: 0; } #sidebar .panel.resources#Downloadables .header { display: none; } #sidebar .panel.resources#Downloadables .content { border: none; background: none; padding: 0; } .georgia { font-size: 18px; line-height: 22px; font-family: Georgia, serif; } #see_in_popup_image { display: block; float: left; margin-right: 20px;} #see_in_popup_stats_facts { float: right; width: 230px; margin: 0 0 20px 20px; } #see_in_popup_stats_facts .notepad { padding: 30px 20px 20px 20px; background: #fdff7c url('images/notes_bgd.gif') left top no-repeat; } #see_in_popup_stats_facts .notepad h3 { font: 18px WCManoNegraBtaRegular, serif; margin-bottom: 20px; color: #000; margin-bottom: 10px; } #see_in_popup_stats_facts .notepad ul.statsandfacts { height: 300px; overflow: auto; } #see_in_popup_stats_facts .notepad ul.statsandfacts li { padding-bottom: 10px; } #campaigns.list img { height: auto; } #campaigns.list a { display: inline; } #campaigns.list .title { display: block; font-weight: bold; } #advice { height: 70px; position: relative; padding-top: 15px; } #advice p { line-height: 37px; padding: 0 20px; } #advice p a.button { height: 20px; font-size: 10px; line-height: 20px; padding: 0 10px; text-transform: uppercase; color: #FFF; border: none; background: #e10079; float: none; position: absolute; top: 23px; right: 100px; } #advice .illustration { width: 100px; height: 85px; position: absolute; right: 0; top: 0; } #advice.mike p { background: #f9cce4; color: #e10079; } #advice.mike .illustration { background: url('images/campaign-builder_advice_mike.png') left bottom no-repeat; } #advice.ella p { background: #fef4d9; color: #f07307; } #advice.ella .illustration { background: url('images/campaign-builder_advice_ella.png') left 5px no-repeat; } #advice.emma p { background: #e5f9d0; color: #469a45; } #advice.emma .illustration { background: url('images/campaign-builder_advice_emma.png') left 5px no-repeat; } #advice.nick p { background: #e5d6f0; color: #73429a; } #advice.nick .illustration { background: url('images/campaign-builder_advice_nick.png') center 5px no-repeat; } #advice.nicole p { background: #ffddcf; color: #f05a21; } #advice.nicole .illustration { background: url('images/campaign-builder_advice_nicole.png') center 5px no-repeat; } #advice.tori p { background: #bcd6ed; color: #175ba2; } #advice.tori .illustration { background: url('images/campaign-builder_advice_tori.png') center 5px no-repeat; } .special_dones { width: 74px; height: 17px; padding: 2px 5px; line-height: 21px; background: url('images/campaign-builder_profile_field_bgrd.gif') left top no-repeat; border: none; float: right; text-align: right; font-weight: normal; outline: none; } .campaigns .action_tracker td.buttons .button.ajax_done_increment { float: right; margin-left: 2px; } /* --------- Campaign nav ------------------------------------------------------------------------------------*/ .campaigns .steps { height: 88px; overflow: hidden; } .campaigns .steps li { display: block; width: 135px; height: 128px; overflow: hidden; float: left; margin-right: 1px; } .campaigns .steps li a { display: block; width: 100%; height: 79px; text-align: center; border-bottom: 9px solid #CCC; } .campaigns .steps li a .step { font-size: 16px; display: block; padding: 60px 0 0 0; } .campaigns .steps li a .step span { font-size: 32px; } .campaigns .steps li a .text { display: none; font: 12px arial, sans-serif !important; } .campaigns .steps li.last { margin: 0; } .campaigns .steps li.selected { width: 240px; } .campaigns .steps li.selected a, .campaigns .steps li a:hover { border-bottom: none; height: 88px; color: #FFF; } .campaigns .steps li a:hover .step, .campaigns .steps li.selected a .step { padding: 10px 0 10px 0; line-height: 18px; color: #FFF; } .campaigns .steps li.selected a .step { padding: 20px 0 13px 0; font-size: 24px; } .campaigns .steps li a:hover .text, .campaigns .steps li.selected a .text { display: block; font-size: 14px; line-height: 14px; padding: 0 15px; color: #FFF; } .campaigns .steps li.selected a .text { padding: 0 30px; } .campaigns .steps li a:hover { } .campaigns .steps li#create_who a { color: #e10079; border-bottom-color: #e10079; } .campaigns .steps li.selected#create_who, .campaigns .steps li#create_who a:hover, .campaign#step_who #cmpgn_sidebar .button.preview, .campaign#step_who .buttons .next { background-color: #e10079; color: #FFF; } .campaigns .steps li#create_what a { color: #f05a21; border-bottom-color: #f05a21; } .campaigns .steps li.selected#create_what, .campaigns .steps li#create_what a:hover, .campaign#step_what #cmpgn_sidebar .button.preview, .campaign#step_what .buttons .next { background-color: #f05a21; color: #FFF; } .campaigns .steps li#create_how a { color: #ffba01; border-bottom-color: #ffba01; } .campaigns .steps li.selected#create_how, .campaigns .steps li#create_how a:hover, .campaign#step_how #cmpgn_sidebar .button.preview, .no_items.stuff, .campaign#step_how .buttons .next { background-color: #ffba01; color: #FFF; } .no_items.stuff:hover { background-color: #EEA000; } .campaigns .steps li#create_why a { color: #469a45; border-bottom-color: #469a45; } .campaigns .steps li.selected#create_why, .campaigns .steps li#create_why a:hover, .campaign#step_why #cmpgn_sidebar .button.preview, .campaign#step_why .buttons .next { background-color: #469a45; color: #FFF; } .campaigns .steps li#create_style a { color: #125ea7; border-bottom-color: #125ea7; } .campaigns .steps li.selected#create_style, .campaigns .steps li#create_style a:hover, .campaign#step_style #cmpgn_sidebar .button.preview, .campaign#step_style .buttons .next { background-color: #125ea7; color: #FFF; } .campaigns .steps li#create_profile a { color: #73429a; border-bottom-color: #73429a; } .campaigns .steps li.selected#create_profile, .campaigns .steps li#create_profile a:hover, .campaign#create_profile #cmpgn_sidebar .button.preview, .campaign#create_profile .buttons .next { background-color: #73429a; color: #FFF; } .campaigns #step_who .steps li#create_who a, .campaigns #step_who .steps li#create_what a, .campaigns #step_who .steps li#create_how a, .campaigns #step_who .steps li#create_why a, .campaigns #step_who .steps li#create_style a, .campaigns #step_who .steps li#create_profile a { color: #DDD; border-bottom-color: #DDD; } .campaigns #step_who .steps li#create_who a:hover, .campaigns #step_who .steps li#create_what a:hover, .campaigns #step_who .steps li#create_how a:hover, .campaigns #step_who .steps li#create_why a:hover, .campaigns #step_who .steps li#create_style a:hover, .campaigns #step_who .steps li#create_profile a:hover { background: #DDD; color: #FFF; } .no_items { display: block; padding: 20px; margin-bottom: 20px; font-size: 18px; } .no_items:hover { text-decoration: underline; } .campaigns .steps li.selected#create_who a, .campaigns .steps li.selected#create_what a, .campaigns .steps li.selected#create_which a, .campaigns .steps li.selected#create_how a, .campaigns .steps li.selected#create_why a, .campaigns .steps li.selected#create_style a { color: #FFF; } #step_which h1, #step_which h2 { color: #ffba01; } #step_what h1, #step_what h2 { color: #f05a21; } #step_how h1, #step_how h2 { color: #ffba01; } #step_why h1, #step_why h2 { color: #259510; } #step_style h1, #step_style h2, #step_style form .input label { color: #125EA7; } #step_style form .input label { font-size: 14px; font-weight: normal; } #step_style form .input { padding: 10px 0 30px 0; } #step_style form .input div.field input.field { font-size: 22px; color: #000; } #special_slogan { background: #7c4fa1; color: #FFF; font-size: 28px; line-height: normal; margin: 0 40px 20px 40px; padding: 20px 35px; font-weight: normal; position: relative; } #special_slogan a { display: block; position: absolute; bottom: 0; right: 0; font: 9px Verdana, sans-serif; color: #FFF; padding: 5px 10px; margin: 0; } #special_slogan textarea { width: 100%; border: none; background: none; color: #FFF; font-size: 28px; background: #8D5FB2; } #actS .button { float: none; border: none; text-align: center; margin: 0; background: #7c4fa1; } .campaign_builder #cnt { width: auto; margin: 0 40px 0 20px; float: none; } .campaign .buttons a, .campaign .buttons input { display: block; width: 450px; height: 40px; font-size: 24px; line-height: 40px; float: left; border: none; cursor: pointer; font-weight: normal; } .campaign .buttons a.next, .campaign .buttons input.next { float: right; text-align: right; padding-right: 30px; background-image: url('images/campaign-builder_bullet_next.png'); background-position: 97% center; background-repeat: no-repeat; } .campaign .buttons a.back, .campaign .buttons input.back { background: #CCC url('images/campaign-builder_bullet_prev.png') 12px center no-repeat; color: #FFF; text-align: left; padding-left: 30px; } .campaign .buttons a.skip, .campaign .buttons input.skip, .campaign .buttons a.back.wskip, .campaign .buttons input.back.wskip { width: 185px; } .campaign .buttons a.skip, .campaign .buttons input.skip { padding-right: 30px; color: #FFF; margin-left: 20px; background: #CCC url('images/campaign-builder_bullet_next.png') 95% center no-repeat; } .campaign .buttons a.skip { width: 150px; text-align: right; } .new_radio { display: none; } .new_radio_label { display: block; height: 33px; font-size: 16px; line-height: 33px; padding-left: 40px; cursor: pointer; background: url('images/campaign-builder_radio_replacement_orange.gif') left -33px no-repeat; } .new_radio_label.active { background-position: left top; } form .input.notes { padding: 30px 10px 20px 40px; background: #fdff7c url('images/notes_bgd.gif') left top no-repeat; } form .input.notes label { font: 24px WCManoNegraBtaRegular, serif; margin-bottom: 0;} form .input.notes .field textarea { border: none; background: none; padding: 10px 0; } form .input.notes .special_edit { float: right; clear: both; color: #000; font-size: 10px; margin: 20px 10px -10px 0; } #special_which_description_public, #special_how_description_public { width: 100%; height: 30px; float: left; background: #FCFF7C; text-align: right; padding: 0; } #special_which_description_public label, #special_how_description_public label { display: inline; font-weight: normal; } #special_which_description_public .field, #special_how_description_public .field { display: inline; } .special_public .field { padding-right: 20px; } form .input.notepad { border: 2px solid #666; padding: 20px; background: #febf04 url('images/campaign-builder_stats-and-facts_bgrd.gif') left top repeat-x; } form .input.notepad label { font: 24px WCManoNegraBtaRegular, serif; } form .input.notepad .field textarea { width: 99%; height: 300px; border: none; background: url('images/campaign-builder_notepad_border.gif') left top repeat; line-height: 19px; padding: 0; margin-top: 10px; overflow:hidden; } .post_comment { display: block; width: 142px; height: 21px; float: right; background: url('images/icon_share_what.png') left top no-repeat; text-indent: -1920px; overflow: hidden; } .get_resources { display: block; width: 26px; height: 20px; float: right; background: url('images/icon_see_usefull_downloads.gif') left top no-repeat; text-indent: -1920px; overflow: hidden; margin-right: 2px; } .campaign .actions-list { border: 7px solid #ebebe2; } .campaign .actions-list ul.items_ul { padding-top: 5px; } .campaign .actions-list ul.items_ul li { display: block; width: 185px; height: 50px; float: left; margin: 0 0 5px 5px; line-height: 14px; overflow: hidden; } .campaign .actions-list ul.items_ul li a { display: block; height: 50px; overflow: hidden; float: left; color: #666; } .campaign .actions-list ul.items_ul li .icon { display: block; width: 50px; height: 50px; text-indent: -1000px; position: relative; border: 1px solid #CCC; border-right: none; overflow: hidden; float: left; overflow: hidden; } .campaign .actions-list ul.items_ul li .icon span { display: none; } .campaign .actions-list ul.items_ul li .icon img { display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 0; z-index: 1; background: #CCC; text-indent: -1000px; } .campaign .actions-list ul.items_ul li .icon span.icon { display: block; width: 16px; height: 16px; position: absolute; top: 2px; left: 2px; z-index: 20; text-indent: -1900px; } .campaign .actions-list ul.items_ul li a.see_in_popup { width: 120px; margin-left: 5px; height: 31px; padding-top: 4px; background: url('icons/information.png') 15px right no-repeat; font-size: 10px; } .campaign .actions-list ul.items_ul li a.add { background: #f05a21; height: auto; color: #FFF; text-transform: uppercase; font-size: 10px; line-height: 10px; padding: 3px 5px; float: right; margin-top: -4px; } .campaign .actions-list ul.items_ul li a.see_in_popup:hover, .campaign .actions-list ul.items_ul li a.icon.delete:hover { text-decoration: underline; } .campaign .empty_message { padding: 20px; font-size: 120%;} .campaign .holderlist .actions-list { background: #FFF; padding: 20px 0 0 0; margin: 0 -30px -31px -30px; border-color: #dcdcd2; } .campaign .holderlist .actions-list .pagination { margin: 0 0 -20px 0; } .campaign .holderlist .actions-list .pagination .page-now { color: #000; } .campaign .holderlist .actions-list .items-filter { margin: -20px 0 0 0;} .no_hash { margin-bottom: 20px; } #items { margin-top: 20px; } #step_who h1, #step_who h2 { color: #e10079; } #step_who ul li { width: 210px; height: 150px; background: #ebebe2 url('images/campaign-builder_radio_replacement_who_empty.gif') center 20px no-repeat; float: left; margin: 0 10px 30px 0; color: #dd0078; text-align: center; cursor: pointer; position: relative; } #step_who ul li.last { margin-right: 0; } #step_who ul li.active { background: #dd0078 url('images/campaign-builder_radio_replacement_who_full.gif') center 20px no-repeat; color: #FFF; } #step_who ul li .surround { width: 99%; height: 99%; } #step_who ul li label { width: 100%; font-size: 18px; margin-top: 60px; text-align: center; float: left; clear: both; } #step_who ul li.active label { } #step_who ul li .performer_type_div { position: absolute; bottom: 0; left: 0; width: 100%; } #step_who ul li .performer_type_div div { padding: 20px 30px; } #step_who ul li select { width: 100%; } #step_how #actA { min-height: 125px; } #step_what #id_description { width: 70%; } #step_what .holderlist > li { display: block; padding: 30px; background: #ebebe2; margin-bottom: 20px; } #step_what .holderlist > li#cmpgn_default { padding-bottom: 200px; background-image: url('images/campaign-builder_what_default_campaign.gif'); background-repeat: no-repeat; background-position: 40px 80px; } #step_what .holderlist > li#cmpgn_default.active { background-image: url('images/campaign-builder_what_default_campaign_selected.gif'); } #step_what #actions_chooser h3 { margin-bottom: 20px; } #step_what p.not-sure { font-size: 11px; line-height: 18px; color: #878787; margin: 0; padding: 0 0 0 25px; background: url('images/icon_question-mark.gif') left center no-repeat; } #step_what .input div.field input.field { font-size: 22px; color: #000; } #step_what #back_to_categories { display: block; width: 139px; height: 20px; text-indent: -1920px; overflow: hidden; float: right; margin: -10px -10px 0 0; background: url('images/campaign-builder_back-to-categories.gif') left top no-repeat; } #step_what #my_big_change_div div.input { margin-top: 10px; } #step_what #our_big_change_div label { padding-left: 35px; } #step_what .radio-list ul { width: 528px; height: 300px; } #step_what .radio-list ul li { width: 132px; height: 100px; overflow: hidden; float: left; clear: none; } #step_what .radio-list ul li input { display: none; } #step_what .radio-list ul li label { display: block; width: 100%; height: 100%; float: left; text-indent: -1920px; background: url('images/campaign-builder_what_categories.gif') left top no-repeat; } #step_what .radio-list ul li label:hover { cursor: pointer; } #step_what #see_all_categories { display: block; float: left; width: 267px; height: 100px; background: url('images/campaign-builder_what_categories.gif') left -300px no-repeat; text-indent: -1920px; } #step_what .category_chooser_search_wrapper { width: 230px; padding: 30px 0 30px 30px; float: left; } #step_what .category_chooser_search { width: 150px; display: block; border: 2px solid #CCC; font-size: 16px; padding: 6px 9px; color: #6c6c6c; float: left; } #step_what .category_chooser_search_wrapper .gosearch { display: block; width: 33px; height: 36px; border: none; background: url('images/campaign-builder_go_button.gif') left top no-repeat; float: left; margin-left: 3px; } #step_what li.active .radio-list ul li label { background-image: url('images/campaign-builder_what_categories_box_selected.gif'); } #step_what li.active .radio-list ul li label:hover, #step_what li.active .radio-list ul li.active label { background-image: url('images/campaign-builder_what_categories_cat_selected.gif'); } #step_what .radio-list ul li#id_category_id-0 label { background-position: left top; } #step_what .radio-list ul li#id_category_id-1 label { background-position: -132px top; } #step_what .radio-list ul li#id_category_id-2 label { background-position: -264px top; } #step_what .radio-list ul li#id_category_id-3 label { background-position: -396px top; } #step_what .radio-list ul li#id_category_id-4 label { background-position: left -100px; } #step_what .radio-list ul li#id_category_id-5 label { background-position: -132px -100px; } #step_what .radio-list ul li#id_category_id-6 label { background-position: -264px -100px; } #step_what .radio-list ul li#id_category_id-7 label { background-position: -396px -100px; } #step_what .radio-list ul li#id_category_id-8 label { background-position: left -200px; } #step_what .radio-list ul li#id_category_id-9 label { background-position: -132px -200px; } #step_what .radio-list ul li#id_category_id-10 label { background-position: -264px -200px; } #step_what .radio-list ul li#id_category_id-11 label { background-position: -396px -200px; } #step_what .radio-list ul li#id_category_id-12 label { background-position: left -300px; } #step_what .radio-list ul li#id_category_id-13 label { background-position: -132px -300px; } #step_which .items-filter { margin: 0; background-position: center top; } #step_which .pagination { margin: 0 0 -1px 0; background-position: center top; border-top: 7px solid #EBEBE2; } #step_which .pagination .first, #step_which .pagination .last { display: none; } #step_which #actA, #step_which #actB { min-height: inherit; } #step_which .page-now, #step_which .page-jump { display: none; } #step_why .items_ul li { margin-bottom: 3px; } #step_why .items_ul li a.actions { display: block; background: #e5f9d0 url('images/campaign-builder_icon_slider_down.gif') 97% center no-repeat; color: #3e8c3d; font-size: 14px; padding: 5px 30px 5px 10px; font-weight: normal; } #step_why .items_ul li.active a.actions { background-image: url('images/campaign-builder_icon_slider.gif'); } #step_why .items_ul li > ul { padding: 10px; } #step_why .items_ul li > ul li > ul { padding-left: 10px; } #step_why .items_ul li ul li { padding: 1px 0 1px 0; background: none; } #step_why .items_ul li ul li ul { padding-bottom: 10px; } #step_why .items_ul li ul li li { padding: 10px 0 0 15px; background: url('icons/tick_small.png') left 12px no-repeat; } #step_why .items_ul li ul li a { color: #666; } #step_why .items_ul li ul li a.get_resource.icons.add { display: block; width: 16px; height: 16px; background: url('icons/report__plus.png') left top no-repeat; float: left; margin-right: 5px; }