* { margin: 0; padding: 0; }
HTML { height: 100%; }
BODY {
position: relative; font: 11px Tahoma, Verdana, sans-serif; color: #CFD9E0;
height: auto !important; height: 100%; min-height: 100%; min-width: 950px;
background-color: #0B3758; background-repeat: repeat-x; background-position: 0 0; background-image: url(/pics/bg/07.gif);
}
/* ******************************************************************* */
/* ------------------------------ основные элементы ---------------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* ------------------------------ основные элементы ---------------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* ------------------------------- основной контейнер --------------------------------------*/
/* ******************************************************************* */
/* Основной контейнер - это блок DIV внутри которого все содержимое скрипта */
#LinkExchanger {
clear:both;
position: relative; /* позиционирование - относительное по отношению к */
/* родительскому контейнеру, которым может являться ячейка Вашей таблицы*/
width: 450px; /* ширина: можно 600px, а можно задать например 100%; */
margin: 10px 10px 10px 10px; /* поля: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------------- основной контейнер --------------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* ------------------------------- таблица для категорий ----------------------------------*/
/* ******************************************************************* */
/* таблица для категорий от 1 до 4 столбцов можно выбрать в конфигурации */
#TableCategories {
/* position: relative; позиционирование - относительное */
width: 450px; /* ширина таблицы */
margin: 10px 0px 10px 20px; /* ширина полей сверху-справа-снизу-слева */
/* font: 10pt verdana, Arial, Helvetica, sans-serif; шрифт в таблице*/
/* color: #000000; цвет шрифта в таблице */
}
#TdTableCategoryLinksHeader {
font: 12pt verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
}
/* Можно использовать от 1 до 4 ячеек для таблицы с названиями категорий */
/* по умолчанию дизайн будет унаследован от родительского контейнера, но, */
/* если хотите, можно описать даже каждую ячейку строки в отдельности */
#TdTableCategories_1 {
line-height: 180%;
}
#TdTableCategories_2 {
line-height: 150%;
}
#TdTableCategories_3 {
}
#TdTableCategories_4 {
}
/* ******************************************************************* */
/* ------------------------------- таблица для категорий ----------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* -------------------------------- блок формы поиска --------------------------------------*/
/* ******************************************************************* */
/* блок формы поиска по каталогу*/
#SearchForm {
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
height: 90px; /* высота блока */
margin: 30px 0px 30px 20px; /* ширина полей сверху-справа-снизу-слева */
}
/* заголовок блока поиска */
#SearchLinksHeader {
position: relative; /* позиционирование - относительное */
font: 11 pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: white; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля заголовка: сверху-справа-снизу-слева */
}
#WhatSearchFont { /* надпись для поля ввода поискового запроса */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
top: 25px; /* расстояние от верхней границы блока SearchForm до надписи */
left: 0px; /* расстояние от левой границы блока SearchForm до надписи */
/* font: 10pt verdana, Arial, Helvetica, sans-serif; шрифт надписи */
/*color: #000000; цвет шрифта надписи */
}
#WhatSearchInput { /* поле ввода поискового запроса */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
width:200px; /* ширина поля ввода запроса */
height: 20px; /* высота поля ввода запроса*/
top: 45px; /* расстояние от верхней границы блока SearchForm до поля */
left: 0px; /* расстояние от левой границы блока SearchForm до поля */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт для поля ввода */
color: #000000; /* цвет шрифта */
}
#CategorySearchFont { /* надпись для поля выбора категории при запросе */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
top: 25px; /* расстояние от верхней границы блока SearchForm до надписи */
left: 270px; /* расстояние от левой границы блока SearchForm до надписи */
/* font: 10pt verdana, Arial, Helvetica, sans-serif; шрифт для надписи */
/* color: #000000; цвет шрифта надписи */
}
#CategorySearchSelect { /* выпадающий список выбора категорий */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
width:280px; /* ширина выпадающего списка */
height: 20px; /* высота выпадающего списка */
top: 45px; /* расстояние от верхней границы блока SearchForm до списка */
left: 270px; /* расстояние от левой границы блока SearchForm до списка */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт для списка */
color: #000000; /* цвет шрифта */
}
#SearchButton { /* кнопка Искать в форме поиска */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
width:120px; /* ширина кнопки */
height: 20px;/* высота кнопки */
top: 70px; /* расстояние от верхней границы блока SearchForm до кнопки */
left: 0px; /* расстояние от левой границы блока SearchForm до кнопки */
/*font: 10pt verdana, Arial, Helvetica, sans-serif; шрифт надписи на кнопке */
color: #000000; /* цвет надписи на кнопке */
}
/* ******************************************************************* */
/* -------------------------------- блок формы поиска --------------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* ------------------------- блок для последних добавленных ссылок ------------------*/
/* ******************************************************************* */
#LastLinks { /* последние добавленные в каталог ссылки */
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
margin: 0px 0px 10px 20px; /* поля блока: сверху-справа-снизу-слева */
}
#LastLinksHeader { /* Заголовок - Последние добавленные ссылки */
font: 12pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: white; /* жирный шрифт */
color: white; /* цвет шрифта */
margin: 0px 0px 30px 0px; /* поля заголовка: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------- блок для последних добавленных ссылок ------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* ---------------------------- блок вывода ссылок в категориях ------------------------*/
/* ******************************************************************* */
#CategoryLinks { /* блок отображения ссылок в категориях каталога */
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
margin: 0px 0px 10px 20px; /* поля блока: сверху-справа-снизу-слева */
}
#CategoryLinksHeader H1 { /* Заголовок - название конкретной категории */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: green; /* цвет шрифта */
margin: 0px 0px 10px 0px; /* поля заголовка: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ---------------------------- блок вывода ссылок в категориях ------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* ------------------------------- блок результатов поиска --------------------------------*/
/* ******************************************************************* */
#Search { /* блок отображения результатов поиска по каталогу */
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
margin: 0px 0px 10px 20px; /* поля блока: сверху-справа-снизу-слева */
}
#SearchHeader { /* Заголовок - результаты поиска */
font: 12pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: white; /* цвет шрифта */
margin: 0px 0px 10px 0px; /* поля заголовка: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------------- блок результатов поиска --------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* --------------------------------- шкала страниц ------------------------------------------*/
/* ******************************************************************* */
#Scale { /* блок отображения шкалы разбивки каталога на страницы */
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока шкалы */
top: 0px; /* от верхней границы */
left: 0px; /* от левой границы */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт блока шкалы */
margin: 0px 0px 20px 0px; /* поля: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- шкала страниц ------------------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* --------------------------------- карточка ссылки ----------------------------------------*/
/* ******************************************************************* */
/* Очень важный блок! Вся информация о ссылках, сформирована в виде */
/* карточек. Внутри каждой такой карточки содержатся блоки, отвечающие */
/* за форматирование картинки, текстовой ссылки, названия категории и т.д. */
/* по сути блок Card - это рамка карточки информации о ссылке */
/* блок Card включает в себя два блока: CardText и CardData, каждый из */
/* которых в свою очередь имеет свои дочерние блоки */
#Card {
position: relative; /* позиционирование - относительно предыдущего блока */
width: 450px; /* ширина блока карточки ссылки */
top: 0px; /* от верхнего края */
left: 0px; /* от левого края */
margin: 0px 0px 20px 0px; /* поля карточки: сверху-справа-снизу-слева */
}
/* блок в котором содержатся блоки кнопки и описания конкретной ссылки */
/* входит в состав блока Card. Является его дочерним блоком. */
#CardText {
position: relative; /* позиционирование относительно родительского контейнера */
top: 0px; /* отступ от верхней границы родительского контейнера Card */
left: 0px; /* отступ от левой границы родительского контейнера */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт текстовой ссылки */
color: white; /* цвет шрифта текстовой ссылки */
text-align: justify; /* выравнивание текста */
}
#CardText IMG { /* картинка в блоке CardText */
float: left; /* будет выравниваться от левого края блока */
margin: 0px 5px 5px 0px; /* поля картинки: сверху-справа-снизу-слева */
}
#CardText OBJECT { /* флеш-баннер в блоке CardText */
float: left; /* будет выравниваться от левого края блока */
margin: 0px 5px 5px 0px; /* поля флеш-баннера: сверху-справа-снизу-слева */
}
/* блок в котором содержатся следующие данные: CY, PR, название категории */
/* дата добавления ссылки и положение ссылки в каталоге */
/* входит в состав блока Card. Является его дочерним блоком. */
#CardData {
clear: both; /* очищаем */
position: relative; /* позиционирование относительно предыдущего контейнера */
height: 12px; /* высота - ее лучше задать в абсолютных величинах */
top: 0px; /* от верхнего края */
left: 0px; /* от левого края */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
}
/* блок в котором содержатся данные CY */
/* входит в состав блока CardData */
#CardCy {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
left: 100px; /* отступ от левого края */
}
/* блок в котором содержатся данные PR */
/* входит в состав блока CardData */
#CardPr {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
left: 175px; /* отступ от левого края */
}
/* блок в котором содержатся данные о времени добавления в каталог */
/* входит в состав блока CardData */
#CardTime {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
right: 0px; /* отступ от правого края */
text-align: right; /* выравнивание текста - выключкой вправо */
}
/* блок в котором содержится название категории */
/* входит в состав блока CardData */
#CardCategory {
clear: both; /* очищаем поток */
position: relative; /* позиционирование - относительное */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: right; /* выравнивание - выключка вправо */
}
/* блок в котором содержится адрес ссылки в каталоге (только в поиске) */
/* входит в состав блока CardData */
#CardLinkPlace {
clear: both; /* очищаем поток */
position: relative; /* позиционирование - относительное */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: right; /* выравнивание - выключка вправо */
}
/* ******************************************************************* */
/* --------------------------------- карточка ссылки ----------------------------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* --------------------------- блок добавить ссылку -----------------------*/
/* ******************************************************************* */
#AddLink {
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
padding: 0px 0px 10px 0px; /* внутренние отступы сверху-справа-снизу-слева*/
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
font-weight: bolder;
color: black; /* цвет шрифта */
text-align: center; /* выравнивание по центру */
}
/* ******************************************************************* */
/* --------------------------- блок добавить ссылку -----------------------*/
/* ******************************************************************* */
/* ******************************************************************* */
/* --------------------------- блок ссылки на сайт скрипта -----------------------*/
/* ******************************************************************* */
#CopyRightM {
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
padding: 0px 0px 10px 0px; /* внутренние отступы сверху-справа-снизу-слева*/
font: 7pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: center; /* выравнивание по центру */
}
/* ******************************************************************* */
/* --------------------------- блок ссылки на сайт скрипта -----------------------*/
/* ******************************************************************* */
TABLE { border-collapse: collapse; border: 0; font-size: 11px;}
A IMG { border: 0; }
IMG { display: block; }
/* Раскладка */
#leftCol { width: 27%; }
#rightCol { width: 73%; }
/* --- #body { padding-bottom: 105px; }*/
#body TABLE { width: 100%; }
#body TD { vertical-align: top; }
/* Общее */
DIV#topLinks { position: absolute; top: 30px; right: 68px; }
DIV#topLinks IMG { display: inline; }
DIV#topLinks A { margin-left: 31px; }
/* --- */
A#logoLink { display: block; width: 160px; height: 100px; position: absolute; top: 60px; left: 45px; }
/* --- */
DIV#schemeLink { text-align: right; }
DIV#schemeLink A { color: #CE9612; background: url(/pics/bg/06.gif) 0 6px no-repeat; padding-left: 19px; }
/* --- */
IMG#molbert { position: absolute; bottom: 20px; right: 4%; }
IMG#drafts { position: absolute; bottom: 0; right: 0; }
/* Главная */
BODY#main { background-image: url(/pics/bg/01.gif); background-position: 0 0; }
/* --- */
DIV#visual { background: url(/pics/bg/08.jpg) 0 0 no-repeat; padding-top: 262px; }
BODY#main DIV#visual { background: none; padding-top: 0; }
BODY#main DIV#visual TABLE { }
BODY#main DIV#visual TD#left { width: 55%; background: url(/pics/visual/01.jpg) 100% 0 no-repeat; }
BODY#main DIV#visual TD#doors { /*width: 300px;*/ background: url(/pics/visual/02.jpg) 0 0 no-repeat; }
BODY#main DIV#visual TD#doors DIV { position: relative; width: 216px; overflow: hidden; left: 0; top: 81px; _top: 80px; }
BODY#main DIV#visual TD#right { width: 45%; background: url(/pics/visual/03.jpg) 0 0 no-repeat; }
/* --- */
DIV#about { padding: 0 35% 0 5%; _padding-right: 25%; _padding-left: 3%; margin: 60px 0 0 0; }
DIV#about P { margin: 15px 0; }
/* Навигация */
TABLE#navigation { width: 70%; }
TABLE#navigation TD { font: 11px Tahoma; background: url(/pics/bg/03.gif) 0 6px no-repeat; padding-left: 12px; white-space: nowrap; }
TABLE#navigation TD.sep { width: 25%; background-image: none; }
TABLE#navigation TD.active { background-image: url(/pics/bg/09.gif); }
TABLE#navigation TD.active,
TABLE#navigation TD.active A { font-size: 11px; color: #FFF; }
TABLE#navigation UL { list-style: none; margin: 25px 0 0 -12px; position: absolute; top: 18px; left: 0; }
TABLE#navigation UL LI { float: none; font-size: 11px; background: url(/pics/bg/10.gif) 0 5px no-repeat; margin: 6px 0; padding-left: 12px; }
TABLE#navigation UL LI A { font-size: 11px; color: #FFAE00 !important; }
TABLE#navigation UL LI.active { background-image: url(/pics/bg/11.gif); }
TABLE#navigation UL LI.active A {font-size: 11px; color: #FFF !important; }
TABLE#navigation TD DIV { position: relative; }
/* --- */
UL#subnav { list-style: none; margin: 180px 0 90px 26%; _margin-left: 7%; padding-left: 2px; }
UL#subnav LI { margin: 6px 0; }
/* Контакты */
DIV#contacts {
background: url(/pics/bg/05.gif) 0 0 no-repeat; padding: 30px 0 0 17px;
color: #D0D9E0; width: 133px; position: absolute; bottom: 126px; left: 6%;
}
/* Галерея */
DIV.gallery { margin-left: -23px !important; margin-right: 5% !important; }
DIV.preview { float: left; width: 192px; background: url(/pics/border.gif) 0 0 no-repeat; padding-top: 1px; margin-right: 3%; margin-bottom: 15px; }
DIV.preview A { display: block; width: 141px; height: 104px; margin: 7px 0 0 37px; }
DIV.preview P { padding: 0 10px 0 33px; text-align: center; font-size: 10px; line-height: 1.2; color: #FFF; }
DIV.gallery BR { clear: left; }
/* --- */
DIV.gallery UL#paging { width: 30%; border-top: 1px solid #244B69; padding-top: 12px; margin: 30px 0 18px 23px; }
DIV.gallery UL#paging LI { display: inline; padding: 0; margin: 0 7px 0 5px; background: none; font-size: 12px; }
/* Подвал */
#footer { position: absolute; width: 100%; bottom: 0; background: url(/pics/bg/04.jpg) 0 0 no-repeat; height: 120px; }
#footer A#mailLink { position: absolute; bottom: 30px; left: 218px; }
#footer DIV#projectsLinks { position: absolute; bottom: 30px; left: 35%; }
#footer DIV#projectsLinks IMG { float: left; margin: -1px 13px 0 0; }
#footer DIV#designlab { position: absolute; bottom: 30px; right: 18%; color: #859BAC; }
.minWidth, #footer { min-width: 950px; }
#content {
CLEAR: left; MARGIN: 100px 28% 0px 3%; LINE-HEIGHT: 1.4; HEIGHT: 1%
}
#content H1 {
MARGIN: 20px 0px 30px; FONT: 18px Arial, sans-serif; COLOR: #fff
}
#content1 {
MARGIN: 130px 0px -100px; FONT: Arial, sans-serif; COLOR: #fff
}
#content2 {
MARGIN: 30px 0px -100px; FONT: Arial, sans-serif; COLOR: #fff
}
#content2 H1 {
MARGIN: 10px 0px 0px; FONT: 18px Arial, sans-serif; COLOR: #fff
}
#content1 H1 {
MARGIN: 10px 0px 0px; FONT: 18px Arial, sans-serif; COLOR: #fff
}
#content H3 {
MARGIN: 1em 0px; FONT: bold 15px Arial, sans-serif; COLOR: #e34c03
}
#content P {
MARGIN: 1.3em 0px
}
DIV.note {
FONT-SIZE: 10px; MARGIN: 8px 0px; COLOR: #323740
}
A {
COLOR: #ce9612;FONT-SIZE: 11px;
}
A:hover {
COLOR: #ce9612
}
A:visited {
COLOR: #ce9612
}
#content LI {
MARGIN: 2px 0px
}
#content UL {
MARGIN: 1.3em 0px
}
#content OL {
MARGIN: 1.3em 0px
}
#content UL {
LIST-STYLE-TYPE: none
}
#content UL LI {
PADDING-LEFT: 18px; BACKGROUND: url(/pics/ul.gif) no-repeat 0px 0.7em
}
#content OL UL LI {
PADDING-LEFT: 18px; BACKGROUND: url(/pics/ul.gif) no-repeat 0px 0.7em
}
#content UL OL LI {
PADDING-LEFT: 0px
}
#content OL {
MARGIN-LEFT: 25px
}
#content OL LI {
BACKGROUND-IMAGE: none
}
#content UL OL {
PADDING-LEFT: 10px; MARGIN: 3px 0px 2px
}
#content UL UL {
PADDING-LEFT: 10px; MARGIN: 3px 0px 2px
}
#content OL UL {
PADDING-LEFT: 10px; MARGIN: 3px 0px 2px
}
#content OL OL {
PADDING-LEFT: 10px; MARGIN: 3px 0px 2px
}
#content UL OL {
MARGIN-LEFT: 22px
}
#content OL OL {
MARGIN-LEFT: 22px
}
TABLE.data {
BORDER-TOP: #e34c03 2px solid; WIDTH: 100%; BORDER-BOTTOM: #e34c03 2px solid
}
TABLE.data TH {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 6px; COLOR: #323740; PADDING-TOP: 6px; BORDER-BOTTOM: #e34c03 1px solid
}
TABLE.data TD {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
TABLE.data TR.l TD {
BACKGROUND: #eaebec
}
TABLE.data TD.center {
TEXT-ALIGN: center
}
A IMG {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.img {
BORDER-RIGHT: #b6b6b6 1px solid; BORDER-TOP: #b6b6b6 1px solid; BORDER-LEFT: #b6b6b6 1px solid; BORDER-BOTTOM: #b6b6b6 1px solid
}
.left {
FLOAT: left; MARGIN: 0.2em 2em 1.3em 0px
}
.right {
FLOAT: right; MARGIN: 0.2em 0px 1.3em 2em
}