====== Глобальные элементы / верх главной страницы ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/board1.gif]]


===== 1. logostrip - "подложка" под логотип. =====

<code>#logostrip {
  border:1px solid #345487; /* Параметры границы: ширина + тип + цвет. */
  background-color: #3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif); /* Фон: цвет + фоновое изображение. */
  padding:0px;margin:0px; /* Отступы и края. */
}</code>



===== 2. submenu ===== 

<code>#submenu   { 
  border:1px solid #BCD0ED; /* Параметры границы: ширина + тип + цвет. */
  background-color: #DFE6EF; /* Цвет фона. */
  font-size:10px; /* Высота текста. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность текста. */
  margin:3px 0px 3px 0px; /* Отступы сверху, справа, снизу, слева. */
}

#submenu a:link, #submenu  a:visited, #submenu a:active {  /* Отображение гиперссылок в этом блоке и их изменение на наведение мыши и после посещения страниц. */
  font-weight:bold; /* Жирность текста. */
  font-size:10px; /* Высота текста. */
  text-decoration: none;  /* Подчеркнутость текста. */
  color: #3A4F6C; /* Цвет текста. */
}</code>


===== 3. userlinks =====

<code>#userlinks { 
  border:1px solid #C2CFDF; /* Параметры границы: ширина + тип + цвет. */
  background-color: #F0F5FA  /* Цвет фона. */
}</code>


===== 4. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 5. titlemedium =====

<code>.titlemedium { 
  font-weight:bold; color:#3A4F6C; /* Шрифт: жирность, цвет. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin:0px; /* Край. */
  background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) /* Фоновое изображение. */
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: underline; /* Подчеркнутость текста. */
  color: #3A4F6C /* Цвет текста. */
}</code>


===== 6. row2 =====

<code>.row2 { 
  background-color: #DFE6EF  /* Цвет фона. */
}</code>



===== 7. row4 =====

<code>.row4 {
  background-color: #E4EAF2 /* Цвет фона. */
}</code>



===== 8. darkrow2 =====

<code>.darkrow2 {
  background-color: #BCD0ED; /* Цвет фона. */
  color:#3A4F6C; /* Цвет шрифта. */
}</code>



====== Низ главной страницы ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/board2.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>


===== 3. row4 =====

<code>.row4 {
  background-color: #E4EAF2 /* Цвет фона. */
}</code>


===== 4. row2 =====

<code>.row2 { 
  background-color: #DFE6EF  /* Цвет фона. */
}</code>


====== Список топиков в форуме ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/forum1.gif]]

===== 1. row4 =====

<code>.row4 {
  background-color: #E4EAF2 /* Цвет фона. */
}</code>


===== 2. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 3. titlemedium =====

<code>.titlemedium { 
  font-weight:bold; color:#3A4F6C; /* Шрифт: жирность, цвет. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin:0px; /* Край. */
  background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) /* Фоновое изображение. */
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: underline; /* Подчеркнутость текста. */
  color: #3A4F6C /* Цвет текста. */
}</code>

===== 4. row2 =====

<code>.row2 { 
  background-color: #DFE6EF  /* Цвет фона. */
}</code>


===== 5. darkrow2 =====

<code>.darkrow2 {
  background-color: #BCD0ED; /* Цвет фона. */
  color:#3A4F6C; /* Цвет шрифта. */
}</code>

===== 6. forminput =====

<code>.forminput, .textinput, .radiobutton, .checkbox  {
  font-size: 11px; /* Высота текста. */
  font-family: verdana, helvetica, sans-serif; /* Предпочтительные начертания (гарнитуры) шрифтов в порядке предпочтения. Если у пользователя не установлен ни один из перечисленных шрифтов, будет отображен шрифтом по умолчанию браузера. */
  vertical-align: middle /* Вертикальное выравнивание в ячейке таблицы. */
}</code>


===== 7. desc =====

<code>.desc {
  font-size:10px; /* Высота текста. */
  color:#434951 /* Цвет шрифта. */
}</code>

