Файл: templates/default/controllers/admin/styles.css
Строк: 2678
html, body {
padding:0; margin:0;
font-family: 'Trebuchet MS',
Helvetica, 'DejaVu Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida
Sans', sans-serif;
height: 100%;
font-size:14px;
}
h1, h2, h3 {
margin-top:0; font-weight: normal; color:#34495e; }
h1 {
color:#34495e;
background: #F9F9F9;
border-bottom: solid 1px
#EDEDED;
margin:-20px;
margin-bottom: 20px;
padding:0 20px;
font-size:22px;
height:50px;
line-height:50px;
}
h1+h2 {
margin-top: -5px;
}
h1 span, h2 span { color:#68809B; }
h1 span a { color:
inherit;}
a, a.ajaxlink { color: #34495e; transition: color ease-in-out
.15s; }
a:hover, a.ajaxlink:hover { color: #f90; }
a.ajaxlink {
text-decoration:none; border-bottom: dashed 1px #34495e; }
a.ajaxlink:hover
{ text-decoration:none; border-bottom: dashed 1px #f90; }
.auto_copy_value
{
cursor: pointer;
border-bottom: dashed
1px;
}
.auto_copy_value:hover {
color: #27ae60;
}
.positive {
color:green; }
.negative { color:red; }
.modal_padding { padding:10px;
}
.modal_treeview {
padding:10px;
width:300px;
height:300px;
overflow-y: auto;
position: relative;
margin-bottom:
10px;
}
.modal_treeview .hint{
font-size:small;
color:#999;
display: inline-block;
margin-bottom: 10px;
}
.anim_tooltip{
color:
#ddd;
display: block;
font-size: 12px;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
#cp_body{
padding:20px;
height:100%;
position:
relative;
}
#wrapper{
position:relative;
height:auto !important;
min-height: 100%;
display:block;
}
#popup-manager.popup-show ~
#wrapper, #popup-manager.popup-show ~ #cp_footer, .blur_block {
-webkit-filter:blur(2px);
-moz-filter:blur(2px);
-ms-filter:blur(2px);
-o-filter:blur(2px);
filter:blur(2px);
}
#cp_body .pad { height:40px; clear:both;
}
#cp_footer{
height:40px;
font-size:12px;
line-height:40px;
background: #333;
color:#FFF;
margin-top:-40px;
padding:0
20px;
text-align: center;
clear:both;
position: relative;
z-index:9;
color:#999;
}
#cp_footer a { color:#999; }
#cp_footer
a:hover { text-decoration: none; }
/*
==========================================================================
*/
/*
==========================================================================
*/
#cp_top_line{
background: #333;
height:35px;
line-height:35px;
padding:0 10px;
color:#FFF;
font-size:12px;
}
#cp_top_line #site_off_notice{
float:left;
color: #F90;
padding-left:20px;
background:url("../../images/icons/error.png") no-repeat left
center;
}
#cp_top_line ul, #cp_top_line li { margin:0; padding:0;
list-style:none; }
#cp_top_line ul { overflow: hidden; }
#cp_top_line ul li
{ float: left; padding:0 10px; border-right:solid 1px #444; }
#cp_top_line
ul li:hover { background-color: #444; }
#cp_top_line ul li:last-child {
border:none; }
#cp_top_line ul li a{ color:#999; display: inline-block;
height: 100%; text-decoration: none; }
#cp_top_line ul li a:hover,
#cp_top_line ul li.notices-counter a { color:#F90; }
#cp_top_line
#left_links{ float:left; }
#cp_top_line #right_links{ float:right;
}
#install_folder_exists {
color: #ff0d0d;
}
#cp_top_line a.logout {
color:#6FB8F1;
}
span.wrap > span.counter {
margin: 0 0 0
5px;
}
span.wrap > span.counter:before {
content: '(';
}
span.wrap
> span.counter:after {
content: ')';
}
#cp_top_line a.user{
display: block;
height: 35px;
}
#cp_top_line a.user > img {
float: left;
padding: 4px 0;
height: 27px;
width: 27px;
border-radius: 50%;
}
#cp_top_line a.user > span {
float: left;
margin: 0 0 0 10px;
}
#cp_top_line #is_update a {
padding-left:24px;
background: url("../../images/icons/info.png") no-repeat left
9px;
text-decoration: none;
color:#DDD;
}
#cp_top_line #is_update
a:hover {
color:#F90;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
#cp_header{
background:
url("../../images/admin/menu_bg.png") #68809B;
height:80px;
overflow:hidden;
padding:0 20px;
}
#cp_header #logo,
#cp_header
#menu { height:80px; }
#cp_header #logo { float:left; }
#cp_header #menu {
float:right; }
#cp_header #logo a {
display: block;
background-image: url(../../images/logo.svg);
width: 140px;
height:
80px;
background-repeat: no-repeat;
background-position: center
center;
background-size: contain;
}
#cp_header #menu ul,
#cp_header
#menu li{ margin:0; padding:0; list-style: none; height:80px; }
#cp_header
#menu li{ float:left; }
#cp_header #menu li:hover {
background:
url("../../images/admin/menu_hover_bg.png")
repeat-x;
}
#cp_header #menu li.active {
background:
url("../../images/admin/menu_active_bg.png")
no-repeat;
}
#cp_header #menu li.active a {
background:
url("../../images/admin/menu_active_bg.png") no-repeat right
-80px;
}
#cp_header #menu li a {
display:block;
color:#FFF;
text-decoration: none;
}
#cp_header #menu li .wrap {
display: block;
padding:0 17px;
background:url("../../images/icons32/page.png") no-repeat center
14px;
padding-top:50px;
padding-bottom:12px;
text-shadow: 0 1px
1px #000;
}
#cp_header #menu .item-menu .wrap { background-image:
url("../../images/icons32/menu.png"); }
#cp_header #menu
.item-content .wrap { background-image:
url("../../images/icons32/pages.png"); }
#cp_header #menu
.item-ctypes .wrap { background-image:
url("../../images/icons32/form_edit.png"); }
#cp_header #menu
.item-widgets .wrap { background-image:
url("../../images/icons32/layout.png"); }
#cp_header #menu
.item-controllers .wrap { background-image:
url("../../images/icons32/brick.png"); }
#cp_header #menu
.item-addons .wrap { background-image:
url("../../images/icons32/package_go.png"); }
#cp_header #menu
.item-users .wrap { background-image:
url("../../images/icons32/user.png"); }
#cp_header #menu
.item-settings .wrap { background-image:
url("../../images/icons32/settings.png"); }
/*
==========================================================================
*/
/*
==========================================================================
*/
#cp_pathway{
padding:0 20px;
height:32px;
background:url("../../images/admin/pw_bg.png") repeat-x #F9F9F9;
color:#BBB;
font-size:12px;
}
#cp_pathway ul,
#cp_pathway ul li{
margin:0;
padding:0;
list-style: none;
}
#cp_pathway ul li{
float:left;
}
#cp_pathway ul li.home a {
display: block;
width:
16px;
height: 32px;
background:
url("../../images/nav-home.png") no-repeat left
center;
}
#cp_pathway a { color:#68809B; display: block; float:left;
}
#cp_pathway a:hover { color:#666; text-decoration: none; }
#cp_pathway
span{
display:inline-block;
line-height:32px;
height:32px;
}
#cp_pathway .sep{
display:inline-block;
float:left;
width:19px;
height:32px;
margin: 0px 5px 0px 1px;
background:url("../../images/admin/pw_sep.png")
no-repeat;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
.cp_toolbar {
padding:0 10px;
background:#F9F9F9;
border:
solid 1px #EDEDED;
border-radius: 4px;
margin-bottom:10px;
transition: all ease-in-out .2s;
}
.fixed_toolbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
border-radius: 0;
z-index:
101;
box-shadow: 0px 2px 10px #B3C2C9;
padding: 0 20px;
box-sizing: border-box;
border-top: none;
border-right: none;
border-left: none;
border-color: #B3C2C9;
}
.cp_toolbar ul,
.cp_toolbar
li {
overflow:hidden;
padding:0;
margin:0;
}
.cp_toolbar ul li
{ float:left; }
.cp_toolbar ul li.right { float: right; }
.cp_toolbar a {
color:#666;
text-decoration: none;
padding:6px 0px 4px 20px;
margin-right: 10px;
display: inline-block;
border-bottom: 2px solid
transparent;
}
.fixed_toolbar a {
padding:10px 0px 10px
20px;
}
.cp_toolbar a:hover, .cp_toolbar .addons_dataset.active a {
color:#000;
border-bottom-color: #666;
}
.cp_toolbar .addons_dataset a
{
padding-left: 0;
margin-left: 10px;
}
.cp_toolbar ul
li.scroll_top {
float: right;
display: none;
background-color:
#64889b;
}
.cp_toolbar.fixed_toolbar ul li.scroll_top {
display:
block;
transition: all ease-in-out .15s;
}
.cp_toolbar ul li.scroll_top
a {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBzdHlsZT0iZmlsbDojRkZGOyI+PHBhdGggZD0iTTUwMCwxMEMyMjkuNCwxMCwxMCwyMjkuNCwxMCw1MDBjMCwyNzAuNywyMTkuNCw0OTAsNDkwLDQ5MHM0OTAtMjE5LjMsNDkwLTQ5MEM5OTAsMjI5LjQsNzcwLjYsMTAsNTAwLDEweiBNNTAwLDkyOC44QzI2My4zLDkyOC44LDcxLjMsNzM2LjksNzEuMyw1MDBjMC0yMzYuOCwxOTItNDI4LjgsNDI4LjgtNDI4LjhjMjM2LjcsMCw0MjguOCwxOTIsNDI4LjgsNDI4LjhDOTI4LjgsNzM2LjksNzM2LjcsOTI4LjgsNTAwLDkyOC44eiIvPjxwYXRoIGQ9Ik04MjkuNSw0NDIuN0w1NjIuOCwxNzYuMmMtMzIuNi0zMi43LTc3LjUtMzMuMi0xMTAuNCwwTDE4NS45LDQ0Mi43Yy0xOS45LDE5LjktMTkuOCw1Mi4xLDAsNzJjMTkuOCwxOS44LDQzLDE5LjgsNjIuOCwwbDE5MC0xOTkuMXY1MDcuM2MwLDI4LjEsMzMuMSw1MC44LDYxLjMsNTAuOGMyOC4xLDAsNjEuMy0yMi43LDYxLjMtNTAuOFYzMTUuNmwxOTcuNywxOTljMTkuOSwxOS45LDUxLjQsMTkuOCw3MS4zLDBDODQ5LjksNDk0LjgsODQ5LjMsNDYyLjYsODI5LjUsNDQyLjd6Ii8+PC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center center;
height: 28px;
width: 70px;
padding: 0;
border: none;
display: block;
box-sizing: border-box;
margin: 5px
0;
}
.cp_toolbar ul li.scroll_top:hover {
background-color:
#82aabf;
}
.cp_toolbar ul li.right + .scroll_top {
margin-right:
14px;
}
.cp_toolbar .important a{ color: #bf0000; }
.cp_toolbar .add .item
{ background: url("../../images/icons/add.png") no-repeat left
center; }
.cp_toolbar .add_folder .item { background:
url("../../images/icons/folder_add.png") no-repeat left center;
}
.cp_toolbar .edit_folder .item { background:
url("../../images/icons/folder_edit.png") no-repeat left center;
}
.cp_toolbar .delete_folder .item { background:
url("../../images/icons/folder_delete.png") no-repeat left
center; }
.cp_toolbar .tree_folder .item { background:
url("../../images/icons/folders_explorer.png") no-repeat left
center; }
.cp_toolbar .edit .item { background:
url("../../images/icons/edit.png") no-repeat left center;
}
.cp_toolbar .delete .item { background:
url("../../images/icons/delete.png") no-repeat left center;
}
.cp_toolbar .basket_put .item { background:
url("../../images/icons/basket_put.png") no-repeat left center;
}
.cp_toolbar .move .item { background:
url("../../images/icons/move_to_folder.png") no-repeat left
center; }
.cp_toolbar .save .item { background:
url("../../images/icons/save.png") no-repeat left center;
}
.cp_toolbar .cancel .item { background:
url("../../images/icons/cancel.png") no-repeat left center;
}
.cp_toolbar .permissions .item { background:
url("../../images/icons/key.png") no-repeat left center;
}
.cp_toolbar .filter .item { background:
url("../../images/icons/filter.png") no-repeat left center;
}
.cp_toolbar .delete_filter .item { background:
url("../../images/icons/filter_delete.png") no-repeat left
center; }
.cp_toolbar .settings .item { background:
url("../../images/icons/settings.png") no-repeat left center;
}
.cp_toolbar .refresh .item { background:
url("../../images/icons/refresh.png") no-repeat left center;
}
.cp_toolbar .help .item { background:
url("../../images/icons/help.png") no-repeat left center;
}
.cp_toolbar .install .item { background:
url("../../images/icons/install.png") no-repeat left center;
}
.cp_toolbar .addons .item { background:
url("../../images/icons/package_go.png") no-repeat left center;
}
.cp_toolbar .logs .item { background:
url("../../images/icons/logs.png") no-repeat left center;
}
.cp_toolbar .transfer .item { background:
url("../../images/icons/transfer.png") no-repeat left center;
}
.cp_toolbar .view_list .item { background:
url("../../images/icons/view_list.png") no-repeat left center;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
form.modal{
margin:15px;
box-sizing: border-box;
}
form
fieldset .field{
margin-bottom: 5px;
}
form fieldset
.field:last-child{
margin-bottom: 0;
}
form fieldset .field, form .hint
{
clear: both;
}
form fieldset{
padding:10px 15px 15px 15px;
border-radius:4px;
border:solid 1px #B3C2C9;
margin-bottom:12px;
}
form fieldset legend{
color:#34495e;
font-weight: bold;
}
form fieldset p {
color:#666;
}
form .label {
padding:5px 0;
}
form .field label {
display:block;
padding:3px
0;
color:#68809B;
margin-bottom:3px;
}
form .field label >
input[type=checkbox] {
position: relative;
bottom: -1.3px;
}
form
.field .input_checkbox_list label {
display: inline-table;
color:#666;
}
form .field .input_checkbox_list.block_labels > label,
form .field .input_checkbox_list label.form-check-block {
display:
block;
}
form .ft_list
.loading{
display:inline-block;
width:16px;
height:16px;
margin-left:10px;
}
form
.ft_list label .loading{
width:13px;
height:13px;
}
form
.child_field{padding-left:20px}
.parent_field {
margin-left:
25px;
}
.input,
.textarea,
.date-input,
.city-input,
.short-input,
select
{
border: solid 1px #aaa;
border-radius:2px;
padding:4px;
font-size:14px;
box-shadow: inset 0 2px 8px #DDD;
color:#333;
outline:none;
box-sizing: border-box;
height: 28px;
line-height: 28px;
display: inline-block;
font-family: inherit;
font-size: inherit;
transition: box-shadow ease-in-out
.15s;
}
.chosen-container-single .chosen-single {
border-radius:
2px;
}
.input:focus,
.textarea:focus {
box-shadow: 0 0 5px rgba(0, 0,
0, 0.3);
}
select:focus { outline: none; }
.file-input {
font-size:
100%;
}
.textarea {
height: 120px;
resize:vertical;
}
input.error,
textarea.error {
border:solid 1px
red;
}
.city-input {
display: inline-block;
margin-bottom:2px;
background:#FFF;
height:26px;
line-height:16px;
padding: 4px
2px;
}
.city-input span { padding-right:20px; padding-left:2px;
}
.city-input a {
background:#68809B;
color:#FFF;
text-decoration:none;
padding:1px 10px;
}
.city-input a:hover {
background:#34495e;
}
form .field_error .input,
form .field_error
.textarea,
form .field_error select { border:solid 1px red; }
form .field
.input, form .field .textarea{ width:100%; }
form select { width:300px;
}
#site_settings #fset_2 .chosen-container,
#site_settings #fset_5
.chosen-container { width:300px !important; }
form .field
.input-number,
form .field .input-small { width:80px; }
form .field
.input-number-units { color:#999; padding-left: 5px; }
form.modal
.textarea { resize: vertical; }
form .error_text{
font-size:12px;
color:red; float:right; margin-top: 4px;
}
.input-prefix-suffix .input{
display:inline-block;
width:300px !important;
float:left;
border-radius:0;
margin:0;
height: 26px;
}
.input-prefix-suffix
.prefix,
.input-prefix-suffix .suffix{
height:16px;
line-height:
16px;
padding:4px 8px;
display:inline-block;
float:left;
color:#666;
background:#f9f9f9;
border:solid 1px #AAA;
font-size:11px;
}
.input-prefix-suffix .prefix{
border-radius:4px 0 0
4px;
border-right: none;
}
.input-prefix-suffix .suffix{
border-radius:0 4px 4px 0;
border-left: none;
}
form
.input-prefix-suffix:after {
clear: both;
content: '';
display:
block;
}
.button-submit,
.button {
font-size: 100%;
margin: 0 2px 0
0;
padding: 10px 15px;
line-height: 100%;
border-radius: 4px;
cursor:
pointer;
width: auto;
text-shadow: 0 1px 3px #FFF;
color:
#333;
text-decoration: none;
vertical-align: middle;
border: 1px solid
#CCCCCC;
background: #FFF; /* Old browsers */
background:
-moz-linear-gradient(top, #FFF 0%, #EDEDED 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#FFF), color-stop(100%,#EDEDED)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFF 0%,#EDEDED 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFF
0%,#EDEDED 100%); /* Opera 11.10+ */
background:
-ms-linear-gradient(top, #FFF 0%,#EDEDED 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFF 0%,#EDEDED 100%); /* W3C */
box-shadow: 0 0 3px #ddd;
transition: all .3s;
}
form .ft_date select
{
width: 50px;
padding: 2px;
}
.button-submit:hover,
.button:hover
{
box-shadow: 0 0 3px #aaa;
color:
#069;
}
.button-submit:active,
.button:active {
box-shadow: inset 0
1px 3px #999;
background: #DDDDDD; /* Old browsers */
background:
-moz-linear-gradient(top, #DDDDDD 0%, #FFF 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#DDDDDD), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #DDDDDD 0%,#FFF 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #DDDDDD
0%,#FFF 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,
#DDDDDD 0%,#FFF 100%); /* IE10+ */
background: linear-gradient(to
bottom, #DDDDDD 0%,#FFF 100%); /* W3C */
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD',
endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
color:#333;
}
.button-small {
padding:4px 10px;
}
form .reg_input{
width:240px;
margin-bottom:2px;
}
form .reg_button{
margin-top:10px;
width:245px;
}
form .date-input,
form .short-input{
width: 100px;
}
#A3CAE0_event_form .field, #A3CAE0_place_form .field{
width:400px;
margin-bottom:8px;
}
form .hint {
color: #888;
font-size: 12px;
margin-top: 2px;
}
.odd{
background:#EDEDED;
}
.select_deselect {
margin: 10px 0 0
5px;
}
.select_deselect a {
text-decoration: none;
margin: 0 10px 0
0;
font-size: 13px;
}
.is_collapsed {
transition: all 0.3s
ease;
}
.is_collapse {
position: relative;
background: #ecf0f1;
height: 30px;
box-sizing: border-box;
line-height: 30px;
cursor: pointer;
padding-left: 10px;
}
.is_collapse > legend {
position: absolute;
top: 0;
width: 100%;
box-sizing:
border-box;
display: block;
left: 0;
}
.is_collapsed >
legend:before {
content: '+';
display: inline-block;
margin: 0
10px 0 10px;
font-size: 16px;
}
.is_collapsed.do_expand >
legend:before {
content: '-';
}
.is_collapsed.do_expand > legend {
cursor: pointer;
}
.is_collapse > .field, .is_collapse >
.field_tabbed, .hide_field {
display: none
!important;
}
/*============================================================================*/
.gui-panel
{
background: #F4F8FD;
border: solid 1px #B8D6FB;
margin: 20px
0;
overflow: hidden;
padding:15px;
color: #B3C2C9;
border-radius: 4px;
}
.gui-panel h3 {
margin-top:0;
margin-bottom:
5px;
}
#ctype_moderators_add h3 { margin-bottom: 0;
}
#ctype_moderators_add .loading-icon { margin-top: 10px;
}
#ctype_moderators_add .field { margin-top: 10px; }
#ctype_moderators_add
.field .input { width: 250px; }
#ctype_moderators_add .field .button {
height: 27px;
line-height: 5px;
margin-top: -3px;
}
/* Indicators
===============================================================
*/
.loading{
padding-left: 20px;
background:url("../../images/loader16.gif") no-repeat left
center;
}
.loading-icon{
display:block;
width:16px;
height:16px;
background:url("../../images/loader16.gif")
no-repeat left center;
}
.loading-panel{
background:url("../../images/loader24.gif") no-repeat center
center;
}
.ui-autocomplete-loading {
background:url("../../images/loader16.gif") no-repeat right
center;
}
/*============================================================================*/
.modal_form
{
box-sizing: border-box;
}
.tabs-menu{
margin-bottom:
10px;
}
.tabs-menu > ul,
.tabs-menu > ul > li, ul.field_tabbed,
ul.field_tabbed > li {
margin:0; padding:0;
list-style:none;
}
.tabs-menu > ul {
border-bottom: solid 1px
#B3C2C9;
height:33px;
clear:both;
}
.tabs-menu > ul > li {
float:left;
font-size:15px;
margin-right: 3px;
background:#FFF;
}
.tabs-menu > ul > li > a {
text-decoration: none;
display:inline-block;
padding:0 10px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:
solid 1px #FFF;
border-bottom: solid 1px #B3C2C9;
height:32px;
line-height:32px;
transition: background ease-in-out
.15s;
}
.tabs-menu > ul > li > a {
color:#68809B
!important;
}
.tabs-menu > ul > li > a:hover {
background:#e1ebef;
color:#34495e !important;
}
.tabs-menu > ul
> li.active > a,
.tabs-menu > ul > li.active > a:hover {
cursor:default;
color:#34495e !important;
border: solid 1px
#B3C2C9;
border-bottom: solid 1px #fff;
background:#FFF;
}
.tabs-menu .tab {
border: solid 1px #B3C2C9;
border-top:none;
padding-top:10px;
}
.tabs-menu .tab fieldset{
border:none;
padding-bottom: 5px;
}
.tabs-menu > select {
display:none; }
ul.field_tabbed {
border-bottom: 1px solid #DDD;
display: block;
height: 27px;
margin: 10px 0 0 0;
}
ul.field_tabbed
> li {
float: left;
background-color: #DDD;
border: 1px
solid #DDD;
margin: 0 5px 0 0;
background-repeat: no-repeat;
background-position: 4px center;
background-size: auto
16px;
}
ul.field_tabbed > li.field_tabbed_ru {
background-image:
url("../../images/languages/ru.svg");
}
ul.field_tabbed >
li.field_tabbed_en {
background-image:
url("../../images/languages/en.svg");
}
ul.field_tabbed > li
> a {
text-decoration: none;
display: block;
padding: 5px
10px;
}
ul.field_tabbed > li.field_tabbed_ru > a, ul.field_tabbed
> li.field_tabbed_en > a {
padding-left: 40px;
}
ul.field_tabbed
> li.active {
background-color: #FFF;
border-bottom: 1px solid
#FFF;
}
.field.multilanguage {
padding: 5px 0 10px 10px;
border-left: 1px solid #DDD;
}
.field.multilanguage.child_field,
.field_tabbed.child_field {
margin-left: 20px;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
.pills-menu { clear:both; overflow:hidden; margin-bottom: 20px;
}
.pills-menu ul,
.pills-menu li{
margin:0; padding:0; list-style:
none;
}
.pills-menu ul{
padding-left: 1px;
}
.pills-menu li{
float:left;
margin-left: -1px;
}
.pills-menu li a,
.pills-menu li
span.disabled {
display:block;
padding:4px 16px;
border:solid
1px #B3C2C9;
text-decoration: none;
transition: background-color
ease-in-out .15s, box-shadow ease-in-out .15s;
}
.pills-menu
li:first-child,
.pills-menu li:first-child span.disabled,
.pills-menu
li:first-child a {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.pills-menu li:last-child,
.pills-menu
li:last-child span.disabled,
.pills-menu li:last-child a {
border-top-right-radius: 100px;
border-bottom-right-radius:
100px;
}
.pills-menu li a:hover {
color:#34495e;
background-color:
#F4FAFC;
box-shadow:inset 0 1px 2px #B3C2C9;
}
.pills-menu li.active
{
background: #D8E5F1;
border-color: #B3C2C9;
color:#000;
box-shadow:inset 0 1px 1px #b3c2c9;
text-shadow:0 1px 2px
#FFF;
}
.pills-menu li span.disabled { color: #B3C2C9; }
.pills-menu li
.counter {
display:
inline-block;
background:#34495e;
color:#FFF;
padding:0
5px;
border-radius: 4px;
margin-left:5px;
margin-top:-1px;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
/**************************** Сообщения сессии
********************************/
.sess_messages {
display:block;
margin:-20px;
margin-bottom:20px;
}
.sess_messages div{
padding:0
20px;
padding-left:42px;
height:32px;
line-height:32px;
margin-bottom:2px;
}
.sess_messages .message_info {
background:url("../../images/icons/info.png") no-repeat 20px
center #F4FAFC;
border-bottom: solid 1px #B8D6FB;
color:#68809B;
}
.sess_messages .message_success {
background:url("../../images/icons/accept.png") no-repeat 20px
center #e5fccf;
color: green;
border-bottom: solid 1px
#9fc974;
}
.sess_messages .message_error {
background:url("../../images/icons/error.png") no-repeat 20px
center #ffeded;
color: red;
border-bottom: solid 1px
#e8b2b2;
}
#alert_wrap {
box-sizing: border-box;
overflow: hidden;
width: 320px;
}
#alert_wrap .ui_message {
margin-bottom:
0;
}
.ui_message {
padding: 15px;
margin-bottom: 20px;
background-color: #E4F1FE;
border-color: #2980b9;
border-width:
1px;
border-style: solid;
border-left-width: 10px;
color:
#555;
}
.ui_message.ui_warning {
background-color: #FDE3A7;
border-color: #f39c12;
}
.ui_message.ui_error {
background-color:
#F1A9A0;
border-color: #e74c3c;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
ul.errors, ul.errors li {
margin: 0; padding:0; list-style:
none;
}
ul.errors { margin: 20px 0; }
ul.errors li {
padding-left:25px;
background:url("../../images/icons/error.png") no-repeat left
top;
margin-bottom:15px;
}
ul.errors li .text{ color:red;
margin-bottom: 10px; }
ul.errors li .hint{ color:#999; }
ul.errors li .hint
strong { color:#666666; }
/*
==========================================================================
*/
/*
==========================================================================
*/
.datagrid_wrapper {
box-shadow:0 1px 1px #CCCCCC;
background:
#f9f9f9;
padding:0;
position: relative;
}
.datagrid_wrapper ~
.buttons {
margin-top: 15px;
}
.datagrid {
width:100%;
}
.datagrid
th {
height: 30px;
line-height: 30px;
padding:0 10px;
padding-left:25px;
border-bottom: solid 1px #B3C2C9;
text-align:
left;
background: #9DB1B9;
}
.datagrid th.center,
.datagrid
td.center{
padding:0 10px;
text-align: center;
}
.datagrid
th.sortable{
cursor: pointer;
background:url("../../images/icons/sort_none.png") no-repeat 5px
center #9DB1B9;
}
.datagrid th.sort_asc {
cursor: pointer;
background:url("../../images/icons/sort_asc.png") no-repeat 5px
center #9DB1B9;
}
.datagrid th.sort_desc {
cursor: pointer;
background:url("../../images/icons/sort_desc.png") no-repeat 5px
center #9DB1B9;
}
.datagrid td {
padding:5px 10px;
padding-left:25px;
background: #fff;
color:#34495e;
line-height: 30px;
transition: background ease-in-out
.15s;
}
.datagrid tr.odd td {
background: #f9f9f9;
}
.datagrid
tr:hover td {
background: rgb(233,246,253);
}
.datagrid tr.selected
td,
.datagrid tr.selected:hover td {
background:#fcf2cf;
}
.datagrid
tr.selected td:first-child{
background:
url("../../images/icons/check_small.png") no-repeat 5px center
#fcf2cf;
}
.datagrid tr.dragged td {
background: #e0f4ff;
box-shadow:inset 0 1px 2px #B3C2C9 !important;
cursor:move
!important;
}
.datagrid tr.dragged td:first-child {
background:
url("../../images/icons/sort_none.png") no-repeat 5px center
#e0f4ff;
}
.datagrid .empty{
color:#B3C2C9;
}
.datagrid_loading{
position: absolute;
top: 0;
left: 0;
width: 100%;
height:
31px;
}
.loading_overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #999;
opacity:
0.6;
}
.datagrid_navigation{
overflow:hidden;
margin: 15px 0 15px
-3px;
}
.datagrid_navigation .datagrid_resize{
float:right;
position: relative;
font-size: small;
}
.datagrid .filter td{
padding: 4px;
background: #EDEDED;
border-bottom: solid 1px
#B3C2C9;
}
.datagrid .filter td .input, .datagrid .filter td select {
width:100%;
border: solid 1px #999;
padding:2px;
}
.datagrid_dataset_filter label{
padding-right:15px;
}
.datagrid_dataset_filter select {
width:160px;
}
.datagrid_grid_columns_settings form select {
width:
100%;
}
.datagrid_grid_columns_settings table{
width: 100%;
border:
none;
border-collapse: collapse;
}
.datagrid_grid_columns_settings td,
.datagrid_grid_columns_settings th{
text-align: left;
padding: 5px
10px;
}
.datagrid_grid_columns_settings th:first-child {
width:
180px;
}
.datagrid_grid_columns_settings tr td:nth-child(2),
.datagrid_grid_columns_settings tr td:nth-child(3){
width:
200px;
}
.datagrid_dataset_filter select.dataset {
width:320px;
}
.datagrid select{
width:120px;
padding:2px;
font-size:12px;
}
.datagrid .input-number{
width:60px !important;
text-align: center;
}
.datagrid .actions { text-align: center;
}
.datagrid .actions a {
display:inline-block;
width:16px;
height:16px;
margin-right: 5px;
background:no-repeat center
center;
}
.datagrid .flag_trigger,
.datagrid .flag_trigger a{
display:block;
width:16px;
height:16px;
margin:0 auto;
background:no-repeat center center;
}
.datagrid
.flag_trigger.loading{
background:
url("../../images/loader16.gif") no-repeat center center
!important;
}
.datagrid .flag_on { background-image:
url("../../images/icons/flag_check.png"); background-position: 0
0; }
.datagrid .flag_off { background-image:
url("../../images/icons/flag_check.png"); background-position:
-16px 0; }
.datagrid .flag_middle { background-image:
url("../../images/icons/flag_check.png"); background-position:
-32px 0; }
.datagrid .flag_lock_on { background-image:
url("../../images/icons/flag_lock.png"); background-position: 0
0; }
.datagrid .flag_lock_off { background-image:
url("../../images/icons/flag_lock.png"); background-position:
-16px 0; }
.datagrid tr td .actions { opacity: 0.25; transition: opacity
ease-in-out .15s; }
.datagrid tr:hover td .actions { opacity: 1;
}
.datagrid .actions a.view { background-image:
url("../../images/icons/eye.png"); }
.datagrid .actions a.edit {
background-image: url("../../images/icons/edit.png"); }
.datagrid
.actions a.copy { background-image:
url("../../images/icons/copy.png"); }
.datagrid .actions a.config
{ background-image: url("../../images/icons/config.png");
}
.datagrid .actions a.labels { background-image:
url("../../images/icons/labels.png"); }
.datagrid .actions
a.fields { background-image: url("../../images/icons/form.png");
}
.datagrid .actions a.filter { background-image:
url("../../images/icons/filter.png"); }
.datagrid .actions
a.permissions { background-image:
url("../../images/icons/key.png"); }
.datagrid .actions
a.relations { background-image:
url("../../images/icons/chartmap.png"); }
.datagrid .actions
a.delete { background-image:
url("../../images/icons/delete.png"); }
.datagrid .actions
a.unbind { background-image:
url("../../images/icons/unbind.png"); }
.datagrid .actions a.user
{ background-image: url("../../images/icons/user.png");
}
.datagrid .actions a.rss { background-image:
url("../../images/icons/rss.png"); }
.datagrid .actions a.play {
background-image: url("../../images/icons/play.png"); }
.datagrid
.actions a.accept { background-image:
url("../../images/icons/accept.png"); }
.datagrid .actions
a.basket_put { background-image:
url("../../images/icons/basket_put.png"); }
.datagrid .actions
a.basket_remove { background-image:
url("../../images/icons/basket_remove.png"); }
.datagrid
.is_deleted td, .datagrid .is_deleted td a {
color: #CCC;
}
.datagrid
.is_deleted .flag_trigger, .datagrid .is_deleted .flag_trigger a {
opacity: 0.2;
}
.datagrid_select_actions {
float: right;
font-size:
small;
margin: 0 15px 0 0;
line-height: 32px;
position:
relative;
}
.datagrid_select_actions > strong {
font-weight:
normal;
display: none;
color: #AAA;
margin-right:
5px;
}
.datagrid_select_actions > span {
display: inline-block;
cursor: pointer;
font-size: 100%;
margin: 0 2px 0 0;
padding:
6px 10px;
line-height: 100%;
border-radius: 4px;
text-shadow: 0
1px 3px #FFF;
color: #333;
border: 1px solid #CCCCCC;
background: #FFF;
background: -moz-linear-gradient(top, #FFF 0%,
#EDEDED 100%);
background: -webkit-gradient(linear, left top, left
bottom, color-stop(0%,#FFF), color-stop(100%,#EDEDED));
background:
-webkit-linear-gradient(top, #FFF 0%,#EDEDED 100%);
background:
-o-linear-gradient(top, #FFF 0%,#EDEDED 100%);
background:
-ms-linear-gradient(top, #FFF 0%,#EDEDED 100%);
background:
linear-gradient(to bottom, #FFF 0%,#EDEDED 100%);
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF',
endColorstr='#EDEDED',GradientType=0 );
box-shadow: inset 0 -1px 1px
#fff, 0 1px 1px #CCCCCC;
transition: all .3s;
display:
none;
}
.datagrid_select_actions > span:hover {
box-shadow:
0 0 3px #3498db,
inset 0 -1px 1px #fff,
0 1px 1px #CCCCCC;
color: #069;
}
.datagrid .filter a.clear_filter{
display: none;
width:
16px;
height: 16px;
background:
url("../../images/icons/close.png") no-repeat;
margin-left:
-22px;
top: 2px;
position: relative;
}
.datagrid .filter
a.clear_filter:hover{
background-position-x: -16px;
}
.datagrid .filter
.with_filter a.clear_filter{
display: inline-block;
}
.datagrid
.columns_settings{
display:block;
width:16px;
height:16px;
margin:0 5px 0 0;
float: right;
background:url("../../images/icons/config.png") no-repeat center
center;
}
.datagrid .grid_image_preview{
display:block;
max-width:100%;
height:16px;
}
.datagrid_image_preview{
max-width:500px;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
.jPaginate{
height:34px;
position:relative;
color:#AAA;
font-size:small;
float: left;
}
.jPaginate a{
line-height:15px;
height:18px;
cursor:pointer;
padding:2px 5px;
margin:2px;
float:left;
}
.jPag-control-back{
position:absolute;
left:0px;
}
.jPag-control-front{
position:absolute;
top:0px;
}
.jPaginate
span{
cursor:pointer;
}
ul.jPag-pages{
float:left;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px;
}
ul.jPag-pages li{
display:inline-block;
float:left;
padding:0px;
margin:0px;
width: 21px;
}
ul.jPag-pages li a{
float:left;
padding:2px 5px;
}
span.jPag-current{
cursor:default;
font-weight:normal;
line-height:15px;
height:18px;
padding:2px 5px;
margin:2px;
float:left;
}
ul.jPag-pages li
span.jPag-previous,
ul.jPag-pages li
span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li
span.jPag-previous-img,
ul.jPag-pages li
span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
height:22px;
margin:2px;
float:left;
line-height:18px;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li
span.jPag-previous-img{
margin:2px 0px 2px 2px;
font-size:12px;
font-weight:bold;
width:10px;
}
ul.jPag-pages li
span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
margin:2px 2px 2px
0px;
font-size:12px;
font-weight:bold;
width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
margin:2px
0px 2px 2px;
font-size:18px;
width:16px;
text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
margin:2px
2px 2px 0px;
font-size:18px;
width:16px;
text-align:right;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
table.layout,
table.layout-no-fit { border:none; width:100%;
height:100%; position: relative; border-spacing: 0; }
table.layout {
margin:-20px; }
table.layout td.sidebar,
table.layout-no-fit td.sidebar {
width:220px; padding:15px;
}
#slide_cell {
border-left: solid 1px
#EDEDED;
background:
url("../../images/icons/slider-controls.png") no-repeat -7px
center #F9F9F9;
width: 16px;
padding: 0;
cursor: pointer;
transition: background-color .4s;
}
#slide_cell.unslided {
background-position: -40px center;
}
#slide_cell:hover {
background-color: #EDEDED;
}
table.layout td.main,
table.layout-no-fit
td.main { padding:15px; }
table.layout td.main
.loading,
table.layout-no-fit td.main .loading {
background:url("../../images/loader16.gif") no-repeat left
center; padding-left: 22px; }
/*
==========================================================================
*/
/*
==========================================================================
*/
.dynamic_list_wrap a { font-size:12px; }
.dynamic_list_wrap
.list_fields_list a.unset_value { display: none; }
.dynamic_list_wrap
.list_fields_list:last-child a.unset_value { display: inline-block;
}
.dynamic_list_wrap .list_wrap .title { display:inline-block;
width:160px; }
.dynamic_list_wrap .list_wrap .to
select,
.dynamic_list_wrap .list_wrap .to select{ width:270px; padding:3px;
}
.dynamic_list_wrap .list_wrap .title { width:200px; }
.dynamic_list_wrap
.list_wrap .value input { width:200px; }
.dynamic_list_wrap .list_wrap .to
select,
.dynamic_list_wrap .list_wrap .value { margin-right: 10px;
}
.dynamic_list_wrap .list_wrap { margin-bottom:10px; }
/*
==========================================================================
*/
/*
==========================================================================
*/
#ctypes-props-toolbar{
padding: 5px 10px;
background: #F9F9F9;
border: solid 1px #EDEDED;
border-radius: 4px;
margin-bottom:
10px;
color:#666;
}
#ctypes-props-toolbar select {
width:200px;
}
#ctypes-props-toolbar .button-submit{
margin: -2px 0px
0 0;
padding: 7px 15px;
}
#ctypes-props-toolbar .input-checkbox{
vertical-align: middle;
}
#ctypes-props-toolbar label {
margin-left:10px;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
#cp-widgets-layout{
}
#cp-widgets-select-template {
float: right;
color: #666;
}
#cp-widgets-select-template select {
border-radius: 0
3px 3px 0;
height: 30px;
}
#cp-widgets-layout table{
width:100%;
margin:0;
border-spacing: 2px;
border:solid 1px #999;
margin-bottom: -1px;
font-size:12px;
background:#EDEDED;
}
#cp-widgets-layout table td{
position:
relative;
vertical-align: top;
border:solid 1px #CCCCCC;
background: #FFF;
padding:5px;
margin:4px;
}
#cp-widgets-layout
table td .block,
#cp-widgets-layout table td.filled{
background:url("../../images/icons/admin/diag_bg.png") #EDEDED;
color:#666;
}
#cp-widgets-layout table td .block{
border:solid 1px
#CCCCCC;
padding:5px 10px;
font-size:14px;
margin-bottom:5px;
}
#cp-widgets-layout table td.filled{
text-align:
center;
vertical-align: middle;
}
#cp-widgets-layout table td
.cell{
}
#cp-widgets-layout table td .cell span{
display:
inline-block;
padding:10px;
font-size:14px;
}
#cp-widgets-layout
#cp-widgets-unused, #cp-widgets-layout #cp-widgets-bind {
margin-top:10px;
background-color:#ecf0f1;
padding:10px;
}
#cp-widgets-layout #cp-widgets-unused h3,
#cp-widgets-layout #cp-widgets-bind h3{
margin-bottom: 4px;
font-weight: normal;
font-size:14px;
}
#cp-widgets-layout
#cp-widgets-unused .hint, #cp-widgets-layout #cp-widgets-bind .hint{
font-size:12px;
color:#999;
}
#cp-widgets-layout #cp-widgets-unused
.position, #cp-widgets-layout #cp-widgets-bind .position{
background:#FFF;
}
#cp-widgets-layout #cp-widgets-unused .position,
#cp-widgets-layout #cp-widgets-bind .position,
#cp-widgets-layout table td
.position{
padding:5px;
border: dashed 1px #68809B;
min-height:27px;
margin-bottom:5px;
}
#cp-widgets-layout table td
.position:last-child{
margin-bottom: 0;
}
#cp-widgets-list #accordion
{
}
#cp-widgets-list #accordion .section{
margin-bottom:
2px;
}
#cp-widgets-list #accordion a.section-open {
display:block;
color:#e1ebef;
padding:5px 8px;
margin:0;
font-size:12px;
background:#68809B;
cursor: pointer;
text-decoration:
none;
}
#cp-widgets-list #accordion a.section-open:hover {
color:#FFF;
}
#cp-widgets-list #accordion ul {
padding:5px;
display:none;
}
#cp-widgets-layout .loading{
background-position:
center center;
}
#cp-widgets-list ul,
#cp-widgets-list
li,
#cp-widgets-layout .position,
#cp-widgets-layout .position li{
margin:0;
padding:0;
list-style: none;
font-size:12px;
}
#cp-widgets-layout .position li.copied {
border:
solid 1px #ffa400;
box-shadow: 0 0 2px #ffa400;
}
#cp-widgets-list
li,
#cp-widgets-layout .position li{
cursor:pointer;
padding:3px
8px;
padding-left:24px;
background:url("../../images/icons/admin/widget_drag.png")
no-repeat 4px center #FCF2CF;
color:#755A1E;
border:solid 1px
#E0C086;
border-radius: 3px;
margin-bottom:6px;
box-shadow: 0
1px 1px #E0C086;
overflow: hidden;
height: 16px;
line-height: 16px;
position: relative;
transition:background 0.1s
linear;
}
#cp-widgets-layout .position li.tabbed{
background-image:url("../../images/icons/admin/widget_drag_tab.png");
padding-left:45px;
}
#cp-widgets-layout .position li.is_tab_prev{
background-image:url("../../images/icons/admin/widget_drag_tab_prev.png");
margin-left: 18px;
}
#cp-widgets-layout .position li.disabled{
background:url("../../images/icons/admin/widget_disabled.png")
no-repeat 4px center #F9F9F9;
border:solid 1px #CCCCCC;
box-shadow:
0 1px 1px #CCCCCC;
color:#999;
cursor:default;
}
#cp-widgets-layout .position li.disabled.tabbed{
background-image:url("../../images/icons/admin/widget_disabled_tab.png");
}
#cp-widgets-layout
.position li.disabled.is_tab_prev{
background-image:url("../../images/icons/admin/widget_disabled_tab_prev.png");
}
#cp-widgets-list
li,
#cp-widgets-layout .ui-sortable-helper {
width:180px
!important;
}
#cp-widgets-list li:last-child,
#cp-widgets-layout .position
li:last-child{
margin-bottom: 0;
}
#cp-widgets-layout li
.actions,
#cp-widgets-list li .actions {
display: block;
overflow:
hidden;
position: absolute;
right: 0;
top: 3px;
}
#cp-widgets-layout
li .actions a ,
#cp-widgets-list li .actions a {
opacity: 0;
height: 22px;
width: 25px;
float: left;
background-repeat:
no-repeat;
margin: -3px 0;
background-position: center center;
transition:opacity 0.1s linear;
}
#cp-widgets-layout .position
.device_restrictions, #cp-widgets-layout .position .lang_restrictions {
background-color: #f5eed6;
}
#cp-widgets-layout li:hover .actions a
,
#cp-widgets-list li:hover .actions a {
opacity:
0.9;
}
#cp-widgets-layout .position li.hide{
background:
url("../../images/icons/drag.png") no-repeat 4px center #BBB;
background-color: #BBB;
border: solid 1px #AAA;
box-shadow: 0 1px
1px #CCC;
color: #666;
}
#cp-widgets-layout .position li.hide .actions
a.hide{
background-image:
url("../../images/icons/flag_check.png");
background-position: -31px 3px;
width: 18px;
}
#cp-widgets-layout li
.actions a.edit ,
#cp-widgets-list li .actions a.edit {
background-image: url("../../images/icons/edit.png");
margin-right: 5px;
}
#cp-widgets-layout li .actions a.delete
,
#cp-widgets-list li .actions a.delete {
background-image:
url("../../images/icons/delete.png");
}
#cp-widgets-layout li
.actions a.hide {
background-image:
url("../../images/icons/flag_check.png");
background-position: 8px 3px;
margin-right: 5px;
}
#cp-widgets-layout
li .actions a.copy {
background-image:
url("../../images/icons/copy.png");
background-position: 7px
3px;
margin-right: 5px;
}
#cp-widgets-layout .position
li.disabled.hide{
background-image:
url("../../images/icons/admin/widget_disabled.png");
}
#cp-widgets-layout
.position .placeholder{
background:#e1ebef;
border:solid 1px
#A3CAE0;
box-shadow:none;
padding:0;
height:22px;
margin-bottom: 6px;
}
#cp-widgets-layout .wd_device_types,
#cp-widgets-layout .wd_languages {
margin: 0 0 0 5px;
font-size:
10px;
vertical-align: bottom;
color:
#927638;
}
.widget_modal_help_link{
float: right;
margin-top:
-40px;
margin-right: 16px;
}
.widget_modal_help_link a{
padding-left:20px;
background:url("../../images/icons/help.png") no-repeat
left;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
#cp_package_info {
overflow:hidden;
}
#cp_package_info .image{
float:left;
margin-left: 12px;
margin-top:9px;
padding:10px;
border-radius: 4px;
border: solid 1px #B3C2C9;
}
#cp_package_info
.image img { display: block; }
#cp_package_info .info { float:left;
}
#cp_package_info .info ul.flat,
#cp_package_info .info ul.flat li{
margin:0;
padding:0;
list-style: none;
}
#cp_package_info .info
ul.flat { margin:10px 0; }
#cp_package_info .info ul.flat li {
margin-bottom: 10px;
color: #666;
}
#cp_package_info .info ul.flat
li:last-child { margin-bottom: 0; }
#cp_package_info .info .author span {
display:inline-block;
height:20px;
line-height:20px;
}
#cp_package_info .info .author a {
display:inline-block; width:16px; height:16px; margin-right:5px;
float:right;
}
#cp_package_info .info .author a.mail {
background:url("../../images/icons/mail.png") no-repeat
center;
}
#cp_package_info .info .author a.url {
background:url("../../images/icons/www_page.png") no-repeat
center;
}
#cp_package_info .info .negative {
padding-left:25px;
background:url("../../images/icons/error.png") no-repeat 5px
center;
}
#cp_package_info .buttons { clear:both; padding-top:20px;
}
#cp_package_ftp_notices {
margin-bottom:
20px;
}
#cp_package_ftp_notices .notice{
padding: 10px;
background: #F9F9F9;
border: solid 1px #EDEDED;
border-radius:
4px;
margin-bottom: 2px;
color:#666;
line-height: 21px;
}
/*
notices */
#pm_notices_window {
width:550px;
overflow: auto;
height: 100%;
}
#pm_notices_list {
padding:5px;
overflow: hidden;
overflow-y: auto;
}
#pm_notices_list .item{
overflow: hidden;
border: solid 1px #BDC3C7;
background:#e1ebef;
padding:5px;
color:#34495e;
margin-bottom: 6px;
}
#pm_notices_list
.item:last-child{
margin-bottom: 0;
}
#pm_notices_list .item .date{
color:#BDC3C7;
font-size:11px;
padding-left:10px;
padding-top:10px;
}
#pm_notices_list .item .content{
padding:10px;
padding-top:3px;
}
#pm_notices_list .item .close-button {
float:right;
}
#pm_notices_list .item .close-button a {
display:block;
width:16px;
height:16px;
background:
url("../../images/icons/close.png") no-repeat;
}
#pm_notices_list
.item .close-button a:hover {
background-position-x:
-16px;
}
#pm_notices_list .item .buttons{
padding:10px;
padding-top: 0;
}
#pm_notices_list .item .buttons .button{
border-color:#BDC3C7;
}
#pm_notices_window > .button {
border-radius: 0;
width: 100%;
box-sizing: border-box;
margin:
0;
background: #2980b9;
border: none;
box-shadow: none;
color: #FFF;
text-shadow: none;
}
.msg_overlay {
position:
absolute;
width: 100%;
height: 100%;
background: #333;
opacity: 0.6;
top: 0;
left: 0;
}
.confirm_wrap {
position:
absolute;
top: 50%;
left: 50%;
width: 360px;
height:
110px;
margin: -55px 0 0 -180px;
}
.ui_message .buttons {
margin:
10px 0 0 0;
}
/* City Selection Window
================================================= */
#geo_window {
padding:15px;
height:350px;
width:300px;
box-sizing:
border-box;
}
#geo_window .wrapper{
margin-top: auto;
margin-bottom: auto;
box-sizing: border-box;
}
#geo_window form >
.list {
margin: 0 0 10px 0;
}
#geo_window select{
width:100%;
margin-bottom:5px;
}
#geo_window .buttons{
margin-top:10px;
text-align: center;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
.is_private, .is_closed, .view_target {
display: inline-block;
cursor: help;
width:16px;
height:16px;
background:url("../../images/icons/eye.png")
no-repeat;
}
.view_target {
height:14px;
cursor: auto;
margin:
0 5px;
}
.is_closed{
background:url("../../images/icons/lock.png") no-repeat;
}
/*
Ajax Uploader ============================================================
*/
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button
{
-moz-box-shadow:inset 0px 1px 0px 0px #FFF;
-webkit-box-shadow:inset
0px 1px 0px 0px #FFF;
box-shadow:inset 0px 1px 0px 0px
#FFF;
background:-webkit-gradient( linear, left top, left bottom,
color-stop(0.05, #f9f9f9), color-stop(1, #EDEDED)
);
background:-moz-linear-gradient( center top, #f9f9f9 5%, #EDEDED 100%
);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
endColorstr='#EDEDED');
background-color:#f9f9f9;
border-radius:4px;
border:1px
solid
#DDDDDD;
display:inline-block;
color:#666666;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px
24px;
text-decoration:none;
text-shadow:1px 1px 0px
#FFF;
}
.qq-upload-button-hover {
background:-webkit-gradient( linear,
left top, left bottom, color-stop(0.05, #EDEDED), color-stop(1, #f9f9f9)
);
background:-moz-linear-gradient( center top, #EDEDED 5%, #f9f9f9 100%
);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED',
endColorstr='#f9f9f9');
background-color:#EDEDED;
}
.qq-upload-button-focus
{
position:relative;
top:1px;
}
.qq-upload-button:active {
position:relative;
top:1px;
}
.qq-upload-drop-area {
position:absolute; top:0; left:0; width:100%; height:100%; min-height:
70px; z-index:2;
background:#B2F44A;
text-align:center;
}
.qq-upload-drop-area span {
display:block;
position:absolute; top: 50%; width:100%; margin-top:-8px;
font-size:16px;
}
.qq-upload-drop-area-active
{background:#FF7171;}
.qq-upload-list {margin:15px 35px; padding:0;
list-style:disc;}
.qq-upload-list li { margin:0; padding:0;
line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner,
.qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
margin-right: 7px;
}
.qq-upload-file {}
.qq-upload-spinner
{display:inline-block; background: url("../images/loading.gif");
width:15px; height:15px;
vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel
{font-size:11px;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail
.qq-upload-failed-text {display:inline;}
/*
==========================================================================
*/
/*
==========================================================================
*/
#site_settings #f_template .hint, #site_settings #f_template_mobile
.hint, #site_settings #f_template_tablet .hint, #site_settings
#f_template_admin .hint,
#site_settings #f_cache_method .hint,
#site_settings #f_merge_css .hint, #site_settings #f_merge_js .hint{
display: inline-block; }
#site_settings #f_template .hint a, #site_settings
#f_template_mobile .hint a, #site_settings #f_template_tablet .hint a,
#site_settings #f_template_admin .hint a {
padding-left:20px;
height:25px;
line-height:25px;
margin-left:10px;
background:url("../../images/icons/page_gear.png") no-repeat left
center;
display: inline-block;
}
#site_settings #f_template .hint
a.inthemer {
background:url("../../images/icons/package_go.png") no-repeat
left center;
}
#site_settings #f_merge_js label, #site_settings
#f_merge_css label {display: inline-block;}
.symbols_count {
font-size:
12px;
margin: 3px 0 0 0;
display: none;
}
.symbols_count > span
{
display: inline-block;
padding: 2px 5px;
margin: 0 3px 0 0;
color: #7f8c8d;
}
.symbols_count .symbols_num {
background-color:
#ecf0f1;
border: 1px solid #bdc3c7;
color: #2980b9;
cursor:
pointer;
transition: opacity 0.3s;
}
.symbols_count .symbols_num:hover
{
opacity: 0.8;
}
.symbols_count .overflowing, .symbols_count
.overflowing_min {
background-color: #e74c3c;
color: #FFF;
border-color: #c0392b;
}
.comment_text_edit {
text-decoration:
none;
}
.comment_text_edit:hover {
border-bottom: 1px dotted;
color: #34495e;
}
#comments_edit_form {
height: 360px;
width:
560px;
}
/*
==========================================================================
*/
/*
==========================================================================
*/
#dashboard {
box-sizing: border-box;
margin-right: -20px;
margin-top: -20px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
#dashboard .col, .colplaceholder {
vertical-align:
top;
border:solid 1px #EDEDED;
box-sizing: border-box;
margin-right: 20px;
margin-top: 20px;
background: #FFF;
position: relative;
max-height: 520px;
min-height:
145px;
}
#dashboard .col:hover {
box-shadow: 0px 0px 10px
#DDD;
}
#dashboard a.view_all_link {
display: block;
text-decoration: none;
color: #34495e;
background: #ecf0f1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 5px 15px;
box-sizing: border-box;
text-align: center;
transition:background 0.1s linear;
}
#dashboard a.view_all_link:hover {
background: #e1e5e6;
}
#dashboard .colplaceholder {
background:
#F9F9F9;
}
#dashboard .col1 {
width: calc(20% - 20px);
}
#dashboard
.col2 {
width: calc(40% - 20px);
}
#dashboard .col3 {
width:
calc(60% - 20px);
}
#dashboard .col4 {
width: calc(80% -
20px);
}
#dashboard .col5 {
width: 100%;
}
#dashboard
.ui-sortable-helper {
box-shadow: 3px 3px 5px #CCC;
}
#dashboard .col
h3 {
padding:10px 10px;
background:#9DB1B9;
margin:0;
height: 20px;
line-height: 20px;
color: #FFF;
}
#dashboard
.actions-toolbar {
padding: 5px 0;
float: right;
position:
relative;
opacity: 0;
transition: opacity ease-in-out
.15s;
}
#dashboard .col:hover .actions-toolbar {
opacity:
1;
}
#dashboard .actions-toolbar > * {
margin: 0 5px;
display:
inline-block;
padding: 5px;
width: 16px;
height:
16px;
}
#dashboard .actions-toolbar > .drag {
background:url("../../images/icons/drag.png") no-repeat center;
cursor: move;
}
#dashboard .col .col-body{
padding:15px;
height:
calc(100% - 40px);
box-sizing: border-box;
}
#dashboard .links {
margin: 0 0 20px;
list-style: none;
padding: 0;
}
#dashboard
.links:last-child {
margin-bottom: 0;
}
#dashboard .links li {
padding: 0 0 7px;
color: #97A5A6;
}
#dashboard .links li:last-child {
padding-bottom: 0;
}
#dashboard .adb_list li > div {
margin:5px 0;
clear: both;
}
#dashboard .adb_list li > div > .image {
float:
left;
margin: 5px 10px 0 0;
}
#dashboard .adb_list li .date {
text-align: right;
font-size: 12px;
color: #CCC;
}
#dashboard
#chart .toolbar {
margin-bottom: 15px;
}
.premium {
padding: 5px 0
5px 6px;
margin: 0 0 15px;
color: #FFF;
border-bottom: 1px
solid #177940;
background: #27ae60;
}
#dashboard #chart .toolbar
.pills-menu {
margin: 0;
display: inline-block;
vertical-align:
middle;
margin-left: 10px;
}
#dashboard #chart select {
padding:5px;
background:#FFF;
font-size:16px;
height:
32px;
}
#dashboard #chart-canvas {
width:100%;
height:400px;
}
#dashboard #sysinfo,
#dashboard #sysinfo li {
margin:
0; padding: 0; list-style:none;
}
#dashboard #sysinfo li {
margin-bottom:8px;
color:#97A5A6;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#dashboard #sysinfo li
span {
display:block;
margin-bottom:2px;
color:#34495e;
}
#dashboard #resources .links {
padding-left:25px;
}
#dashboard #resources .links li {
margin-bottom:4px;
}
#dashboard #resources .links li a {
color:#09c;
}
#dashboard #resources .links li a:hover {
color:#f90;
}
#dashboard #lead-sponsor .hint {
padding:5px 0;
color:#777;
}
#dashboard #lead-sponsor .hint a {
float:right;
color: #FFF;
text-align: center;
border-radius: 100%;
text-decoration: none;
padding: 1px 5px;
margin-top: 3px;
font-size: 10px;
background:#09c;
font-weight:
bold;
}
ul.news_targets_tabs {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
line-height: 20px;
height:
20px;
}
ul.news_targets_tabs > li {
display: inline-block;
color: #97A5A6;
cursor: pointer;
margin: 0 10px 0
0;
}
ul.news_targets_tabs > li:last-child {
margin-right:
0;
}
ul.news_targets_tabs > li.active_news {
color:
inherit;
}
#news-loading {
display: none;
}
#icms_news_wrap,
#icms_users_wrap {
height: calc(100% - 35px);
box-sizing:
border-box;
}
#icms_news_wrap .icms_news_wrap, #icms_users_wrap
.icms_users_wrap, #activity_wrap .activity_wrap, #activity_wrap {
height: 100%;
box-sizing: border-box;
}
.page_options_block {
float: right;
line-height: 10px;
}
.grid_field_edit > .button {
padding: 0 7px;
font-size: 12px;
margin: 0 0 0 10px;
border-radius: 2px;
box-shadow: none;
text-shadow:
none;
}
.grid_field_edit > .button:hover, .grid_field_edit >
.button:focus {
box-shadow: none;
}
.grid_field_edit >
.button[disabled] {
display:
none;
}
.grid_field_edit.process_save:after {
content: '';
background: url(../../images/loader16.gif) no-repeat center center;
width: 18px;
height: 18px;
position: absolute;
left: -26px;
top: 6px;
}
.grid_field_edit {
display: none;
position:
relative;
}
.grid_field_value {
line-height: 25px;
display:
inline-block;
}
.grid_field_edit > .input {
width:
60%;
}
.grid_field_edit.success > .input {
background-image:
url("../../images/icons/accept.png");
background-repeat:
no-repeat;
background-position: right 5px center;
}
.datagrid tr:hover
.grid_field_edit:not(.edit_by_click) {
display: flex;
}
.datagrid
tr:hover .grid_field_value:not(.edit_by_click) {
display:
none;
}
.datagrid tr .edit_by_click.edit_by_click_visible {
display:
block;
}
.datagrid tr .edit_by_click.edit_by_click_hidden {
display:
none;
}
.datagrid tr:hover .grid_field_value.edit_by_click:after {
content: '';
background-image:
url("../../images/icons/labels.png");
background-repeat:
no-repeat;
background-position: center center;
width: 32px;
height: 28px;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 10px;
cursor: pointer;
}
.perms_grid table thead
th:first-child {
width: 360px;
}
.width_320 {
width:
320px;
}
#mail_check {
width: 460px;
}
.events_delete,
.events_add {
padding: 15px;
margin-bottom: 10px;
}
.events_add {
border: 1px
solid #9fc974;
background-color: #e5fccf;
}
.events_delete {
border: 1px solid #e8b2b2;
background-color:
#ffeded;
}
.events_delete_title,
.events_add_title {
margin-bottom:
15px;
font-weight: bold;
text-transform:
uppercase;
}
.events_add_title {
color: green;
}
.events_delete_title
{
color: red;
}
.allow_events {
margin-bottom: 15px;
color:
green;
font-weight: bold;
text-transform:
uppercase;
}
.controller_name {
font-weight: bold;
margin-top:
10px;
margin-bottom: 5px;
}
.event_name {
padding-left: 25px;
color: #333;
}
#confirm_login {
width: 640px;
margin: 0 auto;
background-color: #FFF;
padding: 20px;
box-shadow: 1px 1px 5px
#CCC;
box-sizing: border-box;
}
.confirm_login_info {
margin-bottom: 15px;
}
#countries_view, #countries_hide {
border: 1px
solid #ccc;
height: 300px;
overflow-x: hidden;
overflow-y:
auto;
width: 260px;
background: #FFF;
}
form .field
.input_checkbox_list#countries_view label, form .field
.input_checkbox_list#countries_hide label {
display: block;
}
.spinner
{
margin: 100px auto 0;
width: 70px;
text-align:
center;
}
.spinner > div {
vertical-align: middle;
width: 18px;
height: 18px;
background-color: #B3C2C9;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite
ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out
both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay:
-0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% {
-webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
td >
.spinner {
margin: 0;
display: inline-block;
}
td > .spinner
> div {
width: 12px;
height: 12px;
background-color:
#dadada;
}
#addons_list_wrap {
word-wrap: break-word;
margin: 15px
0 0 0;
}
#addons_list {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:
space-between;
}
.addon-card {
margin-bottom: 20px;
width:
calc(33.333333333% - 13.33333334px);
background-color: #fff;
border: 1px solid #B3C2C9;
box-sizing: border-box;
transition:
box-shadow ease-in-out .15s;
}
.addon-card:hover {
box-shadow: 0 0 13px
1px #CCC;
}
.addon-card-top {
position: relative;
padding: 20px
20px 10px;
min-height: 130px;
}
.addon-card-middle {
clear: both;
background-color: #fafafa;
border-top: 1px solid #B3C2C9;
display: flex;
flex-direction: row;
font-size: 12px;
color:
#333;
}
.addon-card-bottom > div, .addon-card-middle > div {
flex: auto;
}
.addon-card-middle > div {
padding: 10px
0;
}
.addon-card-middle .compatibility_wrap {
margin: 11px 10px 0 0;
text-align: right;
}
.addon-card-middle .update_wrap {
margin: 0 10px
0 0;
text-align: right;
}
.addon-card .desc, .addon-card .name {
margin-left: 140px;
}
.addon-card h3 {
margin: 0 0 10px;
font-size:
18px;
line-height: 1.3;
}
.addon-card h3 a, .addon-card p.authors a {
text-decoration: none;
}
.addon-card p.authors {
color:
#777;
}
.addon-card p {
margin: 10px 0;
}
.addon-card p:last-child {
margin-bottom: 0;
}
.addon-icon {
position: absolute;
top: 20px;
left: 20px;
width: 120px;
height: 120px;
margin: 0 20px 20px
0;
}
.addon-card-bottom {
display: flex;
flex-direction: row;
border-top: 1px solid #B3C2C9;
}
.addon-card-bottom > div {
flex: 1
1;
text-align: center;
border-right: 1px solid
#B3C2C9;
}
.addon-card-bottom > div:last-child {
border-right:
none;
}
.addon-card-bottom a {
display: block;
line-height: 36px;
font-size: 16px;
text-decoration: none;
width: 100%;
background: #D8E5F1;
color: #34495e;
transition: background
ease-in-out .2s;
}
.addon-card-bottom a:hover {
background:
#cfdce8;
}
.addon-card-bottom .button-install a {
background: #68809B;
color: #FFF;
}
.addon-card-bottom .button-install a:hover {
background: #6f8cad;
}
.addon-card-bottom .button-installed a {
background: #53af7a;
color: #FFF;
}
.addon-card-bottom
.button-installed a:hover {
background: #3d9a65;
}
.addon-card-bottom
.button-install.need_update a {
background:
#f39c12;
}
.addon-card-bottom .button-install.need_update a:hover {
background: #da8c10;
}
.addon-card-bottom .button-install a .spinner {
margin: 0 auto 0;
}
.addon-card-bottom .button-install.need_update a
.spinner > div {
background-color: #FFF;
}
.addon-card-bottom
.button-install form {
display: none;
}
#show_more {
display:
none;
text-align: center;
text-decoration: none;
background:
#696969;
padding: 5px 0;
color: #FFF;
transition: background
ease-in-out .2s;
cursor: pointer;
}
#show_more:hover {
background:
#636262;
}
#show_more.active_more {
display: block;
}
#addons_list_wrap
> .spinner {
margin: 0 auto 0;
}
#addons_list_wrap
#addons_list:empty ~ .spinner {
margin: 100px auto
0;
}
#addons_list_wrap .full_content {
display:
none;
}
#addons_list_wrap .full_content_link {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted
#AAA;
}
#addons_list_wrap .popularity {
margin: 5px 0 0
10px;
}
.full_content_wrap {
box-sizing: border-box;
padding: 10px
20px;
}
table.layout.addons_list_table td.sidebar {
width:
190px;
}
div#filter_toolbar {
overflow: hidden;
line-height: 28px;
margin: 15px 0 0 0;
}
#filter_toolbar .left, #filter_toolbar .left
.field {
float: left;
}
#filter_toolbar .right {
float:
right;
}
#addons_count {
display: none;
}
input#search_addon_title {
width: 400px;
}
.radio_buttons_list {
list-style: none;
margin: 0
0 0 5px;
padding: 0;
}
.radio_buttons_list.row_radio li {
float:
left;
position: relative;
color: #666;
margin: 0 0 0
10px;
}
.radio_buttons_list li input[type=radio]{
position: absolute;
visibility: hidden;
}
.radio_buttons_list li label{
display:
inline-block;
position: relative;
font-weight: 300;
z-index:
9;
cursor: pointer;
transition: all 0.2s linear;
padding: 0 0 0
20px;
}
.radio_buttons_list li:hover label{
color:
#333;
}
.radio_buttons_list li .check{
display: block;
position:
absolute;
border: 2px solid #666;
border-radius: 100%;
height:
10px;
width: 10px;
top: 6px;
left: 0;
z-index: 5;
transition: border .2s linear;
}
.radio_buttons_list li:hover .check {
border-color: #333;
}
ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height:
6px;
width: 6px;
top: 2px;
left: 2px;
margin: auto;
transition: background 0.2s linear;
}
input[type=radio]:checked ~ .check {
border-color: #333;
}
input[type=radio]:checked ~ .check::before{
background: #333;
}
input[type=radio]:checked ~ label{
color:
#333;
}
#check_ftp_wrap {
width: 620px;
padding: 20px;
box-sizing: border-box;
}
#check_ftp_wrap > div {
margin: 0 0
10px;
}
#check_ftp_wrap > div:last-child {
margin:
0
}
.errors_available {
background: #e74c3c;
font-weight: bold;
color: #FFF;
padding: 5px 10px;
}
.connection_info {
font-weight:
bold;
font-size: 16px;
}
.ftp_folder {
background-image:
url("../../images/icons/folder.png");
}
.ftp_file {
background-image:
url("../../images/icons/item.png");
}
.ftp_file, .ftp_folder {
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 25px;
color: #333;
}
.no_errors {
background:
#27ae60;
font-weight: bold;
color: #FFF;
padding: 5px
10px;
}
.rating {
unicode-bidi: bidi-override;
margin: -6px 0 0
10px;
}
.rating > span {
display: inline-block;
position:
relative;
font-size: 22px;
color: #777;
}
.rating > span.full {
color: transparent;
}
.rating > span.full:before {
content:
"\2605";
position: absolute;
left: 0;
color:
#ffb900;
}
.nyroModalCont #file_list_wrap legend {
display:
none;
}
.nyroModalCont #file_list_wrap fieldset {
border: none;
padding: 15px;
}
.nyroModalCont #file_list_wrap > p {
padding: 0
20px;
margin: 20px 0 0 0;
}
.nyroModalLink > h3 {
margin:
15px;
}
.inline_button {
float: left;
margin: 17px 0
0;
}
#f_fast_add_ctype, #f_fast_add_type, #f_fast_add_into {
width:
200px;
float: left;
clear: right;
margin-right:
20px;
}
.ace_redactor {
height: 350px;
}
.pattern_fields_panel {
display: none;
}
.pattern_fields > a {
text-decoration: none;
display: inline-block;
padding: 4px 5px;
border-radius: 4px;
background-color: #a7b6bd;
color: #FFF;
margin: 0 0 2px
0;
}
.pattern_fields > a:hover {
background-color:
#64889b;
}
#widgets_layout {
width: 100%;
height: 100%;
}
@media
screen and (max-width: 1440px){
.addon-card {
width: calc(50% -
10px);
}
}
@media screen and (max-width: 1200px){
#cp_header #logo
{
position: absolute;
top: -22px;
left: 10px;
}
#cp_top_line #left_links {
margin-left: 140px;
}
}
@media
screen and (max-width: 1080px){
.addon-card {
width: 100%;
}
}
@media screen and (max-width: 1040px) {
#dashboard .col1 {
width: calc(50% - 20px);
}
#dashboard .col2 {
width: 50%;
}
#dashboard .col3 {
width: calc(100% - 20px);
}
#dashboard .col4 {
width: 100%;
}
#dashboard .col5 {
width: 100%;
}
#cp_header #menu li .wrap {
padding-right:
10px;
padding-left: 10px;
}
#cp_top_line #left_links {
display: none;
}
}
@media screen and (max-width: 815px) {
table.layout td.sidebar,
table.layout-no-fit td.sidebar {
display: none;
position: absolute;
background: #FFF;
height: 100%;
box-sizing: border-box;
z-index: 1;
width: 380px;
}
#slide_cell:not(.unslided){
position:
absolute;
top: 2px;
left: 380px;
height: 100%;
box-sizing: border-box;
box-shadow: 4px 5px 5px #CCC;
z-index: 1;
}
#cp_header {
padding: 0 5px;
}
.datagrid_wrapper {
box-shadow: none;
background:
transparent;
}
.datagrid thead:not(.list_thead) {
border:
none;
clip: rect(0 0 0 0);
height: 1px;
margin:
-1px;
overflow: hidden;
padding: 0;
position:
absolute;
width: 1px;
}
.datagrid tr.filter {
display: none;
}
.datagrid tbody tr {
display: block;
border-left: 5px solid #ededed;
border-right: 1px solid #ededed;
margin-bottom: 20px;
}
.datagrid tbody.list_tbody tr {
margin-bottom: 0;
}
.datagrid tbody td {
display: flex;
border-bottom: 1px solid #ededed;
}
.datagrid
tbody.list_tbody td {
border-bottom: none;
}
.datagrid
tbody td::before {
content: attr(data-label);
width: 30%;
}
.datagrid tbody.list_tbody td::before {
width: 50%;
}
.datagrid tbody td > div {
width: 70%;
}
.datagrid
tbody.list_tbody td > div {
width: 50%;
}
.datagrid
.actions, .datagrid td.center {
text-align: left;
}
.datagrid tbody td:first-child {
border-top: 1px solid #ededed;
}
.datagrid .flag_trigger, .datagrid .flag_trigger a {
margin:
7px 0 0 0;
}
.list_tbody > tr > td:first-child {
display: none;
}
.loading_overlay {
display: none;
}
}
@media screen and (max-width: 640px) {
#confirm_login {
width: 100%;
}
#mail_check {
width: 320px;
}
#dashboard .col {
width: calc(100% - 20px);
}
#cp_header
#menu li .wrap {
padding-right: 5px;
padding-left: 5px;
font-size: 0.95em;
}
}
@media screen and (max-width: 495px) {
#dashboard #chart select {
width: 185px;
}
#dashboard
#chart .toolbar .pills-menu {
margin-left: 5px;
}
}
.scroll-wrapper {
overflow: hidden !important;
padding: 0
!important;
position: relative;
}
.scroll-wrapper > .scroll-content
{
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding:
0;
position: relative !important;
top: 0;
width: auto
!important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element {
display:
none;
}
.scroll-element, .scroll-element div {
box-sizing:
content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible
{
display: block;
}
.scroll-element .scroll-bar,
.scroll-element
.scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px
solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea >
.scroll-content {
overflow: hidden !important;
}
.scroll-textarea >
.scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow:
scroll !important;
outline: none;
padding: 2px;
position:
relative !important;
top: 0;
width: 100%
!important;
}
.scroll-textarea > .scroll-content >
textarea::-webkit-scrollbar {
height: 0;
width:
0;
}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx >
.scroll-element div {
background: none;
border: none;
margin:
0;
padding: 0;
position: absolute;
z-index:
10;
}
.scrollbar-macosx > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx
> .scroll-element .scroll-element_track { display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
background-color: #6C6E71;
display: block;
filter:
alpha(opacity=0);
opacity: 0;
border-radius: 4px;
transition:
opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element
.scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable
.scroll-bar {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=80);
opacity: 0.8;
}
.scrollbar-macosx >
.scroll-element.scroll-x {
bottom: 0px;
height: 0px;
left: 0;
min-width: 100%;
overflow: visible;
width:
100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
height:
100%;
min-height: 100%;
right: 0px;
top: 0;
width:
0px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx >
.scroll-element.scroll-y .scroll-bar { left: -7px; min-height: 10px; width:
7px; }
.scrollbar-macosx > .scroll-element.scroll-x
.scroll-element_outer { left: 2px; }
.scrollbar-macosx >
.scroll-element.scroll-x .scroll-element_size { left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y
.scroll-element_size { top: -4px; }
.scrollbar-macosx >
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -11px; }
.scrollbar-macosx >
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top:
-11px; }