MediaWiki:Mobile.css: Difference between revisions

← Older edit

MediaWiki:Mobile.css (view source)

Revision as of 23:51, 28 November 2023

2,559 bytes added , 28 November 2023

no edit summary

Aardvark

Bureaucrats, Interface administrators, Suppressors, Administrators, Widget editors

6,480

edits

@@ Line 389: / Line 389: @@
 .no-prev, .no-next {
      display: none;
+}
+/* 20231128 */
+.nav-container-flex {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1em;
+    margin: 1em 0;
+}
+.nav-container-flex p {
+    margin: 0;
 }
@@ Line 594: / Line 606: @@
      	flex: 1 1 100%;
      }
-    .page-Main_Page
      .page-Main_Page .intro-container {
@@ Line 618: / Line 628: @@
 .box-header {
      padding: 0.5em;
+}
+/* 20210805 */
+.page-Main_Page .welcome-links {
+    flex-direction: column;
+}
+.page-Main_Page .welcome-links ul {
+    list-style: disc;
+    padding: 0;
+    padding-left: 1em;
+}
+.page-Main_Page .welcome-links li {
+    margin-bottom: 0.5em;
+}
+.page-Main_Page div.floatleft {
+    margin: 0;
+    float: unset;
+}
+.page-Main_Page .box-header {
+    padding: 0.5em 0;
+}
+.page-Main_Page .button-object a {
+    overflow: hidden;
+}
+.page-Main_Page h2.in-block {
+    margin: 0.2em 0;
+    border-bottom: none;
+}
+.page-Main_Page .eric-profile h2.in-block,
+.page-Main_Page .community-section h2.in-block {
+    margin-bottom: 0.5em;
+    padding: 0;
+    border-bottom: 3px solid #c7c7c7;
+}
+.page-Main_Page h4.in-block {
+    padding-bottom: 0.4em;
+}
+.box-header h4, .box-header h3 {
+    padding-bottom: 0.1em;
+}
+/* Grid Templates */
+.grid-3-col {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 1em;
+}
+.grid-2-col {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1em;
+}
+@media screen and (max-width: 800px) {
+    .grid-3-col,
+    .grid-2-col {
+        grid-template-columns: 1fr;
+    }
+}
+/* CardBook */
+.card-book {
+    display: grid;
+    grid-template-columns: 112px 1fr;
+    grid-template-rows: auto 1fr;
+    grid-template-areas:
+        "img info"
+        "followon followon";
+    gap: 0.75em;
+    padding: 0.75em;
+    background: #e9e9e9;
+    border-radius: 6px;
+}
+.card-book-img {
+    grid-area: img;
+}
+.card-book-img img {
+    border-radius: 3px;
+}
+.card-book-info {
+    grid-area: info;
+}
+.card-book-title p,
+.card-book-authors p {
+    line-height: 1.15;
+}
+.card-book-title p {
+    margin: 0 0 0.25em;
+}
+.card-book-title a {
+    font-weight: bold;
+}
+.card-book-authors p,
+.card-book-description p {
+    margin: 0 0 0.5em;
+}
+.card-book-authors {
+    font-size: 0.8em;
+}
+.card-book-description {
+    line-height: 1.3;
+}
+.card-book-followon {
+    grid-area: followon;
+}
+.card-book-followon-heading {
+    color: #393939;
+    font-weight: bold;
+    line-height: 1.3;
+    margin: 0 0 0.5em;
+}
+ul.card-book-followon-list {
+    margin: 0;
+    padding: 0;
+}
+.card-book-followon-list-item {
+    list-style: none;
+    display: grid;
+    grid-template-columns: 80px 1fr;
+    gap: 0.75em;
+    width: 100%;
+}
+.card-book-followon-list-item:not(:last-child) {
+    margin: 0 0 0.75em;
+}
+.card-book-followon-img {
+    border-radius: 3px;
+}
+.card-book-followon-title p {
+    margin: 0;
 }