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

De WIKI SEPLAG
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 48: Linha 48:
.listabotao2 {
.listabotao2 {
display: flex;
display: flex;
width: 600px;
width: 660px;
height: 150px;
height: 160px;
margin: auto;
margin: auto;
}
}
Linha 295: Linha 295:
   /* UI Properties */
   /* UI Properties */
   background: transparent url('/images/2/24/Org2.png') 0% 0% no-repeat padding-box;
   background: transparent url('/images/2/24/Org2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-org{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/dc/Org1.png') 0% 0% no-repeat padding-box;
   opacity: 1;
   opacity: 1;
}
}


.icone-sei-org:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/24/Org2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-perf{
.icone-sei-perf{
   top: 50px;
   top: 50px;
Linha 399: Linha 380:


.botao-inicial{
.botao-inicial{
  top: 49px;
  left: 68px;
   width: 321px;
   width: 321px;
   height: 157px;
   height: 157px;
Linha 410: Linha 389:
   align-items : center;
   align-items : center;
   justify-content : center;
   justify-content : center;
   font-size:19px;
   font-size:20px;
   font-family:Overpass;
   font-family:Overpass;
   color: #E4F0F6;
   color: #E4F0F6;
Linha 446: Linha 425:
.norm:hover a{
.norm:hover a{
   color: #434D32;
   color: #434D32;
}
.icone-sei-estat{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Estat.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-estat:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/2b/Estat2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-fed{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/6/64/Fed.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-fed:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/31/Fed2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-manual{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/b/b5/Manual.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-manual:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/3a/Manual2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operdoc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f6/Operdoc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operdoc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/52/Operdoc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/0/08/Operproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/37/Operproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-orgproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/4/41/Orgproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-orgproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e3/Orgproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq4{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/59/Pesq.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq4:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f5/Pesquisa2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
}

Edição atual tal como às 14h07min de 3 de fevereiro de 2023

/** 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: 660px;
	height: 160px;
	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;
}

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

.icone-sei-duv{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/5b/Duv1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-duv:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/30/Duv2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-err{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e2/Err1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-err:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/3b/Err2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-ext{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/d5/Ext1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-ext:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f3/Ext2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-foc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/0/09/Foc1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-foc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/a/a1/Foc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-func{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/9/97/Func1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-func:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e7/Func2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-inter{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Inter1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-inter:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Inter2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-norm{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/fc/Norm1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-norm:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8f/Norm2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-org{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/dc/Org1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-org:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/24/Org2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-perf{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/b/b7/Perf1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-perf:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/df/Perf2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/5f/Pesq1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pesq:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f4/Pesq2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pet{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/57/Pet1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pet:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/27/Pet2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-sig{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/7/7a/Sig1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-sig:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/89/Sig2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.botao-inicial{
  width: 321px;
  height: 157px;
  background: transparent url('/images/5/5e/Marrom.png') 0% 0% no-repeat padding-box;
  margin: auto;
  display: flex;
  text-align: center;
  position: relative;
  align-items : center;
  justify-content : center;
  font-size:20px;
  font-family:Overpass;
  color: #E4F0F6;
  opacity: 1;
}

.botao-inicial a{
  color: #E4F0F6;
}

.botao-inicial:hover{
  background: transparent url('/images/4/4a/Azul-claro.png') 0% 0% no-repeat padding-box;
}

.botao-inicial:hover a{
  color: #6E6E6E;
}

.sei{
  background: transparent url('/images/b/bc/AzulSEI.png') 0% 0% no-repeat padding-box;
}

.sei:hover a{
  color:#2B4352;
}

.norm{
  background: transparent url('/images/3/33/VerdeSEI.png') 0% 0% no-repeat padding-box;
}

.norm a{
  color: #434D32;
}

.norm:hover a{
  color: #434D32;
}

.icone-sei-estat{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Estat.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-estat:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/2b/Estat2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-fed{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/6/64/Fed.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-fed:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/31/Fed2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-manual{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/b/b5/Manual.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-manual:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/3a/Manual2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operdoc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f6/Operdoc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operdoc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/52/Operdoc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/0/08/Operproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/37/Operproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-orgproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/4/41/Orgproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-orgproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e3/Orgproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pesq4{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/59/Pesq.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pesq4:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f5/Pesquisa2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}