MediaWiki:Common.css: mudanças entre as edições

Ir para navegação Ir para pesquisar

MediaWiki:Common.css (ver código-fonte)

Edição das 23h27min de 7 de dezembro de 2023

2 372 bytes adicionados ,  7 de dezembro de 2023
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 212: Linha 212:
     font-size: 2.5rem;
     font-size: 2.5rem;
     color: white;
     color: white;
     background: linear-gradient(60deg,#0052aa,#0076b9,#007039,#16aa35,#16bc3a,#1864c7,#0167ae);
     background: linear-gradient(60deg, #0052aa, #0076b9, #007039, #16aa35, #16bc3a, #1864c7, #0167ae);
     background-size: 300% 300%;
     background-size: 300% 300%;
     background-position: 0 50%;
     background-position: 0 50%;
Linha 244: Linha 244:
     height: auto;
     height: auto;
     padding: 5px 0px;
     padding: 5px 0px;
     background: linear-gradient(90deg,rgb(0 101 176) 0%,rgb(11 165 86) 46%,rgb(23 190 56) 100%);
     background: linear-gradient(90deg, rgb(0 101 176) 0%, rgb(11 165 86) 46%, rgb(23 190 56) 100%);
}
}


Linha 553: Linha 553:
}
}


table.wikitable.sortable.quest.jquery-tablesorter tr:hover{
table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
     background: linear-gradient(90deg,#e8f4f2,#f8f9fa) !important;
     background: linear-gradient(90deg, #e8f4f2, #f8f9fa) !important;
     transition: 2s;
     transition: 2s;
}
}
Linha 560: Linha 560:
table.wikitable.sortable.quest.jquery-tablesorter tr {
table.wikitable.sortable.quest.jquery-tablesorter tr {
     background: linear-gradient(90deg, #f8f9fa, #e8f4f2);
     background: linear-gradient(90deg, #f8f9fa, #e8f4f2);
     color: #000;  
     color: #000;
     text-align: center;  
     text-align: center;
     width: 20%;  
     width: 20%;
     border: 1px solid transparent;  
     border: 1px solid transparent;
     border-radius: 10px;
     border-radius: 10px;
     transition: 2s;
     transition: 2s;
}
}
table.wikitable.sortable.quest.jquery-tablesorter tr td{
 
     border: 1px solid transparent;  
table.wikitable.sortable.quest.jquery-tablesorter tr td {
     border: 1px solid transparent;
     border-radius: 10px;
     border-radius: 10px;
}
}
Linha 720: Linha 721:


/* Media Query */
/* Media Query */
/* Minigames Page */
@media only screen and (max-width: 1350px) {
@media only screen and (max-width: 1350px) {
     .item-minigame {
     .item-minigame {
    position: relative;
        position: relative;
    display: flex;
        display: flex;
    align-items: center;
        align-items: center;
    justify-content: center;
        justify-content: center;
    font: 1.5rem sans-serif;
        font: 1.5rem sans-serif;
    cursor: pointer;
        cursor: pointer;
    will-change: transform;
        will-change: transform;
     }
     }
     .minigames {
     .minigames {
    display: inline;
        display: inline;
    text-align: center;
        text-align: center;
    justify-content: space-around;
        justify-content: space-around;
    }
 
    .item-minigame {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        font: 1.5rem sans-serif;
        cursor: pointer;
        will-change: transform;
        border: 1px solid black;
    }
 
    .item-minigame img,
    .item-minigame a {
        width: 100%;
        height: 100%;
    }
 
    .bombermon:hover::after {
        box-shadow: none;
    }
 
    .bombermon:hover::before {
        box-shadow: none;
    }
 
    .bombermon::after {
        box-shadow: none;
    }
 
    .bombermon::before {
        box-shadow: none;
    }
 
    .bombermon::before,
    .bombermon::after {
        background-color: none;
    }
 
    .bugcatcher:hover::after {
        box-shadow: none;
    }
 
    .bugcatcher:hover::before {
        box-shadow: none;
    }
 
    .bugcatcher::after {
        box-shadow: none;
    }
 
    .bugcatcher::before {
        box-shadow: none;
    }
 
    .bugcatcher::before,
    .bugcatcher::after {
        background-color: none;
    }
 
    .futebol:hover::after {
        box-shadow: 0 168px orange;
    }
 
    .futebol:hover::before {
        box-shadow: 518px 0 orange;
    }
 
    .futebol::after {
        box-shadow: 0 148px orange;
    }
 
    .futebol::before {
        box-shadow: 498px 0 orange;
    }
 
    .futebol::before,
    .futebol::after {
        background-color: none;
    }
 
    .dongeorge:hover::after {
        box-shadow: 0 168px orange;
    }
 
    .dongeorge:hover::before {
        box-shadow: 518px 0 orange;
    }
 
    .dongeorge::after {
        box-shadow: 0 148px orange;
    }
 
    .dongeorge::before {
        box-shadow: 498px 0 orange;
    }
 
    .dongeorge::before,
    .dongeorge::after {
        background-color: none;
    }
 
    .jockeyclub:hover::after {
        box-shadow: none;
    }
 
    .jockeyclub:hover::before {
        box-shadow: none;
    }
 
    .jockeyclub::after {
        box-shadow: none;
    }
 
    .jockeyclub::before {
        box-shadow: none;
    }
 
    .jockeyclub::before,
    .jockeyclub::after {
        background-color: none;
    }
 
    .pokekart:hover::after {
        box-shadow: none;
    }
 
    .pokekart:hover::before {
        box-shadow: none;
    }
 
    .pokekart::after {
        box-shadow: none;
    }
 
    .pokekart::before {
        box-shadow: none;
    }
 
    .pokekart::before,
    .pokekart::after {
        background-color: none;
    }
 
    .towerchallenge:hover::after {
        box-shadow: none;
    }
 
    .towerchallenge:hover::before {
        box-shadow: none;
    }
 
    .towerchallenge::after {
        box-shadow: none;
    }
 
    .towerchallenge::before {
        box-shadow: none;
    }
 
    .towerchallenge::before,
    .towerchallenge::after {
        background-color: none;
    }
 
    .hitmachine:hover::after {
        box-shadow: none;
    }
 
    .hitmachine:hover::before {
        box-shadow: none;
    }
 
    .hitmachine::after {
        box-shadow: none;
    }
 
    .hitmachine::before {
        box-shadow: none;
     }
     }
     .item-minigame{
 
    position: relative;
     .hitmachine::before,
    display: flex;
     .hitmachine::after {
     align-items: center;
        background-color: none;
    justify-content: center;
    font: 1.5rem sans-serif;
    cursor: pointer;
    will-change: transform;
    border: 1px solid black;  
     }
     }
     .item-minigame img, .item-minigame a{
 
    width: 100%;
     .mewtwocastle:hover::after {
    height: 100%;
        box-shadow: none;
     }
     }
.bombermon:hover::after{box-shadow: none;}
.bombermon:hover::before{box-shadow: none;}
.bombermon::after{box-shadow: none;}
.bombermon::before{box-shadow: none;}
.bombermon::before, .bombermon::after{background-color: none;}


.bugcatcher:hover::after{box-shadow: none;}
    .mewtwocastle:hover::before {
.bugcatcher:hover::before{box-shadow: none;}
        box-shadow: none;
.bugcatcher::after{box-shadow: none;}
    }
.bugcatcher::before{box-shadow: none;}
.bugcatcher::before, .bugcatcher::after{background-color:  none;}


.futebol:hover::after{box-shadow: 0 168px orange;}
    .mewtwocastle::after {
.futebol:hover::before{box-shadow: 518px 0 orange;}
        box-shadow: none;
.futebol::after{box-shadow: 0 148px orange;}
    }
.futebol::before{box-shadow: 498px 0 orange;}
.futebol::before, .futebol::after{background-color:  none;}


.dongeorge:hover::after{box-shadow: 0 168px orange;}
    .mewtwocastle::before {
.dongeorge:hover::before{box-shadow: 518px 0 orange;}
        box-shadow: none;
.dongeorge::after{box-shadow: 0 148px orange;}
    }
.dongeorge::before{box-shadow: 498px 0 orange;}
.dongeorge::before, .dongeorge::after{background-color:  none;}


.jockeyclub:hover::after{box-shadow: none;}
    .mewtwocastle::before,
.jockeyclub:hover::before{box-shadow: none;}
    .mewtwocastle::after {
.jockeyclub::after{box-shadow:  none;}
        background-color: none;
.jockeyclub::before{box-shadow:  none;}
    }
.jockeyclub::before, .jockeyclub::after{background-color: none;}


.pokekart:hover::after{box-shadow: none;}
    .cassino:hover::after {
.pokekart:hover::before{box-shadow: none;}
        box-shadow: none;
.pokekart::after{box-shadow: none;}
    }
.pokekart::before{box-shadow: none;}
.pokekart::before, .pokekart::after{background-color:  none;}


.towerchallenge:hover::after{box-shadow: none;}
    .cassino:hover::before {
.towerchallenge:hover::before{box-shadow: none;}
        box-shadow: none;
.towerchallenge::after{box-shadow: none;}
    }
.towerchallenge::before{box-shadow: none;}
.towerchallenge::before, .towerchallenge::after{background-color:  none;}


.hitmachine:hover::after{box-shadow: none;}
    .cassino::after {
.hitmachine:hover::before{box-shadow: none;}
        box-shadow: none;
.hitmachine::after{box-shadow: none;}
    }
.hitmachine::before{box-shadow: none;}
.hitmachine::before, .hitmachine::after{background-color:  none;}


.mewtwocastle:hover::after{box-shadow: none;}
    .cassino::before {
.mewtwocastle:hover::before{box-shadow: none;}
        box-shadow: none;
.mewtwocastle::after{box-shadow: none;}
    }
.mewtwocastle::before{box-shadow: none;}
.mewtwocastle::before, .mewtwocastle::after{background-color:  none;}


.cassino:hover::after{box-shadow: none;}
    .cassino::before,
.cassino:hover::before{box-shadow: none;}
    .cassino::after {
.cassino::after{box-shadow: none;}
        background-color: none;
.cassino::before{box-shadow: none;}
    }
.cassino::before, .cassino::after{background-color: none;}
}
}


@media (min-width: 1350px) {
@media (min-width: 1350px) {
.bombermon:hover::after{box-shadow: 0 168px red;}
.bombermon:hover::before{box-shadow: 518px 0 red;}
.bombermon::after{box-shadow: 0 148px red;}
.bombermon::before{box-shadow: 498px 0 red;}
.bombermon::before, .bombermon::after{background-color: red;}


.bugcatcher:hover::after{box-shadow: 0 168px green;}
    .bombermon:hover::after {
.bugcatcher:hover::before{box-shadow: 518px 0 green;}
        box-shadow: 0 168px red;
.bugcatcher::after{box-shadow: 0 148px green;}
    }
.bugcatcher::before{box-shadow: 498px 0 green;}
 
.bugcatcher::before, .bugcatcher::after{background-color: green;}
    .bombermon:hover::before {
        box-shadow: 518px 0 red;
    }
 
    .bombermon::after {
        box-shadow: 0 148px red;
    }
 
    .bombermon::before {
        box-shadow: 498px 0 red;
    }
 
    .bombermon::before,
    .bombermon::after {
        background-color: red;
    }
 
    .bugcatcher:hover::after {
        box-shadow: 0 168px green;
    }
 
    .bugcatcher:hover::before {
        box-shadow: 518px 0 green;
    }
 
    .bugcatcher::after {
        box-shadow: 0 148px green;
    }


.futebol:hover::after{box-shadow: 0 168px orange;}
    .bugcatcher::before {
.futebol:hover::before{box-shadow: 518px 0 orange;}
        box-shadow: 498px 0 green;
.futebol::after{box-shadow: 0 148px orange;}
    }
.futebol::before{box-shadow: 498px 0 orange;}
.futebol::before, .futebol::after{background-color: orange;}


.dongeorge:hover::after{box-shadow: 0 168px orange;}
    .bugcatcher::before,
.dongeorge:hover::before{box-shadow: 518px 0 orange;}
    .bugcatcher::after {
.dongeorge::after{box-shadow: 0 148px orange;}
        background-color: green;
.dongeorge::before{box-shadow: 498px 0 orange;}
    }
.dongeorge::before, .dongeorge::after{background-color: orange;}


.jockeyclub:hover::after{box-shadow: 0 168px yellow;}
    .futebol:hover::after {
.jockeyclub:hover::before{box-shadow: 518px 0 yellow;}
        box-shadow: 0 168px orange;
.jockeyclub::after{box-shadow: 0 148px yellow;}
    }
.jockeyclub::before{box-shadow: 498px 0 yellow;}
.jockeyclub::before, .jockeyclub::after{background-color: yellow;}


.pokekart:hover::after{box-shadow: 0 168px black;}
    .futebol:hover::before {
.pokekart:hover::before{box-shadow: 518px 0 black;}
        box-shadow: 518px 0 orange;
.pokekart::after{box-shadow: 0 148px black;}
    }
.pokekart::before{box-shadow: 498px 0 black;}
.pokekart::before, .pokekart::after{background-color: black;}


.towerchallenge:hover::after{box-shadow: 0 168px blue;}
    .futebol::after {
.towerchallenge:hover::before{box-shadow: 518px 0 blue;}
        box-shadow: 0 148px orange;
.towerchallenge::after{box-shadow: 0 148px blue;}
    }
.towerchallenge::before{box-shadow: 498px 0 blue;}
.towerchallenge::before, .towerchallenge::after{background-color: blue;}


.hitmachine:hover::after{box-shadow: 0 168px Orchid;}
    .futebol::before {
.hitmachine:hover::before{box-shadow: 518px 0 Orchid;}
        box-shadow: 498px 0 orange;
.hitmachine::after{box-shadow: 0 148px Orchid;}
    }
.hitmachine::before{box-shadow: 498px 0 Orchid;}
.hitmachine::before, .hitmachine::after{background-color: Orchid;}


.mewtwocastle:hover::after{box-shadow: 0 168px purple;}
    .futebol::before,
.mewtwocastle:hover::before{box-shadow: 518px 0 purple;}
    .futebol::after {
.mewtwocastle::after{box-shadow: 0 148px purple;}
        background-color: orange;
.mewtwocastle::before{box-shadow: 498px 0 purple;}
    }
.mewtwocastle::before, .mewtwocastle::after{background-color: purple;}


.cassino:hover::after{box-shadow: 0 168px DarkSlateBlue;}
    .dongeorge:hover::after {
.cassino:hover::before{box-shadow: 518px 0 DarkSlateBlue;}
        box-shadow: 0 168px orange;
.cassino::after{box-shadow: 0 148px DarkSlateBlue;}
    }
.cassino::before{box-shadow: 498px 0 DarkSlateBlue;}
 
.cassino::before, .cassino::after{background-color: DarkSlateBlue;}
    .dongeorge:hover::before {
        box-shadow: 518px 0 orange;
    }


.item-minigame::before,
    .dongeorge::after {
.item-minigame::after {
        box-shadow: 0 148px orange;
  position: absolute;
    }
  top: 0;
 
  left: 0;
    .dongeorge::before {
  content: '';
        box-shadow: 498px 0 orange;
  display: block;
    }
  transition: all 250ms ease-in-out;
 
}
    .dongeorge::before,
    .dongeorge::after {
        background-color: orange;
    }
 
    .jockeyclub:hover::after {
        box-shadow: 0 168px yellow;
    }
 
    .jockeyclub:hover::before {
        box-shadow: 518px 0 yellow;
    }
 
    .jockeyclub::after {
        box-shadow: 0 148px yellow;
    }
 
    .jockeyclub::before {
        box-shadow: 498px 0 yellow;
    }
 
    .jockeyclub::before,
    .jockeyclub::after {
        background-color: yellow;
    }
 
    .pokekart:hover::after {
        box-shadow: 0 168px black;
    }
 
    .pokekart:hover::before {
        box-shadow: 518px 0 black;
    }
 
    .pokekart::after {
        box-shadow: 0 148px black;
    }
 
    .pokekart::before {
        box-shadow: 498px 0 black;
    }
 
    .pokekart::before,
    .pokekart::after {
        background-color: black;
    }
 
    .towerchallenge:hover::after {
        box-shadow: 0 168px blue;
    }
 
    .towerchallenge:hover::before {
        box-shadow: 518px 0 blue;
    }
 
    .towerchallenge::after {
        box-shadow: 0 148px blue;
    }
 
    .towerchallenge::before {
        box-shadow: 498px 0 blue;
    }
 
    .towerchallenge::before,
    .towerchallenge::after {
        background-color: blue;
    }
 
    .hitmachine:hover::after {
        box-shadow: 0 168px Orchid;
    }
 
    .hitmachine:hover::before {
        box-shadow: 518px 0 Orchid;
    }
 
    .hitmachine::after {
        box-shadow: 0 148px Orchid;
    }
 
    .hitmachine::before {
        box-shadow: 498px 0 Orchid;
    }
 
    .hitmachine::before,
    .hitmachine::after {
        background-color: Orchid;
    }
 
    .mewtwocastle:hover::after {
        box-shadow: 0 168px purple;
    }
 
    .mewtwocastle:hover::before {
        box-shadow: 518px 0 purple;
    }
 
    .mewtwocastle::after {
        box-shadow: 0 148px purple;
    }
 
    .mewtwocastle::before {
        box-shadow: 498px 0 purple;
    }
 
    .mewtwocastle::before,
    .mewtwocastle::after {
        background-color: purple;
    }
 
    .cassino:hover::after {
        box-shadow: 0 168px DarkSlateBlue;
    }
 
    .cassino:hover::before {
        box-shadow: 518px 0 DarkSlateBlue;
    }
 
    .cassino::after {
        box-shadow: 0 148px DarkSlateBlue;
    }
 
    .cassino::before {
        box-shadow: 498px 0 DarkSlateBlue;
    }
 
    .cassino::before,
    .cassino::after {
        background-color: DarkSlateBlue;
    }
 
    .item-minigame::before,
    .item-minigame::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        display: block;
        transition: all 250ms ease-in-out;
    }
 
    .item-minigame::before {
        width: 2px;
        height: 150px;
    }


.item-minigame::before {
    .item-minigame::after {
  width: 2px;
        height: 2px;
  height: 150px;
        width: 500px;
}
    }


.item-minigame::after {
    .item-minigame:hover::before {
  height: 2px;
        left: -10px;
  width: 500px;
    }
}


.item-minigame:hover::before {
    .item-minigame:hover::after {
  left: -10px;
        top: -10px;
}
    }


.item-minigame:hover::after {
    .minigames {
  top: -10px;
        display: flex;
}
        text-align: center;
.minigames{
        justify-content: space-around;
    display: flex;
    }
    text-align: center;
    justify-content: space-around;
}


.item-minigame{
    .item-minigame {
  height: 150px;
        height: 150px;
  width: 500px;
        width: 500px;
  position: relative;
        position: relative;
  display: flex;
        display: flex;
  align-items: center;
        align-items: center;
  justify-content: center;
        justify-content: center;
  font: 1.5rem sans-serif;
        font: 1.5rem sans-serif;
  cursor: pointer;
        cursor: pointer;
  will-change: transform;
        will-change: transform;
}
    }


    /*****************/




Linha 948: Linha 1 259:


/* Teste */
/* Teste */
/* Minigames Page */
Disponível em “https://wiki.otpokemon.com/index.php/Especial:MobileDiff/17884”

Menu de navegação