Шаблон:Схема годоса/hodoscheme.css: различия между версиями
добавил поля |
добавил разрыв между группами и между рядами, уточнил выравнивание в группах |
||
| Строка 35: | Строка 35: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
height: 100%; | height: 100%; | ||
row-gap: 1em; | |||
align-items: center; | |||
} | } | ||
.hsGroup > ol{ | .hsGroup > ol{ | ||
| Строка 40: | Строка 42: | ||
flex-direction: column; | flex-direction: column; | ||
height: 100%; | height: 100%; | ||
row-gap: 0.5em; | |||
} | } | ||
.hsGroupLeft > ol, | .hsGroupLeft > ol, | ||
| Строка 46: | Строка 49: | ||
flex-direction: row; | flex-direction: row; | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: | align-items: center; | ||
height: 100%; | height: 100%; | ||
} | } | ||
Версия от 20:07, 29 ноября 2024
.hsBody{
display: flex;
}
.hsBody li,
.hsBody ol{
list-style-type: none;
margin: 0;
}
.hsBody > li{
display: inline flex;
}
.hsBody,
#hsCaption,
#hsTitle{
width: 100%;
}
#hsBeforeStart > ol,
#hsStart > ol,
#hsCross > ol,
#hsEnd > ol,
#hsAfterEnd > ol{
display: flex;
align-items: center;
height: 6em;
max-width: 8em;
}
#hsStartTop{
}
#hsStartBottom{
}
#hsElements{
display: flex;
flex-wrap: wrap;
height: 100%;
row-gap: 1em;
align-items: center;
}
.hsGroup > ol{
display: flex;
flex-direction: column;
height: 100%;
row-gap: 0.5em;
}
.hsGroupLeft > ol,
.hsGroupRight > ol{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 100%;
}
.hsGroupLeft li,
.hsGroupRight li{
padding: 1em;
}
.hsGroupLeft,
.hsGroupRight{
flex-grow: 1;
}
.budynek{
background-color: yellow;
}
.park{
background-color: green;
}
.hydro{
background-color: blue;
}
.terytorium{
background-color: gray;
}
.budynek a,
.park a,
.hydro a,
.terytorium a{
color: black;
text-decoration: none;
}
#hsEnd{
}
#hsEndTop{
}
#hsEndBottom{
}
#hsAfterEnd{
}