Шаблон:Схема годоса/hodoscheme.css: различия между версиями
ещё правил добавил |
добавил максширину для крайних элементов |
||
Строка 15: | Строка 15: | ||
width: 100%; | width: 100%; | ||
} | } | ||
#hsBeforeStart{ | #hsBeforeStart, | ||
#hsStart, | |||
#hsEnd, | |||
#hsAfterEnd{ | |||
max-width: 6em; | |||
} | } | ||
#hsStart > ol, | #hsStart > ol, |
Версия от 18:56, 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,
#hsStart,
#hsEnd,
#hsAfterEnd{
max-width: 6em;
}
#hsStart > ol,
#hsEnd > ol{
display: flex;
align-items: center;
height: 6em;
}
#hsStartTop{
}
#hsStartBottom{
}
#hsElements{
display: flex;
flex-wrap: wrap;
height: 100%;
}
.hsGroup > ol{
display: flex;
flex-direction: column;
height: 100%;
}
.hsGroupLeft > ol,
.hsGroupRight > ol{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
height: 100%;
}
.hsGroupLeft,
.hsGroupRight{
flex-grow: 1;
}
.budynek{
background-color: yellow;
}
.park{
background-color: green;
}
.hydro{
background-color: blue;
}
.terytorium{
background-color: gray;
}
#hsEnd{
}
#hsEndTop{
}
#hsEndBottom{
}
#hsAfterEnd{
}