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

Версия 16:49, 19 марта 2025

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/* {Навигационная таблица} */
table.navbox {
  background: #f9f9f9;
  border: 1px solid #aaa;
  clear: both;
  font-size: 90%;
  margin: 2em auto !important;
  padding: 2px;
  width: 100%;
}
table.navbox th {
  background: #f0f0f0;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
}

div.metadata {
  padding: 2em 0;
}

/*Кнопки для кратких описаний правок*/
#userSummaryButtonsA a {
  white-space:nowrap;
  background: #D8F5FF;
  border: 1px solid #B2DEF8;
  padding: 0px 2px;
  margin: 2px;
  cursor: pointer;
  font-size: 80%;
  line-height: 17px;
  color: #5B5B5B
}
#userSummaryButtonsA a:hover {
  background: #B1EBFF;
  border: 1px solid #64BDF0;
  color: black;
  text-decoration: none
}
 
#userSummaryButtonsA { display: block }
 
body.page-Заглавная_страница h1.firstHeading { display:none; }

/* Инфобоксы */

table.infobox {
border: 1px solid #AAA;
background-color: #F9F9F9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: left;
}

table.infobox td {
font-size: 0.85em;
vertical-align: top;
}

table.infobox th{
text-align: center;
}

table.infobox ul{
list-style-type: none;
list-style-image: none;
margin: 0;
}


/* Превью статей с картинками */
div.prvw {
	position: relative;
	width: 200px;
	height: 120px;
	overflow: hidden;

	margin: 0 20px 20px 0;
	float: left;
}

div.prvw a {
	text-decoration: none;
}

div.prvw div.bg {
	position: absolute;
	left: 0;
	top: -50%;
}

div.prvw div.shdw {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 120px;

	background-image: linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 20%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 20%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 20%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 20%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 20%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.0, rgba(0,0,0,0.15)),
		color-stop(0.2, rgba(0,0,0,0))
	);
}

div.prvw div.shdw:hover {
	background-image: linear-gradient(bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.15) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.0, rgba(0,0,0,0.30)),
		color-stop(1.0, rgba(0,0,0,0.15))
	);
}

div.prvw div.lead {
	position: absolute;
	left: 0;
	bottom: 0;

	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-size: 14pt;

	padding: 5px 10px;

	vertical-align: bottom;
	text-align: left;

	color: #fff !important;
	text-shadow: -1px 1px 2px rgba(0,0,0,0.6), 1px 1px 2px rgba(0,0,0,0.6);
}

div.prvw div.lead a {
	color: #fff !important;
	display: inline-block;
	padding-top: 100px;
}

/* Spoilers */
.spoiler {
    background-color: #ccc;
}

.spoiler:hover {
    background: transparent;
}

.spoiler span, .spoiler span a, .spoiler span a:visited {
    -khtml-opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
    opacity: 0.0;
}

.spoiler span:hover, .spoiler span:hover a, .spoiler span:hover a:visited {
    -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.mw-headline span.NavHead {
    margin-left: 1em;
}

.translation-dotted {
  border-bottom: 1px dashed #a2a9b1;
}


.tab_click {
    display:inline-block;background:rgba(192,192,192,.1);
    padding:5px 5px 0;
    margin:-5px 5px 0;
    border-radius: 5px 5px 0 0;cursor:pointer;
    transition:background .5s;
    }

.tab_active {
     background:rgba(192,192,192,.3);
     font-weight:bold
     }

/* Для встройки изображений  */
img.insertwidth {
    width: 100%;
    height: auto;
}