====== Верх страницы просмотра топика ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/topic1.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. postlinksbar =====

<code>.postlinksbar {
  background-color:#D1DCEB; /* Цвет фона (видят те, у кого отключена загрузка графики). */
  padding:7px; /* Отступ содержимого ячейки таблицы не менее 7px. */
  margin-top:1px;font-size:10px;  /* Верхний край (отделяет на 1px от вышестоящего элемента). */
  background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) /* Фоновый рисунок. */
}</code>

===== 3. post1 и post2 =====

<code>.post1 { background-color: #F5F9FD }

.post2 { background-color: #EEF2F7 }

 /* Задают чередующиеся цвета фона сообщений в топике. */</code>

===== 4. darkrow3 =====

<code>.darkrow3 {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
}</code>


===== 5. darkrow1 =====

<code>.darkrow1 {
  background-color: #C2CFDF; /* Цвет фона. */
  color:#4C77B6; /* Цвет текста. */
}</code>

===== 6. normalname =====

<code>.normalname {
  font-size: 12px; /* Высота текста. */
  font-weight: bold; /* Жирность шрифта. */
  color: #003 /* Цвет текста. */
}
.normalname a:link, .normalname a:visited, .normalname a:active { /* Особые условия для текста гиперссылок. */
  font-size: 12px /* Высота текста. */
}</code>

===== 7. postdetails =====

<code>.postdetails {
  font-size: 10px /* Высота текста. */
}</code>


===== 8. signature =====

<code>.signature   {
  font-size: 10px; /* Высота текста. */
  color: #339; /* Цвет шрифта. */
  line-height:150% /* Межстрочный интервал (в процентах от высоты шрифта). */
}</code>

====== Низ страницы просмотра топика ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/topic2.gif]]

===== 1. activeuserstrip =====

<code>.activeuserstrip {
  background-color:#BCD0ED; /* Цвет фона. */
  padding:6px /* Отступ от краев ячейки таблицы не меньше... */
}</code>

===== 2. row2 =====

<code>.row2 { 
  background-color: #DFE6EF  /* Цвет фона. */
}</code>

===== 3. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и после клика. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 4. tablepad =====

<code>.tablepad {
  background-color:#F5F9FD; /* Цвет фона. */
  padding:6px /* Отступ от краев ячейки таблицы не меньше... */
}</code>


===== 5. textinput =====

<code>.forminput, .textinput, .radiobutton, .checkbox {
  font-size: 11px; /* Высота текста. */
  font-family: verdana, helvetica, sans-serif; /* Гарнитура (начертание) шрифта в порядке приоритета. Если на компьютере пользователя не установлен ни один из перечисленных шрифтов, текст будет отображен шрифтом по умолчанию браузера. */
  vertical-align: middle /* Вертикальное выравнивание в ячейке таблицы. */
}</code>

====== Просмотр профиля пользователя ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/profile1.gif]]

===== 1. profilename =====

<code>#profilename {
  font-size:28px; /* Высота текста. */
  font-weight:bold; /* Жирность шрифта. */
}</code>

===== 2. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 3. row1 =====

<code>.row1 {
  background-color: #F5F9FD /* Цвет фона. */
}</code>

===== 4. row3 =====

<code>.row3 {
  background-color: #EEF2F7 /* Цвет фона. */
}</code>


===== 5. plainborder =====

<code>.plainborder {
  border:1px solid #345487; /* Параметры границы: ширина + тип + цвет. */
  background-color:#F5F9FD /* Цвет фона. */
}</code>


===== 6. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

====== Список пользователей ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/members1.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 3. row2 =====

<code>.row2 { 
  background-color: #DFE6EF  /* Цвет фона. */
}</code>

===== 4. row3 =====

<code>.row3 {
  background-color: #EEF2F7 /* Цвет фона. */
}</code>


===== 5. darkrow1 =====

<code>.darkrow1 {
  background-color: #C2CFDF; /* Цвет фона. */
  color:#4C77B6; /* Цвет текста. */
}</code>

