MediaWiki:Mobile.css: Difference between revisions

1,335 bytes added ,  14:00, 5 October 2022
no edit summary
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1,377: Line 1,377:
     padding: 0;
     padding: 0;
}
}
 
/*
.mainpage-recent-updates a + a:before {
.mainpage-recent-updates a + a:before {
     content: "· ";
     content: "· ";
Line 1,383: Line 1,383:
     white-space: pre-wrap;
     white-space: pre-wrap;
     pointer-events: none;
     pointer-events: none;
}
}*/


@media only screen and (min-width: 58em) {
@media only screen and (min-width: 58em) {
Line 1,883: Line 1,883:
}
}


.mainpage-recent-updates::before {
    content: 'Recent updates';
    display: block;
    position: -webkit-sticky;
    position: sticky;
    left: 1.5em;
    color: #949eaa;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}


.mainpage-recent-updates .tile {
.mainpage-recent-updates .tile {
Line 2,459: Line 2,448:
     padding-left: 5px;
     padding-left: 5px;
     margin: auto;
     margin: auto;
}
.mainpage-skills .tile-top {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.mainpage-skills .tile-top h2 {
    position: -webkit-sticky;
    position: sticky;
    left: 0.5em;
}
.mainpage-skills .tile-top ul {
    columns: 3;
    width: 32em;
    list-style: none;
    margin-left: 0.75em;
}
@media only screen and (min-width: 32em) {
    .mainpage-skills .tile-top ul {
          width: 100%;
          max-width: 50em;
          margin: auto;
    }
}
.mainpage-skills .tile-top li {
    display: flex;
    align-items: center;
    margin-bottom: 0.6em;
}
.mainpage-skills .tile-top li a:first-child {
    width: 25px;
    height: 25px;
    padding: 4px;
    border-radius: 3px;
}
.mainpage-skills .tile-top li a:last-child {
    flex: 1;
    color: #444e5a;
    font-weight: bold;
    padding-left: 0.5em;
}
.skill-agility a:first-child,
.skill-melee a:first-child {
    background: #bc483d;
}
.skill-ranged a:first-child {
    background: #748d36;
}
.skill-magic a:first-child {
    background: #6274ab;
}
.skill-fishing a:first-child,
.skill-fletching a:first-child {
    background: #3e8e9a;
}
.skill-cooking a:first-child,
.skill-divination a:first-child,
.skill-thieving a:first-child {
    background: #91689e;
}
.skill-farming a:first-child,
.skill-woodcutting a:first-child {
    background: #59924f;
}
.skill-mining a:first-child,
.skill-summoning a:first-child {
    background: #6385a8;
}
.skill-invention a:first-child,
.skill-smithing a:first-child {
    background: #d2b244;
}
.skill-archaeology a:first-child {
    background: #a56831;
}
}