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

Материал из Касса
Перейти к навигации Перейти к поиску
(Новая страница: «→‎Размещённый здесь CSS будет применяться ко всем темам оформления: →‎Dropdown Button: .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; } →‎The container <div> - needed to position the dropdown content: .dropdown { position: relative; display: inline-block; } →‎Dropdown Content (Hidden by Default): .dropdown-content { display:...»)
 
 
(не показаны 33 промежуточные версии 2 участников)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Заголовок продукта */
#shbox {
background: rgb(255,255,238); /* fallback color */
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(255,255,238,0.7);
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 11pt;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 6px 6px 6px #c0c0c0;
-moz-box-shadow: 6px 6px 6px #c0c0c0;
box-shadow: 6px 6px 6px #c0c0c0;
 
}
 
#shbox-blue {
background: rgb(200,255,255); /* fallback color */
background: url(rgba.php?r=200&g=255&b=255&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(200,255,255,0.7);
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 0.9em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 6px 6px 6px #c0c0c0;
-moz-box-shadow: 6px 6px 6px #c0c0c0;
box-shadow: 6px 6px 6px #c0c0c0;
 
}
 
#shbox-snow{
background: rgb(240,248,255); /* fallback color */
background: url(rgba.php?r=240&g=248&b=255&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(240,248,255,0.7);
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 0.9em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 6px 6px 6px #c0c0c0;
-moz-box-shadow: 6px 6px 6px #c0c0c0;
box-shadow: 6px 6px 6px #c0c0c0;
 
}
 
#shbox-red {
background: rgb(238,147,116); /* fallback color */
background: url(rgba.php?r=238&g=147&b=116&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(238,147,116,0.7);
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 0.9em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 6px 6px 6px #c0c0c0;
-moz-box-shadow: 6px 6px 6px #c0c0c0;
box-shadow: 6px 6px 6px #c0c0c0;
}
 
/* Заголовок плагина */
#shplugin {
background: rgb(238,255,255); /* fallback color */
background: url(rgba.php?r=238&g=255&b=255&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(238,255,255,0.7);
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 0.9em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 6px 6px 6px #c0c0c0;
-moz-box-shadow: 6px 6px 6px #c0c0c0;
box-shadow: 6px 6px 6px #c0c0c0;
 
}
 
/* Продуктовая таблица */
#shtable {
background: rgb(255,255,238); /* fallback color */
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(255,255,238,0.7);
 
width:98%;
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 0.9em;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
-webkit-box-shadow: 0px 0px 12px #c0c0c0;
-moz-box-shadow: 0px 0px 12px #c0c0c0;
box-shadow: 0px 0px 12px #c0c0c0;


/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
}


/* The container <div> - needed to position the dropdown content */
/* Стиль информационных писем */
.dropdown {
#shlater {
  position: relative;
background: rgb(255,255,238); /* fallback color */
  display: inline-block;
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(255,255,238,0.7);
 
width:90%;
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-family: Verdana, Arial, Helvetica;
    font-size: 1em;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
-webkit-box-shadow: 0px 0px 12px #c0c0c0;
-moz-box-shadow: 0px 0px 12px #c0c0c0;
box-shadow: 0px 0px 12px #c0c0c0;
 
}
}


/* Dropdown Content (Hidden by Default) */
 
.dropdown-content {
/* Шаблон Attention*/
  display: none;
#shboxattention {
  position: absolute;
background: rgb(255,255,238); /* fallback color */
  background-color: #f1f1f1;
background: url(rgba.php?r=255&g=255&b=238&a=70) repeat;  
  min-width: 160px;
/* IE6,IE7 */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);  
  z-index: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";  
 
background: rgba(255,255,238,0.7);  
border-width:5px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 1.0em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 6px 6px 6px #9fc0c0;
-moz-box-shadow: 6px 6px 6px #9fc0c0;
box-shadow: 6px 6px 6px #c0c0c0;
 
}
}


/* Links inside the dropdown */
/* Продуктовая таблица */
.dropdown-content a {
#shtableerror {
  color: black;
background: rgb(238,147,116); /* fallback color */
  padding: 12px 16px;
background: url(rgba.php?r=238&g=147&b=116&a=70) repeat;
  text-decoration: none;
/* IE6,IE7 */
  display: block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(238,147,116,0.7);
 
width:98%;
border-width:1px;
border-color:#DD9475;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 0.9em;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
-webkit-box-shadow: 0px 0px 12px #c0c0c0;
-moz-box-shadow: 0px 0px 12px #c0c0c0;
box-shadow: 0px 0px 12px #c0c0c0;
 
}
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}


