@import '../vendor/bootstrap/less/bootstrap.less'; @import 'grid.less'; @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Roboto+Slab:700,400&subset=cyrillic-ext,latin); @font-family-sans-serif: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; @font-family-monospace: 'Roboto Slab', Menlo, Monaco, Consolas, "Courier New", monospace; @font-family-base: @font-family-sans-serif; @font-size-base: 14px; @font-size-large: ceil((@font-size-base * 1.25)); // ~18px @font-size-small: ceil((@font-size-base * 0.85)); // ~12px // @font-size-h1: floor((@font-size-base * 2.6)); // ~36px // @font-size-h2: floor((@font-size-base * 2.15)); // ~30px @font-size-h1: ceil((@font-size-base * 1.7));// ~24px @font-size-h2: @font-size-h1; @font-size-h3: ceil((@font-size-base * 1.55)); // ~22px @font-size-h4: ceil((@font-size-base * 1.25)); // ~18px @font-size-h5: @font-size-base; @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px //** Unit-less `line-height` for use in components like buttons. @line-height-base: 1.428571429; // 20/14 //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px //** By default, this inherits from the ``. @headings-font-family: inherit; @headings-font-weight: 500; @headings-line-height: 1.1; @headings-color: inherit; h5 { font-weight: 500; } .wrapper { .make-row(); margin-top: 10px; margin-bottom: -10px; } .header-logo { .make-lg-column(8); .slogan { position: absolute; top: 58px; left: 176px; width: 160px; opacity: 0.5; line-height: 17px; } } .header-contacts { .make-lg-column(3); .make-lg-column-offset(1); text-align: right; margin-top: -4px; ul { margin-right: -5px; margin-bottom: 0; } p { margin: 0; } } .consultation { h5 { opacity: 0.5; margin-bottom: 3px; margin-top: 0; } h3 { margin: 0; } button { margin-bottom: 5px; margin-right: -5px; } } .logo { height: 100px; } .background-line-pattern { background: url('/static/imgs/pattern.svg'); opacity: 0.06; width: 100%; height: 28px; position: absolute; z-index: -1; left: 0; } .header-menu-font { font-family: @font-family-monospace; } .header-menu { font-size: 16px; li { margin-top: 1px; margin-right: 35px; font-weight: 400; a { text-decoration: underline; } } span.active { font-weight: 700; } } footer { .make-row(); margin-top: 10px; margin-bottom: 5px; opacity: 0.5; font-size: 12px; .background-line-pattern { opacity: 0.13; } a { color: #000000; text-decoration: underline; } li.active { a { text-decoration: none; } } .about { .make-lg-column(2); margin-top: -10px; .copyright { margin-top: 5px; opacity: 0.7; } ul { margin-top: 16px; li { line-height: 20px; } } } .menu { .make-lg-column(4); h5 { margin-top: 6px; margin-bottom: 18px; } li { line-height: 20px; } } .contacts { .make-lg-column(2); margin-top: 39px; li { margin-bottom: 10px; } } } .sub-content { .make-row(); .menu { .make-lg-column(2); } .content { .make-lg-column(10); } }