@CHARSET "UTF-8"; /* -------------------------------------------------------------------------------- * Базовые улучшения общих элементов */ /** * Улучшаем admin_menu */ /* Делаем менее яркую тень под ним */ div#admin-menu-shadow{ background-position: 0 -93px; } /* Cдвигаем выпадающие ссылки "Find content" "Add content" */ li.admin-menu-shortcuts.expandable ul { right: 10px; } /** * Базовые настройки для body */ body { background: transparent url("../images/body-bg-dna.html") repeat-y center top scroll; font: 11pt Arial,Helvetica,sans-serif; color: #444; text-align: left; } /** * Убираем отступы у всех div'ов и непрозрачность */ div { background-color: transparent; margin: 0; padding: 0; } /** * Убираем обводку и подчеркивание ссылок * @see http://snipplr.com/view/10040/remove-dotted-border-on-images-eg-in-firefox/ */ a, a:active, a:focus, a:visited { border: 0 none; outline: none; text-decoration: none; color: #0f3b8a; } /* -------------------------------------------------------------------------------- * Поэлементная настройка макета */ /** * Собираем хэдер */ div#header { height: 396px; background: transparent url("../images/header-bg-2.html") no-repeat center top scroll; position: relative; border-bottom: 4px solid #fac1d4; } #header-slideshow { position: absolute; right: 0; bottom: 0; width: 537px; height: 234px; overflow: hidden; display: none; } #header-slideshow img { width: 537px; height: 234px; } #header-doctor { position: absolute; left: 290px; bottom: 0; z-index: 100; width: 184px; height: 276px; } /* Вторичные ссылки */ ul#secondary-links { padding: 22px 0 0 0; margin: 0; height: 72px; font-size: 11pt; } ul#secondary-links li { display: list-item; float: left; width: 202px; height-X: 100px; padding: 0 8px; list-style-image: url("../images/sec-link-bull.html"); vertical-align: top; margin-left: 16px; text-align: left; border-left: 1px solid #EF2F72; height: 48px } ul#secondary-links li a.active { color: #0F3B8A; } /* Выделяем Определение отцовства от прочих */ ul#secondary-links li:first-child { list-style-image: url("../images/sec-link-bull-first.png"); border-left: 1px solid #0F3B8A; margin-right: 8px; } ul#secondary-links li:first-child a, ul#secondary-links li:first-child a.active { color: #ef2f72; } /* Лицензия */ div#license { font-size: 9pt; color: #959b9d; height: 33px; } /* Поиск */ div#search-box { width: 300px; float: left; } /* Поисковый текстовый инпут */ div#search-box input.form-text { border: 1px solid #bdc0c9; height: 20px; width: 200px; } div#search-box input.form-submit { border: 0 solid; height: 26px; width: 70px; background: #315691 url("../images/search-submit-bg.html") repeat-x left top; color: white; position: relative; top: 1px; } /* Адрес */ div#address { float: left; float: right; margin-left: 150px; margin-left: 360px; font-size: 9pt; font-style: italic; color: #777; margin-top: -12px; text-align: right; } /* Телефон */ div#phone { float: right; font-size: 20pt; color: #ef2f72; } span#phone-code { color: #073e88; } #logo { position: absolute; bottom: 63px; left: 44px } /* Главное меню. Ссылки -- * Главная * О Центре * Расписание... */ #navigation, #navigation .section { height: 38px; } #navigation ul { text-align: center; padding: 12px 0 2px; font-weight: bold; } #navigation li { float: none; margin: 0 7px; padding: 7px 7px; font-size: 14px; } #navigation li.active, #navigation li.active:hover { background: #EF2F72 url("../images/primary-menu-bg.html") no-repeat center top; } #navigation li a { color: #3a61a9; } #navigation li.active a { color: white; } #navigation li:hover { background: #e0eefe url("../images/primary-menu-bg-hover.html") no-repeat center top; } /** * Контент */ div#content { min-height: 300px; } div#content .section { margin-top: 30px; } .sidebar-second #content { width: 640px; margin-right: -880px; /* LTR */ /* Negative value of #content's width + left margin. */ } /* Типографика на текст в контенте */ #content h1 { font-weight: normal; font-size: 17pt; line-height: 19pt; color: #ef2f72; text-align: left; } #content h2 { font-weight: normal; font-size: 14pt; line-height-X: 19pt; color: #3a61a9; text-align: left; margin: 8pt 0 0pt; } #content h3 { font-weight: bold; font-size: 11pt; line-height-X: 19pt; color: #777; text-align: left; margin: 6pt 0 0pt; } #content h6 a { font-weight: bold; font-size: 11pt; color: #3a61a9; text-align: left; margin: 6pt 0 0pt; } div#page { line-height: 1.5em } div#price-list-table table { border: 1px grey solid; margin-top: 40px; } div#price-list-table table tr { border: 1px lightgrey solid; } div#price-list-table table th { font-size: 0.9em; line-height: 1.1em; padding: 12px 0; text-align: center; } div#price-list-table table td.price-h1 { font-size: 0.9em; font-weight: bold; } div#price-list-table table td.price-h2 { font-size: 0.87em; font-weight: bold; font-style: italic; } div#price-list-table table td { padding: 6px 10px; } #price-list-table td.price-name { /* width: 450px; */ padding: 1px 10px; } #price-list-table td.price-price { width: 100px; text-align: center; } #price-list-table td.price-price-discount { width: 100px; text-align: center; } #price-list-table td.price-discount-percent { width: 100px; text-align: center; } #price-list-table td.price-etc { width: 200px; padding: 6px 10px; } /** * Правая колонка на первой странице */ .region-sidebar-second { width: 300px; margin-left: 660px; /* LTR */ /* Width of content + sidebar-first. */ margin-right: -1080px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */ } /* Отодвигаем блок ссылок от хэдера */ .region-sidebar-second .section { margin-top: 44px; } .region-sidebar-second div.block { text-align: left; font-style: italic; font-size: 10pt; color: #064187; border-top: 2px solid #fac1d4; background: #deedee url("../images/sidebar-block-bg.html") repeat-x left bottom; padding: 1px 6px; } /** * Футер */ div#footer { height: 74px; background: transparent url("../images/footer-bg.html") no-repeat right bottom; margin-top: 80px; font-size: 8pt; } div.newm-warrning { font-size: 30px; color: #CBD8DC; line-height: 34px; clear: both; margin: 24px 0 30px 0; } div#footer div.section { padding-top: 8px; } /* Копирайт */ div#mcstatus-copyright { float: left; } /* newmental.ru */ div#newmental { float: right; } div#newmental a { color: #ef2f72; } div.view-fotogallery div.views-field-field-foto-to-gallery-fid { margin: 14px; } .wysiwyg_imageupload .image_meta { color:#FFFFFF; display:block; height:1px; left:0; overflow:hidden; position:absolute; top:-500px; width:1px; } /* анимацая в контактах */ div#kontakty-map { background: white url("../images/kontakty-bg.html") no-repeat center top; width: 493px; height: 405px; } /* ul список перед прайс */ /** ---------------------------------------------------------------------------- * Webdev helpers */ div#navigation-XXX { height: 300px; } div.dummy-XXX { height: 256px; width: 256px; background-image: url("../images/dummy.html"); } /** * Не забываем включать в Drupal оптимизацию CSS * иначе это правило нифига не работает!!! */ body { zoom:1; }