/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}


/* Change the background color of the dropdown button when the dropdown content is shown */
/* Таблица для ссылок на другие страницы и соцсети */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
#shtable-1 {
background: rgb(182,225,252); /* fallback color */
background: url(rgba.php?r=182&g=225&b=252&a=70) repeat;
/* IE6,IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
 
background: rgba(182,225,252,0.7);
 
width:50%;
border-width:1px;
border-color:lightgrey;
padding: 5px 5px 5px 10px;
border-style:solid;
font-size: 0.9em;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
-webkit-box-shadow: 0px 0px 12px #c0c0c0;
-moz-box-shadow: 0px 0px 12px #c0c0c0;
box-shadow: 0px 0px 12px #c0c0c0;
 
}

Текущая версия на 17:24, 14 сентября 2022

/* Заголовок продукта */
#shbox {
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 11pt;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px #c0c0c0;
	-moz-box-shadow: 6px 6px 6px #c0c0c0;
	box-shadow: 6px 6px 6px #c0c0c0;

}

#shbox-blue {
	background: rgb(200,255,255); /* fallback color */
	background: url(rgba.php?r=200&g=255&b=255&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(200,255,255,0.7); 
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px #c0c0c0;
	-moz-box-shadow: 6px 6px 6px #c0c0c0;
	box-shadow: 6px 6px 6px #c0c0c0;

}

#shbox-snow{
	background: rgb(240,248,255); /* fallback color */
	background: url(rgba.php?r=240&g=248&b=255&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(240,248,255,0.7); 
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px #c0c0c0;
	-moz-box-shadow: 6px 6px 6px #c0c0c0;
	box-shadow: 6px 6px 6px #c0c0c0;

}

#shbox-red {
	background: rgb(238,147,116); /* fallback color */
	background: url(rgba.php?r=238&g=147&b=116&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(238,147,116,0.7); 
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px #c0c0c0;
	-moz-box-shadow: 6px 6px 6px #c0c0c0;
	box-shadow: 6px 6px 6px #c0c0c0;
}

/* Заголовок плагина */
#shplugin {
	background: rgb(238,255,255); /* fallback color */
	background: url(rgba.php?r=238&g=255&b=255&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(238,255,255,0.7); 
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px #c0c0c0;
	-moz-box-shadow: 6px 6px 6px #c0c0c0;
	box-shadow: 6px 6px 6px #c0c0c0;

}

/* Продуктовая таблица */
#shtable {
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 

	width:98%;
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: 0px 0px 12px #c0c0c0;
	-moz-box-shadow: 0px 0px 12px #c0c0c0;
	box-shadow: 0px 0px 12px #c0c0c0;

}

/* Стиль информационных писем */
#shlater {
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 

	width:90%;
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-family: Verdana, Arial, Helvetica; 
    font-size: 1em;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: 0px 0px 12px #c0c0c0;
	-moz-box-shadow: 0px 0px 12px #c0c0c0;
	box-shadow: 0px 0px 12px #c0c0c0;

}


/* Шаблон Attention*/
#shboxattention {
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 
	border-width:5px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 1.0em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px #9fc0c0;
	-moz-box-shadow: 6px 6px 6px #9fc0c0;
	box-shadow: 6px 6px 6px #c0c0c0;

}

/* Продуктовая таблица */
#shtableerror {
	background: rgb(238,147,116); /* fallback color */
	background: url(rgba.php?r=238&g=147&b=116&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(238,147,116,0.7); 

	width:98%;
	border-width:1px;
	border-color:#DD9475;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: 0px 0px 12px #c0c0c0;
	-moz-box-shadow: 0px 0px 12px #c0c0c0;
	box-shadow: 0px 0px 12px #c0c0c0;

}


/* Таблица для ссылок на другие страницы и соцсети */
#shtable-1 {
	background: rgb(182,225,252); /* fallback color */
	background: url(rgba.php?r=182&g=225&b=252&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(182,225,252,0.7); 

	width:50%;
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: 0px 0px 12px #c0c0c0;
	-moz-box-shadow: 0px 0px 12px #c0c0c0;
	box-shadow: 0px 0px 12px #c0c0c0;

}
Источник — http://kassa.bifit.com/wiki/index.php?title=MediaWiki:Common.css&oldid=33461