Шаблон:Схема годоса/hodoscheme.css: различия между версиями

Материал из Янтарной ноосферы, свободной интернет-энциклопедии
добавил максширину для крайних элементов
расширил правило для пересечений
Строка 17: Строка 17:
#hsBeforeStart,
#hsBeforeStart,
#hsStart,
#hsStart,
#hsCross,
#hsEnd,
#hsEnd,
#hsAfterEnd{
#hsAfterEnd{
max-width: 6em;
max-width: 8em;
}
}
#hsStart > ol,
#hsStart > ol,

Версия от 18:57, 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,
#hsCross,
#hsEnd,
#hsAfterEnd{
	max-width: 8em;
}
#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{

}