MediaWiki:Common.css

Материал из SAMP

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
.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;
}