MediaWiki:Common.css: mudanças entre as edições
Ir para navegação
Ir para pesquisar
mSem resumo de edição |
mSem resumo de edição |
||
Linha 244: | Linha 244: | ||
} |
} |
||
}*/ |
}*/ |
||
/* BALOON.CSS |
|||
Adicionado por Alphard */ |
|||
button[data-balloon] { |
|||
overflow: visible; |
|||
} |
|||
[data-balloon] { |
|||
position: relative; |
|||
} |
|||
[data-balloon]:before, |
|||
[data-balloon]:after { |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|||
filter: alpha(opacity=0); |
|||
-khtml-opacity: 0; |
|||
-moz-opacity: 0; |
|||
opacity: 0; |
|||
pointer-events: none; |
|||
-webkit-transition: all 0.18s ease-out 0.18s; |
|||
transition: all 0.18s ease-out 0.18s; |
|||
bottom: 100%; |
|||
left: 50%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
-webkit-transform: translate(-50%, 10px); |
|||
-ms-transform: translate(-50%, 10px); |
|||
transform: translate(-50%, 10px); |
|||
-webkit-transform-origin: top; |
|||
-ms-transform-origin: top; |
|||
transform-origin: top; |
|||
} |
|||
[data-balloon]:after { |
|||
background: rgba(17, 17, 17, 0.9); |
|||
border-radius: 4px; |
|||
color: #fff; |
|||
content: attr(data-balloon); |
|||
font-size: 12px; |
|||
padding: .5em 1em; |
|||
white-space: nowrap; |
|||
margin-bottom: 11px; |
|||
} |
|||
[data-balloon]:before { |
|||
background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat; |
|||
background-size: 100% auto; |
|||
height: 6px; |
|||
width: 18px; |
|||
content: ""; |
|||
margin-bottom: 5px; |
|||
} |
|||
[data-balloon]:hover:before, |
|||
[data-balloon][data-balloon-visible]:before, |
|||
[data-balloon]:hover:after, |
|||
[data-balloon][data-balloon-visible]:after { |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
|||
filter: alpha(opacity=100); |
|||
-khtml-opacity: 1; |
|||
-moz-opacity: 1; |
|||
opacity: 1; |
|||
pointer-events: auto; |
|||
-webkit-transform: translate(-50%, 0); |
|||
-ms-transform: translate(-50%, 0); |
|||
transform: translate(-50%, 0); |
|||
} |
|||
[data-balloon].font-awesome:after { |
|||
font-family: FontAwesome; |
|||
} |
|||
[data-balloon][data-balloon-break]:after { |
|||
white-space: pre; |
|||
} |
|||
[data-balloon-pos="down"]:before, |
|||
[data-balloon-pos="down"]:after { |
|||
bottom: auto; |
|||
left: 50%; |
|||
top: 100%; |
|||
-webkit-transform: translate(-50%, -10px); |
|||
-ms-transform: translate(-50%, -10px); |
|||
transform: translate(-50%, -10px); |
|||
} |
|||
[data-balloon-pos="down"]:after { |
|||
margin-top: 11px; |
|||
} |
|||
[data-balloon-pos="down"]:before { |
|||
background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat; |
|||
background-size: 100% auto; |
|||
height: 6px; |
|||
width: 18px; |
|||
margin-top: 5px; |
|||
margin-bottom: 0; |
|||
} |
|||
[data-balloon-pos="down"]:hover:before, |
|||
[data-balloon-pos="down"][data-balloon-visible]:before, |
|||
[data-balloon-pos="down"]:hover:after, |
|||
[data-balloon-pos="down"][data-balloon-visible]:after { |
|||
-webkit-transform: translate(-50%, 0); |
|||
-ms-transform: translate(-50%, 0); |
|||
transform: translate(-50%, 0); |
|||
} |
|||
[data-balloon-pos="left"]:before, |
|||
[data-balloon-pos="left"]:after { |
|||
bottom: auto; |
|||
left: auto; |
|||
right: 100%; |
|||
top: 50%; |
|||
-webkit-transform: translate(10px, -50%); |
|||
-ms-transform: translate(10px, -50%); |
|||
transform: translate(10px, -50%); |
|||
} |
|||
[data-balloon-pos="left"]:after { |
|||
margin-right: 11px; |
|||
} |
|||
[data-balloon-pos="left"]:before { |
|||
background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat; |
|||
background-size: 100% auto; |
|||
height: 18px; |
|||
width: 6px; |
|||
margin-right: 5px; |
|||
margin-bottom: 0; |
|||
} |
|||
[data-balloon-pos="left"]:hover:before, |
|||
[data-balloon-pos="left"][data-balloon-visible]:before, |
|||
[data-balloon-pos="left"]:hover:after, |
|||
[data-balloon-pos="left"][data-balloon-visible]:after { |
|||
-webkit-transform: translate(0, -50%); |
|||
-ms-transform: translate(0, -50%); |
|||
transform: translate(0, -50%); |
|||
} |
|||
[data-balloon-pos="right"]:before, |
|||
[data-balloon-pos="right"]:after { |
|||
bottom: auto; |
|||
left: 100%; |
|||
top: 50%; |
|||
-webkit-transform: translate(-10px, -50%); |
|||
-ms-transform: translate(-10px, -50%); |
|||
transform: translate(-10px, -50%); |
|||
} |
|||
[data-balloon-pos="right"]:after { |
|||
margin-left: 11px; |
|||
} |
|||
[data-balloon-pos="right"]:before { |
|||
background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat; |
|||
background-size: 100% auto; |
|||
height: 18px; |
|||
width: 6px; |
|||
margin-bottom: 0; |
|||
margin-left: 5px; |
|||
} |
|||
[data-balloon-pos="right"]:hover:before, |
|||
[data-balloon-pos="right"][data-balloon-visible]:before, |
|||
[data-balloon-pos="right"]:hover:after, |
|||
[data-balloon-pos="right"][data-balloon-visible]:after { |
|||
-webkit-transform: translate(0, -50%); |
|||
-ms-transform: translate(0, -50%); |
|||
transform: translate(0, -50%); |
|||
} |
|||
[data-balloon-length]:after { |
|||
white-space: normal; |
|||
} |
|||
[data-balloon-length="small"]:after { |
|||
width: 80px; |
|||
} |
|||
[data-balloon-length="medium"]:after { |
|||
width: 150px; |
|||
} |
|||
[data-balloon-length="large"]:after { |
|||
width: 260px; |
|||
} |
|||
[data-balloon-length="xlarge"]:after { |
|||
width: 90vw; |
|||
} |
|||
@media screen and (min-width: 768px) { |
|||
[data-balloon-length="xlarge"]:after { |
|||
width: 380px; |
|||
} |
|||
} |
|||
[data-balloon-length="fit"]:after { |
|||
width: 100%; |
|||
} |
Edição das 04h12min de 1 de maio de 2017
/** o código CSS colocado aqui será aplicado a todos os temas * Antes de realizar quaisquer alterações deve-se informar aos desenvolvedores do site * Alterações aqui realizadas afetarão no desempenho da wiki, cuidado, realize sempre um backup da página *********** Tabela de conteúdo *************** 1 - Menu principal, barra esquerda 2 - Função Collapsible (Mostrar/esconder tabelas) 3 - NavBox 4 - Wikitablec 5 - Metrolook ************************************************** */ /* 1 - MENU PRINCIPAL, BARRA ESQUERDA */ div.barraprincipal { background-image:url(/w/images/b/b1/Seilá.png); background-repeat:no-repeat; } /* 2 - FUNÇÃO COLLAPSIBLE (MOSTRAR/ESCONDER TABELAS) */ table.collapsed tr.collapsible { display: none; } .collapseButton { /* Mostrar/esconder botões em tabelas de conteúdos */ float: right; /* JavaScript de Collapsible está localizado em [[MediaWiki:Common.js]] */ font-weight: normal; /* O estilo destas tabelas são permitidas */ text-align: right; width: auto; } /* 3 - NAVBOX */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox th { background-color: #90EE90; padding-left: 1em; padding-right: 1em; } table.navbox tr:not(:first-child) th { background-color: #90EE90; } .collapseButton { float: right; font-weight: normal; text-align: right; width: auto; } @media print { .navbox { display: none; } } /* Wikitablek */ table.wikitablec, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } table.wikitablecenter, table.prettytable { margin-left: auto; margin-right: auto; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } table.wikitablec th, table.wikitablec td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; text-align: center; } table.wikitablec th, table.prettytable th { background: #f2f2f2; text-align: center; } table.wikitablec caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytablec code, table.wikitablec code { background-color: transparent; } table.wikitablecenter th, table.wikitablecenter td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; text-align: center; } table.wikitablecenter th, table.prettytable th { background: #f2f2f2; text-align: center; } table.wikitablecenter caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytablecenter code, table.wikitablecenter code { background-color: transparent; } table.elements {} table.elements th, table.elements td { padding: 0.5em; } td.effective { background-color: #BFFFBF; } td.ineffective { background-color: #FFBF7F; } td.nullified { background-color: #FFBFBF; } /* 5 - METROLOOK */ /* @import "mediawiki.mixins"; #mw-page-base { background-color: darkseagreen !important; background-image: none; } @media (max-width:768px) { #mw-page-base { background-color: darkseagreen; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #mw-page-base { background-color: darkseagreen; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #mw-page-base { background-color: darkseagreen; } } div.vectorTabs a:hover { background-color: mediumseagreen; } div.onhoverbg:hover { background-color: mediumseagreen; } img.downarrow:hover{ background-color: mediumseagreen; } div.vectorMenu:hover h5 a { background-color: mediumseagreen; } div.vectorMenu h5 a { background-color: darkseagreen; } div.vectorMenu:hover { background-color: mediumseagreen; } div.vectorMenu ul { border: solid 2px darkseagreen; border-top: none; } @media (max-width: 768px) { #hamburgerIcon:hover { background-color: mediumseagreen; } img.editbutton:hover { background-color: mediumseagreen; } div.actionmenu ul { border-top: solid 2px darkseagreen; } #left-navigation { background-color: darkseagreen; } }*/