MediaWiki:Common.css: mudanças entre as edições
(Criou página com '→* o código CSS colocado aqui será aplicado a todos os temas: .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-repe...') |
Sem resumo de edição |
||
| (2 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
/** o código CSS colocado aqui será aplicado a todos os temas */ | /** o código CSS colocado aqui será aplicado a todos os temas */ | ||
/**Style lista botão */ | |||
.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; | |||
} | |||
/** Botões usuário externo */ | |||
.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-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-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; | |||
} | |||
/** Botões usuário interno */ | |||
.icone-sei-estat{ | .icone-sei-estat{ | ||
| Linha 144: | Linha 239: | ||
/* UI Properties */ | /* UI Properties */ | ||
background: transparent url('/images/f/f5/Pesquisa2.png') 0% 0% no-repeat padding-box; | background: transparent url('/images/f/f5/Pesquisa2.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-41{ | |||
top: 50px; | |||
left: 155px; | |||
width: 147px; | |||
height: 157px; | |||
/* UI Properties */ | |||
background: transparent url('/images/1/18/Sei41-1.png') 0% 0% no-repeat padding-box; | |||
opacity: 1; | |||
} | |||
.icone-sei-41:hover{ | |||
/* Layout Properties */ | |||
top: 50px; | |||
left: 155px; | |||
width: 321px; | |||
height: 157px; | |||
/* UI Properties */ | |||
background: transparent url('/images/0/06/Sei41-2.png') 0% 0% no-repeat padding-box; | |||
opacity: 1; | opacity: 1; | ||
} | } | ||
Edição atual tal como às 19h51min de 17 de abril de 2025
/** o código CSS colocado aqui será aplicado a todos os temas */
/**Style lista botão */
.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;
}
/** Botões usuário externo */
.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-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-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;
}
/** Botões usuário interno */
.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;
}
.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-41{
top: 50px;
left: 155px;
width: 147px;
height: 157px;
/* UI Properties */
background: transparent url('/images/1/18/Sei41-1.png') 0% 0% no-repeat padding-box;
opacity: 1;
}
.icone-sei-41:hover{
/* Layout Properties */
top: 50px;
left: 155px;
width: 321px;
height: 157px;
/* UI Properties */
background: transparent url('/images/0/06/Sei41-2.png') 0% 0% no-repeat padding-box;
opacity: 1;
}