/* * CSS by RCHE.ru (Old version,1.0) * INDEXES * 1. Basic * 2. Article * 3. Votes * 4. Category * 5. Reviews * 6. Mobile Mode * 7. Mobile Mode * 8. Export modal * 9. Progress Bar Upload Files * 10. Products * 11. Semantic UI * 12. Settings column view in table * 13. Color Picker Button * 14. Sidebar Menu Filter Callapse * 15. Deliveries Addresses * 16. Products Add to cart Count Increment * 17. Cart * 18. Cart Param Order * 19. Cart / Orders * 20. Products View * 21. Products List */ /* * 1. Basic */ .content-component { margin: 0 0 0 225px; } #left-menu a.item.active { } .ui.primary.button,.ui.primary.buttons .button { background-color: #247814; } .ui.primary.button:hover,.ui.primary.buttons .button:hover { background-color: #389b26; } .ui.primary.button:focus,.ui.primary.buttons .button:focus { background-color: #389b26; } h1.ui.dividing.header { font-size: 18px; color: #484848; padding-left: 5px; } h2.ui.dividing.header { font-size: 18px; color: #484848; padding-left: 5px; font-weight: 400; } h3,h3.ui.dividing.header { font-size: 16px; color: #484848; padding-left: 5px; font-weight: 700; } #logo img { max-width: 120px; } .user-account-image { background-size: cover; display: inline-block; background-position: center center; width: 35px; height: 35px; border-radius: 50%; margin: 0 10px -15px 0; } .ui.form select { display: inline-block; } #about { text-align: center; position: fixed; bottom: 10px; left: 20px; line-height: 0.8; } #about a { font-size: 11px; color: #76b16b; } #logo { background: #252525; } .ui.segment.helpblock { background: #fcffe8; } .ajaxloader { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; margin: 0; background: #ffffff80 url(/admin/theme/image/ajax.gif) center center no-repeat; opacity: 0.7; z-index: 9000; } @media screen and (max-width:648px) { .content-component { margin: 0 0 0 65px; } #logo { font-size: 12px; padding: 8px; text-align: center; } #about { display: none; } } .content-component.installing { margin: 0 10%; } .ui.pagination.menu .item { display: inline-block; } .ui.segment.helpblock { display: none; } .clearfix { clear: both; } /* * 2. Article */ .imgadm { border: 1px solid #006699; padding: 2px; margin: 5px; } .news-url { display: inline; } .atricle-settings i { color: #999; margin: 0 5px } .atricle-settings i.active { color: green } /* * 3. Votes */ .nb { display: inline-block; width: 100px; } .nb2 { display: inline-block; width: 130px; } .tab-cell-1 { border-bottom: 1px solid #eee; } /* * 4. Category */ .cat-line2 { margin: 10px 5px; padding: 5px 0; position: relative; } .cat-line { margin: 10px 5px; padding: 5px 0; position: relative; } .cat-nav { position: absolute; right: 10px; width: 100px; text-align: right; top: 0; height: 16px; } /* * 5. Reviews */ table.reviews img { max-width: 200px; } /* * 6. Mobile Mode */ .mobile-mode .content-component { margin: 0 0 0 65px; } .mobile-mode #logo { font-size: 12px; padding: 8px; text-align: center; } .mobile-mode #about { display: none; } /* * 7. Mobile Mode */ #menu .subitems { background: #3a9629; color: #fff; font-size: 12px; padding: 13px; cursor: pointer; display: none; position: relative; float: left; z-index: 1; width: 100%; min-width: 180px; } #menu .subitems a.item { padding-left: 35px; position: relative; border-bottom: 1px solid #4aa839; } #menu .subitems a.item:last-child { border-bottom: none } #menu .subitems a.item:before { position: absolute; content: "\f105"; top: 14px; left: 10px; width: 100%; height: 1px; background: none; font-family: Icons; font-style: normal; font-weight: 400; display: block !important; } #left-menu { background: #247814; } #top { background: #ddd; } .ui.list>.item:after,.ui.list>.list>.item,ol.ui.list>li:first-child:after,ul.ui.list>li:first-child:after { content: none; } #linktable .submenu td { padding-left: 30px; } /* * 8. Export modal */ .check-item { width: 33%; } /* * 9. Progress Bar Upload Files */ .ui.progress.photos.success { display: none; margin: 25px 0 0 0; } /* * 10. Products */ .products-icons {font-size: 11px; color: #888; } .products-icons i {margin: 0 0 0 10px;} .products-icons .green {color: green} .products-icons .red {color: red} .oldprice { text-decoration: line-through; color: #777; font-size: 12px; } .products .desc .ui.label { margin: 2px 3px; opacity: .7; } .products .desc .ui.label:hover { opacity: 1; } .products .desc a { color: #333; } /* * 11. Semantic UI */ .ui.form input:not([type]),.ui.form input[type=text],.ui.form input[type=email],.ui.form input[type=search],.ui.form input[type=password],.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=file],.ui.form input[type=url],.ui.form input[type=number] { font-family: 'Open Sans',sans-serif; } .ui.form input[type=text][readonly] { background: #eee; } /* * 12. Settings column view in table */ .setting-columns .ui.checkbox { margin: 5px 10px; } /* * 13. Color Picker Button */ .ui-button.ui-corner-all.ui-widget { padding: 8px 10px; margin: 0 0 0 10px; } /* * 14. Sidebar Menu Filter Callapse */ div > .filter-collapse,div > .ui.vertical.menu.filter-collapse { display: none; } .filter-collapse > label > a:not(.name),.filter-collapse > li > label > a:not(.name) { float: right; } ul.filter-collapse > li ul { margin-left: 10px !important; } ul.filter-collapse li.active > a,ul.filter-collapse li.active > label > a { font-weight: 700; color: #000; } .ui.vertical.menu.filter-collapse .active.item { background: none; } /* * 15. Deliveries Addresses */ form .addresses .address-item { padding: 20px; border: 1px dashed #999; margin: 10px 0 20px 0; } /* * 16. Products Add to cart Count Increment */ .increment { } .increment button { background: none; border: solid 1px rgba(34,36,38,.15); border-radius: 0; float: left; font-size: 15px; line-height: 39px; width: 40px; } .increment .decrease { border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; } .increment .increase { border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; } .increment input[type="number"],.ui.form .increment input[type="number"] { border-left: none; border-right: none; border-radius: 0; float: left; text-align: center; width: 50px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 12px 0 13px 0; } .increment input[type="number"]:focus,.increment input[type="number"]:active { outline: none; } /* * 17. Cart */ .cart .product .ui.medium.image { width: 150px; float: left; } .cart .product .meta { float: left; } .cart .product .meta a { color: #333; display: inline-block; text-transform: uppercase; font-weight: 700; margin: 0 0 10px 0; } .cart .product .product-price { font-weight: 700; } .cart .product .old { font-weight: 300; display:block; font-size: 14px; color: #777; text-decoration: line-through; margin: 0 10px 0 0; } .product-params-selected { display: flex; } .product .meta .product-params-selected .param { margin: 0 15px 0 0; opacity: .7; } .product .meta .product-params-selected .param:hover { opacity: 1; } .product .meta .product-params-selected .param .param-item { border: 1px solid #999; cursor: inherit; } .product-name .image { margin: 0; } /* * 18. Cart Param Order */ .fields.param-order .ui.checkbox { margin-top: 0 !important; } .fields.param-order .ui.compact.segment { width: 100%; } .fields.param-order .ui.compact.segment:hover,.fields.param-order .ui.compact.segment:has([name="delivery"]:checked) { background: #f9fafb } /* * 19. Cart / Orders */ .orders .payment { color: #333; float: right; } .orders .payment .summ { font-size: 20px; } .orders .product-name .ui.medium.image { width: auto; } .orders .ui.form .fields { margin: 0; } .orders .product .ui.image img { margin: 0 30px 0 0; } .orders .seller { font-size: 12px; color: #555; } /* * 20 Products View */ .product .photo { display: block; } .product .photo.primary img { max-width: 600px; width: 100%; } .product .photo.secondary img { max-width: 117px; } .product .photo.secondary { display: inline-block; margin: 5px 10px 0px 0; } .addition-photo .photo.secondary:nth-child(4n+4) { margin: 5px 0px 0px 0; } .product h1 { margin: 0 0 5px; } .product .meta .seperate { width: 50px; display: block; margin: 10px 0 20px; border-bottom: 2px solid #e7e7e7 } .product .meta > .price { font-size: 24px; font-weight: 700; } .product .meta > .price .old { font-size: 14px; color: #777; text-decoration: line-through; margin: 0 10px 0 0; } .product .meta > .text { color: #777777; font-size: 16px; line-height: 22px; margin: 20px 0; } .product .meta .param { color: #999; text-transform: uppercase; font-size: 12px; margin: 0 0 5px 0; } .product .meta .param .value { color: #333; font-weight: 700; } .product .meta .param .eq{ text-transform: none; } .product .action { padding: 20px 0; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; margin: 20px 0; } .product .action .add-cart { margin: 0 20px; } .product .action .add-cart i { color: #fff; } .product .action .add-cart:hover { background: #08c; } @media (max-width: 940px) { .ui.grid.product>[class*="seven wide"].column { width: 100% !important; } .ui.grid.product>[class*="nine wide"].column { width: 100% !important; } .product .ui.steps .step { padding: 1em 0.5rem; max-width: 100%; } } /* * 21 Products List */ td.kolvo { font-size: 16px; text-align: center !important; }