otPokemon Wiki

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

Mensagem Discussão

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

Edição das 16h17min de 27 de junho de 2024

723 bytes adicionados ,  Quinta-feira às 16h17min
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(29 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 287: Linha 287:
     width: calc(100% - 30%);
     width: calc(100% - 30%);
     height: 100%;
     height: 100%;
     transition: 1s;
     transition: 1s !important;
}
}


.ma-item:hover {
.ma-item:hover {
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.10);
     transform: scale(1.10);
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.1));
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.1));
Linha 298: Linha 298:
.ma-text {
.ma-text {
     margin: 5px;
     margin: 5px;
     transition: 1s;
     transition: 1s !important;
     width: 80%;
     width: 80%;
     height: 100%;
     height: 100%;
Linha 304: Linha 304:


.ma-text:hover {
.ma-text:hover {
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.10);
     transform: scale(1.10);
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
     filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
Linha 384: Linha 384:
     margin: -1px;
     margin: -1px;
     height: auto;
     height: auto;
     transition: 1s;
     transition: 1s !important;
}
}


.sc-icon:hover {
.sc-icon:hover {
     filter: grayscale(0%) contrast(115%);
     filter: grayscale(0%) contrast(115%);
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.10);
     transform: scale(1.10);
}
}
Linha 403: Linha 403:
     position: relative;
     position: relative;
     margin: 20px auto;
     margin: 20px auto;
     transition: 1s;
     transition: 1s !important;
     border-radius: 20px;
     border-radius: 20px;
     display: flex;
     display: flex;
Linha 413: Linha 413:
.update-box-2:hover,
.update-box-2:hover,
.update-box:hover {
.update-box:hover {
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.05);
     transform: scale(1.05);
}
}
Linha 463: Linha 463:
     text-align: center;
     text-align: center;
     box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     border-radius: 10px;
    margin-top: 20px;
}
}


Linha 486: Linha 487:
     text-align: center;
     text-align: center;
     position: relative;
     position: relative;
     transition: 1s;
     transition: 1s !important;
     border-radius: 20px;
     border-radius: 20px;
     display: flex;
     display: flex;
Linha 494: Linha 495:


.destaque-box:hover{
.destaque-box:hover{
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.01);
     transform: scale(1.01);
}
}
Linha 503: Linha 504:
     height: 100%;
     height: 100%;
     border-radius: 6px;
     border-radius: 6px;
     border-top: 10px solid #3498db;
     border-top: 10px solid #007ee5;
     object-fit: cover;
     object-fit: cover;
}
}
/* Mapas */


.divmap a img{
    width: 100%;
    height: 100%;
}


/* Patch Notes */
/* Patch Notes */
Linha 596: Linha 602:


.column-addons img {
.column-addons img {
     transition: 1s;
     transition: 1s !important;
}
}


.column-addons img:hover {
.column-addons img:hover {
     transform: scale(1.10);
     transform: scale(1.10);
     transition: 1s;
     transition: 1s !important;
}
}


Linha 611: Linha 617:
/* Quests Page */
/* Quests Page */
.img-quests {
.img-quests {
     transition: 2s;
     transition: 2s !important;
}
}


.img-quests:hover {
.img-quests:hover {
     filter: contrast(140%);
     filter: contrast(140%);
     transition: 2s;
     transition: 2s !important;
}
}


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 !important;
}
}


Linha 630: Linha 636:
     width: 20%;
     width: 20%;
     border-radius: 10px;
     border-radius: 10px;
     transition: 2s;
     transition: 2s !important;
}
}


Linha 819: Linha 825:


.timeline-component.timeline-content img {
.timeline-component.timeline-content img {
     transition: 1s;
     transition: 1s !important;
}
}


.timeline-component.timeline-content img:hover {
.timeline-component.timeline-content img:hover {
     transition: 1s;
     transition: 1s !important;
     transform: scale(1.05);
     transform: scale(1.05);
}
}
Linha 1 295: Linha 1 301:
         content: '';
         content: '';
         display: block;
         display: block;
        transition-duration: 0.3s !important;
         transition: all 250ms ease-in-out;
         transition: all 250ms ease-in-out;
     }
     }
Linha 1 425: Linha 1 432:




/* Teste */
/* Outfits/Npcs */
.square-box {
.square-box {
     width: 180px;
     width: 180px;
Linha 1 434: Linha 1 441:
     text-align: center;
     text-align: center;
     overflow: hidden;
     overflow: hidden;
    transition-duration: 0.3s !important;
     transition: transform 0.3s, box-shadow 0.3s;
     transition: transform 0.3s, box-shadow 0.3s;
     margin: 15px 25px;
     margin: 15px 25px;
Linha 1 466: Linha 1 474:
     margin: 0px 5px 0px 5px;
     margin: 0px 5px 0px 5px;
     line-height: 100px;
     line-height: 100px;
     font-size: 20px;
     font-size: 15px;
    font-weight: bold;
     text-align: center;
     text-align: center;
}
}
Linha 1 532: Linha 1 541:
         color: white;
         color: white;
     }
     }
      
     .vector-menu-portal .vector-menu-content li a {
    color: #ffffff;
    }
     .vector-menu-portal .vector-menu-content li a:visited {
     .vector-menu-portal .vector-menu-content li a:visited {
       color: #ffffff;
       color: #ffffff;
Linha 1 734: Linha 1 745:
     table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
     table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
         background: linear-gradient(90deg, #272727, #272727) !important;
         background: linear-gradient(90deg, #272727, #272727) !important;
         transition: 2s;
         transition: 2s !important;
     }
     }


Linha 1 794: Linha 1 805:
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     background-color: #ffd700;
     background-color: #F0F8FF;
     transition: width 0.5s ease-in-out;
     transition: width 0.5s ease-in-out;
}
}
Linha 1 809: Linha 1 820:
}
}


.natures table{
 
  overflow: hidden;
.container-tab table{
  display:inline-block;
    text-align: center;
width: 100%;
border-collapse: collapse;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border: 1px solid gray;
}
 
.container-tab th,
.container-tab td {
padding: 15px;
background-color: rgba(255,255,255,0.2);
    border: 1px solid gray;
    text-align: center;
}
}


.natures td, .natures th {
.container-tab th {
     border: 1px solid #999;
text-align: center;
    padding: 10px;
     border: 1px solid gray;
    position: relative;
}
}


.natures th {
.container-tab tbody {
  background-color:#fff;
tr {
&:hover {
background-color: rgb(10 234 58 / 20%);
}
}
td {
position: relative;
&:hover {
&:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -9999px;
bottom: -9999px;
background-color: rgb(234 10 10 / 20%);
z-index: -1;
}
}
}
}
}


//Row
.celula-neutra {
.natures td:hover::before {  
     backdrop-filter: invert(30%);
     background-color: #eee;
    content: ''; 
    height: 100%;
    left: -5000px;
    position: absolute; 
    top: 0;
    width: 10000px; 
    z-index: -2;       
}
}


//Column
.outfit-img img{
.natures td:hover::after {  
    background-color: #ffa;
    content: ''; 
    height: 10000px;   
    left: 0;
    position: absolute; 
    top: -5000px;
     width: 100%;
     width: 100%;
     z-index: -1;      
     height: auto;
    border-radius: 5px;
}
}
Disponível em “https://wiki.otpokemon.com/index.php/Especial:MobileDiff/21778...25237”