MediaWiki:Mobile.css: Difference between revisions

MediaWiki:Mobile.css (view source)

Revision as of 14:56, 5 October 2022

1,591 bytes added , 14:56, 5 October 2022

no edit summary

Bawolff

Interface administrators, Administrators

63

edits

@@ Line 2,448: / Line 2,448: @@
      padding-left: 5px;
      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;
 }