5 802
edições
Sem resumo de edição |
Sem resumo de edição Etiqueta: Revertido |
||
Linha 56: | Linha 56: | ||
margin: 35px 0; | margin: 35px 0; | ||
} | } | ||
. | .maps__select { | ||
width: 100%; | width: 100%; | ||
padding: 10px; | padding: 10px; | ||
Linha 66: | Linha 66: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
. | .maps__label { | ||
position: absolute; | position: absolute; | ||
top: - | top: -15px; | ||
background: none; | background: none; | ||
padding: 0 5px; | padding: 0 5px; | ||
font-size: 14px; | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
color: #0d0d0d; | color: #0d0d0d; | ||
} | |||
.hover-minimize:hover { | |||
transform: scale(0.95); /* Adiciona um efeito de minimizar ao passar o mouse */ | |||
transition: transform 0.2s ease-in-out; | |||
} | |||
.d-flex { | |||
display: flex; | |||
} | |||
.justify-center { | |||
justify-content: center; | |||
} | |||
.align-center { | |||
align-items: center; | |||
} | |||
.flex-column { | |||
flex-direction: column; | |||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<form id="mapForm"> | |||
<div id="mapTypeSelection" class="input-group"> | <div id="mapTypeSelection" class="input-group"> | ||
<select id="mapType" class="mapsCalc__select"> | <select id="mapType" class="mapsCalc__select"> | ||
Linha 105: | Linha 121: | ||
<div id="searchById"> | <div id="searchById"> | ||
<label for="searchIds">Buscar por ID(s):</label> | <label for="searchIds">Buscar por ID(s):</label> | ||
<input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula"> | <div class="input-group"> | ||
<input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" class="mapsCalc__select"> | |||
<button type="button" id="searchButton"> | |||
</button> | <img src="https://wiki.pokexgames.com/images/8/8e/Poke-ball%281%29.png" alt="Buscar"> | ||
</button> | |||
</div> | |||
<div class="d-flex justify-center align-center flex-column"> | |||
<button type="submit" class="hover-minimize"> | |||
<img style="border-radius:12px;" src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão calcular boost"> | |||
</button> | |||
</div> | |||
</div> | </div> | ||