1520 lines
30 KiB
CSS
1520 lines
30 KiB
CSS
@import url("reset.css");
|
||
@import url("main.css");
|
||
|
||
.marka-models {
|
||
margin-top: 10px;
|
||
background: #d1d1d1;
|
||
padding: 5px;
|
||
width: 350px;
|
||
}
|
||
|
||
.marka-models li {
|
||
padding: 3px;
|
||
}
|
||
.marka-models li a{
|
||
color: #0088cc;
|
||
text-decoration: none;
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
|
||
.marka-models li:hover{
|
||
background: #e9e9e9;
|
||
}
|
||
|
||
/* Сообщение */
|
||
.message {
|
||
clear: both;
|
||
height: 25px;
|
||
padding: 10px 20px;
|
||
margin-bottom: 20px;
|
||
overflow: hidden;
|
||
color: black;
|
||
}
|
||
.message span{
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
display: block;
|
||
float: left;
|
||
margin-right: 50px;
|
||
margin-top: 5px;
|
||
}
|
||
.message a.link {
|
||
float: left;
|
||
margin-top: 5px;
|
||
}
|
||
.message a.button {
|
||
display: block;
|
||
float: right;
|
||
text-decoration: none;
|
||
padding: 5px 20px;
|
||
border: 1px solid #a3a5a5;
|
||
color: #0000;
|
||
background: #f5f5f5 url(../images/message_button_bgd.jpg) 0 -26px;
|
||
}
|
||
.message a.button:hover {
|
||
background-position: 0 0;
|
||
color: #000;
|
||
}
|
||
|
||
/* Сообщение успешное */
|
||
.message_success { background-color: #c5ff8d; border: 1px dotted #8cbf32; }
|
||
.message_success span{ background-image: url(../images/tick.png); }
|
||
.message_success a.link { color: #3f8000; }
|
||
.message_success a.link:hover { color: #5dbd00; }
|
||
|
||
/* Сообщение с ошибкой */
|
||
.message_error { background-color: #ffcaca; border: 1px dotted #ff4545; }
|
||
.message_error span { background-image: url(../images/icon_message_error.png); }
|
||
.message_error a.link { color: #ff0000; }
|
||
.message_error a.link:hover { color: #ff4f4f; }
|
||
|
||
/* Основная форма */
|
||
#product {
|
||
width: 100%;
|
||
}
|
||
/* Блок названия */
|
||
#product #name {
|
||
display: table;
|
||
width: 100%;
|
||
margin-bottom: 20px;
|
||
/*height: 30px;*/
|
||
}
|
||
/* Инпут названия */
|
||
#product input.name {
|
||
font-size: 26px;
|
||
display: table-cell;
|
||
width: 98%;
|
||
*float: left;
|
||
*width: 70%;
|
||
}
|
||
/* Блок чекбоксов возле названия */
|
||
#product .checkbox{
|
||
display: table-cell;
|
||
white-space: nowrap;
|
||
vertical-align: middle;
|
||
width: 1px;
|
||
padding-left: 20px;
|
||
font-size: 15px;
|
||
|
||
*padding-top: 8px;
|
||
*padding-bottom: 8px;
|
||
*width: 12%;
|
||
*float: left;
|
||
}
|
||
/* Надпись возле чекбокса */
|
||
#product .checkbox label {
|
||
cursor: pointer;
|
||
}
|
||
/* Блок с выбором бренда */
|
||
#product_brand {
|
||
float: left;
|
||
width: 300px;
|
||
display: block;
|
||
}
|
||
/* Надпись возде выбора бренда */
|
||
#product_brand label {
|
||
float: left;
|
||
margin-top: 5px;
|
||
}
|
||
/* Селект бренда */
|
||
#product_brand select{
|
||
width: 200px;
|
||
margin-left: 10px;
|
||
font-size: 18px;
|
||
}
|
||
|
||
/* Блок категорий товара */
|
||
#product_categories {
|
||
float: left;
|
||
overflow: hidden;
|
||
margin-bottom: 20px;
|
||
}
|
||
/* Надпись возде выбора категории */
|
||
#product_categories label {
|
||
float: left;
|
||
margin-top: 5px;
|
||
}
|
||
/* Селект категории */
|
||
#product_categories select {
|
||
width: 300px;
|
||
margin-right: 15px;
|
||
font-size: 18px;
|
||
}
|
||
#product_categories ul li { margin-bottom: 5px; }
|
||
#product_categories div {float: left; margin-left: 10px; width: 540px; }
|
||
#product_categories span i { font-style: normal; }
|
||
/* Добавление категории */
|
||
#product_categories span.add {
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
background-image: url(../images/plus-circle.png);
|
||
}
|
||
/* Удаление категории */
|
||
#product_categories span.delete {
|
||
background-image: url(../images/cross-circle-frame.png);
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
/* Купоны */
|
||
#product .block li select.coupon_type {
|
||
width: 70px;
|
||
font-size: 18px;
|
||
}
|
||
#product #column_left .block li input.coupon_value {
|
||
width: 130px;
|
||
font-size: 18px;
|
||
}
|
||
|
||
/* Варианты товара */
|
||
#variants_block {
|
||
background-color: #f0f0f0;
|
||
border: 1px dotted #d0d0d0;
|
||
clear: both;
|
||
overflow: hidden;
|
||
padding-top: 15px;
|
||
padding-bottom: 15px;
|
||
margin-bottom: 20px;
|
||
width: 940px;
|
||
}
|
||
#variants_block ul {
|
||
overflow: hidden;
|
||
padding-bottom: 2px;
|
||
padding-left:20px;
|
||
padding-top: 2px;
|
||
clear: left;
|
||
}
|
||
#variants_block ul#header {
|
||
height: 20px;
|
||
margin-bottom: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
#variants_block ul#header li {
|
||
font-size: 13px;
|
||
padding-left: 3px;
|
||
margin-left: -2px;
|
||
}
|
||
#variants_block ul li {
|
||
float: left;
|
||
display: block;
|
||
height: 31px;
|
||
overflow: hidden;
|
||
}
|
||
#variants_block ul li input {
|
||
height: 20px;
|
||
font-size: 14px;
|
||
color: #636363;
|
||
margin-top: 0px;
|
||
padding-top: 2px;
|
||
margin-left: 2px;
|
||
}
|
||
#variants_block li.variant_move { width: 20px; height:16px; padding-top: 5px;}
|
||
#variants_block li.variant_name { width: 220px; padding-left: 5px; }
|
||
#variants_block li.variant_name input {
|
||
font-size: 16px;
|
||
color: #000;
|
||
width: 180px;
|
||
float: left;
|
||
margin-right: 2px;
|
||
}
|
||
#variants_block li.variant_name a.del_variant {
|
||
display: block;
|
||
padding-top: 6px;
|
||
}
|
||
#variants_block li.variant_sku { width: 100px; }
|
||
#variants_block li.variant_sku input { width: 75px; }
|
||
#variants_block li.variant_price { width: 100px; }
|
||
#variants_block li.variant_price input {
|
||
width: 75px;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
color: #000;
|
||
}
|
||
#variants_block li.variant_discount { width: 95px; }
|
||
#variants_block li.variant_discount input { width: 70px; }
|
||
#variants_block li.variant_weight { width: 70px; font-size: 11px; }
|
||
#variants_block li.variant_weight input { width: 35px; margin-right: 2px; }
|
||
#variants_block li.variant_amount { width: 70px; font-size: 11px; }
|
||
#variants_block li.variant_amount input { width: 35px; margin-right: 2px; }
|
||
#variants_block li.variant_download { width: 180px;}
|
||
#variants_block li.variant_download input{ width: 170px; font-size: 9px; margin-top: 2px;}
|
||
#variants_block li.variant_download .add_attachment img{ margin-top: 4px;}
|
||
|
||
|
||
#variants_block span.add {
|
||
margin-left: 30px;
|
||
clear: left;
|
||
margin-top: 5px;
|
||
display: block;
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
background-image: url(../images/plus-circle.png);
|
||
}
|
||
#variants_block .variant_move div{
|
||
width:20px;
|
||
height: 16px;
|
||
}
|
||
|
||
/* Одиночный вариант */
|
||
#variants_block.single_variant ul li.variant_name,
|
||
#variants_block.single_variant ul li.variant_move
|
||
#variants_block.single_variant #add_variant
|
||
{ display: none; }
|
||
|
||
|
||
|
||
.button_save {
|
||
float: right;
|
||
margin-top: 0px;
|
||
margin-right: 15px;
|
||
}
|
||
|
||
.button_delete {
|
||
float: right;
|
||
margin-top: 0px;
|
||
}
|
||
|
||
|
||
#column_left,
|
||
#column_right {
|
||
width: 445px;
|
||
float: left;
|
||
}
|
||
#column_right {
|
||
clear: right;
|
||
}
|
||
#column_left {
|
||
clear: left;
|
||
}
|
||
#column_left { padding-right: 20px; }
|
||
#column_right { padding-left: 20px; }
|
||
|
||
.layer {
|
||
padding-top: 15px;
|
||
margin-top: -5px;
|
||
background-repeat: repeat-x;
|
||
background-image: url('../images/gradient.jpg');
|
||
background-position: top;
|
||
}
|
||
.layer ul{
|
||
margin-bottom: 20px;
|
||
}
|
||
#product .block {
|
||
margin-bottom: 20px;
|
||
width: 100%;
|
||
clear: both;
|
||
}
|
||
#product .block li {
|
||
clear: left;
|
||
display: block;
|
||
overflow: hidden;
|
||
margin-bottom: 7px;
|
||
width: 500px;
|
||
}
|
||
#product .block label.property {
|
||
display: block;
|
||
float: left;
|
||
width: 170px;
|
||
clear: left;
|
||
padding-top: 2px;
|
||
overflow: hidden;
|
||
color: #808080;
|
||
}
|
||
#product .block li input[type=text] { width: 265px; font-size:13px; height:18px;}
|
||
#product .block ul.new_features li label input { margin-top: -2px; width: 150px; font-size:13px; height:18px;}
|
||
#product .block li select {width: 265px; font-size: 13px; height:25px;}
|
||
#product .block li textarea {
|
||
width: 265px;
|
||
height: 60px;
|
||
}
|
||
#product .block select.multiple_categories {width: 440px; height:400px; font-size: 13px;}
|
||
#product .block span.add {
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
background-image: url(../images/plus-circle.png);
|
||
}
|
||
#product .block li input.page_url {
|
||
font: 12px;
|
||
padding: 0px;
|
||
width: 197px;
|
||
}
|
||
#product .block li input.simpla_small_inp {
|
||
width: 137px;
|
||
}
|
||
#product .block div.page_url {
|
||
width: 65px;
|
||
display: block;
|
||
float: left;
|
||
font-size: 12px;
|
||
color: #909090;
|
||
padding-top: 4px;
|
||
text-align: right;
|
||
padding-right: 5px;
|
||
overflow: hidden;
|
||
height: 15px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
#product .images li{
|
||
border: 1px solid #d0d0d0;
|
||
width: 100px;
|
||
height: 100px;
|
||
margin-right: 7px;
|
||
margin-bottom: 7px;
|
||
background-color: #ffffff;
|
||
display: -moz-inline-box;
|
||
display: inline-block;
|
||
*zoom: 1;
|
||
*display: inline;
|
||
word-spacing: normal;
|
||
line-height: 100px;
|
||
vertical-align: top;
|
||
text-align: center;
|
||
}
|
||
#product .images li img{
|
||
vertical-align: middle;
|
||
max-width: 100px;
|
||
}
|
||
#product .images a.delete{
|
||
display: block;
|
||
width: 15px;
|
||
height: 15px;
|
||
margin-top: -40px;
|
||
margin-left: 82px;
|
||
position:absolute;
|
||
visibility: hidden;
|
||
}
|
||
#product .images li:hover a.delete{
|
||
visibility: visible;
|
||
}
|
||
|
||
#product .related_products .image{
|
||
width: 35px;
|
||
}
|
||
|
||
|
||
#product div.images span.upload_image, #product div.images span.add_image_url{
|
||
margin-top: 5px;
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
margin-right: 5px;
|
||
}
|
||
#product div.images span.upload_image { background-image: url(../images/picture_add.png); }
|
||
#product div.images span.add_image_url { background-image: url(../images/world_link.png); margin-left: 5px;}
|
||
|
||
#product div.images input.upload_image, #product div.images input.remote_image{
|
||
font-size: 12px;
|
||
margin-bottom: 15px;
|
||
width: 300px;
|
||
}
|
||
|
||
#product div.images #add_image {
|
||
margin-top: 15px;
|
||
}
|
||
|
||
|
||
|
||
/* @group Product Description */
|
||
.block {
|
||
width: 100%;
|
||
clear: both;
|
||
}
|
||
|
||
|
||
|
||
#main_list {
|
||
float: left;
|
||
display: block;
|
||
max-width: 720px;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
}
|
||
/* @end */
|
||
|
||
/* Меню */
|
||
#right_menu {
|
||
width: 180px;
|
||
display: block;
|
||
float: right;
|
||
margin-left: 40px;
|
||
}
|
||
#right_menu ul {
|
||
margin: 5px;
|
||
margin-bottom: 30px;
|
||
}
|
||
#right_menu ul ul {
|
||
padding: 0px;
|
||
margin: 0px;
|
||
margin-left: 20px;
|
||
}
|
||
#right_menu li {
|
||
font-size: 12px;
|
||
margin-bottom: 7px;
|
||
}
|
||
#right_menu li a {
|
||
padding: 0px 0px 0px 0px;
|
||
color: #000000;
|
||
}
|
||
#right_menu li a:hover { color: #00a8ff; }
|
||
|
||
#right_menu li.selected a{
|
||
padding: 4px 3px 4px 3px;
|
||
background-color: #18a5ff;
|
||
color: #ffffff;
|
||
text-decoration: none;
|
||
}
|
||
#right_menu .drop_active a{
|
||
color: green;
|
||
//background-color: #c4ffb2;
|
||
}
|
||
#right_menu .drop_hover a{
|
||
color: white;
|
||
background-color: #4eee00;
|
||
}
|
||
/* @end меню */
|
||
|
||
|
||
/* @group Форма поиска */
|
||
#search {
|
||
float: right;
|
||
width: 175px;
|
||
margin-top: 10px;
|
||
margin-bottom: 10px;
|
||
}
|
||
#search input.search {
|
||
width: 130px;
|
||
font-size: 12px;
|
||
height:15px;
|
||
display: block;
|
||
float: left;
|
||
}
|
||
#search input.search_button {
|
||
width: 23px;
|
||
height: 25px;
|
||
background-position-y: middle;
|
||
background: url(../images/but_search.gif) no-repeat;
|
||
border-style: none;
|
||
margin-left: 4px;
|
||
cursor: pointer;
|
||
cursor: hand;
|
||
}
|
||
/* @end */
|
||
|
||
|
||
/* @group Постраничная навигация */
|
||
#pagination {
|
||
padding-top: 5px;
|
||
padding-bottom: 5px;
|
||
margin-bottom: 10px;
|
||
font-size: 11px;
|
||
overflow: visible;
|
||
}
|
||
#pagination a {
|
||
display: block;
|
||
float: left;
|
||
background-color: #fffeff;
|
||
margin-right: 5px;
|
||
margin-bottom: 12px;
|
||
padding: 7px 7px;
|
||
min-width: 16px;
|
||
min-height: 13px;
|
||
text-align: center;
|
||
border: 1px solid #d7d7d7;
|
||
text-decoration: none;
|
||
}
|
||
#pagination a.selected:hover,
|
||
#pagination a.selected {
|
||
background-color: #18a5ff;
|
||
color: #ffffff;
|
||
border-color: #008fe9;
|
||
}
|
||
#pagination a:hover {
|
||
background-color: #f8f8f8;
|
||
}
|
||
|
||
#pagination a.drop_active {
|
||
background-color: #c4ffb2;
|
||
border: 1px solid #3cff00;
|
||
color: #000000;
|
||
}
|
||
#pagination a.drop_hover {
|
||
background-color: #4eee00;
|
||
border: 1px solid #4eee00;
|
||
color: #ffffff;
|
||
}
|
||
|
||
/* @end */
|
||
|
||
|
||
/* @group Свернуть - развернуть варианты */
|
||
div#expand
|
||
{
|
||
margin-bottom: 10px;
|
||
display: none;
|
||
float: right;
|
||
}
|
||
div#expand a
|
||
{
|
||
color: #008fe9;
|
||
border-bottom-color: #008fe9;
|
||
}
|
||
/* @end */
|
||
|
||
/* @group Ссылки для сортировки */
|
||
div#sort_links
|
||
{
|
||
margin-bottom: 10px;
|
||
float: right;
|
||
}
|
||
div#sort_links a
|
||
{
|
||
color: #008fe9;
|
||
border-bottom-color: #008fe9;
|
||
}
|
||
/* @end */
|
||
|
||
/* @group Список */
|
||
#main_list.brands{ width:600px; }
|
||
#main_list.categories{ width:600px; }
|
||
#main_list.features{ width:600px; }
|
||
|
||
|
||
#list{
|
||
min-width: 200px;
|
||
border-bottom: 1px solid #d0d0d0;
|
||
clear: both;
|
||
}
|
||
#list #list{ border-bottom: none; }
|
||
|
||
#list .clear{clear:both;}
|
||
|
||
#list .row{
|
||
border-top: 1px solid #d0d0d0;
|
||
background-color: #f3f3f3;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
#list .tree_row:hover{
|
||
background-color: #f9f9f9;
|
||
}
|
||
|
||
#list .even{
|
||
background-color: #ebebeb;
|
||
}
|
||
#list .cell {
|
||
vertical-align: top;
|
||
padding: 0px;
|
||
padding-top: 10px;
|
||
padding-bottom: 7px;
|
||
float:left;
|
||
}
|
||
#list .move {
|
||
vertical-align: center;
|
||
width: 20px;
|
||
padding-right: 0px;
|
||
padding-left: 5px;
|
||
}
|
||
|
||
#list .move div{
|
||
height:16px;
|
||
width: 20px;
|
||
margin-top: 2px;
|
||
}
|
||
#list .checkbox {
|
||
width:20px;
|
||
padding-right: 0px;
|
||
padding-left: 5px;
|
||
}
|
||
|
||
#list .image{
|
||
width: 35px;
|
||
padding-bottom: 3px;
|
||
padding-top: 5px;
|
||
padding-right: 0px;
|
||
}
|
||
#list .image a{
|
||
width: 35px;
|
||
display: block;
|
||
}
|
||
#list .image img {
|
||
margin-left: 5px;
|
||
border: 1px solid #d3d3d3;
|
||
}
|
||
|
||
#list .name {
|
||
font-size:12px;
|
||
padding-left: 10px;
|
||
max-width: 600px;
|
||
}
|
||
#list.related_products .name {
|
||
width: 320px;
|
||
}
|
||
#list .product_name {
|
||
width:505px;
|
||
*position: relative;
|
||
}
|
||
#list .product_name a {
|
||
*position: absolute; /*Scrum*/
|
||
*left:0; /*Scrum*/
|
||
}
|
||
|
||
#list .brand_nameqwe {
|
||
width:300px;
|
||
}
|
||
#list .page_name {
|
||
width:300px;
|
||
}
|
||
#list .user_name {
|
||
width:220px;
|
||
}
|
||
#list .user_email {
|
||
width:200px;
|
||
}
|
||
#list .user_email a{
|
||
color: #707070;
|
||
}
|
||
#list .user_group {
|
||
width:200px;
|
||
text-align: right;
|
||
color: #707070;
|
||
}
|
||
|
||
#list.groups{
|
||
width: 500px;
|
||
}
|
||
|
||
#list .group_name {
|
||
width:250px;
|
||
padding-left: 10px;
|
||
}
|
||
#list .group_discount {
|
||
width:90px;
|
||
text-align: right;
|
||
}
|
||
|
||
#list .order_name {
|
||
width:350px;
|
||
}
|
||
#list .order_date {
|
||
width:120px;
|
||
color: #505050;
|
||
font-size: 12px;
|
||
padding-left: 10px;
|
||
}
|
||
#list .green{
|
||
background-color: #dcffd0;
|
||
}
|
||
|
||
#list .variants div.expand_variant{
|
||
float: right;
|
||
text-align: left;
|
||
width: 167px;
|
||
}
|
||
.expand_variant a {
|
||
*position: static !important; /*Scrum*/
|
||
}
|
||
|
||
#list .variants a.expand_variant, #list .product_name a.roll_up_variant{
|
||
color: #008fe9 !important;
|
||
border-bottom-color: #008fe9 !important;
|
||
font-size: 11px !important;
|
||
}
|
||
#list .variants {
|
||
float:right;
|
||
margin-top: -3px;
|
||
font-size: 12px;
|
||
color: #707070;
|
||
padding-left:10px;
|
||
text-align: right;
|
||
}
|
||
#list .variants ul li{
|
||
text-align: right;
|
||
margin-bottom: 2px;
|
||
overflow: hidden;
|
||
}
|
||
#list .variants ul i{
|
||
font-style:normal;
|
||
padding-bottom: 2px;
|
||
overflow: hidden;
|
||
}
|
||
#list .variants ul .price {
|
||
font-size: 14px;
|
||
width: 80px;
|
||
text-align: right;
|
||
margin-right: 3px;
|
||
}
|
||
#list .variants ul .compare_price {
|
||
color: #dd0063;
|
||
}
|
||
#list .variants ul .stock {
|
||
font-size: 14px;
|
||
width: 40px;
|
||
text-align: right;
|
||
color: #4e4e4e;
|
||
margin-right: 3px;
|
||
}
|
||
#list .icons {
|
||
float: right;
|
||
text-align: right;
|
||
padding-right: 10px;
|
||
padding-left: 10px;
|
||
white-space:nowrap;
|
||
zoom:1;
|
||
}
|
||
|
||
|
||
|
||
#list .invisible .name{ color: #909090; }
|
||
|
||
#list .invisible .name a{
|
||
color: #909090;
|
||
border-bottom-color: #909090;
|
||
}
|
||
|
||
#list .row .name{ color: #000000; }
|
||
|
||
#list .row .name a{
|
||
color: #000000;
|
||
border-bottom-color: #000000;
|
||
}
|
||
|
||
#list .coupon_name {
|
||
width:220px;
|
||
}
|
||
#list .coupon_details {
|
||
width:200px;
|
||
}
|
||
#list .coupon_discount {
|
||
width:180px;
|
||
}
|
||
#list .coupon_details .detail,
|
||
#list .coupon_discount .detail{
|
||
color:#707070;
|
||
font-size: 11px;
|
||
}
|
||
|
||
span.order_label_big
|
||
{
|
||
float:left;
|
||
display: block;
|
||
padding:0px;
|
||
width:32px;
|
||
height:32px;
|
||
margin-right:5px;
|
||
background-color: #e0e0e0;
|
||
background-image:url(../images/label_big.png);
|
||
}
|
||
|
||
span.order_label
|
||
{
|
||
float:left;
|
||
display: block;
|
||
padding:0px;
|
||
width:16px;
|
||
height:16px;
|
||
margin-right:5px;
|
||
background-color: #e0e0e0;
|
||
background-image:url(../images/label.png);
|
||
}
|
||
.order_name span.order_label{margin-right:0px;float:right;}
|
||
|
||
@media only screen and (-webkit-min-device-pixel-ratio: 2.0),
|
||
only screen and (min--moz-device-pixel-ratio: 2.0),
|
||
only screen and (-o-min-device-pixel-ratio: 200/100),
|
||
only screen and (min-device-pixel-ratio: 2.0) {
|
||
span.order_label {
|
||
background-image:url('../images/label@2x.png');
|
||
-webkit-background-size: 64px 16px;
|
||
-moz-background-size: 64px 16px;
|
||
background-size: 64px 16px;
|
||
}
|
||
}
|
||
#list span.order_label
|
||
{
|
||
background-position:-16px;
|
||
}
|
||
#list .even span.order_label
|
||
{
|
||
background-position:-32px;
|
||
}
|
||
#list .green span.order_label
|
||
{
|
||
background-position:-48px;
|
||
}
|
||
|
||
.icons a
|
||
{
|
||
padding: 8px;
|
||
margin: 2px;
|
||
*display: inline;
|
||
zoom:1;
|
||
background-position: center center;
|
||
background-repeat: no-repeat;
|
||
|
||
}
|
||
.icons a.enable, .icons a.a-visible { background-image: url(../images/lightbulb.png); }
|
||
.icons a.a-visible { background-image: url(../images/lightbulb.png) !important; }
|
||
.invisible .icons a.enable, .icons a.a-invisible { background-image: url(../images/lightbulb_off.png); }
|
||
.icons a.preview { background-image: url(../images/monitor.png); }
|
||
.icons a.delete { background-image: url(../images/delete.png); }
|
||
.icons a.print { background-image: url(../images/printer_small.png); }
|
||
.icons a.featured { background-image: url(../images/star_gray.png); }
|
||
.icons a.in_filter { background-image: url(../images/filter_gray.png); }
|
||
.in_filter .icons a.in_filter { background-image: url(../images/filter.png); }
|
||
.icons a.duplicate { background-image: url(../images/page_copy.png); }
|
||
.featured .icons a.featured { background-image: url(../images/star.png); }
|
||
.icons a.cents { background-image: url(../images/coin_stack_gold_off.png); }
|
||
.cents .icons a.cents { background-image: url(../images/coin_stack_gold.png); }
|
||
.icons a.loading_icon { background-image: url(../images/loader.gif) !important; }
|
||
.icons a.restore { background-image: url(../images/clock_history_frame.png); }
|
||
|
||
.phone {
|
||
padding-right:20px;
|
||
background-position: right center;
|
||
background-repeat: no-repeat;
|
||
background-image: url(../images/phone.png);
|
||
cursor: pointer;
|
||
}
|
||
|
||
@media only screen and (-webkit-min-device-pixel-ratio: 2.0),
|
||
only screen and (min--moz-device-pixel-ratio: 2.0),
|
||
only screen and (-o-min-device-pixel-ratio: 200/100),
|
||
only screen and (min-device-pixel-ratio: 2.0) {
|
||
.icons a.enable { background-image: url(../images/lightbulb@2x.png); }
|
||
.invisible .icons a.enable { background-image: url(../images/lightbulb_off@2x.png); }
|
||
.icons a.preview { background-image: url(../images/monitor@2x.png); }
|
||
.icons a.delete { background-image: url(../images/delete@2x.png); }
|
||
.icons a.print { background-image: url(../images/printer_small@2x.png); }
|
||
.icons a.featured { background-image: url(../images/star_gray@2x.png); }
|
||
.icons a.in_filter { background-image: url(../images/filter_gray@2x.png); }
|
||
.in_filter .icons a.in_filter { background-image: url(../images/filter@2x.png); }
|
||
.icons a.duplicate { background-image: url(../images/page_copy@2x.png); }
|
||
.featured .icons a.featured { background-image: url(../images/star@2x.png); }
|
||
.icons a.cents { background-image: url(../images/coin_stack_gold_off@2x.png); }
|
||
.cents .icons a.cents { background-image: url(../images/coin_stack_gold@2x.png); }
|
||
.icons a.loading_icon { background-image: url(../images/loader@2x.gif); }
|
||
.icons a.restore { background-image: url(../images/clock_history_frame@2x.png); }
|
||
.icons a{
|
||
-webkit-background-size: 16px 16px;
|
||
-moz-background-size: 16px 16px;
|
||
background-size: 16px 16px;
|
||
}
|
||
}
|
||
|
||
|
||
#list .action select{
|
||
width: 250px;
|
||
font-size: 12px;
|
||
}
|
||
#list .save{
|
||
text-align: right;
|
||
}
|
||
|
||
/* Хэлпер для мультисорта */
|
||
|
||
.sort-multi-helper{
|
||
border-top: 1px solid #D0D0D0
|
||
border: 30px solid red;
|
||
}
|
||
|
||
.esort-multi-helper li{
|
||
background:#EBEBEB;
|
||
border-bottom: 1px solid #D0D0D0;
|
||
height:32px;
|
||
}
|
||
|
||
|
||
/* @group Комментарии */
|
||
#list .row.unapproved {
|
||
background-color: #fffde5;
|
||
}
|
||
#list a.approve{
|
||
display: none;
|
||
}
|
||
#list .unapproved a.approve{
|
||
display: inline;
|
||
font-size: 12px;
|
||
color: green;
|
||
margin-left: 10px;
|
||
text-decoration: none;
|
||
border-bottom: 1px dotted green;
|
||
}
|
||
div.comment_info{
|
||
margin-top: 10px;
|
||
font-size: 11px;
|
||
color: #505050;
|
||
}
|
||
|
||
div.comment_name{
|
||
font-size: 16px;
|
||
color: #000000;
|
||
margin-bottom: 10px;
|
||
}
|
||
div.comment_text{
|
||
font-size: 12px;
|
||
color: #000000;
|
||
}
|
||
|
||
|
||
div#action{
|
||
width:100%;
|
||
margin-top: 10px;
|
||
margin-bottom: 10px;
|
||
margin-left: 0px;
|
||
|
||
float: left;
|
||
}
|
||
|
||
div#action input#apply_action{
|
||
float:right;
|
||
display: block;
|
||
}
|
||
div#action span#select{
|
||
padding-left: 20px;
|
||
}
|
||
div#action span#move_to_page, div#action span#move_to_category, div#action span#move_to_brand{
|
||
display:none;
|
||
}
|
||
|
||
/* @end */
|
||
|
||
|
||
|
||
|
||
/* TinyMCE */
|
||
textarea.editor_large{
|
||
height:500px;
|
||
}
|
||
textarea.editor_small{
|
||
height:250px;
|
||
}
|
||
|
||
|
||
/* @end */
|
||
|
||
|
||
/* Валюты */
|
||
#currencies_block {
|
||
background-color: #f0f0f0;
|
||
border: 1px dotted #d0d0d0;
|
||
clear: both;
|
||
overflow: hidden;
|
||
padding-top: 15px;
|
||
padding-bottom: 15px;
|
||
margin-bottom: 20px;
|
||
width: 100%;
|
||
}
|
||
#currencies_block ul {
|
||
overflow: hidden;
|
||
padding-bottom: 2px;
|
||
padding-left:20px;
|
||
padding-top: 2px;
|
||
clear: left;
|
||
}
|
||
#currencies_block ul#header {
|
||
height: 20px;
|
||
margin-bottom: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
#currencies_block ul#header li {
|
||
font-size: 13px;
|
||
padding-left: 0px;
|
||
margin-left: 1px;
|
||
}
|
||
#currencies_block ul li {
|
||
float: left;
|
||
display: block;
|
||
height: 31px;
|
||
overflow: hidden;
|
||
}
|
||
#currencies_block ul li input {
|
||
height: 20px;
|
||
font-size: 14px;
|
||
color: #636363;
|
||
margin-top: 0px;
|
||
padding-top: 2px;
|
||
margin-left: 2px;
|
||
}
|
||
#currencies_block li.move { width: 20px; height:16px; padding-top: 5px; margin-right: 5px;}
|
||
#currencies_block li.name { width: 230px;}
|
||
#currencies_block li.name a img{padding-top: 5px;}
|
||
#currencies_block li.name input {
|
||
margin-right: 5px;
|
||
font-size: 16px;
|
||
color: #000;
|
||
width: 220px;
|
||
float: left;
|
||
}
|
||
#currencies_block li.name a.del_variant {
|
||
display: block;
|
||
padding-top: 6px;
|
||
}
|
||
#currencies_block li.icons { width: 80px; padding-top: 5px;}
|
||
#currencies_block li.sign { width: 120px; }
|
||
#currencies_block li.sign input { width: 95px; }
|
||
#currencies_block li.iso { width: 120px; }
|
||
#currencies_block li.iso input { width: 95px;}
|
||
#currencies_block li.rate input { width: 50px;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
color: #000;
|
||
}
|
||
#currencies_block li.rate .rate_from{ float:left; min-width: 100px;}
|
||
#currencies_block li.rate .rate_to { float:left; margin-right: 10px;}
|
||
|
||
#currencies_block span.add {
|
||
margin-left: 30px;
|
||
clear: left;
|
||
margin-top: 5px;
|
||
display: block;
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
background-image: url(../images/plus-circle.png);
|
||
}
|
||
#currencies_block .variant_move div{
|
||
width:20px;
|
||
height: 16px;
|
||
}
|
||
|
||
|
||
|
||
span.alert {
|
||
background-image: url(../images/bullet_error.png);
|
||
background-repeat: no-repeat;
|
||
padding-left: 15px;
|
||
color: red;
|
||
}
|
||
|
||
|
||
/* Заказы */
|
||
#list .note{
|
||
width: 100%;
|
||
clear: both;
|
||
padding: 3px;
|
||
border: 1px dotted #ffc539;
|
||
background-color: #fffac4;
|
||
margin-top: 3px;
|
||
}
|
||
|
||
form#order div#name
|
||
{
|
||
height: 50px;
|
||
}
|
||
form#order select.status
|
||
{
|
||
font-size: 22px;
|
||
}
|
||
|
||
div#next_order{ float: right; font-size: 26px; }
|
||
div#next_order a{text-decoration: none; border: 1px solid #e0e0e0; background-color: #ffffff; padding-left:3px; padding-right: 3px;}
|
||
div#next_order a.next_order{ margin-left: 2px; }
|
||
|
||
div#order_details
|
||
{
|
||
float:right;
|
||
width: 300px;
|
||
margin-top: -10px;
|
||
}
|
||
div#order_details div#user
|
||
{
|
||
background-color: #ffffff;
|
||
border: 1px solid #e0e0e0;
|
||
padding: 15px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.order_details label
|
||
{
|
||
display: block;
|
||
color:#808080;
|
||
}
|
||
.order_details input[type=text]
|
||
{
|
||
width:100%;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.order_details textarea
|
||
{
|
||
width:100%;
|
||
height:40px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
form#order div#order_details div.view_order_detail
|
||
{
|
||
font-size: 16px;
|
||
margin-bottom: 10px;
|
||
//font-weight: bold;
|
||
color #000000;
|
||
}
|
||
|
||
form#order div#order_details div.view_note .note_text
|
||
{
|
||
padding: 5px;
|
||
border: 1px dotted #ffc539;
|
||
background-color: #fffac4;
|
||
margin-top: 5px;
|
||
margin-bottom: 10px;
|
||
}
|
||
form#order div#order_details div.edit_note textarea { height:100px; }
|
||
|
||
|
||
div#purchases
|
||
{
|
||
float: left;
|
||
width: 600px;
|
||
}
|
||
div#purchases div#add_purchase
|
||
{
|
||
height: 40px;
|
||
margin-top: 5px;
|
||
float: left;
|
||
}
|
||
|
||
div#purchases .edit_purchases
|
||
{
|
||
float: left;
|
||
margin-top: 5px;
|
||
}
|
||
.purchases#list{
|
||
width:100%;
|
||
}
|
||
.purchases#list div.purchase_name {
|
||
padding-left: 15px;
|
||
width: 350px;
|
||
}
|
||
.purchases#list .purchase_name div.purchase_variant{
|
||
float: right;
|
||
margin-right: 10px;
|
||
color: #707070;
|
||
padding-left: 3px;
|
||
}
|
||
.purchases#list .price{
|
||
text-align: right;
|
||
white-space: nowrap;
|
||
font-weight: bold;
|
||
width: 80px;
|
||
}
|
||
.purchases#list .price input{
|
||
width: 60px;
|
||
}
|
||
.purchases#list .amount{
|
||
width: 50px;
|
||
padding-left: 10px;
|
||
text-align: right;
|
||
white-space: nowrap;
|
||
}
|
||
.purchases#list .icons{
|
||
padding-left: 10px;
|
||
}
|
||
.purchases#list .purchase_name label{
|
||
font-style: italic;
|
||
color: #909090;
|
||
}
|
||
div#purchases div.subtotal{
|
||
width: 100%;
|
||
text-align: right;
|
||
font-size: 16px;
|
||
margin-top: 5px;
|
||
}
|
||
div#purchases div.total{
|
||
width: 100%;
|
||
text-align: right;
|
||
font-size: 20px;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
form#order div.discount {margin-top: 20px;}
|
||
form#order div.discount h2{float: left; margin-right: 10px;}
|
||
form#order div.discount input{width:80px;font-size: 14px; margin-top: 3px;}
|
||
|
||
form#order div.delivery select{font-size: 14px; margin-right: 10px; width: 250px;}
|
||
form#order div.delivery input[type="text"]{width:80px;font-size: 14px;}
|
||
form#order div.delivery span.currency{font-size: 14px;}
|
||
form#order div.delivery div.separate_delivery{float:right;}
|
||
form#order div.delivery div.separate_delivery input{width: auto;}
|
||
|
||
form#order div.payment select{font-size: 14px; margin-right: 10px; width: 250px;}
|
||
form#order div.payment input{font-size: 14px;}
|
||
form#order div.payment label{font-size: 14px;}
|
||
form#order div.payment label.green{background-color: #b9ff3f;}
|
||
|
||
form#order div.view_user{margin-bottom: 15px; font-size: 14px;}
|
||
form#order div.edit_user{margin-bottom: 15px;}
|
||
form#order div.block_save{margin-top: 15px; margin-right: -15px;}
|
||
|
||
|
||
/* Импорт */
|
||
input.import_file {
|
||
width: 600px;
|
||
font-size: 18px;
|
||
}
|
||
div.block_help
|
||
{
|
||
width: 900px;
|
||
margin-top: 20px;
|
||
padding: 20px;
|
||
background-color: #ffffff;
|
||
border: 1px dotted #e0e0e0;
|
||
font-size: 18px;
|
||
}
|
||
|
||
div.block_help p
|
||
{
|
||
margin-bottom: 20px;
|
||
}
|
||
div.block_help li
|
||
{
|
||
font-size: 14px;
|
||
margin-top: 8px;
|
||
margin-bottom: 8px;
|
||
border-bottom: 1px solid #e0e0e0;
|
||
}
|
||
div.block_help li label
|
||
{
|
||
display: block;
|
||
float: left;
|
||
width: 170px;
|
||
}
|
||
ul#import_result
|
||
{
|
||
display: block;
|
||
clear: left;
|
||
padding-top: 10px;
|
||
}
|
||
|
||
ul#import_result li
|
||
{
|
||
margin-bottom: 5px;
|
||
}
|
||
ul#import_result li .count
|
||
{
|
||
width: 30px;
|
||
display: block;
|
||
float: left;
|
||
}
|
||
ul#import_result li .status
|
||
{
|
||
padding: 0 26px 16px 0;
|
||
background-image: url(../images/exclamation.png);
|
||
background-repeat: no-repeat;
|
||
|
||
}
|
||
ul#import_result li .added { background-image: url(../images/accept.png); }
|
||
ul#import_result li .updated { background-image: url(../images/update.png); }
|
||
|
||
/* Темы */
|
||
ul.themes
|
||
{
|
||
width: 100%;
|
||
}
|
||
|
||
ul.themes li
|
||
{
|
||
display: block;
|
||
float: left;
|
||
margin-top: 15px;
|
||
padding-right: 20px;
|
||
height: 200px;
|
||
}
|
||
|
||
ul.themes li img.preview
|
||
{
|
||
width: 200px;
|
||
height: 150px;
|
||
border: 1px solid #909090;
|
||
background-color: #ffffff;
|
||
padding: 2px;
|
||
display: block;
|
||
}
|
||
|
||
.templates_names a{
|
||
display: block;
|
||
float: left;
|
||
padding: 10px;
|
||
background-color: #f0f0f0;
|
||
border: 1px solid #e0e0e0;
|
||
margin-right: 10px;
|
||
margin-bottom: 10px;
|
||
margin-left: 0;
|
||
}
|
||
.templates_names a.selected{
|
||
background-color: #ffde5c;
|
||
}
|
||
|
||
.theme_images li{
|
||
display:block;
|
||
float: left;
|
||
margin-right: 50px;
|
||
margin-bottom: 20px;
|
||
margin-top: 10px;
|
||
overflow: hidden;
|
||
width: 180px;
|
||
white-space: nowrap;
|
||
}
|
||
.theme_images .theme_image{
|
||
display: table;
|
||
}
|
||
.theme_images li a.preview{
|
||
width: 180px;
|
||
height: 180px;
|
||
border: 1px solid #e0e0e0;
|
||
display: table-cell;
|
||
vertical-align:middle;
|
||
background-color: #ffffff;
|
||
text-align: center;
|
||
background-image: url(../images/transparent.gif);
|
||
}
|
||
.theme_images li a img{
|
||
max-width: 170px;
|
||
max-height: 170px;
|
||
}
|
||
.theme_images li .name{
|
||
font-size: 18px;
|
||
max-width: 150px;
|
||
height: 25px;
|
||
overflow: hidden;
|
||
margin-bottom: 3px;
|
||
}
|
||
.theme_images li .name input{
|
||
font-size: 16px;
|
||
width: 130px;
|
||
margin-top: -3px;
|
||
}
|
||
.theme_images li a.edit, .theme_images li a.delete{
|
||
float:right;
|
||
margin-top: 3px;
|
||
margin-left: 3px;
|
||
}
|
||
|
||
.themes li .name{
|
||
font-size: 18px;
|
||
max-width: 150px;
|
||
height: 25px;
|
||
overflow: hidden;
|
||
margin-bottom: 3px;
|
||
}
|
||
.themes li .name input{
|
||
font-size: 16px;
|
||
width: 130px;
|
||
margin-top: -3px;
|
||
}
|
||
.themes li a.edit, .themes li a.delete, .themes li a.select{
|
||
float:right;
|
||
margin-top: 3px;
|
||
margin-right: 3px;
|
||
}
|
||
.themes li img.tick{
|
||
margin-top: 3px;
|
||
margin-right: 3px;
|
||
float:left;
|
||
}
|
||
h1.locked{
|
||
background-image: url(../images/lock.png);
|
||
background-repeat: no-repeat;
|
||
background-position: left center;
|
||
padding-left: 35px;
|
||
margin-left: -5px;
|
||
}
|
||
|
||
|
||
.theme_images li p.size{
|
||
float: left;
|
||
color: #909090;
|
||
}
|
||
div.upload_image{
|
||
margin-bottom: 20px;
|
||
}
|
||
div.upload_image span#upload_image{
|
||
margin-top: 5px;
|
||
background-repeat: no-repeat;
|
||
padding-left: 20px;
|
||
margin-right: 5px;
|
||
}
|
||
div.upload_image span#upload_image{ background-image: url(../images/picture_add.png); }
|
||
div.upload_image input{
|
||
display: block;
|
||
width: 400px;
|
||
margin-top:10px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
|
||
.input_autocomplete{
|
||
background-image: url(../images/combobox.png);
|
||
background-repeat: no-repeat;
|
||
background-position: right center;
|
||
font-size: 12px;
|
||
height: 16px;
|
||
width: 290px;
|
||
margin-top: 4px;
|
||
}
|
||
.icons a.edit { background-image: url(../images/pencil.png); }
|
||
.icons a.view { background-image: url(../images/view.png); }
|
||
.icons a.view.no { background-image: url(../images/view_grey.png); }
|
||
.icons input.yandex + a.yandex { background-image: url(../images/yandex_off.png); }
|
||
.icons input.yandex.enabled + a.yandex { background-image: url(../images/yandex.png); }
|
||
.icons a.yandex.loading_icon { background-image: url(../images/loader.gif)!important; }
|
||
|
||
|
||
#variants_block ul > li {
|
||
height: auto;
|
||
min-height: 31px;
|
||
}
|
||
|
||
#variants_block .variant_options{
|
||
clear: both;
|
||
margin-left: 20px;
|
||
}
|
||
#variants_block .variant_options ul li{
|
||
float: none;
|
||
line-height: 20px;
|
||
height: auto;
|
||
min-height: 20px!important;
|
||
padding: 0 0 2px;
|
||
margin: 2px 0;
|
||
width: 600px;
|
||
border-bottom: 1px solid #ccc;
|
||
}
|
||
#variants_block .variant_options ul li label{
|
||
float: left;
|
||
width: 200px;
|
||
padding-top: 3px;
|
||
line-height: 15px;
|
||
font-size: 12px;
|
||
}
|
||
#variants_block .variant_options ul li strong{
|
||
float: left;
|
||
width: 200px;
|
||
}
|
||
#variants_block .variant_options ul li input{
|
||
float: left;
|
||
width: 200px;
|
||
height: 16px;
|
||
}
|
||
#variants_block .variant_options ul li a.delete{
|
||
float: left;
|
||
width: 20px;
|
||
height: 20px;
|
||
background: url(../images/delete.png) no-repeat center center;
|
||
margin-left: 10px;
|
||
}
|
||
#variants_block .variant_options ul li .cl{
|
||
clear: both;
|
||
|
||
}
|
||
#variants_block .variant_options span.addv {
|
||
display: block;
|
||
background-repeat: no-repeat;
|
||
font-size: 12px;
|
||
padding-left: 20px;
|
||
float: right;
|
||
background-image: url(../images/plus-circle.png);
|
||
}
|
||
|
||
.mb {
|
||
margin-bottom: 30px;
|
||
}
|
||
|