/* bgImage */ .bgImage(@image) when (isString(@image)) { background-image: url(@image); } /* generate row padding*/ .generateRowPadding(@paddingTop,@paddingBottom) { padding-top: @paddingTop; padding-bottom: @paddingBottom; } /* generate text align */ .align(@align) { text-align: @align; } /* generate row background */ .generateRowBackground ( @bgColor1_default, @bgColor2_default, @bgColor1, @bgColor2, @bgImage_default, @bgColor3_default, @bgPosition_default, @bgRepeat_default, @bgSize_default, @bgFixed_default, @bgImage, @bgColor3, @bgPosition, @bgRepeat, @bgSize, @bgFixed, @bgTexture_default, @bgTexture ) when (isColor(@bgColor1)), (isString(@bgImage)), (isString(@bgTexture)) { .generateRowBackground2( @bgColor1, @bgColor2, @bgImage, @bgColor3, @bgPosition, @bgRepeat, @bgSize, @bgFixed, @bgTexture ); } .generateRowBackground ( @bgColor1_default, @bgColor2_default, @bgColor1, @bgColor2, @bgImage_default, @bgColor3_default, @bgPosition_default, @bgRepeat_default, @bgSize_default, @bgFixed_default, @bgImage, @bgColor3, @bgPosition, @bgRepeat, @bgSize, @bgFixed, @bgTexture_default, @bgTexture ) when not (isColor(@bgColor1)) and not (isString(@bgImage)) and not (isString(@bgTexture)) { .generateRowBackground2( @bgColor1_default, @bgColor2_default, @bgImage_default, @bgColor3_default, @bgPosition_default, @bgRepeat_default, @bgSize_default, @bgFixed_default, @bgTexture_default ); } .generateRowBackground2 ( @bgColor1, @bgColor2, @bgImage, @bgColor3, @bgPosition, @bgRepeat, @bgSize, @bgFixed, @bgTexture ) when (isColor(@bgColor1)) and not (isColor(@bgColor2)) and not (isString(@bgImage)) and not (isString(@bgTexture)) { background: @bgColor1; } .generateRowBackground2 ( @bgColor1, @bgColor2, @bgImage, @bgColor3, @bgPosition, @bgRepeat, @bgSize, @bgFixed, @bgTexture ) when (isColor(@bgColor1)) and (isColor(@bgColor2)) and not (isString(@bgImage)) and not (isString(@bgTexture)) { .gradient(@bgColor1, @bgColor1, @bgColor2); } .generateRowBackground2 ( @bgColor1, @bgColor2, @bgImage, @bgColor3, @bgPosition, @bgRepeat, @bgSize, @bgFixed, @bgTexture ) when (isString(@bgImage)) and not (isString(@bgTexture)) { background-image: url(@bgImage); background-color: @bgColor3; background-position: @bgPosition; background-repeat: @bgRepeat; background-size: @bgSize; background-attachment: @bgFixed; } .generateRowBackground2 ( @bgColor1, @bgColor2, @bgImage, @bgColor3, @bgPosition, @bgRepeat, @bgSize, @bgFixed, @bgTexture ) when (isString(@bgTexture)) { background-image: url(@bgTexture); background-color: @bgColor3; background-position: center top; background-repeat: repeat; } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) when not (@start = @stop) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); background: -ms-linear-gradient(bottom, @start, @stop); background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%); background: -o-linear-gradient(@stop, @start); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start)); } .gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) when (@start = @stop) { background: @start; } .bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(@start,@start,@start)), color-stop(1, rgb(@stop,@stop,@stop))); background: -ms-linear-gradient(bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); background: -moz-linear-gradient(center bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); background: -o-linear-gradient(rgb(@stop,@stop,@stop), rgb(@start,@start,@start)); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start))); } .bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) { border-top: solid 1px @top-color; border-left: solid 1px @left-color; border-right: solid 1px @right-color; border-bottom: solid 1px @bottom-color; } .drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); } .rounded(@radius: 2px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { -webkit-border-top-right-radius: @topright; -webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-left-radius: @bottomleft; -webkit-border-top-left-radius: @topleft; -moz-border-radius-topright: @topright; -moz-border-radius-bottomright: @bottomright; -moz-border-radius-bottomleft: @bottomleft; -moz-border-radius-topleft: @topleft; border-top-right-radius: @topright; border-bottom-right-radius: @bottomright; border-bottom-left-radius: @bottomleft; border-top-left-radius: @topleft; .background-clip(padding-box); } .opacity(@opacity: 0.5) { -moz-opacity: @opacity; -khtml-opacity: @opacity; -webkit-opacity: @opacity; opacity: @opacity; @opperc: @opacity * 100; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})"; filter: ~"alpha(opacity=@{opperc})"; } .transition-duration(@duration: 0.2s) { -moz-transition-duration: @duration; -webkit-transition-duration: @duration; -o-transition-duration: @duration; transition-duration: @duration; } .transform(...) { -webkit-transform: @arguments; -moz-transform: @arguments; -o-transform: @arguments; -ms-transform: @arguments; transform: @arguments; } .rotation(@deg:5deg){ .transform(rotate(@deg)); } .scale(@ratio:1.5){ .transform(scale(@ratio)); } .transition(@duration:0.2s, @ease:ease-out) { -webkit-transition: all @duration @ease; -moz-transition: all @duration @ease; -o-transition: all @duration @ease; transition: all @duration @ease; } .inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) { -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); } .box-shadow(@arguments) { -webkit-box-shadow: @arguments; -moz-box-shadow: @arguments; box-shadow: @arguments; } .box-sizing(@sizing: border-box) { -ms-box-sizing: @sizing; -moz-box-sizing: @sizing; -webkit-box-sizing: @sizing; box-sizing: @sizing; } .user-select(@argument: none) { -webkit-user-select: @argument; -moz-user-select: @argument; -ms-user-select: @argument; user-select: @argument; } .columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) { -moz-column-width: @colwidth; -moz-column-count: @colcount; -moz-column-gap: @colgap; -moz-column-rule-color: @columnRuleColor; -moz-column-rule-style: @columnRuleStyle; -moz-column-rule-width: @columnRuleWidth; -webkit-column-width: @colwidth; -webkit-column-count: @colcount; -webkit-column-gap: @colgap; -webkit-column-rule-color: @columnRuleColor; -webkit-column-rule-style: @columnRuleStyle; -webkit-column-rule-width: @columnRuleWidth; column-width: @colwidth; column-count: @colcount; column-gap: @colgap; column-rule-color: @columnRuleColor; column-rule-style: @columnRuleStyle; column-rule-width: @columnRuleWidth; } .translate(@x:0, @y:0) { .transform(translate(@x, @y)); } .background-clip(@argument: padding-box) { -moz-background-clip: @argument; -webkit-background-clip: @argument; background-clip: @argument; } .cleaner { clear: both; height: 0px; overflow: hidden; font-size: 1px; } .cleaner.space { height: 15px; } body { padding: 0px; margin: 0px; } .loader { background: url('/images/common/preloader.gif') no-repeat center center white; width: 100%; height: 60px; } a img { border: 0px; } .e404message { margin-top: 50px; padding: 25px 25px; text-align: center; background: #cc2222; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; } /* default setting - pretazia sa v generovani */ @adminPanelWidth: 0px; @responsiveSpace: 0px; @pageWidth: 0px; @responsiveWidth: 0px; @responsiveWidth1: 0px; @responsiveWidth2: 0px; @responsiveWidth3: 0px; /* body settings */ @bodyBackgroundColor: #151515; @bodyBackgroundUrl: ; @bodyBackgroundPosition: center top; @bodyBackgroundRepeat: no-repeat; @bodyBackgroundSize: ; @bodyBackgroundFixed: ; @pageWrapWidth: @pageWidth + 2*@responsiveSpace; /* elements_header_wrap settings */ @elements_header_wrap_paddingTop: 15px; @elements_header_wrap_paddingBottom: 15px; @elements_header_wrap_bgColor1_default: #ffffff; @elements_header_wrap_bgColor2_default: ; @elements_header_wrap_bgColor1: ; @elements_header_wrap_bgColor2: ; @elements_header_wrap_bgImage_default: ; @elements_header_wrap_bgColor3_default: ; @elements_header_wrap_bgPosition_default: ; @elements_header_wrap_bgRepeat_default: ; @elements_header_wrap_bgSize_default: ; @elements_header_wrap_bgFixed_default: ; @elements_header_wrap_bgImage: ; @elements_header_wrap_bgColor3: ; @elements_header_wrap_bgPosition: ; @elements_header_wrap_bgRepeat: ; @elements_header_wrap_bgSize: ; @elements_header_wrap_bgFixed: ; @elements_header_wrap_bgTexture_default: ; @elements_header_wrap_bgTexture: ; /* elements_top_boxes_wrap settings */ @elements_top_boxes_wrap_paddingTop: 25px; @elements_top_boxes_wrap_paddingBottom: 25px; @elements_top_boxes_wrap_bgColor1_default: ; @elements_top_boxes_wrap_bgColor2_default:; @elements_top_boxes_wrap_bgColor1: ; @elements_top_boxes_wrap_bgColor2: ; @elements_top_boxes_wrap_bgImage_default: '/images/layouts/layoutDefault/topBoxesBg.jpg'; @elements_top_boxes_wrap_bgColor3_default: #42baed; @elements_top_boxes_wrap_bgPosition_default: center top; @elements_top_boxes_wrap_bgRepeat_default: no-repeat; @elements_top_boxes_wrap_bgSize_default: cover; @elements_top_boxes_wrap_bgFixed_default: ; @elements_top_boxes_wrap_bgImage: ; @elements_top_boxes_wrap_bgColor3: ; @elements_top_boxes_wrap_bgPosition: ; @elements_top_boxes_wrap_bgRepeat: ; @elements_top_boxes_wrap_bgSize: ; @elements_top_boxes_wrap_bgFixed: ; @elements_top_boxes_wrap_bgTexture_default: ; @elements_top_boxes_wrap_bgTexture: ; /* elements_content_boxes_wrap settings */ @elements_content_boxes_wrap_paddingTop: 15px; @elements_content_boxes_wrap_paddingBottom: 15px; @elements_content_boxes_wrap_bgColor1_default: white; @elements_content_boxes_wrap_bgColor2_default: ; @elements_content_boxes_wrap_bgColor1: ; @elements_content_boxes_wrap_bgColor2: ; @elements_content_boxes_wrap_bgImage_default: ; @elements_content_boxes_wrap_bgColor3_default: ; @elements_content_boxes_wrap_bgPosition_default: ; @elements_content_boxes_wrap_bgRepeat_default: ; @elements_content_boxes_wrap_bgSize_default: ; @elements_content_boxes_wrap_bgFixed_default: ; @elements_content_boxes_wrap_bgImage: ; @elements_content_boxes_wrap_bgColor3: ; @elements_content_boxes_wrap_bgPosition: ; @elements_content_boxes_wrap_bgRepeat: ; @elements_content_boxes_wrap_bgSize: ; @elements_content_boxes_wrap_bgFixed: ; @elements_content_boxes_wrap_bgTexture_default: ; @elements_content_boxes_wrap_bgTexture: ; /* elements_total_content_wrap settings */ @elements_total_content_wrap_paddingTop: 5px; @elements_total_content_wrap_paddingBottom: 35px; @elements_total_content_wrap_bgColor1_default: white; @elements_total_content_wrap_bgColor2_default: ; @elements_total_content_wrap_bgColor1: ; @elements_total_content_wrap_bgColor2: ; @elements_total_content_wrap_bgImage_default: ; @elements_total_content_wrap_bgColor3_default: ; @elements_total_content_wrap_bgPosition_default: ; @elements_total_content_wrap_bgRepeat_default: ; @elements_total_content_wrap_bgSize_default: ; @elements_total_content_wrap_bgFixed_default: ; @elements_total_content_wrap_bgImage: ; @elements_total_content_wrap_bgColor3: ; @elements_total_content_wrap_bgPosition: ; @elements_total_content_wrap_bgRepeat: ; @elements_total_content_wrap_bgSize: ; @elements_total_content_wrap_bgFixed: ; @elements_total_content_wrap_bgTexture_default: ; @elements_total_content_wrap_bgTexture: ; /* elements_bottom_boxes_wrap settings */ @elements_bottom_boxes_wrap_paddingTop: 25px; @elements_bottom_boxes_wrap_paddingBottom: 25px; @elements_bottom_boxes_wrap_bgColor1_default: ; @elements_bottom_boxes_wrap_bgColor2_default: ; @elements_bottom_boxes_wrap_bgColor1: ; @elements_bottom_boxes_wrap_bgColor2: ; @elements_bottom_boxes_wrap_bgImage_default: '/images/layouts/layoutDefault/topBoxesBg.jpg'; @elements_bottom_boxes_wrap_bgColor3_default: #42baed; @elements_bottom_boxes_wrap_bgPosition_default: center top; @elements_bottom_boxes_wrap_bgRepeat_default: no-repeat; @elements_bottom_boxes_wrap_bgSize_default: cover; @elements_bottom_boxes_wrap_bgFixed_default: ; @elements_bottom_boxes_wrap_bgImage: ; @elements_bottom_boxes_wrap_bgColor3: ; @elements_bottom_boxes_wrap_bgPosition: ; @elements_bottom_boxes_wrap_bgRepeat: ; @elements_bottom_boxes_wrap_bgSize: ; @elements_bottom_boxes_wrap_bgFixed: ; @elements_bottom_boxes_wrap_bgTexture_default: ; @elements_bottom_boxes_wrap_bgTexture: ; /* elements_total_footer_box_wrap settings */ @elements_footer_boxes_wrap_paddingTop: 25px; @elements_footer_boxes_wrap_paddingBottom: 25px; @elements_footer_boxes_wrap_bgColor1_default: #202020; @elements_footer_boxes_wrap_bgColor2_default: ; @elements_footer_boxes_wrap_bgColor1: ; @elements_footer_boxes_wrap_bgColor2: ; @elements_footer_boxes_wrap_bgImage_default: ; @elements_footer_boxes_wrap_bgColor3_default: ; @elements_footer_boxes_wrap_bgPosition_default: ; @elements_footer_boxes_wrap_bgRepeat_default: ; @elements_footer_boxes_wrap_bgSize_default: ; @elements_footer_boxes_wrap_bgFixed_default: ; @elements_footer_boxes_wrap_bgImage: ; @elements_footer_boxes_wrap_bgColor3: ; @elements_footer_boxes_wrap_bgPosition: ; @elements_footer_boxes_wrap_bgRepeat: ; @elements_footer_boxes_wrap_bgSize: ; @elements_footer_boxes_wrap_bgFixed: ; @elements_footer_boxes_wrap_bgTexture_default: ; @elements_footer_boxes_wrap_bgTexture: ; /* elements_footer_bottom_wrap settings */ @elements_footer_bottom_wrap_paddingTop: 15px; @elements_footer_bottom_wrap_paddingBottom: 15px; @elements_footer_bottom_wrap_bgColor1_default: ; @elements_footer_bottom_wrap_bgColor2_default: ; @elements_footer_bottom_wrap_bgColor1: ; @elements_footer_bottom_wrap_bgColor2: ; @elements_footer_bottom_wrap_bgImage_default: ; @elements_footer_bottom_wrap_bgColor3_default: ; @elements_footer_bottom_wrap_bgPosition_default: ; @elements_footer_bottom_wrap_bgRepeat_default: ; @elements_footer_bottom_wrap_bgSize_default: ; @elements_footer_bottom_wrap_bgFixed_default: ; @elements_footer_bottom_wrap_bgImage: ; @elements_footer_bottom_wrap_bgColor3: ; @elements_footer_bottom_wrap_bgPosition: ; @elements_footer_bottom_wrap_bgRepeat: ; @elements_footer_bottom_wrap_bgSize: ; @elements_footer_bottom_wrap_bgFixed: ; @elements_footer_bottom_wrap_bgTexture_default: ; @elements_footer_bottom_wrap_bgTexture: ; /* editor */ @editor_fontSize: 15px; @editor_fontFamily: Open Sans, Arial, Helvetica; @editor_fontColor: #5f5f5e; @editor_anchorColor: #1fbade; @editor_h1_fontSize: 32px; @editor_h1_fontFamily: Open Sans, Arial, Helvetica; @editor_h1_fontColor: #1fbade; @editor_h2_fontSize: 26px; @editor_h2_fontFamily: Open Sans, Arial, Helvetica; @editor_h2_fontColor: #1fbade; @editor_h3_fontSize: 22px; @editor_h3_fontFamily: Open Sans, Arial, Helvetica; @editor_h3_fontColor: #1fbade; @editor_h4_fontSize: 20px; @editor_h4_fontFamily: Open Sans, Arial, Helvetica; @editor_h4_fontColor: #1fbade; @editor_h5_fontSize: 18px; @editor_h5_fontFamily: Open Sans, Arial, Helvetica; @editor_h5_fontColor: #1fbade; @editor_h6_fontSize: 16px; @editor_h6_fontFamily: Open Sans, Arial, Helvetica; @editor_h6_fontColor: #1fbade; @editor_ul: 'ulStyle1'; @editor_hr_color: #adabab; @editor_hr_size: 1px; /* buttons */ @buttons_fontSize: 16px; @buttons_fontFamily: Open Sans, Arial, Helvetica; @buttons_fontColor: #fff; @buttons_bgColor1: #e53977; @buttons_bgColor2: #293862; @buttons_borderRadius: 0px; @buttons_hoverBgColor1: #cd326a; @buttons_hoverBgColor2: #293862; @buttons_textTransform: none; @buttons_fontWeight: bold; @buttons_style: 'border'; /* menu */ @menu_fontSize: 14px; @menu_fontFamily: Open Sans, Arial, Helvetica; @menu_fontColor: #5f5f5e; @menu_bgColor1: transparent; @menu_bgColor2: transparent; @menu_hover_bgColor1: #1fbade; @menu_hover_bgColor2: #1fbade; @menu_hover_fontColor: #ffffff; @menu_textTransform_1: uppercase; @menu_textTransform_2: none; @menu_bold_1: bold; @menu_bold_2: normal; @menu_borderSize: 3px; @menu_padding: 0px; /* zberac default */ @zberac_def_editor_fontColor: #ffffff; @zberac_def_editor_anchorColor: #ffffff; @zberac_def_editor_h1_fontColor: #ffffff; @zberac_def_editor_h2_fontColor: #ffffff; @zberac_def_editor_h3_fontColor: #ffffff; @zberac_def_editor_h4_fontColor: #ffffff; @zberac_def_editor_h5_fontColor: #ffffff; @zberac_def_editor_h6_fontColor: #ffffff; /* zberac sidebar */ @zberac_buttons_fontColor: #fff; @zberac_buttons_bgColor1: #1fbade; @zberac_buttons_bgColor2: #83112e; @zberac_buttons_hoverBgColor1: #1caed0; @zberac_buttons_hoverBgColor2: #83112e; @zberac_bgColor: #e53977; @zberac_editor_fontColor: #ffffff; @zberac_editor_anchorColor: #ffffff; @zberac_editor_h1_fontColor: #ffffff; @zberac_editor_h2_fontColor: #ffffff; @zberac_editor_h3_fontColor: #ffffff; @zberac_editor_h4_fontColor: #ffffff; @zberac_editor_h5_fontColor: #ffffff; @zberac_editor_h6_fontColor: #ffffff; @zberac_borderRadius: ; @zberac_bgImage: ; /* kontakt form */ @cform_nadpis_fontSize: 24px; @cform_nadpis_fontFamily: Open Sans; @cform_nadpis_fontColor: #ffffff; @cform_nadpis_bgColor: #1fbade; @cform_label_fontSize: 14px; @cform_label_fontFamily: Open Sans; @cform_label_fontColor: #787878; @cform_label_starColor: #cc2222; @cform_form_bgColor: #ffffff; @cform_form_borderColor: #1fbade; @cform_form_borderSize: 1px; @cform_form_borderRadius: 0px; @cform_input_bgColor: #f1f1f1; @cform_input_textColor: #333333; @cform_responsiveWidth: 700px+@adminPanelWidth; /* referencie */ @reference_fontSize: 13px; @reference_fontFamily: Open Sans, Arial, Helvetica; @reference_fontColor: #5f5f5e; /* submenu */ @E_submenu_fontSize: 13px; @E_submenu_fontFamily: Open Sans, Arial, Helvetica; @E_submenu_fontColor: #333333; @E_submenu_bgColor: #f5f5f5; @E_submenu_borderRadius: 2px; @E_submenu_bgColor_hover: #f0f0f0; @E_submenu_fontColor_hover: #555555; @E_submenu_bgColor_active: #3fbbe9; @E_submenu_fontColor_active: #ffffff; @E_submenu_align: left; @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext); @adminPanelWidth: 0px; @responsiveSpace: 50px; @pageWidth: 997px; @responsiveWidth: 1097px; @responsiveWidth1: 999px; @responsiveWidth2: 740px; @responsiveWidth3: 320px; body { background-color: @bodyBackgroundColor; .bgImage(@bodyBackgroundUrl); background-repeat: @bodyBackgroundRepeat; background-position: @bodyBackgroundPosition; background-size: @bodyBackgroundSize; background-attachment: @bodyBackgroundFixed; } .pageContainerElement { width: @pageWidth; margin: 0 auto; } .pageContainerElementWrap { min-width: @pageWidth; } #pageWrap { max-width: @pageWrapWidth; margin: 0 auto; } #elements_header_wrap { .generateRowBackground ( @elements_header_wrap_bgColor1_default, @elements_header_wrap_bgColor2_default, @elements_header_wrap_bgColor1, @elements_header_wrap_bgColor2, @elements_header_wrap_bgImage_default, @elements_header_wrap_bgColor3_default, @elements_header_wrap_bgPosition_default, @elements_header_wrap_bgRepeat_default, @elements_header_wrap_bgSize_default, @elements_header_wrap_bgFixed_default, @elements_header_wrap_bgImage, @elements_header_wrap_bgColor3, @elements_header_wrap_bgPosition, @elements_header_wrap_bgRepeat, @elements_header_wrap_bgSize, @elements_header_wrap_bgFixed, @elements_header_wrap_bgTexture_default, @elements_header_wrap_bgTexture ); .generateRowPadding( @elements_header_wrap_paddingTop, @elements_header_wrap_paddingBottom ); } #elements_top_boxes_wrap { .generateRowBackground ( @elements_top_boxes_wrap_bgColor1_default, @elements_top_boxes_wrap_bgColor2_default, @elements_top_boxes_wrap_bgColor1, @elements_top_boxes_wrap_bgColor2, @elements_top_boxes_wrap_bgImage_default, @elements_top_boxes_wrap_bgColor3_default, @elements_top_boxes_wrap_bgPosition_default, @elements_top_boxes_wrap_bgRepeat_default, @elements_top_boxes_wrap_bgSize_default, @elements_top_boxes_wrap_bgFixed_default, @elements_top_boxes_wrap_bgImage, @elements_top_boxes_wrap_bgColor3, @elements_top_boxes_wrap_bgPosition, @elements_top_boxes_wrap_bgRepeat, @elements_top_boxes_wrap_bgSize, @elements_top_boxes_wrap_bgFixed, @elements_top_boxes_wrap_bgTexture_default, @elements_top_boxes_wrap_bgTexture ); .generateRowPadding( @elements_top_boxes_wrap_paddingTop, @elements_top_boxes_wrap_paddingBottom ); } #elements_content_boxes_wrap { .generateRowBackground ( @elements_content_boxes_wrap_bgColor1_default, @elements_content_boxes_wrap_bgColor2_default, @elements_content_boxes_wrap_bgColor1, @elements_content_boxes_wrap_bgColor2, @elements_content_boxes_wrap_bgImage_default, @elements_content_boxes_wrap_bgColor3_default, @elements_content_boxes_wrap_bgPosition_default, @elements_content_boxes_wrap_bgRepeat_default, @elements_content_boxes_wrap_bgSize_default, @elements_content_boxes_wrap_bgFixed_default, @elements_content_boxes_wrap_bgImage, @elements_content_boxes_wrap_bgColor3, @elements_content_boxes_wrap_bgPosition, @elements_content_boxes_wrap_bgRepeat, @elements_content_boxes_wrap_bgSize, @elements_content_boxes_wrap_bgFixed, @elements_content_boxes_wrap_bgTexture_default, @elements_content_boxes_wrap_bgTexture ); .generateRowPadding( @elements_content_boxes_wrap_paddingTop, @elements_content_boxes_wrap_paddingBottom ); } #elements_total_content_wrap { .generateRowBackground ( @elements_total_content_wrap_bgColor1_default, @elements_total_content_wrap_bgColor2_default, @elements_total_content_wrap_bgColor1, @elements_total_content_wrap_bgColor2, @elements_total_content_wrap_bgImage_default, @elements_total_content_wrap_bgColor3_default, @elements_total_content_wrap_bgPosition_default, @elements_total_content_wrap_bgRepeat_default, @elements_total_content_wrap_bgSize_default, @elements_total_content_wrap_bgFixed_default, @elements_total_content_wrap_bgImage, @elements_total_content_wrap_bgColor3, @elements_total_content_wrap_bgPosition, @elements_total_content_wrap_bgRepeat, @elements_total_content_wrap_bgSize, @elements_total_content_wrap_bgFixed, @elements_total_content_wrap_bgTexture_default, @elements_total_content_wrap_bgTexture ); .generateRowPadding( @elements_total_content_wrap_paddingTop, @elements_total_content_wrap_paddingBottom ); } #elements_bottom_boxes_wrap { .generateRowBackground ( @elements_bottom_boxes_wrap_bgColor1_default, @elements_bottom_boxes_wrap_bgColor2_default, @elements_bottom_boxes_wrap_bgColor1, @elements_bottom_boxes_wrap_bgColor2, @elements_bottom_boxes_wrap_bgImage_default, @elements_bottom_boxes_wrap_bgColor3_default, @elements_bottom_boxes_wrap_bgPosition_default, @elements_bottom_boxes_wrap_bgRepeat_default, @elements_bottom_boxes_wrap_bgSize_default, @elements_bottom_boxes_wrap_bgFixed_default, @elements_bottom_boxes_wrap_bgImage, @elements_bottom_boxes_wrap_bgColor3, @elements_bottom_boxes_wrap_bgPosition, @elements_bottom_boxes_wrap_bgRepeat, @elements_bottom_boxes_wrap_bgSize, @elements_bottom_boxes_wrap_bgFixed, @elements_bottom_boxes_wrap_bgTexture_default, @elements_bottom_boxes_wrap_bgTexture ); .generateRowPadding( @elements_bottom_boxes_wrap_paddingTop, @elements_bottom_boxes_wrap_paddingBottom ); } #elements_footer_boxes_wrap { .generateRowBackground ( @elements_footer_boxes_wrap_bgColor1_default, @elements_footer_boxes_wrap_bgColor2_default, @elements_footer_boxes_wrap_bgColor1, @elements_footer_boxes_wrap_bgColor2, @elements_footer_boxes_wrap_bgImage_default, @elements_footer_boxes_wrap_bgColor3_default, @elements_footer_boxes_wrap_bgPosition_default, @elements_footer_boxes_wrap_bgRepeat_default, @elements_footer_boxes_wrap_bgSize_default, @elements_footer_boxes_wrap_bgFixed_default, @elements_footer_boxes_wrap_bgImage, @elements_footer_boxes_wrap_bgColor3, @elements_footer_boxes_wrap_bgPosition, @elements_footer_boxes_wrap_bgRepeat, @elements_footer_boxes_wrap_bgSize, @elements_footer_boxes_wrap_bgFixed, @elements_footer_boxes_wrap_bgTexture_default, @elements_footer_boxes_wrap_bgTexture ); .generateRowPadding( @elements_footer_boxes_wrap_paddingTop, @elements_footer_boxes_wrap_paddingBottom ); } #elements_footer_bottom_wrap { .generateRowBackground ( @elements_footer_bottom_wrap_bgColor1_default, @elements_footer_bottom_wrap_bgColor2_default, @elements_footer_bottom_wrap_bgColor1, @elements_footer_bottom_wrap_bgColor2, @elements_footer_bottom_wrap_bgImage_default, @elements_footer_bottom_wrap_bgColor3_default, @elements_footer_bottom_wrap_bgPosition_default, @elements_footer_bottom_wrap_bgRepeat_default, @elements_footer_bottom_wrap_bgSize_default, @elements_footer_bottom_wrap_bgFixed_default, @elements_footer_bottom_wrap_bgImage, @elements_footer_bottom_wrap_bgColor3, @elements_footer_bottom_wrap_bgPosition, @elements_footer_bottom_wrap_bgRepeat, @elements_footer_bottom_wrap_bgSize, @elements_footer_bottom_wrap_bgFixed, @elements_footer_bottom_wrap_bgTexture_default, @elements_footer_bottom_wrap_bgTexture ); .generateRowPadding( @elements_footer_bottom_wrap_paddingTop, @elements_footer_bottom_wrap_paddingBottom ); } #elements_content_wrap { width: 70%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; padding-right: 30px; .pageContainerElement { width: 100%; } } #elements_sidebar { width: 30%; float: right; } #elements_total_content, #elements_content_boxes { .element { margin-top: 20px; .element { margin-top: 0px; } } } #elements_total_footer_box { display: table; margin: 0 auto; } .pageContainerElementWrap { position: relative; } .element { width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; } @media (max-width: @responsiveWidth) { /* doplnime sirku webu na 100% */ .pageContainerElement { width: 100%; margin: 0 auto; } .pageContainerElementWrap { min-width: 0%; width: auto; padding-left: @responsiveSpace; padding-right: @responsiveSpace; } } @media (max-width: @responsiveWidth1) { /* dame contenty pod seba */ #elements_content_wrap { width: 100%; padding-right: 0px; } #elements_sidebar { width: 100%; } } @media (max-width: @responsiveWidth2) { /* dame contenty pod seba */ #elements_total_footer_box { display: block; } #elements_footer_box_left, #elements_footer_box_middle, #elements_footer_box_right { display: block; width: 100%; } .elements_footer_box_predel { clear: both; height: 0px; } /* #elements_content { width: 100%; padding-right: 0px; } #elements_sidebar { width: 100%; } */ #elements_footer_box_left, #elements_footer_box_middle, #elements_footer_box_right, .elements_footer_box_predel { width: 100%; max-width: 100%; } } @media (max-width: @responsiveWidth3) { @contentMinWidth: @responsiveWidth3 - @responsiveSpace*2 - @adminPanelWidth; .pageContainerElementWrap { min-width: @contentMinWidth; } } @bodyBackgroundColor: ; @bodyBackgroundUrl: ; @bodyBackgroundPosition: ; @bodyBackgroundRepeat: ; @bodyBackgroundSize: ; @bodyBackgroundFixed: ; @bodyBackgroundColor: rgb(207, 226, 243); @elements_top_boxes_wrap_bgColor1: #cfe2f3; @elements_top_boxes_wrap_bgColor2: #0b5394; @elements_top_boxes_wrap_bgColor3: #0b5394; @elements_top_boxes_wrap_bgPosition: center top; @elements_top_boxes_wrap_bgFixed: fixed; @elements_footer_boxes_wrap_bgColor1: #3d85c6; @elements_footer_boxes_wrap_bgColor2: #0b5394; @elements_footer_boxes_wrap_bgPosition: center top; @elements_footer_boxes_wrap_bgFixed: fixed; @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #444444; @editor_anchorColor: #0b5394; @editor_h1_fontSize: 32px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; @editor_h1_fontColor: #0b5394; #element617378 { @editor_h1_fontSize: 32px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; @editor_h1_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } .elementText { .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); .elementTextPager( @editor_hr_color, @editor_hr_size, @editor_anchorColor, @responsiveWidth1, @responsiveWidth2 ); } .elementTextPager( @hrSize, @hrColor, @aColor, @responsiveWidth1, @responsiveWidth2 ) { .pager { border-top: @hrSize solid @hrColor; margin-top: 10px; padding-top: 1em; padding-bottom: 1em; text-align: center; position: relative; a { } .sip { margin-right: 1em; } .sip-right { margin-left: 1em; } .num { border-radius: 2px; padding: 3px 7px; margin: 0px -1px; text-decoration: none; } .num.active { background: @aColor; color: white; &:hover { background: @aColor - 20%; } } .left { position: absolute; left: 0px; top: 1em; } .right { position: absolute; right: 0px; top: 1em; } } @media (max-width: @responsiveWidth1) { .pager { .num { visibility: hidden; } } } @media (max-width: @responsiveWidth2) { .pager { .num { display: none; } .left, .right { position: relative; left: auto; top: auto; right: auto; text-align: left; } .sip-right { margin-left: 0em; margin-right: 1em; } } } } .elementTextPager( @hrSize, @hrColor, @aColor ) when (lightness(@aColor) >= 50%) { .pager { .num.active { background: @aColor; color: #333333; &:hover { background: @aColor - 20%; } } } } .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ) { overflow: hidden; font-size: @editor_fontSize; font-family: @editor_fontFamily; color: @editor_fontColor; line-height: @editor_fontSize*1.6; p { line-height: @editor_fontSize*1.6; } a { color: @editor_anchorColor; &:hover { text-decoration: none; } } h1 { font-size: @editor_h1_fontSize; font-family: @editor_h1_fontFamily; color: @editor_h1_fontColor; line-height: @editor_h1_fontSize*1.2; } h2 { font-size: @editor_h2_fontSize; font-family: @editor_h2_fontFamily; color: @editor_h2_fontColor; line-height: @editor_h2_fontSize*1.2; } h3 { font-size: @editor_h3_fontSize; font-family: @editor_h3_fontFamily; color: @editor_h3_fontColor; line-height: @editor_h3_fontSize*1.2; } h4 { font-size: @editor_h4_fontSize; font-family: @editor_h4_fontFamily; color: @editor_h4_fontColor; line-height: @editor_h4_fontSize*1.2; } h5 { font-size: @editor_h5_fontSize; font-family: @editor_h5_fontFamily; color: @editor_h5_fontColor; line-height: @editor_h5_fontSize*1.2; } h6 { font-size: @editor_h6_fontSize; font-family: @editor_h6_fontFamily; color: @editor_h6_fontColor; line-height: @editor_h6_fontSize*1.2; } h1, h2, h3, h4, h5, h6 { padding-top: 0.18em; padding-bottom: 0.18em; margin: 0; border-bottom: 0px; } ul { .ulEditorStyle (@editor_ul); } hr { display: block; height: 0px; overflow: hidden; border: 0; border-top: @editor_hr_size solid @editor_hr_color; } img { max-width: 100%; height: auto !important; } } .editorBg(@bgColor,@borderRadius,@bgTexture,@bgTexture_spec) when (isColor(@bgColor)) { padding: 5px 20px; background: @bgColor; border-radius: @borderRadius; } .editorBg(@bgColor,@borderRadius,@bgTexture,@bgTexture_spec) when (isString(@bgTexture)) { padding: 5px 20px; background-image: url(@bgTexture); border-radius: @borderRadius; } .editorBg(@bgColor,@borderRadius,@bgTexture,@bgTexture_spec) when (isString(@bgTexture_spec)) { padding: 5px 20px; background-image: url(@bgTexture_spec); border-radius: @borderRadius; } .editorBorder (@borderSize, @borderType, @borderColor) when (isString(@borderSize)), (isString(@borderType)), (isColor(@borderColor)) { padding: 5px 20px; border: @borderSize @borderType @borderColor; } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle1') { list-style: disc; padding-left: 19px; li { padding: 0px; padding-left: 4px; background: none; } } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle2') { list-style: square; padding-left: 19px; li { padding: 0px; padding-left: 4px; background: none; } } .ulEditorStyleImage(@image) { list-style: none; padding: 0px; li { padding-left: 22px; background: url('/images/elements/text/ul@{image}.png') no-repeat left 5px; } } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle10') { .ulEditorStyleImage(10); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle11') { .ulEditorStyleImage(11); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle12') { .ulEditorStyleImage(12); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle13') { .ulEditorStyleImage(13); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle14') { .ulEditorStyleImage(14); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle15') { .ulEditorStyleImage(15); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle16') { .ulEditorStyleImage(16); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle17') { .ulEditorStyleImage(17); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle18') { .ulEditorStyleImage(18); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle20') { .ulEditorStyleImage(20); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle21') { .ulEditorStyleImage(21); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle22') { .ulEditorStyleImage(22); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle23') { .ulEditorStyleImage(23); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle24') { .ulEditorStyleImage(24); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle25') { .ulEditorStyleImage(25); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle26') { .ulEditorStyleImage(26); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle27') { .ulEditorStyleImage(27); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle28') { .ulEditorStyleImage(28); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle30') { .ulEditorStyleImage(30); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle31') { .ulEditorStyleImage(31); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle32') { .ulEditorStyleImage(32); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle33') { .ulEditorStyleImage(33); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle34') { .ulEditorStyleImage(34); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle35') { .ulEditorStyleImage(35); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle36') { .ulEditorStyleImage(36); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle37') { .ulEditorStyleImage(37); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle38') { .ulEditorStyleImage(38); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle40') { .ulEditorStyleImage(40); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle41') { .ulEditorStyleImage(41); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle42') { .ulEditorStyleImage(42); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle43') { .ulEditorStyleImage(43); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle44') { .ulEditorStyleImage(44); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle45') { .ulEditorStyleImage(45); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle46') { .ulEditorStyleImage(46); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle47') { .ulEditorStyleImage(47); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle48') { .ulEditorStyleImage(48); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle50') { .ulEditorStyleImage(50); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle51') { .ulEditorStyleImage(51); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle52') { .ulEditorStyleImage(52); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle53') { .ulEditorStyleImage(53); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle54') { .ulEditorStyleImage(54); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle55') { .ulEditorStyleImage(55); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle56') { .ulEditorStyleImage(56); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle57') { .ulEditorStyleImage(57); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle58') { .ulEditorStyleImage(58); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle60') { .ulEditorStyleImage(60); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle61') { .ulEditorStyleImage(61); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle62') { .ulEditorStyleImage(62); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle63') { .ulEditorStyleImage(63); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle64') { .ulEditorStyleImage(64); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle65') { .ulEditorStyleImage(65); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle66') { .ulEditorStyleImage(66); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle67') { .ulEditorStyleImage(67); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle68') { .ulEditorStyleImage(68); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle70') { .ulEditorStyleImage(70); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle71') { .ulEditorStyleImage(71); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle72') { .ulEditorStyleImage(72); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle73') { .ulEditorStyleImage(73); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle74') { .ulEditorStyleImage(74); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle75') { .ulEditorStyleImage(75); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle76') { .ulEditorStyleImage(76); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle77') { .ulEditorStyleImage(77); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle78') { .ulEditorStyleImage(78); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle80') { .ulEditorStyleImage(80); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle81') { .ulEditorStyleImage(81); li { padding-left:34px; } } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle82') { .ulEditorStyleImage(82); li { padding-left:40px; padding-top:6px; padding-bottom:6px; } } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle90') { .ulEditorStyleImage(90); } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle91') { .ulEditorStyleImage(91); li { padding-left:34px; } } .ulEditorStyle (@editor_ul) when (@editor_ul = 'ulStyle92') { .ulEditorStyleImage(92); li { padding-left:40px; padding-top:6px; padding-bottom:6px; } } #element617380 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #444444; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element617386 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #444444; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element617382 { @elementAlign: left; .align( @elementAlign ); } #element617383 { @editor_h3_fontSize: 22px; @editor_h3_fontFamily: Arial, Helvetica, sans-serif; @editor_h3_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element617384 { @buttons_fontSize: 24px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #f3f3f3; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #666666; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } .elementButton { .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ) } .elementButton.center { text-align: center; } .elementButton.right { text-align: right; } .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ) { a, input[type="submit"], input[type="button"] { display: inline-block; padding: 0.6em 1.25em; text-decoration: none; font-size: @buttons_fontSize; font-family: @buttons_fontFamily; color: @buttons_fontColor; border-radius: @buttons_borderRadius; text-transform: @buttons_textTransform; font-weight: @buttons_fontWeight; border: 0; cursor: pointer; .buttonStyle(@buttons_bgColor1,@buttons_bgColor2,@buttons_style); .bgColor1 { background: @buttons_bgColor1; } .bgColor2 { background: @buttons_bgColor2; } .hoverBgColor1 { background: @buttons_hoverBgColor1; } .hoverBgColor2 { background: @buttons_hoverBgColor2; } &:hover { .buttonStyle(@buttons_hoverBgColor1,@buttons_hoverBgColor2,@buttons_style); } } } .buttonStyle(@color1,@color2,@style) when (@style = 'gradient') { .gradient(@color1,@color1,@color2); } .buttonStyle(@color1,@color2,@style) when (@style = 'border') { background: @color1; border-bottom: 0.3em solid @color2; } #elemente425909162 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #0b5394; @editor_h3_fontSize: 22px; @editor_h3_fontFamily: Arial, Helvetica, sans-serif; @editor_h3_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #elemente341642928 { @logo_align: center; .elementLogoAlign( @logo_align ); } .elementLogo { img { display: inline-block; margin: 0 auto; max-width: 100%; max-height: 250px; border: 0; } } .elementLogoAlign(@logoAlign) { text-align: @logoAlign; } #element127954 { @elementColPomer: 7030; .element_cols_2x ( @elementColPomer ); } .element_cols_2x (@pomer) when (@pomer = 5050) { .element_cols_2x_default(); .col1 { width: 50%; } .col2 { width: 50%; } } .element_cols_2x (@pomer) when (@pomer = 3070) { .element_cols_2x_default(); .col1 { width: 30%; } .col2 { width: 70%; } } .element_cols_2x (@pomer) when (@pomer = 7030) { .element_cols_2x_default(); .col1 { width: 70%; } .col2 { width: 30%; } } .element_cols_2x (@pomer) when (@pomer = 2575) { .element_cols_2x_default(); .col1 { width: 25%; } .col2 { width: 75%; } } .element_cols_2x (@pomer) when (@pomer = 7525) { .element_cols_2x_default(); .col1 { width: 75%; } .col2 { width: 25%; } } .element_cols_2x (@pomer) when (@pomer = 2080) { .element_cols_2x_default(); .col1 { width: 20%; } .col2 { width: 80%; } } .element_cols_2x (@pomer) when (@pomer = 8020) { .element_cols_2x_default(); .col1 { width: 80%; } .col2 { width: 20%; } } .element_cols_2x (@pomer) when (@pomer = 4060) { .element_cols_2x_default(); .col1 { width: 40%; } .col2 { width: 60%; } } .element_cols_2x (@pomer) when (@pomer = 6040) { .element_cols_2x_default(); .col1 { width: 60%; } .col2 { width: 40%; } } .element_cols_2x_default() { display: block; width: 100%; overflow: inherit !important; .elementCol { display: block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; float: left; min-height: 1px; } .col1 { padding-right: 10px; } .col2 { padding-left: 10px; } &.visibleColumns { .col1 .pageContainerElementInner, .col2 .pageContainerElementInner { min-height: 50px; border: 1px dashed rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.25); } } } @media (max-width: @responsiveWidth2) { .element_cols_2x { display: block !important; .elementCol { display: block !important; padding: 0px !important; width: 100% !important; float: none !important; } .col1 { width: 100% !important; } .col2 { width: 100% !important; } } } #element128629 { @menu_fontSize: 13px; @menu_fontFamily: Arial, Helvetica, sans-serif; @menu_fontColor: #0b5394; @menu_hover_bgColor1: #0b5394; @menu_hover_fontColor: #eeeeee; @menu_align: center; .menuLayout1( @menu_fontSize, @menu_fontFamily, @menu_fontColor, @menu_bgColor1, @menu_bgColor2, @menu_hover_bgColor1, @menu_hover_bgColor2, @menu_hover_fontColor, @menu_align ); } .menu(@menu_bgColor1,@menu_fontSize,@menu_align) { overflow: inherit !important; @submenuMaxWidth: 250px; ul { list-style: none; padding: 0px; margin: 0px; text-align: @menu_align; text-transform: @menu_textTransform_1; font-weight: @menu_bold_1; li { display: inline-block; position: relative; a { display: inline-block; padding: 1em; padding-top: 0.5em; padding-bottom: 0.5em; text-decoration: none; } ul { display: none; position: absolute; z-index: 1000; width: auto; padding: 10px 0px; margin: 0px; background: @menu_bgColor1; text-align: left; left: 0px; max-width: @submenuMaxWidth; li { display: block; a { display: block; font-size: @menu_fontSize; text-transform: @menu_textTransform_2; font-weight: @menu_bold_2; background: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: @submenuMaxWidth; padding-left: 1.5em; padding-right: 1.5em; padding-top: 0.25em; padding-bottom: 0.25em; } a:hover { text-decoration: underline; } } } } li:hover ul { display: block; } } @media (max-width: @responsiveWidth2) { ul { padding-top: 20px; li { display: block; text-align: left; a { display: block; } ul { display: none; } } li:hover ul { display: none; } li.active ul { display: block; position: relative; li { a { white-space: normal; } } } } } } .menuLayout1( @menu_fontSize, @menu_fontFamily, @menu_fontColor, @menu_bgColor1, @menu_bgColor2, @menu_hover_bgColor1, @menu_hover_bgColor2, @menu_hover_fontColor, @menu_align ) { .menu(@menu_hover_bgColor1,@menu_fontSize,@menu_align); font-family: @menu_fontFamily; font-size: @menu_fontSize; border-top: @menu_borderSize solid @menu_bgColor1; border-bottom: @menu_borderSize solid @menu_bgColor2; padding-top: @menu_padding; padding-bottom: @menu_padding; a { color: @menu_fontColor; } li:hover a { color: @menu_hover_fontColor; .gradient(@menu_hover_bgColor1,@menu_hover_bgColor1,@menu_hover_bgColor2); } li.active a { color: @menu_hover_fontColor; .gradient(@menu_hover_bgColor1,@menu_hover_bgColor1,@menu_hover_bgColor2); } } .menuLayout2( @menu_fontSize, @menu_fontFamily, @menu_fontColor, @menu_bgColor1, @menu_bgColor2, @menu_hover_bgColor1, @menu_hover_bgColor2, @menu_hover_fontColor, @menu_align ) { .menu(@menu_hover_bgColor1,@menu_fontSize,@menu_align); font-family: @menu_fontFamily; font-size: @menu_fontSize; .gradient(@menu_bgColor1,@menu_bgColor1,@menu_bgColor2); a { color: @menu_fontColor; } li:hover a { color: @menu_hover_fontColor; .gradient(@menu_hover_bgColor1,@menu_hover_bgColor1,@menu_hover_bgColor2); } li.active a { color: @menu_hover_fontColor; .gradient(@menu_hover_bgColor1,@menu_hover_bgColor1,@menu_hover_bgColor2); } } .elementImage { text-align: center; a { text-decoration: none; } img { display: block; width: 100%; margin: 0 auto; } .imgDesc { display: block; padding: 8px 12px; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; background: #1c1c1c; color: white; text-decoration: none; } } #elemente406391534 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #eeeeee; @editor_anchorColor: #eeeeee; @editor_h3_fontSize: 22px; @editor_h3_fontFamily: Arial, Helvetica, sans-serif; @editor_h3_fontColor: #ffffff; @editor_ul: 'ulStyle18'; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #elemente604823145 { @editor_h1_fontSize: 9px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); } #elemente567434105 { @editor_h1_fontSize: 9px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); } #elemente732014558 { @editor_h1_fontSize: 9px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); } #elemente424506945 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #eeeeee; @editor_anchorColor: #0b5394; @editor_h3_fontSize: 22px; @editor_h3_fontFamily: Arial, Helvetica, sans-serif; @editor_h3_fontColor: #ffffff; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #elemente596922692 { @buttons_fontSize: 16px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #eeeeee; @buttons_bgColor1: #0b5394; @buttons_bgColor2: #ff9900; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element617039 { @elementColPomer: 255025; .element_cols_3x ( @elementColPomer ); } .element_cols_3x (@pomer) when (@pomer = 333333) { .element_cols_3x_default(); .col1 { width: 33.333%; } .col2 { width: 33.333%; } .col3 { width: 33.333%; } } .element_cols_3x (@pomer) when (@pomer = 252550) { .element_cols_3x_default(); .col1 { width: 25%; } .col2 { width: 25%; } .col3 { width: 50%; } } .element_cols_3x (@pomer) when (@pomer = 502525) { .element_cols_3x_default(); .col1 { width: 50%; } .col2 { width: 25%; } .col3 { width: 25%; } } .element_cols_3x (@pomer) when (@pomer = 255025) { .element_cols_3x_default(); .col1 { width: 25%; } .col2 { width: 50%; } .col3 { width: 25%; } } .element_cols_3x (@pomer) when (@pomer = 202060) { .element_cols_3x_default(); .col1 { width: 20%; } .col2 { width: 20%; } .col3 { width: 60%; } } .element_cols_3x (@pomer) when (@pomer = 602020) { .element_cols_3x_default(); .col1 { width: 60%; } .col2 { width: 20%; } .col3 { width: 20%; } } .element_cols_3x (@pomer) when (@pomer = 157015) { .element_cols_3x_default(); .col1 { width: 15%; } .col2 { width: 70%; } .col3 { width: 15%; } } .element_cols_3x_default() { display: block; width: 100%; overflow: inherit !important; .elementCol { display: block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; float: left; min-height: 1px; } .col1 { padding-right: 10px; } .col2 { padding-left: 10px; padding-right: 10px; } .col3 { padding-left: 10px; } &.visibleColumns { .col1 .pageContainerElementInner, .col2 .pageContainerElementInner, .col3 .pageContainerElementInner { min-height: 50px; border: 1px dashed rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.25); } } } @media (max-width: @responsiveWidth2) { .element_cols_3x { display: block !important; .elementCol { display: block !important; padding: 0px !important; width: 100% !important; float: none !important; } .col1 { width: 100% !important; } .col2 { width: 100% !important; } .col3 { width: 100% !important; } } } #elemente685166613 { @editor_h1_fontSize: 9px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; @editor_h1_fontColor: #ffffff; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); } #elemente345001748 { @editor_h1_fontSize: 9px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; @editor_h1_fontColor: #ffffff; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); } #element617038 { @elementColPomer: 25252525; .element_cols_4x ( @elementColPomer ); } .element_cols_4x (@pomer) when (@pomer = 25252525) { .element_cols_4x_default(); .col1 { width: 25%; } .col2 { width: 25%; } .col3 { width: 25%; } .col4 { width: 25%; } } .element_cols_4x (@pomer) when (@pomer = 20202040) { .element_cols_4x_default(); .col1 { width: 20%; } .col2 { width: 20%; } .col3 { width: 20%; } .col4 { width: 40%; } } .element_cols_4x (@pomer) when (@pomer = 40202020) { .element_cols_4x_default(); .col1 { width: 40%; } .col2 { width: 20%; } .col3 { width: 20%; } .col4 { width: 20%; } } .element_cols_4x_default() { display: block; width: 100%; overflow: inherit !important; .elementCol { display: block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; float: left; min-height: 1px; } .col1 { padding-right: 10px; } .col2 { padding-left: 10px; padding-right: 10px; } .col3 { padding-left: 10px; padding-right: 10px; } .col4 { padding-left: 10px; } &.visibleColumns { .col1 .pageContainerElementInner, .col2 .pageContainerElementInner, .col3 .pageContainerElementInner, .col4 .pageContainerElementInner { min-height: 50px; border: 1px dashed rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.25); } } } @media (max-width: @responsiveWidth) { .element_cols_4x { display: block !important; .elementCol { display: block !important; padding: 0px !important; width: 100% !important; float: none !important; } .col1 { width: 100% !important; } .col2 { width: 100% !important; } .col3 { width: 100% !important; } .col4 { width: 100% !important; } } } #element8109 { @editor_fontSize: 14px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #000000; @editor_anchorColor: #0b5394; @editor_ul: 'ulStyle15'; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(207, 226, 243); @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element628304 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #f3f3f3; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element8111 { @reference_uvodzovkyColor: ; @reference_borderRadius: ; @reference_fontSize: 14px; @reference_fontFamily: Arial, Helvetica, sans-serif; @reference_fontColor: #000000; @reference_uvodzovkyColor: #000000; @reference_borderRadius: 16px; .referenceLayout1( @reference_fontSize, @reference_fontFamily, @reference_fontColor, @reference_uvodzovkyColor, @reference_borderRadius ); } .referenceLayout1 ( @fontSize, @fontFamily, @fontColor, @uvodzovkyColor, @borderRadius ) { .text { font-size: @fontSize; color: @fontColor; font-family: @fontFamily; line-height: @fontSize*1.6; background: #f0f0f0; padding: 5px 20px; border-radius: @borderRadius; position: relative; .uvodzovky(@uvodzovkyColor,1,5px,53px); .referenceTextFormat(@fontColor); } .sip { background: url('/images/elements/reference/sip1.png') no-repeat left top; height: 25px; } .imageMenoWrap { .meno { padding-top: 5px; font-size: @fontSize*1.3; color: @fontColor; font-family: @fontFamily; font-weight: bold; float: left; margin-left: 10px; span { font-size: @fontSize; display: block; font-weight: normal; } } .image { width: 60px; height: 60px; float: left; overflow: hidden; border-radius: 30px; text-align: center; position: relative; background: #f0f0f0; img.width { max-height: 60px; } img.height { max-width: 60px; } } &.hasImage { position: relative; min-height: 60px; .image { position: absolute; left: 0px; top: 0px; } .meno { padding-left: 60px; } } } } .referenceLayout2 ( @fontSize, @fontFamily, @fontColor, @uvodzovkyColor, @borderRadius ) { .referenceLayout1 ( @fontSize, @fontFamily, @fontColor, @uvodzovkyColor, @borderRadius ); .sip { background: url('/images/elements/reference/sip2.png') no-repeat center top; height: 22px; } .imageMenoWrap { .image { border-radius: 0px; } } } .referenceLayout3 ( @fontSize, @fontFamily, @fontColor, @uvodzovkyColor, @borderRadius ) { .text { font-size: @fontSize; color: @fontColor; font-family: @fontFamily; line-height: @fontSize*1.6; background: #f0f0f0; border-radius: @borderRadius; .referenceTextFormat(@fontColor); .textInnerWrap { position: relative; padding: 5px 20px; .uvodzovky(@uvodzovkyColor,1,5px,55px); } } .sip { background: url('/images/elements/reference/sip1.png') no-repeat left top; height: 25px; } .meno { color: @fontColor; font-family: @fontFamily; font-weight: bold; margin: 0px 15px; padding: 12px 0px; text-align: center; border-top: 1px solid #d4d4d4; span { font-weight: normal; } } .image { width: 60px; height: 60px; float: left; overflow: hidden; border-radius: 30px; background: #f0f0f0; img.width { max-height: 60px; } img.height { max-width: 60px; } } } .referenceLayout4 ( @fontSize, @fontFamily, @fontColor, @uvodzovkyColor, @borderRadius ) { .referenceLayout3 ( @fontSize, @fontFamily, @fontColor, @uvodzovkyColor, @borderRadius ); .text { background: white; border: 2px solid #e1e1e1; .referenceTextFormat(@fontColor); .textInnerWrap { .uvodzovky(@uvodzovkyColor,2,5px,55px); } } .sip { background: url('/images/elements/reference/sip3.png') no-repeat center top; height: 20px; margin-top: -2px; } .image { margin: 0 auto; margin-top: 10px; float: none; overflow: hidden; } } /* uvodzovky */ .uvodzovky(@color,@type,@padTop,@padLeft) when (isColor(@color)) { padding: @padTop @padLeft; .uv { display: block; width: 30px; height: 30px; background-color: @color; position: absolute; } .uv1 { background-image: url('/images/elements/reference/uv@{type}_top.png'); left: 13px; top: 10px; } .uv2 { background-image: url('/images/elements/reference/uv@{type}_bottom.png'); right: 13px; bottom: 10px; } } .referenceTextFormat(@fontColor) { a { color: @fontColor; } } #element174842 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #ffffff; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element8110 { @editor_h2_fontSize: 27px; @editor_h2_fontFamily: Arial, Helvetica, sans-serif; @editor_h2_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element124139 { @reference_uvodzovkyColor: ; @reference_borderRadius: ; @reference_fontSize: 14px; @reference_fontFamily: Arial, Helvetica, sans-serif; @reference_fontColor: #000000; @reference_uvodzovkyColor: #000000; @reference_borderRadius: 16px; .referenceLayout1( @reference_fontSize, @reference_fontFamily, @reference_fontColor, @reference_uvodzovkyColor, @reference_borderRadius ); } #element624985 { @reference_uvodzovkyColor: ; @reference_borderRadius: ; @reference_fontSize: 14px; @reference_fontFamily: Arial, Helvetica, sans-serif; @reference_fontColor: #000000; @reference_uvodzovkyColor: #000000; @reference_borderRadius: 16px; .referenceLayout1( @reference_fontSize, @reference_fontFamily, @reference_fontColor, @reference_uvodzovkyColor, @reference_borderRadius ); } #element174850 { @editor_fontSize: 18px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #0b5394; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: ; @borderRadius: 0; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; ; ; ; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element619773 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #ffffff; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element612942 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #ffffff; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element617012 { @elementColPomer: 8020; .element_cols_2x ( @elementColPomer ); } #element148461 { @editor_fontSize: 20px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 2px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element620008 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #ffffff; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element619133 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #ffffff; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element620011 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #ffffff; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element626891 { @buttons_fontSize: 20px; @buttons_fontFamily: Arial, Helvetica, sans-serif; @buttons_fontColor: #ffffff; @buttons_borderRadius: 16px; @buttons_bgColor1: #ff9900; @buttons_bgColor2: #ff0000; @buttons_hoverBgColor1: #ff0000; @buttons_hoverBgColor2: #0000ff; .button( @buttons_fontSize, @buttons_fontFamily, @buttons_fontColor, @buttons_borderRadius, @buttons_bgColor1, @buttons_bgColor2, @buttons_hoverBgColor1, @buttons_hoverBgColor2 ); } #element128502 { @editor_fontSize: 20px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element192804 { @editor_fontSize: 20px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element149898 { @editor_fontSize: 20px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element218122 { @editor_fontSize: 20px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element626889 { @editor_fontSize: 20px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element628024 { @editor_fontSize: 20px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_anchorColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element625245 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #0b5394; @editor_h6_fontSize: 18px; @editor_h6_fontFamily: Arial, Helvetica, sans-serif; @editor_h6_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element625261 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #0b5394; @editor_h6_fontSize: 18px; @editor_h6_fontFamily: Arial, Helvetica, sans-serif; @editor_h6_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(243, 243, 243); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element622007 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #444444; @editor_h6_fontSize: 18px; @editor_h6_fontFamily: Arial, Helvetica, sans-serif; @editor_h6_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element625279 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #444444; @editor_h6_fontSize: 18px; @editor_h6_fontFamily: Arial, Helvetica, sans-serif; @editor_h6_fontColor: #0b5394; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element148493 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #0b5394; @editor_anchorColor: #0b5394; @editor_h3_fontSize: 22px; @editor_h3_fontFamily: Arial, Helvetica, sans-serif; @editor_h3_fontColor: #0b5394; @editor_ul: 'ulStyle2'; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(238, 238, 238); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 1px;; @borderType: solid;; @borderColor: #0b5394;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #element212625 { @editor_fontSize: 16px; @editor_fontFamily: Arial, Helvetica, sans-serif; @editor_fontColor: #444444; @editor_anchorColor: #0b5394; @editor_h1_fontSize: 32px; @editor_h1_fontFamily: Arial, Helvetica, sans-serif; @editor_h1_fontColor: #0b5394; @editor_h2_fontSize: 27px; @editor_h2_fontFamily: Arial, Helvetica, sans-serif; @editor_h2_fontColor: #444444; @editor_h5_fontSize: 20px; @editor_h5_fontFamily: Arial, Helvetica, sans-serif; @editor_h5_fontColor: #444444; .editor( @editor_fontSize, @editor_fontFamily, @editor_fontColor, @editor_anchorColor, @editor_h1_fontSize, @editor_h1_fontFamily, @editor_h1_fontColor, @editor_h2_fontSize, @editor_h2_fontFamily, @editor_h2_fontColor, @editor_h3_fontSize, @editor_h3_fontFamily, @editor_h3_fontColor, @editor_h4_fontSize, @editor_h4_fontFamily, @editor_h4_fontColor, @editor_h5_fontSize, @editor_h5_fontFamily, @editor_h5_fontColor, @editor_h6_fontSize, @editor_h6_fontFamily, @editor_h6_fontColor, @editor_ul, @editor_hr_color, @editor_hr_size ); @bgColor: rgb(243, 243, 243); @borderRadius: 16px; @bgTexture: ; @bgTexture_spec: ; ; ; .editorBg ( @bgColor, @borderRadius, @bgTexture, @bgTexture_spec ); @borderSize: ; @borderType: ; @borderColor: ; @borderSize: 3px;; @borderType: solid;; @borderColor: #ff0000;; .editorBorder ( @borderSize, @borderType, @borderColor ); } #cookieAcceptMessage { position: fixed; right: 0px; bottom: 0px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: @adminPanelWidth; .gradient (#333333,#333333,#555555); border-top: 3px solid #000; border-bottom: 3px solid #000; #cookieAcceptMessageInnerWrap1 { max-width: 1024px; margin: 0 auto; #cookieAcceptMessageInnerWrap2 { display: table; margin: 0 auto; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 10px; padding-bottom: 10px; #cookieAcceptMessageText { display: table-cell; vertical-align: middle; padding-right: 25px; padding-left: 15px; p { margin: 0px; } a { color: #dddd11; } } #cookieAcceptMessageButton { display: table-cell; vertical-align: middle; padding-right: 15px; a { display: inline-block; padding: 7px 15px; color: white; text-decoration: none; background: #dddd11; border-radius: 2px; color: #000; font-weight: bold; font-size: 11px; box-shadow: 0px 0px 10px 0px #444; white-space: nowrap; &:hover { background: #cccc00; } } } } } }