otPokemon Wiki

Ybooh: mudanças entre as edições

Sem resumo de edição
Sem resumo de edição
 
(160 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<h1>CSS-only Carousel</h1>
== Eventos ==
{| style="width: 100%;text-align: center; border-collapse: separate !important; border: 1px solid #a2a9b100 !important; border-radius: 15px; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25); padding: 10px;" class="wikitable sortable quest"
|-
! style="background: linear-gradient(90deg, rgb(21,75,122) 0%, rgb(22,93,122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 30%;" | Depot
! style="background: linear-gradient(90deg, rgb(23 93 122) 0%, rgb(24 105 122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 150px;" | Nome
! style="background: linear-gradient(90deg, rgb(25 111 123) 0%, rgb(26 140 123) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px; width: 200px;" | Onde conseguir
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Munchlax depot.gif|link=Depots]]
| Munchlax's depot
| Natal 2021
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Mewtwo depot.gif]]
| '''otPokemon 10 years - Mewtwo's depot'''
| Aniversário 10 Anos
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Mew_10_depot.gif|link=Depots]]
| '''otPokemon 10 years - Mew's depot'''
| Aniversário 10 Anos
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Absol depot.gif|link=Depots]]
| '''Absol's depot'''
| Mundial 2021
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Darkai_depot.gif|link=Depots]]
| '''Darkrai's depot'''
| Halloween 2021
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Delibird_depot.gif|link=Depots]]
| '''Delibird's depot'''
| Natal
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:13depot.gif|link=Depots]]
| '''otPokemon 13 years depot'''
| Aniversário 13 Anos
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Depot bannette.gif|link=Depots]]
| '''Banette's depot'''
| --
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Depot charmander.gif|link=Depots]]
| '''sleepy Charmander's depot'''
| --
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Depot piplup.gif|link=Depots]]
| '''Piplup's depot'''
| --
|}


<p>This carousel is created with HTML and CSS only.</p>
== Vip Shop ==
 
