/*----- css reset -----*/ html, body, div, span, header, footer, article, aside, section, h1, h2, h3, h4, h5, h6, p, hgroup, figure, figcaption, a, img, ul, li, nav, menu{ margin: 0; padding: 0; border: 0 none; line-height: 1; } menu, nav, aside{ list-style: none; ul, menu{ list-style :none; } } /*----- html-5 -----*/ header, footer, article, aside, section, nav, menu, figure, figcaption, hgroup, audio, video, canvas, keygen, mark, command, datalist, details, meter, output, progress, rp, rt, ruby, source, summary, time, wbr{ display: block; } // --- LESS-mixin .LESS-fonts{ font-family: Arial; font-size: 15px; color: #545454; line-height: 1; } .LESS-border{ border: solid 1px #b9d3d4; border-radius: 15px; } /*----- global style -----*/ div.clear{ clear: both; } html{ background: #ffffff url("../images/bgHeader.jpg")top repeat-x; .LESS-fonts; a{ .LESS-fonts; color: #2575cf; text-decoration: underline; &:hover, &:active, a.active{ text-decoration: none; } } } body{ background: url("../images/bgFooter.png") bottom repeat-x; header, div.main, footer{ width: 960px; margin: 0 auto; } } h1{ font-size: 18px; color: #333333; font-weight: normal; margin: 10px 0; } h2{ font-size: 17px; color: #333333; font-weight: normal; margin: 10px 0; }rgin: 20px 0 3px 0; h3{ font-size: 17px; color: #333333; font-weight: normal; margin: 10px 0; } h4{ font-size: 17px; color: #333333; font-weight: normal; margin: 10px 0; } /*----- header -----*/ header{ background: url("../images/imgHeader.png") 245px 0 no-repeat; height: 182px; .topLinks{ position: absolute; margin: 9px 0 0 143px; a{ float: left; margin-right: 15px; } } div.topLogo{ position: absolute; margin: 68px 0 0 7px; a{ font-size: 14px; color: #8c8c8c; line-height: 19px; text-decoration: none; } } .topContact{ background: #ffffff; position: absolute; margin: 19px 0 0 718px; padding: 10px 15px; width: 210px; height: 104px; line-height: 20px; .LESS-border; font-size: 12px; color: #739899; text-transform: uppercase; span{ font-weight: bold; color: #2e8589; } p{ margin: 8px 0; font-size: 30px; color: #2e8589; span{ font-size: 17px; font-weight: normal; line-height: 20px; vertical-align: top; padding-top: 2px; } } } } /*----- aside -----*/ aside{ width: 240px; float: left; margin-bottom: 25px; menu{ .LESS-border; border-radius: 0; padding: 13px 15px; li{ background: url("../images/pointAsaideMenu.png") center left no-repeat; padding: 9px 0 8px 18px; a{ font-size: 12px; color: #2e8589; text-transform: uppercase; } } } .cart{ background: url("../images/card.png") top left no-repeat; height: 50px; margin: 23px 0 20px 0; padding-left: 63px; font-family: Georgia; font-size: 24px; color: #2e8589; a{ font-size: 12px; color: #d1432a; display: block; margin-top: 10px; } } .loginForm{ background: #2e8589; margin-top: 20px; font-size: 12px; color: #ffffff; .nameForm{ background: url("../images/bgCard.png") top left no-repeat; line-height: 33px; padding-left: 10px; margin-bottom: 14px; font-family: Georgia; font-size: 15px; text-transform: uppercase; } & ul li{ display: block; min-height: 35px; label{ display: block; float: left; width: 52px; height: 24px; line-height: 24px; text-align: right; padding-right: 5px; } input{ float: left; border: none; width: 160px; height: 24px; padding-left: 5px; line-height: 24px; text-align: left; } button{ background: url("../images/button.png") no-repeat; position: absolute; margin: 4px 0 0 113px; width: 106px; height: 28px; border: none; font-size: 14px; color: #000000; } } } } /*----- content -----*/ .contentBlock{ margin-left: 290px; nav{ menu{ .LESS-border; height: 38px; li{ float: left; border: solid 1px #ffffff; &:first-child, &:first-child a{ border-radius: 13px 0 0 13px; } a{ display: block; padding: 0 18px; height: 36px; line-height: 36px; font-size: 13px; text-transform: uppercase; text-decoration: none; color: #2e8589; } &:hover a, &:active a, a:hover, a:active, a.active{ color: #ffffff; background: #2e8589; } } } } #dle-speedbar, #dle-speedbar a{ font-size: 12px; color: #2e8589; text-decoration: none; display: inline-block; margin: 10px 0 0 15px; } .category{ margin-top: 25px; margin-bottom: 25px; font-family: Georgia; font-size: 24px; color: #2e8589; } .split{ background: url("../images/split.png") top center no-repeat; margin: 0 auto; width: 665px; height: 22px; } article{ line-height: 20px; margin-bottom: 143px; img{ float: right; margin-top: -48px; margin-left: 5px; } } } /*----- footer -----*/ footer{ background: url("../images/imgFooter.png") bottom right no-repeat; height: 90px; nav{ position: absolute; margin: 0 0 0 -5px; menu{ li{ float: left; margin: 0 10px; a{ color: #474747; } &:hover a, &:active a, a:hover, a:active, a.active{ text-decoration: none; } } } } .botomLogo{ position: absolute; margin: 46px 0 0 3px; } .copy{ position: absolute; margin: 52px 0 0 123px; font-size: 12px; color: #789b9c; } .bottomContact{ position: absolute; margin: 27px 0 0 378px; padding: 14px 23px 0 23px; display: block; border: 1px solid #b9d3d4; border-radius: 15px 15px 0 0; border-bottom: none; font-size: 12px; color: #739899; p{ margin: 6px 0; font-size: 23px; color: #2e8589; span{ font-size: 14px; font-weight: normal; vertical-align: top; padding-top: 2px; } } } .counters{ position: absolute; margin: 40px 0 0 650px; min-width: 88px; min-height: 37px; } } /* loginFORM */ /*.hide{ display:none; } #logform{ position: absolute; z-index: 100; border-radius: 7px; padding:20px; border:1px #666 solid; box-shadow: 1px 1px 5px #666; }*/ /* end loginFORM */ /* dle admin */ .bhinfo ul{ display:table; } .bhinfo ul>li{ display:table-cell; vertical-align: top; padding: 3px; } /* end dleAdmin */ .shortstory img{ margin:0 5px; } .enter1 .button { background:#000 url(/templates/mylyapko/images/enter-bg.png); background-position: left 5px; background-repeat: no-repeat; padding-left: 23px; } .xlogin{ padding:10px; a{ color:#fff; } } .text_index img { text-align: center; } .topProducts{ margin-top:11px; font-family: Arial; } .topProducts td{ // border: 1px solid #DEDEDE; border-radius: 13px; } .topProducts td>div{ float:left; width: 188px; padding:15px; height: 250px; text-align: center; // border:dotted 1px #DEDEDE; } .topProducts td>div>div:first-child{ min-height: 160px; } .topProducts img{ width: 150px; margin:0 auto; display: block; } .topProducts a{ color:#2575cf; font-size:16px; line-height: 16px; } span.oldprice{ color: #999999; font-size: 17px; text-decoration: line-through; } span.price{ color: #d1432a; font-size: 21px; } .topProducts tr td div:first-child span.hitP{ width:80px; height:80px; background:url(../images/hit.png) no-repeat; display: block; margin-left: 130px; margin-top: -30px; position: absolute; } .topProducts tr td div:first-child{ border-left:0; border-top:0; border-bottom:0; // border-top-left-radius:13px } .topProducts tr td div:nth-child(2){ border-top:0; border-bottom:0; } .topProducts tr td div:nth-child(3){ border-right:0; border-top:0; border-bottom:0; // border-top-right-radius:13px; } .topProducts tr td div:last-child{ border-right:0; border-bottom:0; // border-bottom-right-radius:13px; } .topProducts tr td div:nth-child(4){ border-left:0; border-bottom:0; // border-bottom-left-radius:13px; } .topProducts tr td div:nth-child(5){ border-bottom:0; } .fixtab{ display:table; } .fixtab>div{ display:table-cell; vertical-align:bottom; height:230px; } .topPreview{ min-height:170px; } div.content { border-color: #DEDEDE; line-height: 1.5; padding: 12px 10px 40px 19px; } div.catalog { border-color: #E1E1E1; padding: 13px 18px 40px 19px; } div.tovar { border-bottom: 1px dotted #CCCCCC; display: table; margin-bottom: 3px; margin-left: -5px; margin-top: 3px; width: 100%; } div.tovar > div { display: table-cell; vertical-align: top; } div.tovar > div:first-child { height: 120px; width: 160px; } div.tovar > div:last-child { padding-bottom: 20px; padding-top: 0; } div.tovar a { background: url("/templates/applicator/images/bgTovarNamet.png") no-repeat scroll right center transparent; color: #3D9DF2; font-size: 18px; padding-right: 8px; } table.tovarTable { color: #6A6A6A; font-family: Tahoma; font-size: 11px; width: 470px; } table.tovarTable tr > td:first-child, table.tovarTable tr > td:last-child { padding-left: 0; } table.tovarTable tr > td { padding: 0 10px; } div.tovar img.item_thumb { width: 148px; } td.boldText { font-family: Arial; font-size: 14px; font-weight: bold; } td.Price { color: #636363; font-family: Arial; font-size: 13px; } span.old { color: #3D9DF2; font-size: 18px; text-decoration: line-through; } span.new { color: #E5193A; font-size: 18px; } span.redText { color: #E5193A; } .shag_igl{ padding-top:2px; font-size:11px; } .razmer{ font-size:11px; } .simpleCart_shelfItem{ padding-top:5px; padding-bottom:5px; }