Заглавная страница/styles.css: различия между версиями
Материал из Энциклопедия Ярославского авиатора
Freeflyer (обсуждение | вклад) Нет описания правки |
Freeflyer (обсуждение | вклад) Нет описания правки |
||
(не показано 14 промежуточных версий этого же участника) | |||
Строка 5: | Строка 5: | ||
width: 100%; | width: 100%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
outline: 3px solid # | border: 10px solid #f8f8f8; | ||
outline: 3px solid #ccf; | |||
} | |||
.table_info caption { | |||
background: #ccf; | |||
} | } | ||
.table_info th, td { | .table_info th, td { | ||
border-color: white; | border-color: white; | ||
border-style: solid; | border-style: solid; | ||
border-width: 0 | border-width: 0 5px 5px 0; | ||
padding: 0.4em; | padding: 0.4em; | ||
margin: 20px; | |||
} | } | ||
.table_info th { | .table_info th { | ||
text-align: right; | text-align: right; | ||
background: #ccf; | background: #ccf; | ||
width: 25%; | width: 25%; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.table_info td { | .table_info td { | ||
background: # | background: #eaecf0; | ||
padding: 0.4em; | |||
} | } | ||
Текущая версия от 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;
}