MediaWiki:Common.css: различия между версиями

Материал из SAMP
Нет описания правки
Нет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 40: Строка 40:
.skin > span > span > img
.skin > span > span > img
{
{
width: 20%;
width: 100%;
height: auto;
height: auto;
}
}
Строка 71: Строка 71:
border: none;
border: none;
}
}
}
.index
{
display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.index_elem
{
border: 1px #111111 solid;
border-radius: 15px;
width: 250px;
position: relative;
margin: 1%;
}
.banner > span > span > img
{
width: 100%;
height: 80px;
border-radius: 15px 15px 0 0;
}
.index_elem_title
{
position: absolute;
top: 30px;
left: 10px;
font-weight: bold;
width: 80%;
cursor: default;
}
.index_subelems
{
margin: 1% 5%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-shadow: 0 0 6px black;
}
}

Текущая версия от 23:05, 14 апреля 2025

.infobox
{
	border: 1px #C6C6C6 solid;
}
.infobox_head 
{ 
	text-align: center; 
	font-weight: bold; 
	padding: 2% 0.5%; 
	font-size: 18px;
}
.infobox_param
{
	display: flex;
	border-bottom: 2px solid #FFFFFF;
    margin: 1px 5%;
    padding: 5px 5px 10px 5px;
}
.infobox_param:last-child
{
	border-bottom: unset;
}
.infobox_param_titul
{
	font-weight: bold;
}
.infobox_param_text > p
{
	margin: 0;
}
.infobox_param > div
{
	width: 50%;
}
.skin
{
	display: inline-block;
	max-width: 20%;
}
.skin > span > span > img
{
	width: 100%;
	height: auto;
}
@media screen and (orientation: landscape)/* PK */ 
{
	.infobox
	{
		position: relative;
		lear: right;
		float: right;
		width: 320px;
	}
	.infobox_image > span > span > img
	{
		width: 100%;
		height: 200px;
		border: none;
	}
}
@media screen and (orientation: portrait )/* mobile */ 
{
	.infobox
	{
		width: 100%;
	}
	.infobox_image > span > span > img
	{
		width: 100%;
		height: 180px;
		border: none;
	}
}


.index
{
	display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.index_elem
{
	border: 1px #111111 solid; 
	border-radius: 15px;
	width: 250px;
	position: relative;
	margin: 1%;
}
.banner > span > span > img
{
	width: 100%;
	height: 80px;
	border-radius: 15px 15px 0 0;
}
.index_elem_title
{
	position: absolute;
	top: 30px;
	left: 10px;
	font-weight: bold;
	width: 80%;
	cursor: default;
}
.index_subelems
{
	margin: 1% 5%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-shadow: 0 0 6px black;
}