====== Просмотр календаря ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/calendar1.gif]]

===== 1. calendarname =====

<code>#calendarname {
  font-size:22px; /* Высота текста. */
  font-weight:bold; /* Жирность шрифта. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 3. row3 =====

<code>.row3 {
  background-color: #EEF2F7 /* Цвет фона. */
}</code>

===== 4. caldate =====

<code>.caldate {
  text-align:right; /* Выравнивание текста. */
  font-weight:bold; /* Жирность шрифтаа. */
  font-size:11px; /* Высота текста. */
  color:#777; /* Цвет текста. */
  background-color:#DFE6EF; /* Цвет фона. */
  padding:4px; /* Отступы. */
  margin:0px /* Края. */
}</code>


===== 5. darkrow1 =====

<code>.darkrow1 {
  background-color: #C2CFDF; /* Цвет фона. */
  color:#4C77B6; /* Цвет текста. */
}</code>

====== Просмотр календарных событий ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/calendar2.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 3. row4 =====

<code>.row4 {
  background-color: #E4EAF2 /* Цвет фона. */
}</code>


===== 4. row1 =====

<code>.row1 {
  background-color: #F5F9FD /* Цвет фона. */
}</code>

====== Результаты поиска ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/search1.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 3. googlish =====

<code>.googlish, .googlish a:link, .googlish a:visited, .googlish a:active {
  font-size:14px; /* Высота текста. */
  font-weight:bold; /* Жирность шрифта. */
  color:#00D; /* Цвет текста. */
}</code>

===== 4. googlesmall =====

<code>.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited {
  font-size:10px; /* Высота текста. */
  color:#434951 /* Цвет текста. */
}</code>

===== 5. googlebottom =====

<code>.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active {
  font-size:11px; /* Высота текста. */
  color: #3A4F6C; /* Цвет текста. */
}</code>

====== Профиль пользователя ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/ucp1.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 3. ucpcontent =====

<code>#ucpcontent {
  background-color: #F5F9FD; /* Цвет текста. */
  border:1px solid #345487; /* Рамка: толщина, стиль и цвет линии. */
  line-height:150%; /* Расстояние между строками в процентах от высоты строки (высоты самой высокой буквы гарнитуры). */
  width:auto /* Ширина прямоугольного блока. */
}</code>

===== 4. forminput =====

<code>.forminput, .textinput, .radiobutton, .checkbox  {
  font-size: 11px; /* Высота текста. */
  font-family: verdana, helvetica, sans-serif; /* Предпочтительные начертания (гарнитуры) шрифтов в порядке предпочтения. Если у пользователя не установлен ни один из перечисленных шрифтов, будет отображен шрифтом по умолчанию браузера. */
  vertical-align: middle /* Вертикальное выравнивание в ячейке таблицы. */
}</code>

====== Личные сообщения (ПМ) ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/messenger1.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 3. row1 =====

<code>.row1 {
  background-color: #F5F9FD /* Цвет фона. */
}</code>

===== 4. titlemedium =====

<code>.titlemedium { 
  font-weight:bold; color:#3A4F6C; /* Шрифт: жирность, цвет. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin:0px; /* Край. */
  background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) /* Фоновое изображение. */
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: underline; /* Подчеркнутость текста. */
  color: #3A4F6C /* Цвет текста. */
}</code>

===== 5. hlight =====

<code>.hlight {
  background-color: #DFE6EF /* Цвет фона. */
}</code>

===== 6. dlight =====

<code>.dlight {
  background-color: #EEF2F7 /* Цвет фона. */
}</code>


===== 7. row2 =====

<code>.row2 { 
  background-color: #DFE6EF  /* Цвет фона. */
}</code>

====== Список "Кто в онлайне" ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/online1.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. titlemedium =====

<code>.titlemedium { 
  font-weight:bold; color:#3A4F6C; /* Шрифт: жирность, цвет. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin:0px; /* Край. */
  background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) /* Фоновое изображение. */
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: underline; /* Подчеркнутость текста. */
  color: #3A4F6C /* Цвет текста. */
}</code>

