Заглавная страница/styles.css: различия между версиями
Материал из Энциклопедия Ярославского авиатора
Freeflyer (обсуждение | вклад) Нет описания правки |
Freeflyer (обсуждение | вклад) Нет описания правки |
||
(не показано 37 промежуточных версий этого же участника) | |||
Строка 1: | Строка 1: | ||
/* В работе в данный момент: */ | /* В работе в данный момент: */ | ||
/*Информационная таблица*/ | |||
.table_info { | |||
width: 100%; | |||
border-collapse: collapse; | |||
border: 10px solid #f8f8f8; | |||
outline: 3px solid #ccf; | |||
} | |||
.table_info caption { | |||
background: #ccf; | |||
} | |||
.table_info th, td { | |||
border-color: white; | |||
border-style: solid; | |||
border-width: 0 5px 5px 0; | |||
padding: 0.4em; | |||
margin: 20px; | |||
} | |||
.table_info th { | |||
text-align: right; | |||
background: #ccf; | |||
width: 25%; | |||
font-weight: bold; | |||
} | |||
.table_info td { | |||
background: #eaecf0; | |||
padding: 0.4em; | |||
} | |||
/*Для таблицы праздников*/ | |||
.table_blue { | |||
background-color: #b3d6e6; | |||
border: 1px #aaa solid; | |||
border-collapse: collapse; | |||
color: black; | |||
padding: 0.3em; | |||
margin: 1em 0; | |||
} | |||
.table_blue td { | |||
padding: 0.3em 0.4em; | |||
border: 1px #aaa solid; | |||
} | |||
/*для фотоархива*/ | /*для фотоархива*/ | ||
.box_row_main { | .box_row_main { | ||
Строка 15: | Строка 58: | ||
.box_row_main p { | .box_row_main p { | ||
margin-bottom: 0; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; |
Текущая версия от 16:43, 15 февраля 2024
/* В работе в данный момент: */
/*Информационная таблица*/
.table_info {
width: 100%;
border-collapse: collapse;
border: 10px solid #f8f8f8;
outline: 3px solid #ccf;
}
.table_info caption {
background: #ccf;
}
.table_info th, td {
border-color: white;
border-style: solid;
border-width: 0 5px 5px 0;
padding: 0.4em;
margin: 20px;
}
.table_info th {
text-align: right;
background: #ccf;
width: 25%;
font-weight: bold;
}
.table_info td {
background: #eaecf0;
padding: 0.4em;
}
/*Для таблицы праздников*/
.table_blue {
background-color: #b3d6e6;
border: 1px #aaa solid;
border-collapse: collapse;
color: black;
padding: 0.3em;
margin: 1em 0;
}
.table_blue td {
padding: 0.3em 0.4em;
border: 1px #aaa solid;
}
/*для фотоархива*/
.box_row_main {
padding: 10px 10px;
border: solid 1px #A8A8A8;
flex: 1;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
overflow-block: hidden;
justify-content: space-between;
max-height: 400px;
overflow: hidden;
background-color: #b3d6e6;
}
.box_row_main p {
margin-bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.news {
padding: 0.5em;
width: 100%;
}
.news_year {
font-weight: bold;
}
.inf_table {
color: #000;
border: solid 1px #A8A8A8;
padding: 0.5em;
margin: 0.5em 0;
background-color: #FFF;
font-size: 100%;
vertical-align: middle;
width: 100%;
box-sizing: border-box;
text-align: center;
margin: auto;
text-align: center;
margin-bottom: 5px;
}
.inf_table, td {
padding: 5px 0;
}
/*для главного изображения на странице */
.toc {
float: right;
border-color: darkred;
}
.div_img {
border: 1px solid #A8A8A8;
font-size: 95%;
vertical-align: middle;
}
.main_img {
width: 30%;
margin: 10px;
float: left;
}
/* для фотографий flex */
.img_div {
object-fit: contain;
width: 70%;
height: 70%;
object-position: center;
}
/* список новостей */
.div_news {
display: flex;
flex-direction: column;
padding: 10px 20px;
margin: 10px;
width: 100%;
border: solid 1px #A8A8A8;
box-sizing: border-box;
}
.div_box {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
margin: 20px;
}
.box_container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0;
}
.box_row {
padding: 10px 20px;
border: solid 1px #A8A8A8;
flex: 1;
flex-basis: 40%;
min-width: 300px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
overflow-block: hidden;
justify-content: space-between;
overflow: hidden;
}
.box_row img {
width: 100%;
}
.box_row_scroll {
padding: 10px 20px;
margin: 5px 10px 10px 0;
border: solid 1px #A8A8A8;
flex: 1;
min-width: 140px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
overflow-block: hidden;
justify-content: space-between;
max-height: 400px;
overflow: scroll
}
.green {
border-color: #4caf50;
}
.red {
border-color: darkred;
}
.box_gif {
flex-basis: content;
padding: 0;
flex: 1;
}
.box_gif_right {
padding: 10px 5px;
flex: 1;
overflow-block: hidden;
font-size: 1.5em;
text-align: center;
}
pre {
display: none;
}