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:...»)
 
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* sub-menu box */
#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')";


/* Dropdown Button */
background: rgba(255,255,238,0.7);
.dropbtn {
border-width:1px;
  background-color: #4CAF50;
border-color:lightgrey;
  color: white;
padding: 5px 5px 5px 10px;
  padding: 16px;
border-style:solid;
  font-size: 16px;
font-size: 0.9em;
  border: none;
-webkit-border-radius: 5px;
}
-moz-border-radius: 5px;
 
border-radius: 5px;
/* The container <div> - needed to position the dropdown content */
-webkit-box-shadow: 6px 6px 6px #c0c0c0;
.dropdown {
-moz-box-shadow: 6px 6px 6px #c0c0c0;
  position: relative;
box-shadow: 6px 6px 6px #c0c0c0;
  display: inline-block;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* 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;}

Версия 19:17, 8 декабря 2021

/* sub-menu box */
#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: 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;

}