===== 3. row1 =====

<code>.row1 {
  background-color: #F5F9FD /* Цвет фона. */
}</code>

===== 4. darkrow1 =====

<code>.darkrow1 {
  background-color: #C2CFDF; /* Цвет фона. */
  color:#4C77B6; /* Цвет текста. */
}</code>

====== Ответ в топик ======

[[http://www.duggyd.co.uk/css/ipb1_2_0/post1.gif]]

===== 1. maintitle =====

<code>.maintitle { 
  vertical-align:middle; /* Вертикальное выравнивание по центру ячейки таблицы. */
  font-weight:bold; color:#FFF;  /* Шрифт: жирность, цвет. */
  padding:8px 0px 8px 5px;  /* Отступы от границ ячейки не меньше чем: сверху, справа, снизу ислева. */
  background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) /* Фоновое изображение. */
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { /* Отображение гиперссылок в этом блоке и их изменение после посещения страниц и в ответ на клик. */
  text-decoration: none; color: #FFF /* Текст: подчеркнутость, цвет. */
}

.maintitle a:hover { /* Изменение гиперссылок на наведение мыши. */
  text-decoration: underline /* Подчеркнутость текста. */
}</code>

===== 2. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 3. pformright =====

<code>.pformright {
  background-color: #F5F9FD; /* Цвет фона. */
  padding:6px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px; /* Верхний край */
  border-top:1px solid #C2CFDF; /* Параметры границы: ширина + тип + цвет. */
}</code>

===== 4. textinput =====

<code>.forminput, .textinput, .radiobutton, .checkbox  {
  font-size: 11px; /* Высота текста. */
  font-family: verdana, helvetica, sans-serif; /* Предпочтительные начертания (гарнитуры) шрифтов в порядке предпочтения. Если у пользователя не установлен ни один из перечисленных шрифтов, будет отображен шрифтом по умолчанию браузера. */
  vertical-align: middle /* Вертикальное выравнивание в ячейке таблицы. */
}</code>

===== 5. tablefill =====

<code>.tablefill   {
  border:1px solid #345487; /* Параметры границы: ширина + тип + цвет. */
  background-color:#F5F9FD; /* Цвет фона. */
  padding:6px; /* Отступы от границ ячейки не меньше чем... */
}</code>

===== 6. pformleft =====

<code>.pformleft  {
  background-color: #F5F9FD; /* Цвет фона. */
  padding:6px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px; /* Верхний край */
  width:25%; /* Ширина блока */
  border-top:1px solid #C2CFDF; /* Параметры верхней границы: ширина + тип + цвет. */
  border-right:1px solid #C2CFDF; /* Параметры правой границы: ширина + тип + цвет. */
}</code>

===== 7. pformstrip =====

<code>.pformstrip {
  background-color: #D1DCEB; /* Цвет фона. */
  color:#3A4F6C; /* Цвет текста. */
  font-weight:bold; /* Жирность шрифта. */
  padding:7px; /* Отступы от границ ячейки не меньше чем... */
  margin-top:1px /* Верхний край. */
}</code>

===== 8. row1 =====

<code>.row1 {
  background-color: #F5F9FD /* Цвет фона. */
}</code>

===== 9. row4 =====

<code>.row4 {
  background-color: #E4EAF2 /* Цвет фона. */
}</code>

====== Попап-окно мини-профиля ======

===== 1. phototitle =====

<code>#phototitle {
  font-size:24px; /* Высота строки текста. */
  border-bottom:1px solid black /* Параметры нижней границы: ширина + тип + цвет. */
}</code>

===== 2. tablebasic =====

<code>.tablebasic  {
  width:100%; /* Ширина блока */
  padding:0px 0px 0px 0px; /* Отступы от границ ячейки: сверху, справа, снизу, слева. */
  margin:0px; /* Ширина края */
  border:0px /* Ширина границы */
}</code>