be_style.css

/*******************************************************************************
Dieses Stylesheet wird im Template be_main.html5 eingebunden 
und stylt das Backend
*******************************************************************************/


/*******************************************************************************
Kundenspezifischen Einstellungen
*******************************************************************************/

#header h1, #tl_navigation h1, h1.main_headline {

    background: #666666;
    background: linear-gradient(to bottom, #666666 1%,#999999 100%);
}

#tmenu {
	background: url(logo.svg); 
	background-repeat: no-repeat; 
	background-position: 10px center;
	background-size:  auto 90%;
	height: 70px;
}



/*******************************************************************************
ENDE der kundenspezifischen Einstellungen
*******************************************************************************/

body {max-width: 1200px; margin: auto; background: rgba(207,181,59, .1);}
body * {box-sizing: border-box; font-size: 12px;font-family: 'Ubuntu', sans-serif;}

a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, input, optgroup, select, textarea,
.chzn-container-single .chzn-single > span
{font-size: 12px;}

body *, a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, 
input, optgroup, select, textarea, .chzn-container-single .chzn-single > span, 
.fieldset.tl_checkbox_container 
{line-height: 1.5!important;}

.tl_formbody_edit .tl_tbox {line-height: 1!important;}

.chzn-container-single .chzn-single {height: auto;}
#header, #container, #footer, .tl_textarea, .tl_listing, .tl_header, .tl_content, .cte_type,
.tl_content.indent 

	{width: 100%;}
#left {width: 25%;}
#main {width: calc(75% - 10px);}

.float_right {float: right;}

.float_left {float: left;}

.tl_help, .tl_help a, .cte_type.published, .cte_type.published a {font-size: .86rem;}

.tl_tip {height: 1.4em;}

.tl_checkbox {
    margin: auto;
    vertical-align: middle;
}

.tl_box, .tl_tbox {
    display: flex;
    flex-wrap: wrap;
}

.tl_box > div, fieldset > div {width: 100%;}
.w50, fieldset .w50 {
height: auto;
width: 47%;}
div.w50:nth-of-type(odd){margin-right: 3%;}

.tl_box .tl_select, .tl_tbox .tl_select, .tl_box .tl_mselect, .tl_tbox .tl_mselect,
select.tl_select, select.tl_select_column, select.tl_select_unit, select.tl_select_interval {
    height: auto;
    padding: 0.25em;
     width: auto;
     min-width: 3rem;
}
.tl_header_table {line-height: 1.25;}

.tl_text_2 {width: 47%;}
.tl_text {width: 98%;}

.ace_editor {min-height: 3rem;}

@media (min-width: 768px) {

	body *,	a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, 
	input, optgroup, select, textarea, .chzn-container-single .chzn-single > span
	{font-size: 14px;}

	#left {width: 25%;}
	#main {width: calc(75% - 10px);}
}