MediaWiki:Common.css: mudanças entre as edições

Edição das 14h04min de 27 de julho de 2022

/** o código CSS colocado aqui será aplicado a todos os temas */

.botaosimples {
	border: 2px solid white;
	padding: 10px;
	width: 150px;
	height: 120px;
	box-shadow:0 0 .5em #999;
	border-radius:10px;
	background-color: rgba(75, 172, 198, 0.9);
	margin: auto;
	text-align: center;
	position: relative;
}

.botao {
	width: 200px;
	height: 120px;
        box-shadow:0 0 .5em #999;
	border-radius:10px;
	background-image: linear-gradient(to right, rgba(62, 93, 155, 0.9), rgba(62, 93, 155, 0.3));
	margin: auto;
	text-align: center;
	position: relative;
}

.listabotao {
	display: flex;
	width: 800px;
	height: 200px;
	margin: auto;
}

.listabotao4 {
	display: flex;
	width: 1000px;
	height: 150px;
	margin: auto;
}

.listabotao3 {
	display: flex;
	width: 780px;
	height: 150px;
	margin: auto;
}

.listabotao2 {
	display: flex;
	width: 560px;
	height: 150px;
	margin: auto;
}

.botao p{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: black;
	font-weight: bold;
	font-size: 18px;
	font-family: Georgia, Times, serif;
}

.botao2 {
	width: 200px;
	height: 120px;
        box-shadow:0 0 .5em #999;
	border-radius:10px;
	background-image: linear-gradient(to right, rgba(70, 119, 66, 0.9), rgba(70, 119, 66, 0.3));
	margin: auto;
	text-align: center;
	position: relative;
}

.botao2 p{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: black;
	font-weight: bold;
	font-size: 18px;
	font-family: Georgia, Times, serif;
}

.botao a{
	color: black;
}

.botao2 a{
	color: black;
}

.buttonClass {
  font-size:18px;
  font-family:Times New Roman;
  width:200px;
  height:100px;
  border-width:1px;
  margin: auto;
  display: flex;
  text-align: center;
  position: relative;
  align-items : center;
  justify-content : center;
  color:#fff;
  border-color:#84bbf3;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  text-shadow:inset 0px 1px 0px #528ecc;
  background:linear-gradient(rgba(118, 184, 255, 1), rgba(62, 93, 155, 1));
}

.buttonClass:hover {
  background: linear-gradient(rgba(62, 93, 155, 1), rgba(118, 184, 255, 1));
}

.buttonClass a{
	color: white;
}