diff --git a/admin/survey/SurveyAdmin.php b/admin/survey/SurveyAdmin.php index fe60b4e04..11f68dea5 100644 --- a/admin/survey/SurveyAdmin.php +++ b/admin/survey/SurveyAdmin.php @@ -3456,7 +3456,7 @@ class SurveyAdmin $newSurvey = new NewSurvey(); if (isset($_GET['b']) && $_GET['b'] == 'new_survey'){ - echo '
'; + echo ''; } @@ -3470,7 +3470,7 @@ class SurveyAdmin // Izpis okna za ustvarjanje ankete (enako kot ce nimamo nobene ankete) if ($_GET['a'] == 'ustvari_anketo') { - echo '
'; + echo ''; @@ -3484,7 +3484,7 @@ class SurveyAdmin echo '
'; } else { - echo '
'; + echo ''; diff --git a/admin/survey/SurveyAdminAjax.php b/admin/survey/SurveyAdminAjax.php index f7c146726..99b501d6e 100644 --- a/admin/survey/SurveyAdminAjax.php +++ b/admin/survey/SurveyAdminAjax.php @@ -4992,7 +4992,7 @@ class SurveyAdminAjax { $naslov = trim($_POST['naslov']); - echo '
'; + echo ''; diff --git a/admin/survey/classes/class.NewSurvey.php b/admin/survey/classes/class.NewSurvey.php index 86effbbf7..7dbf80d3b 100644 --- a/admin/survey/classes/class.NewSurvey.php +++ b/admin/survey/classes/class.NewSurvey.php @@ -31,12 +31,12 @@ class NewSurvey{ global $site_path; // Leva stran - meni - echo '
'; + echo '
'; $this->displayLeftMenu(); echo '
'; // Desna stran - vsebina - echo '
'; + echo '
'; $this->displayRightContent(); echo '
'; } diff --git a/public/css/admin_new.css b/public/css/admin_new.css index 65a4fe3a7..1069fc439 100644 --- a/public/css/admin_new.css +++ b/public/css/admin_new.css @@ -13878,7 +13878,7 @@ div#main.hide_header { flex-direction: row; } -#new_anketa_div #left_menu { +#new_anketa_div .layout_left_item { width: 308px; height: 100% !important; padding: 4px; @@ -13890,7 +13890,7 @@ div#main.hide_header { top: 0; left: 0; } -#new_anketa_div #left_menu .item { +#new_anketa_div .layout_left_item .item { display: flex; align-items: center; margin-bottom: 4px; @@ -13898,32 +13898,32 @@ div#main.hide_header { color: #333333; background-color: #F8F8F8; } -#new_anketa_div #left_menu .item:hover { +#new_anketa_div .layout_left_item .item:hover { background-color: #ebebeb; } -#new_anketa_div #left_menu .item.active { +#new_anketa_div .layout_left_item .item.active { background-color: #1E88E5; color: #FFFFFF; } -#new_anketa_div #left_menu .item.active:hover { +#new_anketa_div .layout_left_item .item.active:hover { background-color: #187bd1; } -#new_anketa_div #left_menu ul { +#new_anketa_div .layout_left_item ul { list-style-type: none; padding-left: 30px; margin: 25px 0 15px 0; } -#new_anketa_div #left_menu ul li { +#new_anketa_div .layout_left_item ul li { padding: 0 0 10px 0; } -#new_anketa_div #left_menu ul li a { +#new_anketa_div .layout_left_item ul li a { font-size: 14px; color: #777777; } -#new_anketa_div #left_menu ul li a:hover { +#new_anketa_div .layout_left_item ul li a:hover { color: #1E88E5; } -#new_anketa_div #left_menu ul li .active { +#new_anketa_div .layout_left_item ul li .active { color: #1E88E5; } @@ -13939,55 +13939,51 @@ and open the template in the editor. #new_anketa_div div.button_holder { margin-top: 62px; } -#new_anketa_div #right_content { - width: calc(100% - 308px); - margin-left: 100px; -} -#new_anketa_div #right_content .fieldset .pre-title { +#new_anketa_div .layout_right_item .fieldset .pre-title { color: #1E88E5; font-weight: 600; } -#new_anketa_div #right_content .fieldset .title { +#new_anketa_div .layout_right_item .fieldset .title { margin-bottom: 32px; font-size: 26px; } -#new_anketa_div #right_content .fieldset p.bottom32 { +#new_anketa_div .layout_right_item .fieldset p.bottom32 { margin-bottom: 32px; } -#new_anketa_div #right_content .fieldset p.top32 { +#new_anketa_div .layout_right_item .fieldset p.top32 { margin-top: 32px; } -#new_anketa_div #right_content .fieldset .setting_horizontal_wrapper { +#new_anketa_div .layout_right_item .fieldset .setting_horizontal_wrapper { display: flex; flex-direction: row; margin-bottom: 32px; } -#new_anketa_div #right_content .fieldset .setting_holder { +#new_anketa_div .layout_right_item .fieldset .setting_holder { display: flex; flex-direction: column; margin-right: 36px; } -#new_anketa_div #right_content .fieldset .setting_holder input[type=text] { +#new_anketa_div .layout_right_item .fieldset .setting_holder input[type=text] { width: 332px; } -#new_anketa_div #right_content .fieldset .setting_holder select.dropdown { +#new_anketa_div .layout_right_item .fieldset .setting_holder select.dropdown { width: 332px; } -#new_anketa_div #right_content .fieldset .setting_holder span.charalimit { +#new_anketa_div .layout_right_item .fieldset .setting_holder span.charalimit { font-size: 12px; line-height: 15px; width: 332px; color: #777777; text-align: right; } -#new_anketa_div #right_content .fieldset .setting .radioSetting_type.active { +#new_anketa_div .layout_right_item .fieldset .setting .radioSetting_type.active { color: #777777; } -#new_anketa_div #right_content .fieldset .setting input { +#new_anketa_div .layout_right_item .fieldset .setting input { padding: 0; margin: 0; } -#new_anketa_div #right_content .fieldset .setting select { +#new_anketa_div .layout_right_item .fieldset .setting select { padding: 2px 5px; margin: 0; width: 302px; @@ -13995,101 +13991,101 @@ and open the template in the editor. border: 1px solid #1E88E5 !important; border-radius: 1px; } -#new_anketa_div #right_content .fieldset .setting input[type=file] { +#new_anketa_div .layout_right_item .fieldset .setting input[type=file] { height: 24px; width: 240px; font-size: 10px; } -#new_anketa_div #right_content .fieldset .setting input[type=text] { +#new_anketa_div .layout_right_item .fieldset .setting input[type=text] { padding: 10px 12px; width: 310px; font-size: 15px; border: 1px solid #1E88E5 !important; border-radius: 1px; } -#new_anketa_div #right_content .fieldset .setting #novaanketa_akronim_1_chars { +#new_anketa_div .layout_right_item .fieldset .setting #novaanketa_akronim_1_chars { float: right; padding-right: 15px; font-weight: 400; font-size: 11px; } -#new_anketa_div #right_content .fieldset .setting #novaanketa_naslov_1_chars { +#new_anketa_div .layout_right_item .fieldset .setting #novaanketa_naslov_1_chars { float: right; padding-right: 7px; font-weight: 400; font-size: 11px; } -#new_anketa_div #right_content .fieldset .setting input[type=radio] { +#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] { margin: 0 8px 4px 0; display: none !important; } -#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-checkbox-radio { +#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] + span.enka-checkbox-radio { font-size: 16px; font-weight: 400; } -#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before { +#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before { font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f111"; letter-spacing: 10px; } -#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-custom-radio:before { +#new_anketa_div .layout_right_item .fieldset .setting input[type=radio] + span.enka-custom-radio:before { font-family: "Font Awesome 5 Free"; display: inline-block; } -#new_anketa_div #right_content .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before { +#new_anketa_div .layout_right_item .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before { content: "\f192"; } -#new_anketa_div #right_content .fieldset .setting input[type=checkbox] { +#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox] { display: none !important; } -#new_anketa_div #right_content .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio { +#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio { font-size: 16px; font-weight: 400; color: #1E88E5; } -#new_anketa_div #right_content .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before { +#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before { font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f0c8"; letter-spacing: 10px; } -#new_anketa_div #right_content .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before { +#new_anketa_div .layout_right_item .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before { content: "\f14a"; letter-spacing: 8px; } -#new_anketa_div #right_content .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before { +#new_anketa_div .layout_right_item .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before { color: #1E88E5; } -#new_anketa_div #right_content .fieldset .setting .visual-radio-scale.checked .enka-vizualna-skala::before { +#new_anketa_div .layout_right_item .fieldset .setting .visual-radio-scale.checked .enka-vizualna-skala::before { color: #1E88E5; } -#new_anketa_div #right_content .fieldset .survey_title_text_holder { +#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder { display: flex; flex-direction: row; justify-content: flex-start; } -#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text { +#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text { width: 350px; margin-right: 20px; } -#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text span { +#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text span { line-height: 28px; } -#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text select { +#new_anketa_div .layout_right_item .fieldset .survey_title_text_holder .setting.survey_title_text select { height: 40px; width: 330px; font-size: 15px !important; } -#new_anketa_div #right_content .fieldset .survey_type_holder { +#new_anketa_div .layout_right_item .fieldset .survey_type_holder { display: flex; flex-direction: row; justify-content: flex-start; } -#new_anketa_div #right_content .fieldset .survey_type_holder label { +#new_anketa_div .layout_right_item .fieldset .survey_type_holder label { margin: 0; } -#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type { +#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type { cursor: pointer; width: 332px; max-height: 68px; @@ -14102,23 +14098,23 @@ and open the template in the editor. -moz-border-radius: 2px; -webkit-border-radius: 2px; } -#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type:hover { +#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type:hover { background-color: #f3f3f3; } -#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type span.faicon { +#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type span.faicon { margin-right: 20px; } -#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type.active { +#new_anketa_div .layout_right_item .fieldset .survey_type_holder .setting.survey_type.active { border-color: #1E88E5; background-color: #1E88E5; color: #FFFFFF; } -#new_anketa_div #right_content .fieldset.noSurvey_skin { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin { overflow: hidden; height: 270px; display: none; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #skins_holder { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skins_holder { overflow: hidden; position: absolute; height: 220px; @@ -14126,10 +14122,10 @@ and open the template in the editor. left: 120px; margin-top: 10px; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #skins_holder #noSurvey_skins { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skins_holder #noSurvey_skins { width: 3450px; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin { cursor: pointer; float: left; margin: 0 10px; @@ -14142,44 +14138,44 @@ and open the template in the editor. -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ } -#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin:hover { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin:hover { color: #777777; background-color: #187bd1; border: none; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin .preview { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin .preview { width: 200px; height: 150px; margin-bottom: 4px; border: none; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin.selected { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin.selected { color: #777777; background-color: #FF0000; border: none; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin.selected .preview { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #noSurvey_skins .skin.selected .preview { border: none; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #skin_arrow_left { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skin_arrow_left { float: left; width: 30px; height: 40px; margin-top: 80px; margin-left: 20px; } -#new_anketa_div #right_content .fieldset.noSurvey_skin #skin_arrow_right { +#new_anketa_div .layout_right_item .fieldset.noSurvey_skin #skin_arrow_right { float: right; width: 30px; height: 40px; margin-top: 80px; } -#new_anketa_div #right_content .noSurvey_buttons { +#new_anketa_div .layout_right_item .noSurvey_buttons { width: auto; margin: 20px auto; text-align: center; } -#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_create { +#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_create { display: inline-block; padding: 12px 0px; margin: 8px 15px; @@ -14193,10 +14189,10 @@ and open the template in the editor. color: white; background-color: #1E88E5; } -#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_create:hover { +#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_create:hover { background-color: #FF0000; } -#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_cancel { +#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_cancel { display: inline-block; padding: 11px 0px; margin: 8px 15px; @@ -14211,23 +14207,23 @@ and open the template in the editor. background-color: #ffffff; border: 1px #1E88E5 solid; } -#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_cancel:hover { +#new_anketa_div .layout_right_item .noSurvey_buttons a #noSurvey_cancel:hover { background-color: #1E88E5; color: white !important; } -#new_anketa_div #right_content .noSurvey_template { +#new_anketa_div .layout_right_item .noSurvey_template { overflow: auto; } -#new_anketa_div #right_content .noSurvey_template .template { +#new_anketa_div .layout_right_item .noSurvey_template .template { cursor: pointer; float: left; margin: 0 30px 30px 20px; width: 200px; } -#new_anketa_div #right_content .noSurvey_template .template:hover { +#new_anketa_div .layout_right_item .noSurvey_template .template:hover { color: #777777; } -#new_anketa_div #right_content .noSurvey_template .template .template_content { +#new_anketa_div .layout_right_item .noSurvey_template .template .template_content { overflow: hidden; width: 200px; height: 189px; @@ -14239,11 +14235,11 @@ and open the template in the editor. -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ } -#new_anketa_div #right_content .noSurvey_template .template .template_content:hover { +#new_anketa_div .layout_right_item .noSurvey_template .template .template_content:hover { background-color: #187bd1; border: none; } -#new_anketa_div #right_content .noSurvey_template .template .template_content .template_content_white { +#new_anketa_div .layout_right_item .noSurvey_template .template .template_content .template_content_white { width: 190px; height: 120px; padding: 15px 5px; @@ -14252,43 +14248,43 @@ and open the template in the editor. font-weight: 400; background-color: white; } -#new_anketa_div #right_content .noSurvey_template .template .template_content .template_title { +#new_anketa_div .layout_right_item .noSurvey_template .template .template_content .template_title { font-size: 13px; text-transform: uppercase; } -#new_anketa_div #right_content .noSurvey_template .template .template_preview { +#new_anketa_div .layout_right_item .noSurvey_template .template .template_preview { margin-right: -15px; float: right; padding: 5px 0 5px 5px; font-size: 12px; font-weight: 400; } -#new_anketa_div #right_content .noSurvey_template .template.selected { +#new_anketa_div .layout_right_item .noSurvey_template .template.selected { color: #777777; } -#new_anketa_div #right_content .noSurvey_template .template.selected .template_content { +#new_anketa_div .layout_right_item .noSurvey_template .template.selected .template_content { background-color: #FF0000; border: none; } -#new_anketa_div #right_content .noSurvey_template select.template_type_menu { +#new_anketa_div .layout_right_item .noSurvey_template select.template_type_menu { display: none; } -#new_anketa_div #right_content .anketa_from_text { +#new_anketa_div .layout_right_item .anketa_from_text { height: auto; overflow: auto; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder { display: flex; flex-direction: row; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder { box-sizing: border-box; flex-shrink: 0; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field { margin-right: 32px; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea { width: 469px; height: 509px; box-sizing: border-box; @@ -14296,17 +14292,17 @@ and open the template in the editor. margin-top: 0; padding: 16px; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-webkit-input-placeholder { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-webkit-input-placeholder { color: transparent; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-moz-placeholder { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea:focus::-moz-placeholder { color: transparent; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder { box-sizing: border-box; flex-shrink: 0; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field { width: 469px; height: 509px; box-sizing: border-box; @@ -14315,13 +14311,13 @@ and open the template in the editor. border: 1px #E5E5E5 solid; border-radius: 2px; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title { margin-top: 16px; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title:first-of-type { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title:first-of-type { margin-top: 0px; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text] { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text] { border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 2px; @@ -14329,19 +14325,19 @@ and open the template in the editor. margin-top: 4px; font-family: Source Sans Pro, sans-serif; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text].large { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable_title input[type=text].large { height: 40px; font-size: 16px; padding: 9px 7px; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable { color: #333333 !important; margin-top: 8px; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] { display: none !important; } -#new_anketa_div #right_content .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before { +#new_anketa_div .layout_right_item .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before { font-family: "Font Awesome 5 Free"; content: "\f111"; display: inline-block; diff --git a/resources/sass/admin_new/pages/new_survey_page/left_menu.scss b/resources/sass/admin_new/pages/new_survey_page/left_menu.scss index 049534e9a..83014b314 100644 --- a/resources/sass/admin_new/pages/new_survey_page/left_menu.scss +++ b/resources/sass/admin_new/pages/new_survey_page/left_menu.scss @@ -1,6 +1,6 @@ #new_anketa_div { - #left_menu { + .layout_left_item { width: 308px; height: 100% !important; padding: 4px; diff --git a/resources/sass/admin_new/pages/new_survey_page/right_content.scss b/resources/sass/admin_new/pages/new_survey_page/right_content.scss index be4311e4c..db4878ddb 100644 --- a/resources/sass/admin_new/pages/new_survey_page/right_content.scss +++ b/resources/sass/admin_new/pages/new_survey_page/right_content.scss @@ -22,9 +22,7 @@ $skin_selector: $red; div.button_holder{ margin-top: 62px; } - #right_content { - width: calc(100% - 308px); - margin-left: 100px; + .layout_right_item{ .fieldset {