10 172
edições
Sem resumo de edição |
Sem resumo de edição |
||
(38 revisões intermediárias por 2 usuários não estão sendo mostradas) | |||
Linha 18: | Linha 18: | ||
width: 100%; | width: 100%; | ||
height: 100vh; | height: 100vh; | ||
background: url('https://wiki.otpokemon.com/images/ | background: url('https://wiki.otpokemon.com/images/1/1e/Wiki-back5.png') no-repeat; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-position: center; | background-position: center; | ||
Linha 157: | Linha 157: | ||
border-radius: 6px; | border-radius: 6px; | ||
border: 5px solid transparent; | border: 5px solid transparent; | ||
border-image: url(https://wiki.otpokemon.com/images/ | border-image: url(https://wiki.otpokemon.com/images/a/af/Border_blue.png) 15 stretch; | ||
} | } | ||
Linha 234: | Linha 234: | ||
font-size: 2.5rem; | font-size: 2.5rem; | ||
color: white; | color: white; | ||
background: linear-gradient(60deg, # | background: linear-gradient(60deg,#0562af,#0273cf,#0380e7,#1992f5,#5fb6ff,#1864c7,#034d89); | ||
background-size: 300% 300%; | background-size: 300% 300%; | ||
background-position: 0 50%; | background-position: 0 50%; | ||
Linha 266: | Linha 266: | ||
height: auto; | height: auto; | ||
padding: 5px 0px; | padding: 5px 0px; | ||
background: linear-gradient(90deg, # | background: linear-gradient(90deg,#0562ae 0%, #007ee5 46%,#289eff 100%); | ||
} | } | ||
Linha 469: | Linha 469: | ||
.box-title { | .box-title { | ||
border: 1px solid # | border: 1px solid #007ee5; | ||
width: 100%; | width: 100%; | ||
height: 54px; | height: 54px; | ||
background-color: # | background-color: #007ee5; | ||
border-radius: 10px 10px 0px 0px; | border-radius: 10px 10px 0px 0px; | ||
} | } | ||
Linha 747: | Linha 747: | ||
.mw-wiki-logo { | .mw-wiki-logo { | ||
background-image: url(https://wiki.otpokemon.com/images/ | background-image: url(https://wiki.otpokemon.com/images/f/ff/Logo4-wiki-azul.png) !important; | ||
} | } | ||
Linha 1 492: | Linha 1 492: | ||
position: absolute; | position: absolute; | ||
} | } | ||
/* | |||
. | /* Gym Leaders */ | ||
.square-box-gym { | |||
width: 180px; | |||
height: 200px; | |||
background-color: #fff; | |||
border-top: 10px solid #3498db; | |||
border-radius: 10px; | |||
text-align: center; | |||
overflow: hidden; | |||
transition-duration: 0.3s !important; | |||
transition: transform 0.3s, box-shadow 0.3s; | |||
margin: 15px 25px; | |||
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15); | |||
} | } | ||
.square-box-gym img { | |||
width: 60px; | |||
height: 60px; | |||
max-width: 100%; | |||
max-height: 100%; | |||
margin-top: 30px; | |||
} | |||
.square-box-gym p { | |||
margin: 10px 0; | |||
} | |||
.square-box-gym:hover { | |||
transform: scale(1.1); | |||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); | |||
} | |||
.square-div-gym{ | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
p.square-name-gym { | |||
margin: 15px 5px 0px 5px; | |||
line-height: 40px; | |||
} | font-size: 15px; | ||
text-align: center; | |||
} | |||
.square-name-gym a { | |||
padding: 150px 5px 0px 10px; | |||
color: black; | |||
text-decoration: none; | |||
} | |||
color: | |||
.square-box-gym a p { | |||
font-size: 0; | |||
height: 220px; | |||
width: 200px; | |||
position: absolute; | |||
} | |||
. | /* Torneio Mundial */ | ||
.container-mundial img{ | |||
width: 100%; | |||
height: auto; | |||
} | |||
/* Dark Mode */ | |||
@media (prefers-color-scheme: dark) { | |||
.mw-body, | |||
.parsoid-body, | |||
#mw-panel { | |||
background: #222125; | |||
border-radius: 6px; | |||
border: 5px solid transparent; | |||
border-image: url(https://wiki.otpokemon.com/images/a/af/Border_blue.png) 15 stretch; | |||
} | } | ||
.mw-body h1, | |||
.mw-body-content h1 { | |||
font-size: 1.8em; | |||
color: white; | color: white; | ||
} | } | ||
.mw-body-content .toc h2 { | |||
font-family: sans-serif; | |||
font-size: 100%; | |||
color: white; | |||
} | } | ||
#mw-panel .portal | #mw-panel .portal h3 { | ||
color: # | color: #cacaca; | ||
font-weight: normal; | |||
margin: 0.5em 0 0 0.66666667em; | |||
padding: 0.25em 0; | |||
cursor: default; | |||
border: 0; | |||
font-size: 0.75em; | |||
} | } | ||
.mw-body-content p { | |||
color: | margin: 0.5em 0; | ||
color: white; | |||
} | } | ||
.mw-body-content h3, | |||
color: | .mw-body-content h4 { | ||
font-weight: bold; | |||
color: white; | |||
} | } | ||
.vector-menu-portal .vector-menu-content li a { | |||
a { | color: #ffffff; | ||
} | |||
color: # | .vector-menu-portal .vector-menu-content li a:visited { | ||
background: | color: #ffffff; | ||
} | |||
pre, | |||
.mw-code { | |||
color: #fff; | |||
background-color: rgb(234 236 240 / 0%); | |||
border: 1px solid rgb(234 236 240 / 0%); | |||
padding: 0; | |||
white-space: pre-wrap; | |||
} | } | ||
.tocnumber { | |||
color: | padding-left: 0; | ||
padding-right: 0.5em; | |||
color: #e3e3e3; | |||
} | } | ||
li { | |||
margin-bottom: 0.1em; | |||
color: white; | color: white; | ||
} | } | ||
#simpleSearch { | |||
display: | display: block; | ||
width: 13.2em; | |||
width: 20vw; | |||
background: # | min-width: 5em; | ||
max-width: 20em; | |||
height: 100%; | |||
margin-top: 0; | |||
position: relative; | |||
background: #222125; | |||
min-height: 1px; | |||
} | } | ||
. | #mw-panel .portal .body li a:visited { | ||
color: #e0e0e0; | |||
color: # | |||
} | } | ||
#mw-panel .portal .body li a { | |||
color: # | color: #d8d8d9; | ||
} | } | ||
a:visited { | |||
color: # | color: #5d90ff; | ||
} | } | ||
a { | |||
text-decoration: none; | |||
color: #5d90ff; | |||
background: none; | |||
} | |||
b { | |||
color: white; | color: white; | ||
} | } | ||
.mw- | .mw-content-ltr { | ||
direction: ltr; | |||
color: white; | |||
} | } | ||
.toc { | |||
display: inline-block; | |||
display: table; | |||
zoom: 1; | |||
background: #141415; | |||
padding: 7px; | |||
} | } | ||
.mw-editinginterface p { | .toctogglelabel { | ||
color: white; | cursor: pointer; | ||
color: #b3bcca; | |||
} | |||
.mw-parser-output a.external:visited { | |||
color: #ffa6ff; | |||
} | |||
.mw-parser-output a.external { | |||
color: #ffa6ff; | |||
} | |||
.mw-body-content h2 { | |||
margin-top: 1em; | |||
font-size: 1.5em; | |||
color: white; | |||
} | |||
.mw-editform #wpTextbox1 { | |||
margin: 0; | |||
display: block; | |||
max-height: 100vh; | |||
background: #d8d6de; | |||
min-height: 5em; | |||
} | |||
div#editpage-copywarn p { | |||
color: #363535; | |||
} | |||
.mw-editinginterface p { | |||
color: white; | |||
} | } | ||
Linha 1 783: | Linha 1 843: | ||
color: black !important; | color: black !important; | ||
} | } | ||
p.square-name-gym, p.square-name-gym b { | |||
color: black; | |||
} | |||
} | } | ||
.opcao { | .opcao { | ||
Linha 2 006: | Linha 2 071: | ||
/* | /* Pokedex */ | ||
Linha 2 110: | Linha 2 175: | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | |||
/* Teste Menu */ | |||
.content { | |||
max-height: 0; | |||
overflow: hidden; | |||
transition: max-height 0.3s ease-out; | |||
} | |||
.content.active { | |||
max-height: 500px; | |||
} | |||
.loot-title a{ | |||
color: white; | |||
} | |||
/* Shiny Page */ | |||
.square-box { | |||
width: 180px; | |||
height: 180px; | |||
background-color: #fff; | |||
border-top: 10px solid #3498db; | |||
border-radius: 10px; | |||
text-align: center; | |||
overflow: hidden; | |||
transition-duration: 0.3s !important; | |||
transition: transform 0.3s, box-shadow 0.3s; | |||
margin: 15px 25px; | |||
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15); | |||
} | |||
.square-box img { | |||
width: 60px; | |||
height: 60px; | |||
max-width: 100%; | |||
max-height: 100%; | |||
margin-top: 30px; | |||
} | |||
.square-box p { | |||
margin: 10px 0; | |||
} | |||
.square-box:hover { | |||
transform: scale(1.1); | |||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); | |||
} | |||
.square-div{ | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
p.square-name { | |||
margin: 0px 5px 0px 5px; | |||
line-height: 100px; | |||
font-size: 15px; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.square-name a { | |||
padding: 150px 5px 0px 10px; | |||
color: black; | |||
text-decoration: none; | |||
} | |||
.square-box a p { | |||
font-size: 0; | |||
height: 200px; | |||
width: 200px; | |||
position: absolute; | |||
} | |||
.square-box-shiny { | |||
width: 180px; | |||
height: 200px; | |||
background-color: #fff; | |||
border-top: 10px solid #3498db; | |||
border-radius: 10px; | |||
text-align: center; | |||
overflow: hidden; | |||
transition-duration: 0.3s !important; | |||
transition: transform 0.3s, box-shadow 0.3s; | |||
margin: 15px 25px; | |||
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15); | |||
} | |||
.square-box-shiny img { | |||
width: 60px; | |||
height: 60px; | |||
max-width: 100%; | |||
max-height: 100%; | |||
margin-top: 30px; | |||
} | |||
.square-box-shiny p { | |||
margin: 10px 0; | |||
} | |||
.square-box-shiny:hover { | |||
transform: scale(1.1); | |||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); | |||
} | |||
.square-div-shiny{ | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
p.square-name-shiny { | |||
margin: 15px 5px 0px 5px; | |||
line-height: 40px; | |||
font-size: 15px; | |||
text-align: center; | |||
} | |||
.square-name-shiny a { | |||
padding: 150px 5px 0px 10px; | |||
color: black; | |||
text-decoration: none; | |||
} | |||
.square-box-shiny a p { | |||
font-size: 0; | |||
height: 220px; | |||
width: 200px; | |||
position: absolute; | |||
} | } |