/* http://brown.nord.nw.ru/ifmo/bta.css */
/**/
body{
/* Так пишутся комментарии */
/* Устанавливаем белый фон */
background-color: white;
/* Устанавливаем черный цвет текста */
color: black;
/* Фонового рисунка нет */
background-image: none;
/* Отступы слева и сверху */
margin-left: 10;
margin-top: 10;
/* Семейство шрифтов. Браузер будет пытаться применить шрифт Arial Cyr, если не найдет- Arial, если не найдет - helvetica */
font-family:"times new roman cyr", "times new roman";
/* Задаем фиксированный размер шрифта. Теперь браузер не будет реагировать на команду изменения размера шрифта.
Делаем это для того, чтобы не "ломать" дизайн. */
font-size: 11pt;
fontsize: 11pt;
/* Задаем выравнивание текста по ширине */
text-align:justify;
/* А это определения для Netscape Стандартные он, по своей вредности, не понимает! */
fontfamily:"times new roman cyr, times new roman ";
textalign:justify;
leftmargin: 10;
rightmargin: 10;
}
/* Другой класс BODY
Он отличается цветом фона, шрифта и тем, что для него задан фоновый рисунок.
Все остальные определения будут унаследованы из общего определения BODY */
body.history{
background-color: gray;
color: maroon;
background-image: url(fon.gif);
}
/*Примеры:
- страница с черным шрифтом Arial высотой 10pt на белом фоне без фонового рисунка
- страница с коричневым шрифтом Arial высотой 10pt на сером фоне с фоновым рисунком fon.gif */
/* Классы заголовков */
h1 {
font-family:"arial cyr", "arial", "helvetica";
/* Обычный заголовок первого уровня */
/* Высота шрифта. Первая строка - для нормальных браузеров, вторая для NN */
font-size: 16pt;
fontsize: 16pt;
/* Цвет шрифта. Цвет фона не задаем, он будет оставться тким же,
как у элемента, на котором пишется заголовок */
color: #7799FF;
/* Вес шрифта. */
font-weight: 900;
/* Выравнивание текста влево
Первая строка - для нормальных браузеров, вторая для NN */
fontfamily:"arial cyr, arial, helvetica";
text-align:left;
textalign:left;
}
/* Инвертированный заголовок с фоном */
h1.invert {
/* Цвет фона */
background-color: #7799FF;
/* Цвет символов */
color: white;
}
/* Классы заголовков */
h1.img {
font-family:"arial cyr", "arial", "helvetica";
/* Обычный заголовок первого уровня */
/* Высота шрифта. Первая строка - для нормальных браузеров, вторая для NN */
font-size: 14pt;
fontsize: 14pt;
/* Цвет шрифта. Цвет фона не задаем, он будет оставться тким же,
как у элемента, на котором пишется заголовок */
color: white;/*#7799FF; */
/* Вес шрифта. */
font-weight: 900;
background-image: url();
/* Выравнивание текста влево
Первая строка - для нормальных браузеров, вторая для NN */
fontfamily:"arial cyr, arial, helvetica";
text-align:left;
textalign:left;
}
/* Подобное делаем и для заголовков других уровней */
h2 {
font-family:"arial cyr", "arial", "helvetica";
font-size: 12pt;
fontsize: 12pt;
color: #3355dd;
fontfamily:"arial cyr, arial, helvetica";
text-align:left;
textalign:left;
}
/* Инвертированный заголовок с фоном */
h2.lin_1 {
/* Цвет фона */
background-color: #ccddff;
/* Цвет символов */
color: #5577cc;
}
/***************************************************/
/* Подобное делаем и для заголовков других уровней */
h3 {
font-family:"arial cyr", "arial", "helvetica";
font-size: 11pt;
fontsize: 11pt;
font-weight: 300;
color: #0033dd;
fontfamily:"arial cyr, arial, helvetica";
text-align:left;
textalign:left;
}
h3 {
font-family:"arial cyr", "arial", "helvetica";
font-size: 11pt;
fontsize: 11pt;
font-weight: 300;
color: #0033dd;
fontfamily:"arial cyr, arial, helvetica";
text-align:left;
textalign:left;
background-image: url(fon.gif);
}
/***************************************************/
/* Классы параграфов */
p{
/* Обычный параграф имеет шрифт 10pt */
font-size: 11pt;
fontsize: 11pt;
}
/* Параграф класса USER отличается цветом и курсивом*/
p.user_h {
/*background-image: url();*/
text-align:left;
font-style: italic;
color: #6666aa;
}
/* Параграф класса RED отличается цветом */
p.red {
color: #d00000;
padding: 0.5em;
}
p.lisp {
text-align:left;
font-family:"courier cyr", "courier";
fontfamily:"courier cyr, courier";
color: #222288;
/*background-image: url();*/
font-size: 9pt;
fontsize: 9pt;
}
p.down_l {
text-align:right;
font-family:"arial cyr", "arial", "helvetica";
fontfamily:"arial cyr", "arial", "helvetica";
color: #222288;
background-image: url();*/
font-size: 11pt;
fontsize: 11pt;
}
p.hd {
text-align:left;
color: #0066ff;
font-weight: bold;
}
/* Параграф класса White отличается цветом */
p.figur {
text-align:center;
color: #000066;
font-style: italic;
}
/* Параграф класса White отличается цветом */
p.menu {
font-size: 10pt; fontsize: 10pt;
text-align:left;
font-family:"arial cyr", "arial", "helvetica"; fontfamily:"arial cyr, arial, helvetica";
font-weight: bold;
color: #5577cc;
}
/* Параграф класса White отличается цветом */
p.epigraf {
text-align:right;
font-family:"arial cyr", "arial", "helvetica";
fontfamily:"arial cyr, arial, helvetica";
font-size: 9pt;
fontsize: 9pt;
font-weight: normal;
font-style: italic;
color: blue;
}
/***************************************************/
/* Классы гиперссылок */
a:link, a:visited, a:active,a:hover
/* Для всех гиперссылок делаем жирный шрифт */
{
font-size: 10pt;
fontsize: 10pt;
font-family:"arial cyr", "arial", "helvetica";
fontfamily:"arial cyr, arial, helvetica";
font-weight: normal;
color:#7799FF;
}
/* Цвет обычной гиперссылки */
a:link { color: #6666cc;}
/* Цвет посещенной гиперссылки
a:visited { background-image:url(men2.gif); background-repeat:no-repeat; color: #8866ff;} */
a:visited { color: #8866ff;}
/* Цвет активной гиперссылки */
a:active { color: #dd3333;}
/* Цвет и фон подсвеченной гиперссылки */
a:hover {color: #cc66ff;background-color:#fffffe; background-image:url(men1.gif); background-repeat:no-repeat;}
/* Убираем возможную рамочку */
a:link img { border: none}
/* А это класс гиперссылок без подчеркивания - для меню */
/* На моих страницах очень много маленьких картинок, предваряющих
элементы списков. Ну, бзик у меня такой! Это делается так: */
/***************************************************/
/* Классы гиперссылок */
a.bar:link, a.bar:visited, a.bar:active,a.bar:hover
/* Для всех гиперссылок делаем жирный шрифт */
{
font-size: 9pt;
fontsize: 9pt;
font-family:"arial cyr", "arial", "helvetica";
fontfamily:"arial cyr, arial, helvetica";
font-weight: normal;
color:#7799FF;
padding-left:12pt;
}
/* Цвет обычной гиперссылки */
a.bar:link { color: #6666cc;}
/* Цвет посещенной гиперссылки */
a.bar:visited { background-image:url(men2.gif); background-repeat:no-repeat; color: #8866ff;}
/* Цвет активной гиперссылки */
a.bar:active { color: #dd3333;}
/* Цвет и фон подсвеченной гиперссылки */
a.bar:hover {background-color:#fffffe; background-image:url(men1.gif); background-repeat:no-repeat; color:#6666cc;}
/* Убираем возможную рамочку */
a.bar:link img { border: none}
/* А это класс гиперссылок без подчеркивания - для меню */
/* На моих страницах очень много маленьких картинок, предваряющих
элементы списков. Ну, бзик у меня такой! Это делается так: */
ul
/* Картинка (буллет) для обычного списка */
{list-style-image: url();
/* А это квадратик для NN, картинки он, зараза, не отображает */
list-style-type:square;
}
li {
/* Это тоже квадратик для NN */
list-style-type:square;
}
li.list2
/* Картинка для элемента списка класса WIN.
Обычно предупреждает, что ссылка откроется в новом окне */
{
list-style-image: url(list2.gif);
}
li.li_new1
/* Картинка для элемента списка класса WIN.
Обычно предупреждает, что ссылка откроется в новом окне */
{
list-style-image: url(li_new1.gif);
}
li.li_new2
/* Картинка для элемента списка класса WIN.
Обычно предупреждает, что ссылка откроется в новом окне */
{
list-style-image: url(li_new1.gif);
}
li.nums
{ margin-bottom: ".7em"; clear:both;
list-style-type:digit;
}
/***************************************************/
/*Классы с точкой Если описанию класса предшествует
точка, то его атрибуты будут распространяться на все
блоки, для которых он применен.
Пример
Имеем описание класса .RED_ITALIC*/
.disab {
color: gray;
}
.red_italic {
text-align:left;
font-size:8pt;
fontsize: 8pt;
font-style: italic;
font-weight: normal;
color: red;
}
/*Применяем его для разных блоков:
Текст:
Абзац, написанный классом RED_ITALIC
Список, написанный классом RED_ITALIC
Обычный бесклассовый элемент
Элемент класса WIN
Элемент класса ALERT
Элемент класса OK
Элемент класса NOT
Элемент класса NONAME - в CSS не описан, смотрите, как отобразится
*/
.cent {
text-align:center;
}
.det {
text-align:left;
font-size:8pt;
fontsize: 8pt;
font-style: italic;
font-weight: normal;
color: #336699;
}
.rem {
color: #336633;
text-align:left;
font-size:9pt;
fontsize: 9pt;
font-weight: normal;
}
.lisp {
color: navy;
text-align:left;
font-size:10pt;
fontsize: 10pt;
}
.red_i {
font-style: italic;
font-weight: normal;
color: #ff9999;
}
/* Параграф класса White отличается цветом */
.blue {
font-weight: normal;
color: #111199;
}
.line {
background-color: #92AAC7;
}
/* Классы таблиц */
td{
/* Обычная ячейка. Для нее высота шрифта 9pt */
font-size: 11pt;
fontsize: 11pt;
}
td.blu_1 {
/* "Голубая" ячейка. */
font-family:"arial cyr", "arial", "helvetica";
fontfamily:"arial cyr, arial, helvetica";
font-size: 11pt;
fontsize: 11pt;
font-weight: bold;
color: #5577cc;
background-color: #ccddff;
text-align:center;
textalign:center;
}
td.blu_text_news { /* "Голубая" ячейка. */
font-size: 11pt;
fontsize: 11pt;
color: #111199;
textalign:left;
background-color: white;
text-align:left;
}
td.blu_news { /* "Голубая" ячейка. */
font-family:"arial cyr", "arial", "helvetica";
fontfamily:"arial cyr, arial, helvetica";
font-size: 11pt;
fontsize: 11pt;
color: #5577cc;
textalign:left;
background-color: #e7eeFF;
text-align:left;
}
td.blu_3 { /* "Голубая" ячейка. */
background-color: #f4fcff;
}
td.blu_4 { /* "Голубая" ячейка. */
background-color: #f7f7ff;
}
td.author_1 {
/* "Голубая" ячейка. */
font-family:"arial cyr", "arial", "helvetica";
fontfamily:"arial cyr, arial, helvetica";
font-size: 9pt;
fontsize: 9pt;
font-weight: regular;
color: #5577cc;
text-align:right;
textalign:right;
}
td.theme {
/* "Голубая" ячейка. */
font-size: 14pt;
fontsize: 14pt;
/* Цвет шрифта. Цвет фона не задаем, он будет оставться тким же,
как у элемента, на котором пишется заголовок */
color: #7799FF;
/* Вес шрифта. */
font-weight: 900;
/* Выравнивание текста влево
Первая строка - для нормальных браузеров, вторая для NN */
fontfamily:"arial cyr, arial, helvetica";
text-align:left;
textalign:left;
font-family:"arial cyr", "arial", "helvetica";
/*background-color: #ccddff;
background-image: url();*/
}
td.menu {
/* Выравнивание текста влево
Первая строка - для нормальных браузеров, вторая для NN */
text-align:center;
textalign:center;
background-image: url();
}
/* Классы прочие */
strong
/* Выделяемый текст. Задан только цвет, остальное - по наследству */
{color: #660000; }
/* Другая черта. Задан цвет, размеры, и выравнивание вправо */
hr {
text-align:left;
height: 2px;
}
hr.lit
/* Разделительная черта. Задан цвет, размеры, и выравнивание влево */
{background-color: #336699;
text-align:left;
height: 1px;
width: 150px;
}