|
|
| Linha 1: |
Linha 1: |
| /* ===================================================== */
| |
| /* SUPORTE EXTRA PARA TEMPLATE {{Equipamento}} */
| |
| /* sem alterar a identidade visual da tua wiki */
| |
| /* ===================================================== */
| |
|
| |
| /* caixas internas */
| |
| #mw-content .fondfenetre,
| |
| .fondfenetre {
| |
| background: url("https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png") repeat;
| |
| color: #fff;
| |
| padding: 4px 8px;
| |
| border-radius: 6px;
| |
| }
| |
|
| |
| .fondfenetre a,
| |
| .fondfenetre span {
| |
| color: #fff;
| |
| }
| |
|
| |
| /* tabelas usadas em equipamento / drops / refinamento */
| |
| table.pretty-table {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| table.pretty-table th,
| |
| table.pretty-table td {
| |
| border: 1px solid rgba(0,0,0,0.35);
| |
| }
| |
|
| |
| table.pretty-table td {
| |
| padding: 5px 4px;
| |
| }
| |
|
| |
| table.pretty-table th {
| |
| padding: 2px 4px;
| |
| font-weight: normal;
| |
| font-size: 1.1em;
| |
| background: url("https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png") repeat;
| |
| color: #fff;
| |
| }
| |
|
| |
| table.pretty-table th a,
| |
| table.pretty-table th span {
| |
| color: #fff;
| |
| }
| |
|
| |
| table.pretty-table tbody > *:nth-child(2n + 1) > td {
| |
| background: rgba(0, 0, 0, 0.08);
| |
| }
| |
|
| |
| table.pretty-table tr:hover {
| |
| background: rgba(255, 255, 255, 0.04);
| |
| }
| |
|
| |
| table.pretty-table caption {
| |
| margin-top: 10px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* cabeçalho fixo em tabelas grandes */
| |
| table.sticky-header-row thead tr {
| |
| position: sticky;
| |
| top: 0;
| |
| z-index: 10;
| |
| }
| |
|
| |
| /* botões */
| |
| .button {
| |
| border: 2px solid grey;
| |
| padding: 0 12px;
| |
| line-height: 25px;
| |
| border-radius: 16px;
| |
| background: rgba(234, 234, 234, 1);
| |
| cursor: pointer;
| |
| display: inline-block;
| |
| position: relative;
| |
| user-select: none;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .button:hover {
| |
| background: transparent;
| |
| }
| |
|
| |
| .tabber-active.button {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* separador de tabs / secções */
| |
| .tab-glob {
| |
| display: flex;
| |
| flex-direction: row;
| |
| margin: 10px 0;
| |
| column-gap: 2px;
| |
| align-items: flex-start;
| |
| }
| |
|
| |
| .tab-glob > :first-child {
| |
| display: grid;
| |
| grid-template-columns: max-content;
| |
| row-gap: 2px;
| |
| }
| |
|
| |
| .tab-glob > :first-child > * {
| |
| border: 1px black solid;
| |
| }
| |
|
| |
| .tab-glob > :first-child > *:not(.fondfenetre) {
| |
| font-weight: bold;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| }
| |
|
| |
| .tab-glob > :nth-child(2) {
| |
| width: 100%;
| |
| overflow-x: auto;
| |
| }
| |
|
| |
| .tab-glob > :nth-child(2) > :first-child {
| |
| display: grid;
| |
| grid-template-columns: repeat(10, minmax(75px, 1fr));
| |
| gap: 2px;
| |
| }
| |
|
| |
| .tab-glob > :nth-child(2) > :first-child > * {
| |
| border: 1px black solid;
| |
| }
| |
|
| |
| .tab-glob > :nth-child(2) > :first-child > :not(.fondfenetre) {
| |
| display: flex;
| |
| }
| |
|
| |
| .tab-glob > :nth-child(2) > :first-child > :not(.fondfenetre) > * {
| |
| margin: auto;
| |
| }
| |
|
| |
| /* lista visual de itens/equipamentos */
| |
| .list-equip {
| |
| padding: 5px;
| |
| border: 1px solid #2f1d1f;
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| gap: 5px;
| |
| }
| |
|
| |
| .list-equip > :first-child {
| |
| width: 100%;
| |
| line-height: 25px;
| |
| }
| |
|
| |
| .list-equip > :first-child > * {
| |
| padding: 0 5px;
| |
| }
| |
|
| |
| /* imagens de item */
| |
| .image-sizing img,
| |
| .image-sizing-200 img,
| |
| .image-sizing-none img {
| |
| height: auto;
| |
| width: auto;
| |
| max-height: 300px;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| .image-sizing-200 img {
| |
| max-height: 200px;
| |
| }
| |
|
| |
| .image-sizing-none img {
| |
| max-height: none;
| |
| }
| |
|
| |
| /* texto longo em listas e colunas */
| |
| .texte-long,
| |
| .texte-long-2 {
| |
| text-overflow: ellipsis;
| |
| white-space: nowrap;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .texte-long:hover,
| |
| .texte-long-2:hover {
| |
| white-space: normal;
| |
| }
| |
|
| |
| /* colapsáveis */
| |
| .improved-collapsible > .mw-collapsible-toggle {
| |
| grid-area: 1 / -1;
| |
| display: flex;
| |
| justify-content: flex-end;
| |
| align-items: center;
| |
| float: initial;
| |
| z-index: 1;
| |
| padding-right: 5px;
| |
| }
| |
|
| |
| .improved-collapsible .mw-collapsible-text {
| |
| display: none;
| |
| }
| |
|
| |
| .improved-collapsible .mw-collapsible-toggle:after {
| |
| content: "▾";
| |
| font-size: 20px;
| |
| transition: transform 0.2s ease-in-out;
| |
| }
| |
|
| |
| .improved-collapsible .mw-collapsible-toggle-expanded:after {
| |
| transform: rotate(-180deg);
| |
| }
| |
|
| |
| /* esconder conteúdo de tabs inativas */
| |
| .tabber-container > :last-child > :not(.tabber-active),
| |
| .tabber-noactive {
| |
| display: none;
| |
| }
| |
|
| |
| /* responsivo */
| |
| @media screen and (max-width: 768px) {
| |
| .tab-glob {
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .tab-glob > :first-child {
| |
| grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
| |
| }
| |
|
| |
| .texte-long {
| |
| white-space: normal;
| |
| overflow: visible;
| |
| }
| |
| }
| |
|
| |
| {{Equipamento | | {{Equipamento |
| |Categoria=Elmos+ | | |Categoria=Elmos+ |
