From 65f398f117f3e5c32f0e38bd8bae296b4377620f Mon Sep 17 00:00:00 2001 From: Fritz Michael Gschwantner Date: Wed, 12 Sep 2018 11:00:00 +0200 Subject: [PATCH] Fix CSS for IE11 (see #51) Description ----------- While testing https://github.com/contao/core/issues/8864 I noticed that the back end login of Contao 4.5 and 4.6 looks like this in IE 11: ![ie11screenshot](https://user-images.githubusercontent.com/4970961/45218806-1f59dc00-b2a9-11e8-8980-8ea4ba74d291.png) This is because Contao 4.5 started using the `
` element for the `#main` container. However, IE 11 treats this as an _inline_ element by default. See also https://github.com/necolas/normalize.css/issues/727 I think this should probably also be added to the `reset.css` of the Contao CSS framework? https://github.com/contao-components/contao/blob/8.0.2/css/reset.css#L55-L57 ```diff -header,footer,nav,section,aside,article,figure,figcaption { +header,footer,nav,section,aside,article,figure,figcaption,main { display:block; } ``` Commits ------- 83e01d11 fix CSS for IE11 6b9f7aa5 Merge branch '4.6' into ie-fix --- src/Resources/contao/themes/flexible/basic.css | 2 +- src/Resources/contao/themes/flexible/src/basic.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/Resources/contao/themes/flexible/basic.css b/src/Resources/contao/themes/flexible/basic.css index d4f64a4e0c..1a05c11a34 100644 --- a/src/Resources/contao/themes/flexible/basic.css +++ b/src/Resources/contao/themes/flexible/basic.css @@ -1 +1 @@ -html{font-size:100%;-webkit-text-size-adjust:100%}body,button,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,figure,form,fieldset,legend,p,blockquote,table{margin:0;padding:0}img{border:0}ul,li{list-style:none}table{border-spacing:0;border-collapse:collapse;empty-cells:show}th,td{padding:0;text-align:left}input,select,button,label,img,a.tl_submit,.tl_select{vertical-align:middle}button{cursor:pointer}body{font:.875rem/1 Lato,sans-serif;color:#222}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{font-family:"Lato Retina",Lato,sans-serif}}pre,code,.tl_textarea.monospace{font:300 .75rem/1.25 "Roboto Mono",monospace}h1,h2,h3,h4,h5,h6{font-size:1rem;font-weight:700}input,textarea,select,button{font:inherit;color:inherit;line-height:inherit}input{line-height:normal}strong,b,th{font-weight:700}.tl_gray{color:#999}.tl_green{color:#589b0e}.tl_red{color:#c33}.tl_blue{color:#006494}.tl_orange{color:#f90}span.mandatory{color:#c33}a{color:#222;text-decoration:none}a:hover,a:active{color:#006494}hr{height:1px;margin:18px 0;border:0;background:#ddd;color:#ddd}p{margin-bottom:1em;padding:0}.hidden{display:none}.unselectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.clear{clear:both;height:.1px;line-height:.1px;font-size:.1px}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.widget{margin-left:15px;margin-right:15px;position:relative}.widget{font-size:0}.widget *{font-size:.875rem}.widget>div{font-size:0}.widget>div>*{font-size:.875rem}.widget h3{min-height:16px}.widget h3 label{margin-right:3px}.widget h3 img{margin-right:3px}.widget-captcha{display:initial!important}.widget .mce-tinymce{margin:2px 0}optgroup{padding-top:3px;padding-bottom:3px;font-style:normal;background:#fff}fieldset.tl_checkbox_container,fieldset.tl_radio_container{border:0;margin:15px 0 1px;padding:0}fieldset.tl_checkbox_container{line-height:15px}fieldset.tl_radio_container{line-height:16px}fieldset.tl_checkbox_container legend,fieldset.tl_radio_container legend{font-weight:700}fieldset.checkbox_container,fieldset.radio_container{border:0;margin:0;padding:0}.tl_text{width:100%}.tl_text_2,.tl_text_interval{width:49%}.tl_text_3{width:32.333%}.tl_text_4{width:24%}.tl_textarea{width:100%;height:240px}.tl_text_unit{width:79%}.tl_text_trbl{width:19%}.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval{margin:2px 0;box-sizing:border-box;padding:5px 6px 6px;border:1px solid #aaa;border-radius:2px;background-color:#fff;-moz-appearance:none;-webkit-appearance:none}.tl_text[disabled],.tl_text_2[disabled],.tl_text_3[disabled],.tl_text_4[disabled],.tl_textarea[disabled],.tl_text_unit[disabled],.tl_text_trbl[disabled],.tl_text_interval[disabled],.tl_text[readonly],.tl_text_2[readonly],.tl_text_3[readonly],.tl_text_4[readonly],.tl_textarea[readonly],.tl_text_unit[readonly],.tl_text_trbl[readonly],.tl_text_interval[readonly]{color:#bbb;background-color:#f9f9f9;border:1px solid #c8c8c8;cursor:not-allowed}.tl_textarea{padding-top:7px;padding-bottom:5px}.tl_text_2,.tl_text_3,.tl_text_4,.tl_text_unit,.tl_text_trbl,.tl_text_interval{margin-right:1%}.tl_text_2:last-child,.tl_text_3:last-child,.tl_text_4:last-child,.tl_text_trbl:last-child{margin-right:0}.tl_imageSize_0{margin-left:1%}select{min-height:30px;-moz-appearance:none;-webkit-appearance:none;text-transform:none;line-height:normal}select::-ms-expand{display:none}select[multiple]{height:auto}.tl_select,.tl_mselect,.tl_select_column{width:100%}.tl_select_unit{width:20%}.tl_select_interval{width:50%}.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval{margin:2px 0;box-sizing:border-box;border:1px solid #aaa;padding:5px 22px 6px 6px;border-radius:2px;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDUwMCA1MDAiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMzEuNTIzIiB5MT0iNDIuNjMiIHgyPSIzNjguNDc4IiB5Mj0iMjc5LjU4NCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjNiM2IzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTk5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMjUwIDM5Ni42NjZjLTEuMTU1IDAtNC4xMS0xLjgzMi03LjExMy02Ljc1bC0xNjkuNi0yNzcuNDU1Yy0yLjUxNy00LjExNC0zLjE5LTYuOTgtMy4yOC04LjMxNC44MjctLjMzIDIuNTY1LS44MTIgNS42MjctLjgxMmgzNDguNzMzYzMuMDYzIDAgNC43OTguNDgyIDUuNjI3LjgxMi0uMDkgMS4zMzQtLjc2NiA0LjItMy4yOCA4LjMxNWwtMTY5LjYgMjc3LjQ1N2MtMy4wMDUgNC45MTctNS45NiA2Ljc1LTcuMTE0IDYuNzV6Ii8+PC9zdmc+) right -16px center no-repeat;background-origin:content-box;cursor:pointer}.tl_select[disabled],.tl_mselect[disabled],.tl_select_column[disabled],.tl_select_unit[disabled],.tl_select_interval[disabled],.tl_select[readonly],.tl_mselect[readonly],.tl_select_column[readonly],.tl_select_unit[readonly],.tl_select_interval[readonly]{color:#bbb;background-color:#f9f9f9;border:1px solid #c8c8c8;cursor:not-allowed}.tl_select[multiple],.tl_mselect[multiple],.tl_select_column[multiple],.tl_select_unit[multiple],.tl_select_interval[multiple]{background-image:none}@-moz-document url-prefix(){.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval{padding:5px 18px 5px 2px}}.tl_checkbox{margin:0 1px 0 0}.tl_tree_checkbox{margin:1px 1px 1px 0}.tl_checkbox_single_container{margin:16px 0 1px}.tl_checkbox_single_container label{margin-left:4px;font-weight:700}.checkbox_toggler{font-weight:700}.checkbox_toggler_first{margin-top:3px;font-weight:700}.checkbox_toggler img,.checkbox_toggler_first img{position:relative;top:-1px;margin-right:2px}.checkbox_options{margin:0 0 6px 21px!important}.tl_checkbox_container .checkbox_options:last-of-type{margin-bottom:0!important}.tl_radio{margin:0 1px 0 0}.win .tl_radio{margin:1px 1px 3px 0}.tl_tree_radio{margin:1px 1px 1px 0}.tl_radio_table{margin:2px 0}.tl_radio_table td{padding:0 24px 1px 0}.tl_upload_field{margin:1px 0}.tl_submit{padding:7px 12px;border:1px solid #aaa;border-radius:2px;box-sizing:border-box;cursor:pointer;background:#eee;transition:background .2s ease}.tl_panel .tl_submit,.tl_version_panel .tl_submit,.tl_formbody_submit .tl_submit{background:#fff}.tl_submit:hover{color:inherit;background-color:#f6f6f6}.tl_submit:active{color:#aaa}.tl_submit:disabled{cursor:default;background:#e9e9e9;color:#999}a.tl_submit{display:inline-block}.split-button{display:inline-block;position:relative;z-index:1}::-moz-placeholder{padding-top:1px}::-webkit-input-placeholder{padding-top:1px}.clr{clear:both;width:calc(100% - 30px)}.clr:not(.widget){width:100%}.clr:before{content:"";display:table}.w50{width:calc(50% - 30px);float:left;height:80px}.long{width:calc(100% - 30px)}.wizard>a{vertical-align:middle}.wizard .tl_text,.wizard .tl_select{width:calc(100% - 24px)}.wizard .tl_text_2{width:45%}.wizard img{margin-left:4px}.long .tl_text,.long .tl_select{width:100%}.m12{margin:16px 15px 8px}.cbx{height:56px}.subpal{clear:both}.inline div{display:inline}.autoheight{height:auto}.dcapicker .tl_text{padding-right:26px}.dcapicker .tl_text+a{position:relative;top:2px;margin-left:-22px}.tl_tip{height:14px;overflow:hidden;cursor:help}.tip-wrap{z-index:99}.tip{max-width:320px;padding:6px 9px;border-radius:2px;background:#333}.tip div{line-height:1.3}.tip div,.tip a{color:#fff}.tip-top{height:6px;position:absolute;top:-13px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #333}.hover-div:hover,.hover-row:hover td,.hover-div:hover .limit_toggler,.hover-row:hover .limit_toggler{background-color:#fffce1!important}@media (min-width:1236px){#sbtog{display:none}.split-button ul{display:inline-flex;clip:initial;height:auto;margin:0 0 0 -4px;overflow:initial;position:initial;width:auto}.split-button li{margin-left:4px}}@media (max-width:1235px){.split-button ul{position:absolute;right:0;bottom:20px;min-width:100%;background:#fff;border:1px solid #aaa;border-radius:2px;box-sizing:border-box;padding:3px 0;margin-bottom:1em}.split-button ul button{border:0;width:100%;text-align:left;white-space:nowrap}.split-button ul .tl_submit{margin-top:0;margin-bottom:0;background:#fff}.split-button ul .tl_submit:hover{background:#f3f3f3}.split-button ul:before{content:"";display:block;height:0;width:0;position:absolute;right:4px;bottom:-12px;z-index:89;border:6px inset transparent;border-top:6px solid #fff}.split-button ul:after{content:"";display:block;height:0;width:0;position:absolute;right:3px;bottom:-14px;z-index:88;border:7px inset transparent;border-top:7px solid #aaa}.split-button button img{vertical-align:0}.split-button>button[type=submit]{position:relative;border-radius:2px 0 0 2px}.split-button>button[type=button]{padding:7px 4px;background:#fff;border:1px solid #aaa;border-left:0;border-radius:0 2px 2px 0;box-sizing:border-box;transition:background .2s ease}.split-button>button[type=button].active,.split-button>button[type=button]:hover{background:#f6f6f6}.split-button>button[type=button]:focus{outline:0}}@media (max-width:767px){.w50{float:none;width:calc(100% - 30px)}.cbx{height:32px}.tip{max-width:80vw}.tl_checkbox_container .tl_checkbox{margin-top:1px;margin-bottom:1px}.tl_checkbox_single_container label{position:relative;top:1px}} \ No newline at end of file +html{font-size:100%;-webkit-text-size-adjust:100%}header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,button,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,figure,form,fieldset,legend,p,blockquote,table{margin:0;padding:0}img{border:0}ul,li{list-style:none}table{border-spacing:0;border-collapse:collapse;empty-cells:show}th,td{padding:0;text-align:left}input,select,button,label,img,a.tl_submit,.tl_select{vertical-align:middle}button{cursor:pointer}body{font:.875rem/1 Lato,sans-serif;color:#222}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{font-family:"Lato Retina",Lato,sans-serif}}pre,code,.tl_textarea.monospace{font:300 .75rem/1.25 "Roboto Mono",monospace}h1,h2,h3,h4,h5,h6{font-size:1rem;font-weight:700}input,textarea,select,button{font:inherit;color:inherit;line-height:inherit}input{line-height:normal}strong,b,th{font-weight:700}.tl_gray{color:#999}.tl_green{color:#589b0e}.tl_red{color:#c33}.tl_blue{color:#006494}.tl_orange{color:#f90}span.mandatory{color:#c33}a{color:#222;text-decoration:none}a:hover,a:active{color:#006494}hr{height:1px;margin:18px 0;border:0;background:#ddd;color:#ddd}p{margin-bottom:1em;padding:0}.hidden{display:none}.unselectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.clear{clear:both;height:.1px;line-height:.1px;font-size:.1px}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.widget{margin-left:15px;margin-right:15px;position:relative}.widget{font-size:0}.widget *{font-size:.875rem}.widget>div{font-size:0}.widget>div>*{font-size:.875rem}.widget h3{min-height:16px}.widget h3 label{margin-right:3px}.widget h3 img{margin-right:3px}.widget-captcha{display:initial!important}.widget .mce-tinymce{margin:2px 0}optgroup{padding-top:3px;padding-bottom:3px;font-style:normal;background:#fff}fieldset.tl_checkbox_container,fieldset.tl_radio_container{border:0;margin:15px 0 1px;padding:0}fieldset.tl_checkbox_container{line-height:15px}fieldset.tl_radio_container{line-height:16px}fieldset.tl_checkbox_container legend,fieldset.tl_radio_container legend{font-weight:700}fieldset.checkbox_container,fieldset.radio_container{border:0;margin:0;padding:0}.tl_text{width:100%}.tl_text_2,.tl_text_interval{width:49%}.tl_text_3{width:32.333%}.tl_text_4{width:24%}.tl_textarea{width:100%;height:240px}.tl_text_unit{width:79%}.tl_text_trbl{width:19%}.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval{margin:2px 0;box-sizing:border-box;padding:5px 6px 6px;border:1px solid #aaa;border-radius:2px;background-color:#fff;-moz-appearance:none;-webkit-appearance:none}.tl_text[disabled],.tl_text_2[disabled],.tl_text_3[disabled],.tl_text_4[disabled],.tl_textarea[disabled],.tl_text_unit[disabled],.tl_text_trbl[disabled],.tl_text_interval[disabled],.tl_text[readonly],.tl_text_2[readonly],.tl_text_3[readonly],.tl_text_4[readonly],.tl_textarea[readonly],.tl_text_unit[readonly],.tl_text_trbl[readonly],.tl_text_interval[readonly]{color:#bbb;background-color:#f9f9f9;border:1px solid #c8c8c8;cursor:not-allowed}.tl_textarea{padding-top:7px;padding-bottom:5px}.tl_text_2,.tl_text_3,.tl_text_4,.tl_text_unit,.tl_text_trbl,.tl_text_interval{margin-right:1%}.tl_text_2:last-child,.tl_text_3:last-child,.tl_text_4:last-child,.tl_text_trbl:last-child{margin-right:0}.tl_imageSize_0{margin-left:1%}select{min-height:30px;-moz-appearance:none;-webkit-appearance:none;text-transform:none;line-height:normal}select::-ms-expand{display:none}select[multiple]{height:auto}.tl_select,.tl_mselect,.tl_select_column{width:100%}.tl_select_unit{width:20%}.tl_select_interval{width:50%}.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval{margin:2px 0;box-sizing:border-box;border:1px solid #aaa;padding:5px 22px 6px 6px;border-radius:2px;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDUwMCA1MDAiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMzEuNTIzIiB5MT0iNDIuNjMiIHgyPSIzNjguNDc4IiB5Mj0iMjc5LjU4NCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjNiM2IzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTk5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMjUwIDM5Ni42NjZjLTEuMTU1IDAtNC4xMS0xLjgzMi03LjExMy02Ljc1bC0xNjkuNi0yNzcuNDU1Yy0yLjUxNy00LjExNC0zLjE5LTYuOTgtMy4yOC04LjMxNC44MjctLjMzIDIuNTY1LS44MTIgNS42MjctLjgxMmgzNDguNzMzYzMuMDYzIDAgNC43OTguNDgyIDUuNjI3LjgxMi0uMDkgMS4zMzQtLjc2NiA0LjItMy4yOCA4LjMxNWwtMTY5LjYgMjc3LjQ1N2MtMy4wMDUgNC45MTctNS45NiA2Ljc1LTcuMTE0IDYuNzV6Ii8+PC9zdmc+) right -16px center no-repeat;background-origin:content-box;cursor:pointer}.tl_select[disabled],.tl_mselect[disabled],.tl_select_column[disabled],.tl_select_unit[disabled],.tl_select_interval[disabled],.tl_select[readonly],.tl_mselect[readonly],.tl_select_column[readonly],.tl_select_unit[readonly],.tl_select_interval[readonly]{color:#bbb;background-color:#f9f9f9;border:1px solid #c8c8c8;cursor:not-allowed}.tl_select[multiple],.tl_mselect[multiple],.tl_select_column[multiple],.tl_select_unit[multiple],.tl_select_interval[multiple]{background-image:none}@-moz-document url-prefix(){.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval{padding:5px 18px 5px 2px}}.tl_checkbox{margin:0 1px 0 0}.tl_tree_checkbox{margin:1px 1px 1px 0}.tl_checkbox_single_container{margin:16px 0 1px}.tl_checkbox_single_container label{margin-left:4px;font-weight:700}.checkbox_toggler{font-weight:700}.checkbox_toggler_first{margin-top:3px;font-weight:700}.checkbox_toggler img,.checkbox_toggler_first img{position:relative;top:-1px;margin-right:2px}.checkbox_options{margin:0 0 6px 21px!important}.tl_checkbox_container .checkbox_options:last-of-type{margin-bottom:0!important}.tl_radio{margin:0 1px 0 0}.win .tl_radio{margin:1px 1px 3px 0}.tl_tree_radio{margin:1px 1px 1px 0}.tl_radio_table{margin:2px 0}.tl_radio_table td{padding:0 24px 1px 0}.tl_upload_field{margin:1px 0}.tl_submit{padding:7px 12px;border:1px solid #aaa;border-radius:2px;box-sizing:border-box;cursor:pointer;background:#eee;transition:background .2s ease}.tl_panel .tl_submit,.tl_version_panel .tl_submit,.tl_formbody_submit .tl_submit{background:#fff}.tl_submit:hover{color:inherit;background-color:#f6f6f6}.tl_submit:active{color:#aaa}.tl_submit:disabled{cursor:default;background:#e9e9e9;color:#999}a.tl_submit{display:inline-block}.split-button{display:inline-block;position:relative;z-index:1}::-moz-placeholder{padding-top:1px}::-webkit-input-placeholder{padding-top:1px}.clr{clear:both;width:calc(100% - 30px)}.clr:not(.widget){width:100%}.clr:before{content:"";display:table}.w50{width:calc(50% - 30px);float:left;height:80px}.long{width:calc(100% - 30px)}.wizard>a{vertical-align:middle}.wizard .tl_text,.wizard .tl_select{width:calc(100% - 24px)}.wizard .tl_text_2{width:45%}.wizard img{margin-left:4px}.long .tl_text,.long .tl_select{width:100%}.m12{margin:16px 15px 8px}.cbx{height:56px}.subpal{clear:both}.inline div{display:inline}.autoheight{height:auto}.dcapicker .tl_text{padding-right:26px}.dcapicker .tl_text+a{position:relative;top:2px;margin-left:-22px}.tl_tip{height:14px;overflow:hidden;cursor:help}.tip-wrap{z-index:99}.tip{max-width:320px;padding:6px 9px;border-radius:2px;background:#333}.tip div{line-height:1.3}.tip div,.tip a{color:#fff}.tip-top{height:6px;position:absolute;top:-13px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #333}.hover-div:hover,.hover-row:hover td,.hover-div:hover .limit_toggler,.hover-row:hover .limit_toggler{background-color:#fffce1!important}@media (min-width:1236px){#sbtog{display:none}.split-button ul{display:inline-flex;clip:initial;height:auto;margin:0 0 0 -4px;overflow:initial;position:initial;width:auto}.split-button li{margin-left:4px}}@media (max-width:1235px){.split-button ul{position:absolute;right:0;bottom:20px;min-width:100%;background:#fff;border:1px solid #aaa;border-radius:2px;box-sizing:border-box;padding:3px 0;margin-bottom:1em}.split-button ul button{border:0;width:100%;text-align:left;white-space:nowrap}.split-button ul .tl_submit{margin-top:0;margin-bottom:0;background:#fff}.split-button ul .tl_submit:hover{background:#f3f3f3}.split-button ul:before{content:"";display:block;height:0;width:0;position:absolute;right:4px;bottom:-12px;z-index:89;border:6px inset transparent;border-top:6px solid #fff}.split-button ul:after{content:"";display:block;height:0;width:0;position:absolute;right:3px;bottom:-14px;z-index:88;border:7px inset transparent;border-top:7px solid #aaa}.split-button button img{vertical-align:0}.split-button>button[type=submit]{position:relative;border-radius:2px 0 0 2px}.split-button>button[type=button]{padding:7px 4px;background:#fff;border:1px solid #aaa;border-left:0;border-radius:0 2px 2px 0;box-sizing:border-box;transition:background .2s ease}.split-button>button[type=button].active,.split-button>button[type=button]:hover{background:#f6f6f6}.split-button>button[type=button]:focus{outline:0}}@media (max-width:767px){.w50{float:none;width:calc(100% - 30px)}.cbx{height:32px}.tip{max-width:80vw}.tl_checkbox_container .tl_checkbox{margin-top:1px;margin-bottom:1px}.tl_checkbox_single_container label{position:relative;top:1px}} \ No newline at end of file diff --git a/src/Resources/contao/themes/flexible/src/basic.css b/src/Resources/contao/themes/flexible/src/basic.css index 761f9a5d7d..a01069d355 100644 --- a/src/Resources/contao/themes/flexible/src/basic.css +++ b/src/Resources/contao/themes/flexible/src/basic.css @@ -13,6 +13,9 @@ html { } /* General */ +header,footer,nav,section,aside,main,article,figure,figcaption { + display:block; +} body,button,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,figure,form,fieldset,legend,p,blockquote,table { margin:0; padding:0;