BTA-Mirror

MediaWiki:Mobile.css: Difference between revisions

Message Discussion

MediaWiki:Mobile.css (view source)

Revision as of 14:44, 19 March 2023

2,176 bytes added ,  19 March 2023
m
.msgbox now uses gap.
imported>Ttv pedro270707
m (Applied changes made in Common.css (more accurate and absolute position))
imported>Ttv pedro270707
m (.msgbox now uses gap.)
 
(20 intermediate revisions by the same user not shown)
Line 59: Line 59:
width: 100% !important;
width: 100% !important;
height: 100% !important;
height: 100% !important;
}
/* Inventories (currently only Template:Crafting) */
.crafting-table-ui {
padding: 6px;
border-image-slice: 3 3 3 3;
    border-image-width: 6px 6px 6px 6px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-source: url(https://static.miraheze.org/btawiki/0/00/BTA_Border.png);
    border-style: solid;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    background-color: #c6c6c6;
    display: inline-flex;
    align-items: center;
    position: relative;
}
/* Infoboxes */
.infobox {
padding: 8px;
min-width: 200px;
max-width: 300px;
text-align: center;
}
.infobox p {
margin: 0 !important;
}
.infobox.out {
border-image-slice: 3 3 3 3;
border-image-width: 6px 6px 6px 6px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-source: url("https://static.miraheze.org/btawiki/0/00/BTA_Border.png");
border-style: solid;
image-rendering: pixelated;
image-rendering: crisp-edges;
background-color: #c6c6c6;
}
.infobox.in {
border-left: 2px solid black;
border-right: 2px solid black;
background-color: #555555;
}
.infobox-table {
    margin-top: 6px;
    width: 100%;
    text-align: left;
}
.infobox-table td, .infobox-table th {
    padding-left: 6px;
    padding-right: 6px;
}
/* Inventory slot ({{Inventory slot}} template) */
.inventory-slot {
position: relative;
border-top: 2px solid #373737;
border-left: 2px solid #373737;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background-color: #8b8b8b;
display: inline-flex;
    align-items: center;
    justify-content: center;
}
.inventory-slot::before, .inventory-slot::after {
content: '';
position: absolute;
width: 2px;
height: 2px;
background-color: #8b8b8b;
}
.inventory-slot::before {
bottom: -2px;
left: -2px;
}
.inventory-slot::after {
top: -2px;
right: -2px;
}
}


Line 71: Line 160:
   display: inline-block;
   display: inline-block;
   transform-origin: center center;
   transform-origin: center center;
   right: -125px;
   left: 100%;
   top: 35px;
   top: 100%;
   animation: splash 0.5s linear infinite !important;
   animation: splash 0.5s linear infinite !important;
  white-space: nowrap;
}
}


Line 81: Line 171:
padding: 5px;
padding: 5px;
box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: inline-flex;
align-items: center;
gap: 10px;
}
}


Line 407: Line 499:
@keyframes splash {
@keyframes splash {
   0% {
   0% {
     transform: scale(1.1) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.1) rotateZ(-20deg);
   }
   }
   10% {
   10% {
     transform: scale(1.0690983005625) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0690983005625) rotateZ(-20deg);
   }
   }
   20% {
   20% {
     transform: scale(1.0412214747708) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0412214747708) rotateZ(-20deg);
   }
   }
   30% {
   30% {
     transform: scale(1.0190983005625) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0190983005625) rotateZ(-20deg);
   }
   }
   40% {
   40% {
     transform: scale(1.0048943483705) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0048943483705) rotateZ(-20deg);
   }
   }
   50% {
   50% {
     transform: scale(1) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1) rotateZ(-20deg);
   }
   }
   60% {
   60% {
     transform: scale(1.0048943483705) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0048943483705) rotateZ(-20deg);
   }
   }
   70% {
   70% {
     transform: scale(1.0190983005625) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0190983005625) rotateZ(-20deg);
   }
   }
   80% {
   80% {
     transform: scale(1.0412214747708) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0412214747708) rotateZ(-20deg);
   }
   }
   90% {
   90% {
     transform: scale(1.0690983005625) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.0690983005625) rotateZ(-20deg);
   }
   }
   100% {
   100% {
     transform: scale(1.1) rotateZ(-20deg);
     transform: translate(-50%, -50%) scale(1.1) rotateZ(-20deg);
   }
   }
}
}
Retrieved from "http://mirror.maramowicz.dev/index.php/Special:MobileDiff/10845...11420"