MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 15:48, 24 August 2019

977 bytes added , 15:48, 24 August 2019

general infobox adjustments

Egocarib

Bureaucrats, Interface administrators, Administrators

8,290

edits

@@ Line 1,773: / Line 1,773: @@
    --qud-font-collapser-arrows: 'Source Code Pro, Lucida Console, Consolas';
+  --qud-bg-color-ultralight: rgba(6,28,23,0.2);
    --qud-bg-color-semidark: rgba(6,28,23,0.7);
    --qud-bg-color-dark: rgba(6,28,23,0.8);
@@ Line 1,788: / Line 1,789: @@
   *  ===================================
   */
-.qud-character-infobox .moduleinfobox {
+.moduleinfobox {
-   overflow: hidden; /* prevent horizontal scrollbar from appearing */
+  font-family: var(--qud-font-infobox-content);
+   overflow: hidden; /* prevents horizontal scrollbar from appearing */
 }
-.qud-character-infobox .mobileonly {
+.moduleinfobox :focus {
-  display: none !important;
-}
-.qud-character-infobox .moduleinfobox :focus {
    outline: 0px solid #000; /* remove focus outline on selected collapsible */
 }
-.qud-character-infobox .infobox-title {
+.moduleinfobox > .infobox-title {
    background: var(--qud-bg-color-darker);
    color: var(--qud-color-y);
@@ Line 1,803: / Line 1,802: @@
    font-size: 1.5em;
    line-height: 1.35em;
-   padding: 0.2em 8px;
+   padding: 0.1em 8px 0.3em 8px;
 }
-.qud-character-infobox .infobox-title,
+.moduleinfobox > .infobox-title,
-.qud-character-infobox .infobox-imagearea {
+.moduleinfobox > .infobox-imagearea {
    text-align: center;
 }
-/* styles for generic, non-specialized infobox rows below */
+.moduleinfobox > .infobox-rows > tbody > tr > th {
-.qud-character-infobox .infobox-rows th {
+    white-space: normal; /* allow <th> infobox titles to wrap */
-  background: var(--navbox-background); /* var(--navbox-alt-background); */
+    font-weight: 700;
-  font-family: var(--qud-font-terminal2);
+    color: var(--qud-color-y-dark);
+}
+.moduleinfobox > .infobox-rows > tbody > tr > th,
+.moduleinfobox > .infobox-rows > tbody > tr > th + td {
+    background: var(--qud-bg-color-ultralight);
 }
-.qud-character-infobox .infobox-rows th + td {
+.moduleinfobox > .infobox-rows > tbody > tr > th + td {
-  background: var(--navbox-background);
    font-size: 1.12em;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
+}
+.moduleinfobox > .infobox-rows > tbody > tr > th > div {
+    max-width: 130px; /* limit width of <th> infobox titles */
+    text-align: left;
+}
+/* hover effect for infobox rows */
+.moduleinfobox > .infobox-rows > tbody > tr:hover > th,
+.moduleinfobox > .infobox-rows > tbody > tr:hover > th + td {
+    background-color: var(--qud-bg-color-darker);
+    color: var(--qud-color-y);
+}
+.moduleinfobox > .infobox-rows > tbody > tr > th,
+.moduleinfobox > .infobox-rows > tbody > tr > th + td {
+    transition: background-color 0.5s, color 0.5s;
+}
+.moduleinfobox > .infobox-rows {
+    border-spacing: 0 1px !important;
+}
+/* Desktop/fullscreen only styles */
+.qud-character-infobox .mobileonly {
+  display: none !important;
+}
+@media (min-width: 512px) /* Only for use with desktop/fullscreen */
+{
+  .qud-character-infobox.moduleinfobox {
+    margin-top: 1em; /* aligns the character infobox with the Qud Look description */
+  }
 }
 /*