{| style="width: 100%;text-align: center; border-collapse: separate !important; border: 1px solid #a2a9b100 !important; border-radius: 15px; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25); padding: 10px;" class="wikitable sortable quest"
<section class="carousel" aria-label="Gallery">
|-
  <ol class="carousel__viewport">
! style="background: linear-gradient(90deg, rgb(21,75,122) 0%, rgb(22,93,122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 30%;" | Depot
    <li id="carousel__slide1"
! style="background: linear-gradient(90deg, rgb(23 93 122) 0%, rgb(24 105 122) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px;  width: 150px;" | Nome
        tabindex="0"
! style="background: linear-gradient(90deg, rgb(25 111 123) 0%, rgb(26 140 123) 100%); height: 40px; font-family: Helvetica, Arial, Times New Roman; font-size: 16px; color: white; border-radius: 10px; padding-right: 0px; width: 200px;" | Onde conseguir
        class="carousel__slide">
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <div class="carousel__snapper">
| [[Arquivo:Gengar depot 2.gif|link=Depots]]
        <a href="#carousel__slide4"
| Gengar's Depot
          class="carousel__prev">Go to last slide</a>
| [[Vip Shop]]
        <a href="#carousel__slide2"
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
          class="carousel__next">Go to next slide</a>
| [[Arquivo:Arcanine_depot.gif|link=Depots]]
      </div>
| Arcanine`s Depot
    </li>
| [[Vip Shop]]
    <li id="carousel__slide2"
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
        tabindex="0"
| [[Arquivo:Lugia depot.gif|link=Depots]]
        class="carousel__slide">
| Lugia`s Depot
      <div class="carousel__snapper"></div>
| [[Vip Shop]]
      <a href="#carousel__slide1"
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
        class="carousel__prev">Go to previous slide</a>
| [[Arquivo:Zoroark_depot.gif|link=Depots]]
      <a href="#carousel__slide3"
| Zoroark`s Depot
        class="carousel__next">Go to next slide</a>
| [[Vip Shop]]
    </li>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
    <li id="carousel__slide3"
|
        tabindex="0"
| Scizor`s Depot
        class="carousel__slide">
| [[Vip Shop]]
      <div class="carousel__snapper"></div>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <a href="#carousel__slide2"
| [[Arquivo:Alakazam depot.gif|link=Depots]]
        class="carousel__prev">Go to previous slide</a>
| Alakazam`s Depot
      <a href="#carousel__slide4"
| [[Vip Shop]]
        class="carousel__next">Go to next slide</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
    </li>
| [[Arquivo:Depot mewtwo.gif|link=Depots]]
    <li id="carousel__slide4"
| Mewtwo`s Depot
        tabindex="0"
| [[Vip Shop]]
        class="carousel__slide">
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      <div class="carousel__snapper"></div>
| [[Arquivo:Classic_Mewtwo_depot.gif|link=Depots]]
      <a href="#carousel__slide3"
| Classic Mewtwo`s Depot
        class="carousel__prev">Go to previous slide</a>
| [[Vip Shop]]
      <a href="#carousel__slide1"
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
        class="carousel__next">Go to first slide</a>
| [[Arquivo:Black_Mewtwo_depot.gif|link=Depots]]
    </li>
| Black Mewtwo`s Depot
  </ol>
| [[Vip Shop]]
  <aside class="carousel__navigation">
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
    <ol class="carousel__navigation-list">
| [[Arquivo:Eevee_depot.gif|link=Depots]]
      <li class="carousel__navigation-item">
| Eevee`s Depot
        <a href="#carousel__slide1"
| [[Vip Shop]]
          class="carousel__navigation-button">Go to slide 1</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      </li>
| [[Arquivo:Espeon_depot2.gif|link=Depots]]
      <li class="carousel__navigation-item">
| Espeon`s Depot
        <a href="#carousel__slide2"
| [[Vip Shop]]
          class="carousel__navigation-button">Go to slide 2</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      </li>
| [[Arquivo:Flareon_depot.gif|link=Depots]]
      <li class="carousel__navigation-item">
| Flareon`s Depot
        <a href="#carousel__slide3"
| [[Vip Shop]]
          class="carousel__navigation-button">Go to slide 3</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      </li>
| [[Arquivo:Glaceon depot.gif|link=Depots]]
      <li class="carousel__navigation-item">
| Glaceon`s Depot
        <a href="#carousel__slide4"
| [[Vip Shop]]
          class="carousel__navigation-button">Go to slide 4</a>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
      </li>
| [[Arquivo:Jolteon_depot.gif|link=Depots]]
    </ol>
| Jolteon`s Depot
  </aside>
| [[Vip Shop]]
</section>
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Leafeon_depot.gif|link=Depots]]
| Leafeon`s Depot
| [[Vip Shop]]
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Sylveon_depot.gif|link=Depots]]
| Sylveon`s Depot
| [[Vip Shop]]
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Umbreon depot.gif|link=Depots]]
| Umbreon`s Depot
| [[Vip Shop]]
|- style="background: linear-gradient(90deg, #f8f9fa 0%, #e8f4f2 100%); color: #000; text-align: center; width: 10%; border:parent; border-radius: 10px"
| [[Arquivo:Vaporeon2 depot.gif|link=Depots]]
| Vaporeon`s Depot
| [[Vip Shop]]
|}

Edição atual tal como às 15h03min de 29 de junho de 2024

Eventos

Depot Nome Onde conseguir
  Munchlax's depot Natal 2021
  otPokemon 10 years - Mewtwo's depot Aniversário 10 Anos
  otPokemon 10 years - Mew's depot Aniversário 10 Anos
  Absol's depot Mundial 2021
  Darkrai's depot Halloween 2021
  Delibird's depot Natal
  otPokemon 13 years depot Aniversário 13 Anos
  Banette's depot --
  sleepy Charmander's depot --
  Piplup's depot --

Vip Shop

Depot Nome Onde conseguir
  Gengar's Depot Vip Shop
  Arcanine`s Depot Vip Shop
  Lugia`s Depot Vip Shop
  Zoroark`s Depot Vip Shop
Scizor`s Depot Vip Shop
  Alakazam`s Depot Vip Shop
  Mewtwo`s Depot Vip Shop
  Classic Mewtwo`s Depot Vip Shop
  Black Mewtwo`s Depot Vip Shop
  Eevee`s Depot Vip Shop
  Espeon`s Depot Vip Shop
  Flareon`s Depot Vip Shop
  Glaceon`s Depot Vip Shop
  Jolteon`s Depot Vip Shop
  Leafeon`s Depot Vip Shop
  Sylveon`s Depot Vip Shop
  Umbreon`s Depot Vip Shop
  Vaporeon`s Depot Vip Shop
Disponível em “https://wiki.otpokemon.com/index.php?title=Ybooh&oldid=25324”