body {
background-color: #E0F2F7; /* Светло-голубой фон */
scrollbar-face-color: #B2EBF2;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #81D4FA;
scrollbar-3dlight-color: #CE93D8;
scrollbar-arrow-color: #00BCD4; /* Ярко-голубой цвет для стрелок */
scrollbar-track-color: #F5F5F5; /* Светло-серый цвет для трека */
scrollbar-darkshadow-color: #4FC3F7;
max-width: 82%; /* Максимальная ширина 82% */
margin: 0 auto; /* Центрирование */
font-family: 'Roboto', sans-serif; /* Пример нестандартного шрифта (Roboto) - подключите его, если нужно */
font-size: 16px; /* Увеличенный размер шрифта */
}
/* ... (остальной код) ... */
font, th, td, p {
font-family: 'Roboto', sans-serif; /* Пример нестандартного шрифта (Roboto) */
font-size: 16px; /* Увеличенный размер шрифта */
}
a:link, a:active, a:visited {
color: #00BCD4; /* Голубой цвет ссылок */
}
a:hover {
text-decoration: underline;
color: #2962FF; /* Более темный голубой цвет при наведении */
}
hr {
height: 0px;
border: solid #81D4FA 0px; /* Голубой цвет для hr */
border-top-width: 1px;
}
.bodyline {
background-color: #FFFFFF;
border: 1px #4FC3F7 solid; /* Голубая рамка */
}
.lineBridge_21 {
background-color: #FFFFFF;
border: 2px #4FC3F7 solid; /* Голубая рамка */
}
td.row_block1, td.entryRow2 {
background-color: #E0F2F7; /* Светло-голубой фон для строк */
}
td.flowThree {
background-color: #F5F5F5; /* Светло-серый фон для строк */
}
/* ... (остальные изменения цветов и шрифтов) ... */
th {
color: #FFFFFF; /* Белый цвет текста в шапке */
font-size: 16px;
font-weight: bold;
background-color: #00BCD4; /* Голубой фон для шапки */
height: 25px;
/* background-image: url(cellpic3.gif); Оставьте или измените по необходимости */
}
td.cat, td.cat_crown, td.catSides, td.category_leftsegment, td.right_area_category, td.catBottom {
background-color: #BBDEFB; /* Более светлый голубой для категорий */
border: #FFFFFF;
border-style: solid;
height: 28px;
}
/* ... (и так далее, замените все оранжевые оттенки на голубые и серые) ... */
a.maintitle, .maintitle, h1, h2, h3 {
font-weight: bold;
font-size: 24px; /* Немного больше */
font-family: 'Roboto', sans-serif; /* Пример нестандартного шрифта (Roboto) */
text-decoration: none;
color: #00796B; /* Темно-зеленый цвет для заголовков */
}
/* ... (продолжайте заменять цвета и шрифты) ... */
input, textarea, select {
color: #000000;
font: normal 16px 'Roboto', Arial; /* Пример нестандартного шрифта (Roboto) */
background-color: #F5F5F5; /* Светло-серый фон для полей ввода */
border: 1px solid #81D4FA; /* Голубая рамка */
}
/* ... (и так далее) ... */
/* Подключение шрифта Roboto (если вы его выбрали): */
/* Вставьте этот код в вашего HTML или в отдельный CSS файл */