PokeXGames

Widget:Test3: mudanças entre as edições

Widget Discussão

Widget:Test3 (ver código-fonte)

Edição das 01h06min de 5 de setembro de 2024

3 101 bytes removidos ,  5 setembro
Desfeita a edição 86726 de Renee (Discussão)
Sem resumo de edição
Etiqueta: Revertido
(Desfeita a edição 86726 de Renee (Discussão))
Etiqueta: Desfazer
Linha 6: Linha 6:
     <title>Seleção de Mapas</title>
     <title>Seleção de Mapas</title>
     <style>
     <style>
        .d-flex {
        .hidden {
             display: flex;
             display: none;
            justify-content: center;
        }
            align-items: center;
 
            flex-direction: column;
        .input-group {
             margin-top: -15px;
             margin: 20px 0;
            /* Ajuste este valor conforme necessário para subir o botão */
         }
         }


         .hidden {
         .maps__select,
             display: none;
        .input-group input[type="text"],
        .input-group button {
             width: 100%;
            padding: 10px;
            margin-top: 5px;
            font-size: 16px;
            border-radius: 5px;
            border: 1px solid #ccc;
         }
         }


Linha 22: Linha 28:
             display: flex;
             display: flex;
             flex-wrap: wrap;
             flex-wrap: wrap;
            justify-content: center;
             gap: 10px;
             gap: 10px;
             margin-top: 5px;
             margin-top: 20px;
         }
         }


         .image-container .image-item {
         .image-item {
             flex: 1 0 30%;
             flex: 1 0 30%;
             text-align: center;
             text-align: center;
         }
         }


.image-container img {
        .image-item img {
    object-fit: cover; /* Mantém a proporção da imagem, cortando se necessário */
            max-width: 100%;
    margin-bottom: 5px;
            height: auto;
}
        }


         .image-info {
         .image-info {
Linha 41: Linha 46:
         }
         }


         select,
         .tag-button {
        input[type="text"],
            display: inline-block;
        button {
            background-color: #f1f1f1;
            color: #333;
            padding: 10px 20px;
             margin: 5px;
             margin: 5px;
        }
             border: 1px solid #ccc;
 
             border-radius: 20px;
        #filterButton,
        #searchButton {
             background: none;
            /* Remove o fundo do botão */
             border: none;
            /* Remove a borda do botão */
            padding: 0;
            /* Remove o padding do botão */
             cursor: pointer;
             cursor: pointer;
            /* Mostra o cursor de ponteiro ao passar sobre o botão */
            margin-top: 5px;
            /* Ajuste a margem superior para subir o botão */
        }
        #filterButton img,
        #searchButton img {
            border-radius: 12px;
            width: auto;
            /* Garante que a largura se ajuste ao tamanho original da imagem */
            height: auto;
            /* Garante que a altura se ajuste ao tamanho original da imagem */
        }
        .mw-body-content {
            display: flex;
        }
        .mw-parser-output {
            display: inline-block;
            padding: .5rem 2rem;
            margin: 0 auto;
            border: 30px solid transparent;
            border-image: url(https://wiki.pokexgames.com/images/3/37/Calculadora-de-Boost.png) 38;
            min-width: 410px;
            min-height: 320px;
          }
        .input-group {
            position: relative;
            margin: 20px 0;
            /* Ajuste a margem para mover o campo para cima */
        }
        .input-group label {
            position: absolute;
            top: -18px;
            /* Eleva o texto para cima */
            background: none;
            padding: 0 5px;
            font-size: 14px;
            font-weight: bold;
            color: #0d0d0d;
        }
        .maps__select {
            width: 100%;
            /* Mantém a largura total disponível */
            padding: 10px;
            font-size: 16px;
            border-radius: 5px;
            border: 1px solid #ccc;
            appearance: none;
            background-color: #fff;
            /* Adiciona um fundo branco */
            box-sizing: border-box;
            /* Inclui o padding e a borda na largura total */
        }
        .input-group input[type="text"] {
            width: 100%;
            /* Mantém a largura total disponível */
            padding: 10px;
             font-size: 16px;
             font-size: 16px;
            border-radius: 5px;
            border: 1px solid #ccc;
            box-sizing: border-box;
            /* Inclui o padding e a borda na largura total */
        }
        .maps__label {
            position: absolute;
            top: -18px;
            /* Eleva o texto um pouco mais para cima */
            background: none;
            padding: 0 5px;
            font-size: 14px;
            font-weight: bold;
            /* Deixa o texto em negrito */
            color: #0d0d0d;
         }
         }


         .hover-minimize:hover {
         .tag-button.selected {
             transform: scale(0.95);
             background-color: #15864e;
             /* Adiciona um efeito de minimizar ao passar o mouse */
             color: #fff;
         }
         }


Linha 147: Linha 66:
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
 
            margin-bottom: 20px;
         }
         }


         .filter-container input[type="checkbox"] {
         .filter-container input[type="checkbox"] {
             margin: 0;
             margin-right: 10px;
            padding: 0;
            width: auto;
            /* Ajusta o tamanho da checkbox conforme necessário */
            height: auto;
            /* Ajusta o tamanho da checkbox conforme necessário */
            /* Alinha verticalmente a checkbox com o texto */
            vertical-align: middle;
         }
         }


         .filter-label {
         .filter-container label {
            margin-left: 10px;
             font-size: 16px;
            /* Espaço entre a checkbox e o texto */
             font-size: 14px;
            font-weight: bold;
            color: #0d0d0d;
            line-height: 1.5;
            /* Ajusta a altura da linha para um alinhamento adequado */
         }
         }


Renee
Administradores
5 805

edições

Disponível em “https://wiki.pokexgames.com/index.php/Especial:MobileDiff/86737”