Файл: contao-3.5.8/system/themes/flexible/src/basic.css
Строк: 335
/**
* Contao Open Source CMS
*
* Copyright (c) 2005-2016 Leo Feyer
*
*
@license LGPL-3.0+
*/
/* HTML */
html
{
font-size:100%;
-webkit-text-size-adjust:100%;
}
/* Body
*/
html,body,form,pre,figure,ul,li {
margin:0;
padding:0;
}
img
{
border:0;
}
ul,li {
list-style:none;
}
/* Font family
*/
a,b,body,cite,div,em,h1,h2,h3,h4,h5,h6,i,label,legend,li,ol,p,strong,td,th,u,ul
{
font-family:Verdana,sans-serif;
}
fieldset,form,input,optgroup,select,textarea
{
font-family:"Trebuchet MS",Verdana,sans-serif;
}
/* Font size
and color
*/
a,body,div,label,legend,li,ol,p,td,th,ul,fieldset,form,input,optgroup,select,textarea
{
font-size:11px;
font-size:.6875rem;
color:#444;
}
fieldset,form,input,optgroup,select,textarea
{
font-size:12px;
font-size:.75rem;
}
h1,h2,h3,h4,h5,h6
{
font-size:12px;
font-size:.75rem;
color:#444;
}
table
{
border-spacing:0;
border-collapse:collapse;
}
th,td
{
padding:0;
text-align:left;
}
.tl_small
{
font-size:9px;
font-size:.5625rem;
}
.tl_small,.tl_gray
{
color:#999;
}
.tl_green {
color:#77ac45;
}
.tl_red
{
color:#c33;
}
.tl_blue {
color:#4b85ba;
}
.tl_orange
{
color:#f90;
}
span.mandatory {
color:#c33;
}
/* Basic elements */
a
{
color:#444;
text-decoration:none;
}
a:hover,a:focus,a:active
{
color:#77ac45;
}
hr {
height:1px;
margin:18px
0;
border:0;
background:#ddd;
color:#ddd;
}
p {
margin:0 0
12px;
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;
}
/* Invisible
elements */
.clear
{
clear:both;
height:0.1px;
line-height:0.1px;
font-size:0.1px;
}
.invisible
{
border:0;
clip:rect(0 0 0
0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
/*
Forms */
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:14px;
}
fieldset.tl_checkbox_container
legend,fieldset.tl_radio_container legend
{
font-weight:bold;
margin:0;
padding:0;
}
fieldset.checkbox_container,fieldset.radio_container
{
border:0;
margin:0;
padding:0;
}
/* Text fields
*/
.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea {
margin:1px
0;
}
.tl_text {
width:312px;
}
.tl_text_2 {
width:150px;
}
.tl_text_3
{
width:97px;
}
.tl_text_4
{
width:70px;
}
.tl_imageSize_0.tl_text_4,.tl_imageSize_1.tl_text_4
{
width:71px;
}
.tl_textarea
{
width:676px;
height:240px;
}
.tl_text_unit {
margin:1px
0;
width:248px;
}
.tl_text_trbl {
margin:1px
0;
width:53px;
}
.tl_text_interval {
margin:1px
0;
width:154px;
}
.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval
{
border:1px solid #aaa;
padding:2px 3px;
border-radius:3px;
}
.mac
.tl_text,.mac .tl_text_2,.mac .tl_text_3,.mac .tl_text_4,.mac
.tl_textarea,.mac .tl_text_unit,.mac .tl_text_trbl,.mac .tl_text_interval
{
padding:3px;
}
.tl_text:focus,.tl_text_2:focus,.tl_text_3:focus,.tl_text_4:focus,.tl_textarea:focus,.tl_text_unit:focus,.tl_text_trbl:focus,.tl_text_interval:focus
{
background-color:#ebfdd7;
}
.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;
}
pre,.tl_textarea.monospace
{
font-family:Courier,monospace;
font-size:12px;
font-size:.75rem;
}
.tl_textarea.monospace:focus
{
background:none;
}
/* Select menus
*/
.tl_select,.tl_mselect,.tl_select_column {
margin:1px 0;
}
.tl_box
.tl_select,.tl_tbox .tl_select,.tl_box .tl_mselect,.tl_tbox .tl_mselect
{
width:320px;
}
select.tl_select,select.tl_select_column,select.tl_select_unit,select.tl_select_interval
{
height:22px;
}
.webkit select.tl_select,.webkit
select.tl_select_column,.webkit select.tl_select_unit,.webkit
select.tl_select_interval {
vertical-align:1px;
}
.tl_select_column
{
width:140px;
}
.tl_select_unit {
margin:1px
0;
width:60px;
}
.tl_select_interval {
margin:1px
0;
width:154px;
}
.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval
{
border:1px solid #aaa;
padding:1px;
border-radius:3px;
}
.mac
.tl_select,.mac .tl_mselect,.mac .tl_select_column,.mac
.tl_select_unit,.mac .tl_select_interval {
padding:2px
1px;
}
.tl_select[disabled],.tl_mselect[disabled],.tl_select_column[disabled],.tl_select_unit[disabled],.tl_select_interval[disabled]
{
color:#bbb;
background-color:#f9f9f9;
border:1px solid #c8c8c8;
}
/*
Checkboxes */
.tl_checkbox {
margin:1px 3px 0
0;
vertical-align:bottom;
}
.mac .tl_checkbox {
margin:0 3px 0
0;
position:relative;
top:-1px;
}
.mac .tl_checkbox_single_container
.tl_checkbox {
top:0;
}
.ie .tl_checkbox {
margin:-3px 0 -1px
-2px;
position:relative;
top:1px;
vertical-align:middle;
}
.ie
.tl_checkbox_single_container .tl_checkbox {
top:0;
}
.tl_tree_checkbox
{
margin:0 3px 0 0;
}
.mac .tl_tree_checkbox {
margin:2px 3px 0
0;
}
.tl_checkbox_single_container {
margin:16px 0
1px;
}
.tl_checkbox_single_container label
{
font-weight:bold;
}
.tl_checkbox_container label
{
display:block;
margin:-14px
0;
padding-left:20px;
}
.tl_checkbox_container label:last-child
{
margin-bottom:0;
}
/* Grouped checkboxes */
.checkbox_toggler
{
font-weight:bold;
}
.checkbox_toggler_first
{
font-weight:bold;
margin-top:3px;
}
.checkbox_toggler
img,.checkbox_toggler_first img
{
vertical-align:top;
position:relative;
top:-2px;
margin-right:3px;
}
.checkbox_options
{
margin:0 0 6px 21px !important;
}
/* Radio buttons */
.tl_radio
{
margin:1px 3px 0 0;
vertical-align:bottom;
}
.win .tl_radio
{
margin:1px 3px 3px 0; /* see #4599 */
}
.tl_tree_radio {
margin:0 3px
1px 0;
vertical-align:middle;
}
.safari .tl_radio,.safari .tl_tree_radio
{
margin-left:1px;
}
/* Radio table */
.tl_radio_table {
margin:2px 0
1px;
}
.tl_radio_table td {
padding:0 24px 1px 0;
}
.tl_radio_table
img,.tl_radio_table input {
vertical-align:middle;
}
/* Upload fields
*/
.tl_upload_field {
margin:1px 0;
}
/* Submit buttons */
.tl_submit
{
padding:5px 12px 5px 13px;
border:1px solid
#aaa;
border-radius:3px;
color:#555;
cursor:pointer;
line-height:1;
text-shadow:1px
1px 0
#eee;
background:#eee;
background-image:-moz-linear-gradient(bottom, #ccc
0%, #eee 60%);
background-image:-webkit-linear-gradient(bottom, #ccc 0%,
#eee 60%);
background-image:-o-linear-gradient(bottom, #ccc 0%, #eee
60%);
background-image:-ms-linear-gradient(bottom, #ccc 0%, #eee
60%);
background-image:linear-gradient(to top, #ccc 0%, #eee
60%);
}
a.tl_submit {
font-family:"Trebuchet
MS",Verdana,sans-serif;
font-size:12px;
font-size:.75rem;
display:inline-block;
}
a.tl_submit,a.tl_submit:hover
{
color:#555;
}
.firefox input.tl_submit {
padding:2px 12px 2px
13px;
}
.opera input.tl_submit {
padding:4px 12px 4px
13px;
}
.tl_submit:focus,.tl_submit:hover {
box-shadow:0 0 3px
#aaa;
}
.tl_submit:active {
color:#bbb;
box-shadow:0 0 6px
#999;
}
.tl_submit:disabled
{
cursor:default;
background:#ddd;
text-shadow:none;
color:#999;
box-shadow:none;
}
/*
Floats */
.clr {
clear:both;
display:table; /* see #6093 */
width:100%;
/* see #1495 */
}
.w50 {
width:50%;
float:left;
height:72px;
}
.long
{
width:100%; /* see #6320 */
}
.w50 .tl_help
{
margin-right:24px;
}
.wizard .tl_text {
width:288px;
}
.wizard
.tl_text_2 {
width:138px;
}
.long .tl_text {
width:663px;
}
.long
.tl_select {
width:670px;
}
.m12 {
margin:12px 0;
}
.webkit .m12
{
margin:13px 0 11px;
}
.cbx {
height:48px;
}
.inline div
{
display:inline;
}
.autoheight {
height:auto;
}
/* Tips */
.tl_tip
{
height:13px;
overflow:hidden;
cursor:pointer;
}
.tip-wrap
{
z-index:99;
}
.tip {
max-width:320px;
padding:3px 6px
4px;
border-radius:3px;
box-shadow:1px 1px 3px
#666;
background:#666;
background-image:-moz-linear-gradient(bottom, #333
0%, #666 80%);
background-image:-webkit-linear-gradient(bottom, #333 0%,
#666 80%);
background-image:-o-linear-gradient(bottom, #333 0%, #666
80%);
background-image:-ms-linear-gradient(bottom, #333 0%, #666
80%);
background-image:linear-gradient(to top, #333 0%, #666 80%);
}
.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
#666;
}
/* Headline gradient */
#header h1,#tl_navigation
h1,h1.main_headline
{
background:#909390;
background-image:-moz-linear-gradient(top, #909390,
#b3b6b3);
background-image:-webkit-linear-gradient(top, #909390,
#b3b6b3);
background-image:-o-linear-gradient(top, #909390,
#b3b6b3);
background-image:-ms-linear-gradient(top, #909390,
#b3b6b3);
background-image:linear-gradient(to bottom, #909390,
#b3b6b3);
}
/* Wide screen */
@media (min-width:1200px) {
.tl_text
{
width:404px;
}
.tl_text_2 {
width:196px;
}
.tl_text_3
{
width:127px;
}
.tl_text_4
{
width:92px;
}
.tl_imageSize_0.tl_text_4,.tl_imageSize_1.tl_text_4
{
width:94px;
}
.tl_textarea {
width:854px;
}
.tl_text_unit
{
width:340px;
}
.tl_text_trbl
{
width:76px;
}
.tl_text_interval,.tl_select_interval
{
width:200px;
}
.tl_box .tl_select,.tl_tbox .tl_select,.tl_box
.tl_mselect,.tl_tbox .tl_mselect {
width:412px;
}
.wizard .tl_text
{
width:380px;
}
.wizard .tl_text_2 {
width:184px;
}
.long .tl_text
{
width:845px;
}
.long .tl_select {
width:853px;
}
.tip
{
max-width:410px;
}
}
/* Handheld */
@media (max-width:767px) {
.w50
{
float:none;
width:auto;
}
.cbx {
height:32px;
}
img
{
max-width:100%;
height:auto;
}
.ie8 img {
width:auto; /* see
#5789 */
}
a img {
max-width:none;
}
.tl_text,.long
.tl_text,.tl_textarea,.tl_box .tl_select,.tl_tbox .tl_select,.tl_box
.tl_mselect,.tl_tbox .tl_mselect,.long .tl_select
{
width:100%;
}
.tl_text_2 {
width:-webkit-calc(50% -
2px);
width:calc(50% - 2px);
}
.tl_text_3 {
width:-webkit-calc(33% -
2px);
width:calc(33% - 2px);
}
.tl_text_4 {
width:-webkit-calc(25% -
3px);
width:calc(25% - 3px);
}
.tl_text_unit
{
width:-webkit-calc(100% - 64px);
width:calc(100% -
64px);
}
.tl_text_trbl {
width:-webkit-calc(25% -
19px);
width:calc(25% - 19px);
}
.tl_text_interval,.tl_select_interval
{
width:-webkit-calc(50% - 2px);
width:calc(50% - 2px);
}
.wizard
.tl_text {
width:-webkit-calc(100% - 24px);
width:calc(100% -
24px);
}
.wizard .tl_text_2 {
width:-webkit-calc(50% -
14px);
width:calc(50% - 14px);
}
.tip
{
max-width:220px;
}
.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval,.tl_select,.tl_mselect,.tl_select_interval
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tl_version_panel
.tl_select {
width:44%;
}
.tl_select_column {
width:66px;
}
}