Файл: contao-3.5.8/system/themes/flexible/src/main.css
Строк: 1341
/**
* Contao Open Source CMS
*
* Copyright (c) 2005-2016 Leo Feyer
*
*
@license LGPL-3.0+
*/
/* Body */
body {
background:#f5f5f5
url("images/hbg.jpg") repeat-x;
}
body.popup
{
background:#fff;
padding:6px 0;
}
/* Header */
#header
{
width:958px;
margin:18px
auto;
text-align:left;
background:#fff;
border:1px solid
#bbb;
border-radius:3px;
box-shadow:0 3px 6px #ccc;
}
#header h1
{
margin:1px;
padding:4px 8px 6px;
color:#fff;
border-radius:3px 3px 0
0;
}
#tmenu {
margin:0;
padding:6px 11px
8px;
text-align:right;
color:#444;
}
/* Container */
#container
{
width:960px;
margin:0 auto;
}
.popup #container
{
padding:0;
width:741px;
}
/* Left */
#left
{
width:203px;
background:#fff;
border:1px solid
#bbb;
float:left;
border-radius:3px;
box-shadow:0 3px 6px #ccc;
}
/*
Main */
#main
{
width:741px;
padding:1px;
margin-left:10px;
background:#fff;
border:1px
solid #bbb;
float:left;
border-radius:3px;
box-shadow:0 3px 6px
#ccc;
}
.popup #main
{
padding:0;
margin:0;
border:0;
float:none;
box-shadow:none;
}
/*
Footer */
#footer {
width:960px;
margin:0 auto;
padding:12px 0
36px;
text-align:right;
}
#footer div {
margin:0;
padding:0
1px;
}
#footer span {
padding-left:12px;
}
/* Navigation
*/
#tl_navigation h1 {
margin:1px 1px 0;
padding:4px 8px
6px;
color:#fff;
border-radius:3px 3px 0 0;
}
#tl_navigation .tl_level_1
{
margin-top:6px !important;
}
#tl_navigation .tl_level_1_group
{
padding:3px 6px !important;
font-weight:bold;
}
#tl_navigation
.tl_level_1_group img
{
margin-right:2px;
vertical-align:middle;
position:relative;
top:-1px;
}
#tl_navigation
.tl_level_2 {
padding:0 0 9px 24px !important;
}
#tl_navigation
.tl_level_2 a {
font-weight:normal;
line-height:19px;
}
#tl_navigation
.active {
color:#77ac45;
}
/* Buttons */
#tl_buttons,#tl_buttons_a
{
margin:0;
padding:9px 9px 0;
text-align:right;
}
.toggleWrap
{
cursor:pointer;
vertical-align:text-bottom;
}
.opacity
{
-moz-opacity:.8;
opacity:.8;
}
/* Data container */
h1.main_headline
{
margin:0;
padding:4px 8px 6px;
color:#fff;
border-radius:3px 3px 0
0;
}
.popup h1.main_headline
{
display:none;
}
h2.sub_headline,h2.sub_headline_all,h2.sub_headline_update,h2.sub_headline_index,h2.sub_headline_rss
{
margin:3px 18px 9px;
padding:6px 0 8px
36px;
color:#8ab858;
font-size:14px;
font-size:.875rem;
}
h2.sub_headline
{
background:url("images/current.gif") no-repeat left
center;
}
h2.sub_headline_all
{
background:url("images/all_big.gif") no-repeat left
center;
}
h2.sub_headline_update
{
background:url("images/update.gif") no-repeat left
center;
}
h2.sub_headline_index
{
background:url("images/index.gif") no-repeat left
center;
}
.tl_message {
margin:18px 18px 0;
}
.tl_gerror {
margin:12px
6px 6px;
padding:2px 0 3px
20px;
background:url("images/error.gif") no-repeat left
center;
}
.tl_error,.tl_confirm,.tl_info,.tl_new {
margin:1px 0
0;
padding:4px 5px 5px 25px;
border-radius:3px;
}
.tl_error
{
background:#faeeee url("images/error.gif") no-repeat 5px
center;
}
.tl_confirm {
background:#f3f8ee url("images/ok.gif")
no-repeat 5px center;
}
.tl_info {
background:#eff5fa
url("images/show.gif") no-repeat 6px center;
}
.tl_new
{
background:#fff3e0 url("images/featured.gif") no-repeat 5px
center;
}
.tl_gerror,.tl_gerror a,.tl_error,.tl_error a
{
color:#c33;
}
.tl_confirm,.tl_confirm a
{
color:#77ac45;
}
.tl_info,.tl_info a {
color:#4b85ba;
}
.tl_new,.tl_new
a {
color:#d68c23;
}
#lu_message {
margin-top:0;
}
#lu_message
.tl_confirm,#lu_message .tl_info
{
padding-left:18px;
background-position:left
center;
background-color:transparent;
}
.nobg .tl_error,.nobg
.tl_confirm,.nobg .tl_info,.nobg .tl_new
{
background-color:transparent;
}
.tl_permalert
{
margin:0;
background-image:none;
padding:8px 12px
10px;
border-top:1px solid #ccc;
}
.tl_permalert a
{
float:right;
margin:1px 3px 0 24px;
color:#555;
}
/* Filter
*/
.tl_panel,.tl_version_panel {
padding:6px 6px 7px
0;
background:#f3f3f3;
border-top:1px solid #fff;
border-bottom:1px
solid #bbb;
text-align:right;
}
.tl_panel_bottom
{
margin-top:1px;
padding:6px 6px 6px
0;
background:#f3f3f3;
border-top:1px solid
#bbb;
text-align:right;
}
.tl_version_panel .tl_select
{
width:240px;
}
.mac .tl_version_panel .tl_select,.mac .tl_panel_bottom
.tl_select {
font-size:11px;
font-size:.6875rem;
}
.safari
.tl_version_panel,.ie .tl_version_panel {
overflow:hidden; /* see #5854
*/
}
.tl_version_panel .tl_formbody {
position:relative;
}
.safari
.tl_version_panel .tl_formbody,.ie .tl_version_panel .tl_formbody
{
float:right; /* see #5854 */
}
.tl_version_panel .tl_submit
{
margin-top:1px;
vertical-align:top;
}
.webkit .tl_version_panel
.tl_submit,.ie .tl_version_panel .tl_submit
{
padding-top:4px;
padding-bottom:4px;
}
.opera .tl_version_panel
.tl_submit
{
padding-top:3px;
padding-bottom:3px;
margin-top:-1px;
}
.tl_version_panel
img {
position:relative;
top:4px;
vertical-align:top;
}
.tl_subpanel
{
padding-left:24px;
float:right;
}
.tl_subpanel strong
{
line-height:21px;
}
.tl_subpanel select
{
height:20px;
}
.tl_submit_panel {
padding-left:6px;
}
.tl_img_submit
{
position:relative;
top:3px;
vertical-align:top;
}
.tl_panel
.active,.tl_panel_bottom .active,#search .active
{
background:#ffd;
}
.tl_panel .tl_select {
width:116px;
}
.tl_filter
.tl_select {
width:104px;
}
.tl_limit .tl_select
{
width:90px;
}
.tl_search .tl_text
{
width:66px;
-webkit-appearance:textfield;
box-sizing:content-box;
}
input[type=search]::-webkit-search-decoration
{
-webkit-appearance:none;
}
.mac .tl_panel .tl_select,.mac .tl_panel
.tl_text {
font-size:11px;
font-size:.6875rem;
}
.mac .tl_panel select
{
max-width:164px;
}
/* Boxes */
.tl_xpl,.tl_formbody_edit {
padding:0
18px;
}
.popup .tl_formbody_edit {
padding-bottom:52px;
}
.tl_tbox
{
padding:0 0 26px;
}
.tl_box {
padding:12px 0 26px;
border-top:1px
solid #ddd;
}
.tl_box h3,.tl_tbox h3,.tl_xpl h3 {
margin:0;
padding:14px
0 1px;
font-weight:bold;
}
.tl_box h4,.tl_tbox h4 {
margin:6px 0
0;
padding:0;
font-weight:bold;
font-size:11px;
font-size:.6875rem;
}
.tl_tbox.theme_import
h3,.tl_tbox.theme_import h4,.tl_tbox.theme_import p
{
line-height:1.5;
}
.tl_help,.tl_help a {
margin-bottom:0;
padding:1px
0;
line-height:normal;
font-size:10px;
font-size:.625rem;
color:#999;
}
.tl_help
a:hover,.tl_help a:focus,.tl_help a:active
{
text-decoration:underline;
}
.tl_formbody_submit {
border-top:1px solid
#bbb;
}
.popup .tl_formbody_submit
{
z-index:5;
position:fixed;
left:0;
bottom:0;
width:100%;
max-height:52px;
}
.tl_submit_container
{
padding:12px 18px;
background:#f3f3f3;
border-top:1px solid
#fff;
}
.maintenance_inactive .tl_submit_container
{
background:none;
margin:-12px 0
28px;
padding-top:0;
padding-bottom:0;
border:0;
}
.maintenance_inactive
{
margin-top:48px;
}
#tl_buttons+.maintenance_inactive
{
margin-top:0;
}
#search {
margin:18px 18px
-9px;
text-align:right;
}
#search .tl_text {
width:160px;
padding:3px
2px;
}
.mac #search .tl_text {
padding:4px 2px;
}
.tl_edit_preview
{
margin-top:18px;
}
.tl_edit_preview img {
padding:2px;
border:1px
solid #ddd;
background:#fff;
box-shadow:0 1px 3px
#ddd;
}
.tl_edit_preview_enabled
{
position:relative;
cursor:crosshair;
}
.tl_edit_preview_important_part
{
position:absolute;
margin:-1px;
border:1px solid #000;
box-shadow:0 0
0 1px #fff, inset 0 0 0 1px #fff;
opacity:0.5;
}
/* Rebuild the search
index */
#tl_rebuild_index {
padding:0 18px
18px;
line-height:1.5;
}
#index_note {
margin:24px 0 18px;
padding:11px
12px 12px;
background:#ffc;
border:1px solid
#f90;
line-height:1;
font-size:14px;
font-size:.875rem;
}
#index_loading
{
margin:0 0 12px;
padding:12px 12px 12px
36px;
background:url("images/loading.gif") no-repeat 2px
center;
line-height:1;
font-size:16px;
font-size:1rem;
color:#4b85ba;
}
#index_complete
{
margin:0 0 12px;
padding:12px 12px 12px
36px;
background:url("images/help.gif") no-repeat left
center;
line-height:1;
font-size:16px;
font-size:1rem;
color:#77ac45;
}
/*
Listing */
.tl_listing {
width:705px;
margin:2px 0
!important;
}
.tl_listing_container {
padding:2px 0;
margin:24px
18px;
}
.tl_folder_list,.tl_folder_tlist {
padding:2px 0
3px;
border-bottom:1px solid
#e9e9e9;
background:#f3f3f3;
font-weight:bold;
}
.tl_folder_tlist
{
border-top:1px solid #e9e9e9;
}
.tl_file,.tl_file_list {
padding:1px
0;
border-bottom:1px solid #e9e9e9;
background:#fff;
}
.tl_file_list
{
padding:2px 0 3px;
}
.tl_file_list .ellipsis
{
height:15px;
text-overflow:ellipsis;
overflow:hidden;
padding-right:18px;
word-break:break-all;
}
.tl_right_nowrap
{
padding:2px 0;
text-align:right;
white-space:nowrap;
}
.tl_file
a:hover,.tl_file a:focus,.tl_file a:active
{
color:#555;
}
.tl_listing_container .tl_content ul li > *
{
vertical-align:middle;
}
/* List view */
.tl_listing tr.odd td
{
background-color:#fafafa;
}
.tl_listing th,.tl_listing td
{
padding-left:6px !important;
padding-right:6px !important;
}
.list_view
.tl_listing img {
vertical-align:-4px;
}
.list_view .tl_listing
img.theme_preview {
margin:3px 6px 3px
0;
vertical-align:middle;
}
.tl_show {
width:705px;
margin:3px 18px
18px;
padding:9px 0 18px;
}
.tl_bg {
background:#f6f6f6;
}
.tl_show td
{
padding:4px 0;
}
.tl_label
{
margin-right:12px;
font-weight:bold;
white-space:nowrap;
}
.tl_empty
{
margin:0;
padding:12px 6px 6px;
}
.tl_empty_parent_view
{
margin:0;
padding:18px 0 0;
}
.tl_noopt {
margin:0 0
-1px;
}
.tl_select_trigger {
padding:0 6px 3px
0;
text-align:right;
}
.tl_select_label
{
position:relative;
top:-2px;
color:#999;
font-size:10px;
font-size:.625rem;
}
/*
Parent view */
.tl_header
{
width:693px;
padding:6px;
background:#f9f9f9;
border-top:1px solid
#ddd;
border-bottom:1px solid #ddd;
}
.tl_header_table {
padding:3px
0;
line-height:16px;
}
.tl_content_header {
padding:2px 6px
3px;
border-bottom:1px solid
#e9e9e9;
background:#f6f6f6;
font-weight:bold;
}
.tl_content
{
width:693px;
padding:6px;
border-bottom:1px solid
#e9e9e9;
overflow:hidden;
position:relative;
}
.tl_content.wrapper_start,.tl_content.wrapper_separator,.tl_content.wrapper_stop
{
background:#f3f3f3;
}
.tl_content.wrapper_start,.tl_content.wrapper_separator
{
border-bottom:0;
}
.tl_content.wrapper_stop,.tl_content.wrapper_separator
{
border-top:0;
}
.tl_content.wrapper_start h1 {
margin:0 0 9px
6px;
}
.tl_content.indent {
width:673px;
border-left:10px solid
#f3f3f3;
border-right:10px solid
#f3f3f3;
}
.tl_content.indent_1.wrapper_start,.tl_content.indent_1.wrapper_separator,.tl_content.indent_1.wrapper_stop
{
background:#eaeaea;
}
.tl_content.indent_1.wrapper_stop
{
border-bottom-color:#dbdbdb;
}
.tl_content.indent_2
{
width:653px;
margin-left:10px;
margin-right:10px;
box-shadow:-10px 0
#f3f3f3,10px 0
#f3f3f3;
border-left-color:#eaeaea;
border-right-color:#eaeaea;
}
.tl_content.indent_3
{
width:633px;
margin-left:20px;
margin-right:20px;
box-shadow:-10px 0
#eaeaea,10px 0 #eaeaea,-20px 0 #f3f3f3,20px 0
#f3f3f3;
}
.tl_content.indent_3.wrapper_start,.tl_content.indent_3.wrapper_separator,.tl_content.indent_3.wrapper_stop
{
background:#eaeaea;
}
.tl_content.indent_3.wrapper_stop
{
border-bottom-color:#dbdbdb;
}
.tl_content.indent_4
{
width:613px;
margin-left:30px;
margin-right:30px;
box-shadow:-10px 0
#f3f3f3,10px 0 #f3f3f3,-20px 0 #eaeaea,20px 0 #eaeaea,-30px 0 #f3f3f3,30px
0
#f3f3f3;
border-left-color:#eaeaea;
border-right-color:#eaeaea;
}
.tl_content.indent_5
{
width:593px;
margin-left:40px;
margin-right:40px;
box-shadow:-10px 0
#eaeaea,10px 0 #eaeaea,-20px 0 #f3f3f3,20px 0 #f3f3f3,-30px 0 #eaeaea,30px
0 #eaeaea,-40px 0 #f3f3f3,40px 0 #f3f3f3;
}
.no_padding {
padding:2px
6px;
}
.tl_content h1 {
padding:0;
margin:0 0 12px;
}
.tl_content pre
{
margin-top:3px;
margin-bottom:3px;
word-break:break-all;
white-space:pre-wrap;
}
.tl_content
pre.disabled {
color:#a6a6a6;
}
.tl_content .ce_text a
{
color:#77ac45;
}
.tl_content span.comment
{
color:#4b85ba;
display:inline-block;
margin-bottom:3px;
}
.tl_content_left
{
float:left;
width:500px;
}
.webkit .tl_content_left
{
margin-top:1px;
margin-bottom:1px;
}
.tl_content_right
{
float:right;
text-align:right;
margin-left:12px;
}
.tl_content_right
img {
vertical-align:-4px;
}
.cte_type
{
width:520px;
margin-bottom:9px;
font-size:10px;
font-size:.625rem;
color:#c6c6c6;
}
.cte_type.published
{
padding:1px 0 2px
20px;
background:url("images/published.gif") no-repeat left
center;
}
.cte_type.unpublished {
padding:1px 0 2px
20px;
background:url("images/unpublished.gif") no-repeat left
center;
}
.cte_type.published,.cte_type.published a
{
color:#77ac45;
font-size:10px;
font-size:.625rem;
}
.cte_type.unpublished,.cte_type.unpublished
a {
color:#c33;
font-size:10px;
font-size:.625rem;
}
.limit_height
{
overflow:hidden;
}
.limit_toggler {
margin-top:9px;
}
.limit_height
input[type="file"] {
position:relative;
}
.tl_form_field_preview
td {
padding-right:6px;
}
.tl_form_field_preview td.col_0
{
min-width:180px;
}
.tl_form_field_preview .text,.tl_form_field_preview
.password {
width:140px;
}
.tl_form_field_preview .select
{
width:144px;
}
.tl_form_field_preview textarea {
width:280px;
}
/*
Tree view */
.tl_folder_top {
padding:1px 0;
border-top:1px solid
#e3e3e3;
border-bottom:1px solid
#e3e3e3;
background:#f0f0f0;
}
.tl_folder {
padding:1px
0;
border-bottom:1px solid #e9e9e9;
background:#f6f6f6;
}
.tl_listing
.tl_left
{
float:left;
width:420px;
margin-left:43px;
text-indent:-43px;
}
.tl_tree_xtnd
.tl_file .tl_left {
margin-left:22px;
text-indent:-22px;
}
ul.level_1
.tl_left {
width:400px;
}
ul.level_2 .tl_left {
width:380px;
}
ul.level_3
.tl_left {
width:360px;
}
ul.level_4 .tl_left {
width:340px;
}
ul.level_5
.tl_left {
width:320px;
}
ul.level_6 .tl_left {
width:300px;
}
ul.level_7
.tl_left {
width:280px;
}
ul.level_8 .tl_left {
width:260px;
}
ul.level_9
.tl_left {
width:240px;
}
.tl_tree_xtnd .tl_folder .tl_left
{
width:460px;
}
.tl_tree_xtnd ul.level_1 .tl_folder .tl_left
{
width:440px;
}
.tl_tree_xtnd ul.level_2 .tl_folder .tl_left
{
width:420px;
}
.tl_tree_xtnd ul.level_3 .tl_folder .tl_left
{
width:400px;
}
.tl_tree_xtnd ul.level_4 .tl_folder .tl_left
{
width:380px;
}
.tl_tree_xtnd ul.level_5 .tl_folder .tl_left
{
width:360px;
}
.tl_tree_xtnd ul.level_6 .tl_folder .tl_left
{
width:340px;
}
.tl_tree_xtnd ul.level_7 .tl_folder .tl_left
{
width:320px;
}
.tl_tree_xtnd ul.level_8 .tl_folder .tl_left
{
width:300px;
}
.tl_tree_xtnd ul.level_9 .tl_folder .tl_left
{
width:280px;
}
.tl_listing .tl_right {
float:right;
padding:1px
0;
}
.mac.firefox .tl_listing .tl_right
{
padding:0;
}
.tl_listing,.tl_listing ul
{
margin:0;
padding:0;
}
.tl_listing li
{
margin:0;
padding-left:6px;
padding-right:6px;
list-style-type:none;
}
.tl_listing
li.parent
{
display:inline;
padding-left:0;
padding-right:0;
}
.tree_view
.tl_listing img,ul.tree_view img
{
vertical-align:-5px;
}
label.tl_change_selected
{
color:#999;
font-style:italic;
vertical-align:top;
}
#tl_breadcrumb
{
margin:0 0
12px;
padding:3px;
overflow:hidden;
background:#ffd;
border:1px solid
#d49822;
}
#tl_breadcrumb li {
margin:0;
padding:0
3px;
list-style-type:none;
float:left;
}
#tl_breadcrumb li img
{
vertical-align:-5px;
}
/* Picker */
.selector_container ul {
margin:0
0
3px;
padding:0;
list-style-type:none;
overflow:hidden;
}
.selector_container
li {
line-height:18px;
margin-right:9px;
}
.selector_container img
{
vertical-align:top;
}
.selector_container p
{
margin-bottom:2px;
}
ul.sgallery {
overflow:hidden;
}
ul.sgallery li
{
float:left;
margin-right:0;
}
.gimage {
margin:2px;
border:1px solid
#808080;
}
/* Welcome screen */
#tl_welcome {
margin:18px 18px
24px;
padding:6px 0 8px
36px;
background:url("images/current.gif") no-repeat left
center;
font-size:14px;
font-size:.875rem;
color:#8ab858;
}
#tl_soverview
{
margin:18px;
}
#tl_soverview table
{
width:705px;
}
#tl_messages,#tl_shortcuts
{
margin-bottom:24px;
}
#tl_messages h2,#tl_shortcuts h2,#tl_versions h2
{
margin:18px 0 6px;
padding:2px 6px 3px;
border:solid
#e9e9e9;
border-width:1px 0;
background:#f6f6f6;
}
#tl_shortcuts
p,#tl_versions p {
padding-left:6px;
padding-right:6px;
}
#tl_shortcuts p
a {
text-decoration:underline;
}
#tl_versions
{
margin-top:24px;
}
#tl_versions th {
background:#f6f6f6;
padding:2px
3px 3px;
border-top:1px solid #e9e9e9;
}
#tl_versions th,#tl_versions td
{
border-bottom:1px solid #e9e9e9;
}
#tl_versions td {
padding:1px
3px;
}
#tl_versions td img {
position:relative;
top:1px;
}
#tl_versions
td:first-child {
white-space:nowrap;
}
#tl_versions td:last-child
{
width:32px;
white-space:nowrap;
text-align:right;
}
#tl_versions
img.undo {
padding-right:2px;
}
/* CHMOD table */
.tl_chmod th
{
width:97px;
text-align:center;
font-weight:normal;
background:#f0f0f0;
}
.tl_chmod
td {
width:97px;
text-align:center;
background:#f9f9f9;
}
.tl_chmod
th,.tl_chmod td {
padding:2px 0;
border:1px solid #fff;
}
/* Module
wizard */
.tl_modulewizard {
margin:0;
}
.tl_modulewizard
td,.tl_modulewizard th {
padding:0 6px 1px 0;
}
.tl_modulewizard th
{
font-weight:normal;
}
.tl_modulewizard img
{
position:relative;
top:1px;
}
.tl_modulewizard .tl_select
{
width:400px;
}
.tl_modulewizard img.mw_enable,.js .tl_modulewizard
input.mw_enable {
display:none;
}
.js .tl_modulewizard img.mw_enable
{
display:inline;
cursor:pointer;
}
/* Options wizard
*/
.tl_optionwizard {
margin:0;
}
.tl_optionwizard label
{
vertical-align:top;
}
.tl_optionwizard td,.tl_optionwizard th
{
padding:0 4px 1px 0;
}
.tl_optionwizard th
{
font-weight:normal;
text-align:left;
}
.fw_checkbox {
margin:0
1px;
}
.tl_optionwizard img {
position:relative;
top:1px;
}
/* Table
wizard */
#tl_tablewizard
{
width:690px;
padding-bottom:2px;
overflow:auto;
}
.tl_tablewizard td
{
padding:2px 4px 0 0;
}
.tl_tablewizard td.tcontainer
{
width:148px;
height:78px;
vertical-align:top;
}
/* List wizard
*/
.tl_listwizard li {
padding-bottom:1px;
}
.tl_listwizard .tl_text
{
width:586px;
}
.tl_listwizard_img {
position:relative;
top:3px;
}
/*
Checkbox wizard */
.tl_checkbox_wizard
{
padding-top:2px;
}
.tl_checkbox_wizard_img
{
margin-top:-1px;
position:relative;
top:3px;
}
.tl_checkbox_wizard
.fixed {
display:block;
margin-top:1px;
}
.tl_checkbox_wizard .sortable
span {
display:block;
margin:-1px 0 0;
}
.tl_checkbox_wizard label
{
display:block;
margin:-14px 0;
padding-left:48px;
}
.js
.tl_checkbox_wizard label {
padding-left:34px;
}
.tl_checkbox_wizard
label:last-child {
margin-bottom:0;
}
.tl_checkbox_wizard .fixed label
{
padding-left:20px;
}
.tl_checkbox_wizard .tl_checkbox
{
margin-right:0;
}
/* Meta wizard */
.tl_metawizard,.tl_metawizard li
{
margin:0 0 6px;
}
.tl_metawizard li
{
overflow:hidden;
margin-bottom:2px;
padding:9px;
background:#fcfcfc;
}
.tl_metawizard
li.odd {
background:#f3f3f3;
}
.tl_metawizard label
{
float:left;
width:100px;
margin-top:4px;
}
.tl_metawizard .tl_text
{
float:left;
width:528px;
}
.tl_metawizard br
{
clear:left;
}
.tl_metawizard .lang
{
display:block;
margin-bottom:9px;
font-weight:bold;
position:relative;
}
.tl_metawizard_img
{
position:absolute;
right:0;
top:-1px;
cursor:pointer;
}
.tl_metawizard_new
.tl_select {
width:300px;
}
.tl_metawizard_new .tl_submit
{
margin-top:1px;
vertical-align:top;
}
.webkit .tl_metawizard_new
.tl_submit,.ie .tl_metawizard_new .tl_submit
{
padding-top:4px;
padding-bottom:4px;
}
.opera .tl_metawizard_new
.tl_submit {
padding-top:3px;
padding-bottom:3px;
}
/* Ajax box
*/
#tl_ajaxBox
{
width:20%;
padding:24px;
position:absolute;
left:40%;
background:#fff
url("images/loading.gif") no-repeat right center;
border:2px
solid #666;
border-radius:6px;
font-family:"Trebuchet
MS",Verdana,sans-serif;
font-size:15px;
font-size:.9375rem;
text-align:left;
}
#tl_ajaxOverlay
{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:#fff;
-moz-opacity:0.5;
opacity:
0.5;
}
/* Misc */
.ce_gallery ul {
overflow:hidden;
}
.ce_gallery li
{
float:left;
margin:0 6px 6px 0;
}
#theme-store
{
margin-top:24px;
text-align:right;
}
.drag-handle
{
position:relative;
top:1px;
cursor:move;
display:none;
}
.js
.drag-handle {
display:inline;
}
.parent_view .drag-handle,.tl_tablewizard
.drag-handle {
top:0;
}
.tl_listwizard .drag-handle
{
top:3px;
}
.tl_checkbox_wizard .drag-handle
{
vertical-align:bottom;
}
.js .button-move
{
width:0;
height:0;
left:-1000px;
top:-1000px;
position:absolute;
overflow:hidden;
display:inline;
}
ul.sortable
li {
cursor:move;
}
ul.sortable li .dirname {
display:none;
}
ul.sortable
li:hover .dirname {
display:inline;
}
#manager
{
margin-top:9px;
background:#f3f3f3;
border-bottom:1px solid
#bbb;
padding:3px 3px 4px;
}
#manager .open {
padding:2px 15px 3px
20px;
background:url("images/manager.gif") left center
no-repeat;
}
#manager .close {
padding:2px 15px 3px
20px;
background:url("images/back.gif") left center
no-repeat;
}
.ace_editor {
padding:3px;
}
.ace_editor,.ace_editor *
{
font-family:Courier,monospace
!important;
font-size:12px;
font-size:.75rem;
color:inherit;
}
.ace-fullsize
{
overflow:hidden !important;
}
.ace-fullsize .ace_editor
{
position:fixed
!important;
top:0;
right:0;
bottom:0;
left:0;
width:auto
!important;
height:auto
!important;
margin:0;
border:0;
z-index:10000;
}
/* Navigation icons
*/
a.navigation.article
{
background-image:url("images/article.gif");
}
a.navigation.form
{
background-image:url("images/form.gif");
}
a.navigation.themes
{
background-image:url("images/themes.gif");
}
a.navigation.page
{
background-image:url("images/page.gif");
}
a.navigation.member
{
background-image:url("images/member.gif");
}
a.navigation.mgroup
{
background-image:url("images/mgroup.gif");
}
a.navigation.user
{
background-image:url("images/user.gif");
}
a.navigation.group
{
background-image:url("images/group.gif");
}
a.navigation.files
{
background-image:url("images/files.gif");
}
a.navigation.log
{
background-image:url("images/log.gif");
}
a.navigation.settings
{
background-image:url("images/settings.gif");
}
a.navigation.maintenance
{
background-image:url("images/cache.gif");
}
a.navigation.undo
{
background-image:url("images/undo.gif");
}
a.navigation.login
{
background-image:url("images/login.gif");
}
a.navigation.tpl_editor
{
background-image:url("images/template_editor.gif");
}
/*
Default icon classes
*/
a.navigation,.header_icon,.header_home,.header_user,.header_preview,.header_clipboard,.header_logout,.header_back,.header_new,.header_rss,
.header_edit_all,.header_delete_all,.header_new_folder,.header_css_import,.header_theme_import,.header_store,.header_toggle,.header_sync
{
padding:2px 0 3px 20px;
background-position:left
center;
background-repeat:no-repeat;
margin-left:15px;
}
a.navigation
{
margin-left:0;
}
.list_icon
{
margin-left:-5px;
padding-left:20px;
background-position:left
center;
background-repeat:no-repeat;
}
.list_icon_new
{
width:16px;
background-position:left
center;
background-repeat:no-repeat;
}
.webkit .list_icon,.webkit
.list_icon_new {
background-position:left -1px;
}
/* Header icons
*/
.header_home
{
background-image:url("images/home.gif");
}
.header_user
{
background-image:url("images/login.gif");
}
.header_preview
{
background-image:url("images/preview.gif");
}
.header_clipboard
{
background-image:url("images/clipboard.gif");
}
.header_logout
{
background-image:url("images/logout.gif");
}
.header_back
{
background-image:url("images/back.gif");
}
.header_new
{
padding-left:18px;
background-image:url("images/new.gif");
}
.header_rss
{
background-image:url("images/rss.gif");
}
.header_edit_all
{
background-image:url("images/all.gif");
}
.header_delete_all
{
background-image:url("images/deleteAll.gif");
}
.header_new_folder
{
background-image:url("images/newfolder.gif");
}
.header_css_import
{
background-image:url("images/cssimport.gif");
}
.header_theme_import
{
background-image:url("images/theme_import.gif");
}
.header_store
{
padding-left:18px;
background-image:url("images/store.gif");
}
.header_toggle
{
background:url("images/folPlus.gif") no-repeat -1px
center;
}
.header_sync
{
background-image:url("images/sync.gif");
}
/* Visual hint for
TRBL fields - thanks to Eugene Rybyakov
*/
.tl_text_trbl,.tl_imageSize_0,.tl_imageSize_1,#ctrl_gradient
input,#ctrl_playerSize input
{
background:url("images/hints.gif") no-repeat -20px
20px;
}
#ctrl_playerSize_0 {
background-position:right 1px
!important;
}
#ctrl_playerSize_1 {
background-position:right -18px
!important;
}
.tl_imageSize_0 {
background-position:right 1px
!important;
}
.tl_imageSize_1 {
background-position:right -18px
!important;
}
.trbl_top {
background-position:right -39px
!important;
}
.trbl_right {
background-position:right -59px
!important;
}
.trbl_bottom {
background-position:right -79px
!important;
}
.trbl_left {
background-position:right -99px
!important;
}
#ctrl_shadowsize_top {
background-position:right -119px
!important;
}
#ctrl_shadowsize_right {
background-position:right -139px
!important;
}
#ctrl_shadowsize_bottom {
background-position:right -159px
!important;
}
#ctrl_shadowsize_left {
background-position:right -179px
!important;
}
#ctrl_borderradius_top {
background-position:left -199px
!important;
}
#ctrl_borderradius_right {
background-position:right -219px
!important;
}
#ctrl_borderradius_bottom {
background-position:right -241px
!important;
}
#ctrl_borderradius_left {
background-position:left -261px
!important;
}
/* Error messages */
label.error,legend.error
{
color:#c33;
}
.tl_tbox .tl_error,.tl_box .tl_error
{
background:none;
padding:0;
font-size:10px;
font-size:.625rem;
}
.tl_formbody_edit
> .tl_error {
margin-top:18px;
}
/* Fieldsets */
fieldset.tl_tbox
{
margin-top:18px;
}
fieldset.tl_tbox,fieldset.tl_box
{
padding-top:6px;
border:solid #ddd;
border-width:1px 0
0;
}
fieldset.nolegend {
padding-top:12px;
}
fieldset.tl_tbox >
legend,fieldset.tl_box > legend
{
color:#77ac45;
padding-left:18px;
padding-right:3px;
background:url("images/palOpen.gif")
left center no-repeat;
cursor:pointer;
}
fieldset.collapsed
{
padding-top:0;
padding-bottom:12px;
margin-bottom:0;
}
fieldset.collapsed
div {
display:none !important;
}
fieldset.collapsed > legend
{
background:url("images/palCollapsed.gif") left center
no-repeat;
}
/* Maintenance */
#tl_maintenance_cache th
{
background:#f6f6f6;
padding:2px 3px 3px;
border-top:1px solid
#e9e9e9;
}
#tl_maintenance_cache th,#tl_maintenance_cache td
{
border-bottom:1px solid #e9e9e9;
}
#tl_maintenance_cache th
{
padding:3px 6px;
}
#tl_maintenance_cache td {
padding:6px 6px
7px;
}
#tl_maintenance_cache tr:nth-child(even) td
{
background:#fcfcfc;
}
#tl_maintenance_cache td span
{
color:#999;
}
#tl_maintenance_cache td:first-child
{
width:16px;
}
#tl_maintenance_cache .nw
{
white-space:nowrap;
}
#tl_maintenance_cache .tl_checkbox_container label
{
margin:0;
padding-left:0;
font-weight:bold;
display:inline;
}
/*
Pagination */
.pagination
{
overflow:hidden;
background:#f6f6f6;
margin-top:6px;
border:solid
#e9e9e9;
border-width:1px 0;
}
.pagination ul
{
max-width:60%;
float:right;
text-align:right;
padding-right:2px;
}
.pagination
p {
max-width:30%;
float:left;
margin-bottom:0;
}
.pagination li
{
float:left;
}
.pagination a,.pagination span,.pagination p
{
display:block;
padding:3px 4px 4px;
}
.pagination .current
{
color:#999;
}
.pagination-lp {
border:0;
border-top:1px solid
#ccc;
padding:3px 0 4px 6px;
}
/* File synchronization */
#sync-results
{
overflow:hidden;
margin:6px 18px 0;
}
#sync-results p
{
margin-bottom:0;
}
#sync-results .left
{
float:left;
padding-top:2px;
}
#sync-results .right
{
float:right;
}
#sync-results .tl_checkbox {
top:0;
}
/* DropZone
*/
.dz-container {
padding:6px;
border:3px dashed #ddd;
}
.dz-message
{
cursor:pointer;
padding:36px 18px;
-moz-transition:all .15s
linear;
-webkit-transition:all .15s linear;
-o-transition:all .15s
linear;
transition:all .15s linear;
}
.dz-message span
{
font-size:21px;
font-size:1.3125rem;
color:#ccc;
}
/* Wide screen
*/
@media (min-width:1200px) {
#header
{
width:1138px;
}
#container,#footer {
width:1140px;
}
.popup
#container,#main {
width:921px;
}
.tl_listing,.tl_show
{
width:885px;
}
.tl_header,.tl_content
{
width:873px;
}
.tl_content.indent
{
width:853px;
}
.tl_content.indent_2
{
width:833px;
}
.tl_content.indent_3
{
width:813px;
}
.tl_content.indent_4
{
width:793px;
}
.tl_content.indent_5
{
width:773px;
}
.tl_content_left {
width:680px;
}
.cte_type
{
width:700px;
}
.tl_listing .tl_left {
width:600px;
}
ul.level_1
.tl_left {
width:580px;
}
ul.level_2 .tl_left
{
width:560px;
}
ul.level_3 .tl_left {
width:540px;
}
ul.level_4
.tl_left {
width:520px;
}
ul.level_5 .tl_left
{
width:500px;
}
ul.level_6 .tl_left {
width:480px;
}
ul.level_7
.tl_left {
width:460px;
}
ul.level_8 .tl_left
{
width:440px;
}
ul.level_9 .tl_left {
width:420px;
}
.tl_tree_xtnd
.tl_folder .tl_left {
width:640px;
}
.tl_tree_xtnd ul.level_1
.tl_folder .tl_left {
width:620px;
}
.tl_tree_xtnd ul.level_2
.tl_folder .tl_left {
width:600px;
}
.tl_tree_xtnd ul.level_3
.tl_folder .tl_left {
width:580px;
}
.tl_tree_xtnd ul.level_4
.tl_folder .tl_left {
width:560px;
}
.tl_tree_xtnd ul.level_5
.tl_folder .tl_left {
width:540px;
}
.tl_tree_xtnd ul.level_6
.tl_folder .tl_left {
width:520px;
}
.tl_tree_xtnd ul.level_7
.tl_folder .tl_left {
width:500px;
}
.tl_tree_xtnd ul.level_8
.tl_folder .tl_left {
width:480px;
}
.tl_tree_xtnd ul.level_9
.tl_folder .tl_left {
width:460px;
}
#tl_soverview table
{
width:885px;
}
.tl_chmod th,.tl_chmod td
{
width:122px;
}
.tl_modulewizard .tl_select
{
width:460px;
}
#tl_tablewizard {
width:870px;
}
.tl_listwizard
.tl_text,.tl_metawizard .tl_text {
width:700px;
}
.tl_panel .tl_select
{
width:136px;
}
.tl_filter .tl_select {
width:128px;
}
.tl_limit
.tl_select {
width:110px;
}
.tl_search .tl_text
{
width:86px;
}
.mac .tl_panel select {
max-width:184px;
}
}
/*
Tablet */
@media (max-width:991px) {
#header,#left
{
width:743px;
}
#container {
width:auto;
}
#main,#left
{
float:none;
margin:0 auto;
}
#left
{
margin-bottom:18px;
}
#footer {
width:745px;
}
.collapsible h1
{
margin:1px 1px 0 !important;
border-radius:3px
!important;
border-bottom:1px solid
#fff;
position:relative;
cursor:pointer;
}
.collapsible h1:after
{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:4px;
right:6px;
background:url("images/arrows.png")
left top no-repeat;
}
.collapsible_area
{
display:none;
}
.collapsible.xpnd h1 {
border-radius:3px 3px 0 0
!important;
border-bottom:0;
}
.collapsible.xpnd h1:after
{
background-position:left bottom;
}
.collapsible.xpnd
.collapsible_area {
display:block;
}
#tl_navigation .tl_level_2 li
{
min-width:150px;
margin:1px 18px 6px
0;
display:inline-block;
}
}
/* Handheld */
@media (max-width:767px)
{
.popup #container {
width:auto;
}
#header,#left,#main,#footer
{
width:auto;
margin-left:10px;
margin-right:10px;
}
#footer
{
padding-bottom:18px;
}
#tmenu
{
line-height:2;
text-align:left;
}
.header_home,.header_user,.header_preview,.header_logout
{
margin-left:0;
margin-right:15px;
}
div.tl_tbox,div.tl_box,fieldset.tl_tbox
> div,fieldset.tl_box > div
{
position:relative;
}
.tl_header,.tl_content,.tl_content.indent,.tl_listing
{
width:auto;
}
.tl_content_left
{
width:100%;
float:none;
}
table.tl_listing
{
width:100%;
}
.tl_listing_container
{
margin-left:10px;
margin-right:10px;
}
.showColumns th,
.showColumns td {
display:block;
}
.showColumns th:empty
{
display:none;
}
.tl_label {
white-space:normal;
}
.list_view
.tl_listing img.theme_preview {
display:none;
}
.tl_listing .tl_left
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-width:-webkit-calc(100%
- 36px);
max-width:calc(100% - 36px);
}
.tl_search .tl_select
{
width:102px;
}
.tl_subpanel
{
float:none;
position:relative;
padding:3px 6px;
}
.tl_filter
strong {
display:none;
}
.tl_filter .tl_select
{
display:block;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:-webkit-calc(100%
- 6px);
width:calc(100% - 6px);
}
.tl_submit_panel
{
float:right;
z-index:1;
}
input.tl_submit
{
margin-top:3px;
margin-bottom:3px;
padding-left:6px
!important;
padding-right:7px !important;
}
.tl_formbody_edit
{
padding-left:10px;
padding-right:10px;
}
#tl_tablewizard
{
width:430px;
}
.tl_listwizard .tl_text {
width:-webkit-calc(100% -
54px);
width:calc(100% - 54px);
}
.tl_metawizard .tl_text
{
width:100%;
}
.tl_metawizard_new .tl_select
{
width:40%;
}
.tl_optionwizard .tl_text_2
{
width:100%;
}
#tl_buttons {
line-height:2;
}
#tl_breadcrumb li
{
padding:3px;
}
#tl_versions {
display:none;
}
.mac .tl_panel
select {
max-width:none;
}
.tl_version_panel .tl_select
{
width:136px;
}
#manager
{
margin-left:10px;
margin-right:10px;
}
.tl_modulewizard .tl_select
{
width:100px;
}
#paste_hint,.sort_hint
{
display:none;
}
#tl_maintenance_cache table
{
width:100%;
}
#tl_maintenance_cache tr
th:last-child,#tl_maintenance_cache tr td:last-child
{
display:none;
}
.mod_repository table th, .mod_repository table td
{
display:block;
width:100%
!important;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.mod_repository
table tr.title th {
overflow:hidden;
}
.tl_file_list .ellipsis
{
padding-right:10px;
}
#tl_navigation .tl_level_2 li
{
min-width:110px;
}
}
/* Table wizard fix */
@media (max-width:479px)
{
#tl_tablewizard {
width:272px;
}
}