MediaWiki:Mobile.css: Difference between revisions

MediaWiki:Mobile.css (view source)

Revision as of 17:54, 19 August 2019

546 bytes removed , 17:54, 19 August 2019

no edit summary

Teamtoto

Bureaucrats, Interface administrators, Suppressors, Administrators

8,756

edits

@@ Line 1,170: / Line 1,170: @@
    --qud-font-infobox-content: 'Segoe UI','Consolas','Lucida Console','Courier New','Courier';
    --qud-font-collapser-arrows: 'Source Code Pro, Lucida Console, Consolas';
+  --qud-bg-color-dark: rgba(6,28,23,0.8);
+  --qud-bg-color-darker: rgba(6,28,23,0.9);
+  --qud-bg-color-arrow: rgb(9,31,25);
 }
 /*
@@ Line 1,177: / Line 1,181: @@
 .qud-character-infobox .moduleinfobox {
    overflow: hidden; /* prevent horizontal scrollbar from appearing */
+}
+.qud-character-infobox .nomobile {
+  display: none !important;
 }
 .qud-character-infobox .moduleinfobox :focus {
@@ Line 1,182: / Line 1,189: @@
 }
 .qud-character-infobox .infobox-title {
-   background: var(--searchsuggestions-background);
+   background: var(--qud-bg-color-darker);
    color: var(--qud-color-y);
    font-family: var(--qud-font-infobox-title);
@@ Line 1,188: / Line 1,195: @@
    line-height: 1.35em;
    padding: 0.2em 8px;
+}
+.qud-character-infobox .infobox-title,
+.qud-character-infobox .infobox-imagearea {
+  text-align: center;
 }
 /* styles for generic, non-specialized infobox rows below */
@@ Line 1,203: / Line 1,214: @@
   */
 td.qud-collapser {
-   background: var(--navigation-tab-background);
+   background: var(--qud-bg-color-dark);
    color: var(--infobox-label-color);
    font-weight: bold;
@@ Line 1,234: / Line 1,245: @@
    line-height: 1.8em;
    font-family: var(--qud-font-collapser-arrows);
-   background: var(--fpheading-background);
+   background: var(--qud-bg-color-arrow);
    left: 0.6em;
    z-index: 20;
+}
+/* Mobile-specific stylings: */
+.qud-collapser-title {
+    width: 99%;
+    padding-left: 1.5em;
+    margin-left: 0;
+    z-index: 30;
+}
+.qud-collapser-arrow-down {
+    background: none;
 }
 /*
@@ Line 1,247: / Line 1,268: @@
 .qud-tooltip .qud-tooltip-text {
    visibility: hidden;
-  width: 120px;
-  background-color: var(--searchsuggestions-background);
-  color: var(--qud-color-y);
-  text-align: center;
-  padding: 5px 0;
-  border-radius: 6px;
-  font-size: calc(0.23em + 7px);
    position: absolute;
-  z-index: 1;
-  width: 120px;
-  bottom: 100%;
-  left: 50%;
-  margin-left: -60px; /* half of the width */
-}
-.qud-tooltip:hover .qud-tooltip-text {
-  visibility: visible;
-}
-.qud-tooltip:hover .qud-tooltip-text.delayed-tooltip {
-  transition-delay: 0.35s; /* delayed-tooltip class to delay the appearance */
 }
 /*
@@ Line 1,271: / Line 1,274: @@
   *  ==========================
   */
-.qud-core-stats:hover,
-.qud-basic-attributes:hover,
-.qud-attribute-entry:hover,
-.qud-attributes-row:hover,
-.qud-attributes-wrapper:hover,
-.qud-resistances:hover {
-  cursor: default;
-}
 .qud-core-stats-wrapper {
    display: flex;
@@ Line 1,293: / Line 1,288: @@
    margin-top: 0px;
    transition: font-size 0.1s, margin-top 0.1s;
-}
-.qud-core-stats-entry:hover {
-  font-size: calc(1.7em + 4px);
-  margin-top: -2px;
 }
 .qud-stat-icon{
@@ Line 1,371: / Line 1,362: @@
 }
 .qud-attribute-entry {
-  flex: 1 0 33%;
    font-size: 1.3em;
    font-weight: bold;
    font-family: var(--qud-font-terminal1);
-  transition: transform 0.1s;
-  transform: perspective(1px); /* fixes bluriness in Chrome immediately after hover, during transition-delay */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
 }
-.qud-attribute-entry.qud-tooltip:hover {
+.qud-attribute-entry {
-  transform: scale(1.08,1.08);
+    flex: 1 0 35%;
-  transition-delay: 0.35s;
 }
-.qud-attribute-entry.qud-tooltip:hover .qud-tooltip-text {
+.qud-attribute-entry:nth-child(3) {
-  transition-delay: 0.35s;
+    flex: 1 0 30%;
 }
 .qud-attribute-label {
@@ Line 1,428: / Line 1,415: @@
    display: table;
    border-collapse: collapse;
+  width: 100%;
 }
 .qud-stat-details-entry {
@@ Line 1,546: / Line 1,534: @@
 .qud-skill-entry:hover,
 .qud-mutation-entry:hover {
-   background: var(--navigation-tab-background);
+   background: var(--qud-bg-color-dark);
 }
 .qud-skill-entry a,