MediaWiki:Mobile.css: Difference between revisions

← Older edit

MediaWiki:Mobile.css (view source)

Revision as of 16:53, 1 August 2025

2,219 bytes added , Friday at 16:53

m

Sync with MediaWiki:Common.css

-u ndefined-

Interface administrators, Administrators

981

edits

@@ Line 1: / Line 1: @@
-figure.image-mobile {
+/*
+ * Global styles
+ * Sync with MediaWiki:Common.css
+ */
+.infobox {
+  width: 256px;
+  background-color: #f9f9f9;
+  border: 2px solid #808080;
+  border-radius: 10px;
+  box-shadow: 0px -6px #0004 inset;
+  padding: 0.4em 0.4em 1em;
+  font-size: 90%;
+  line-height: 1.5em;
+  float: right;
+  clear: right;
+  margin: 0 0 1em 1em;
+}
+.infobox-title {
+  font-size: 140%;
+  font-weight: bold;
+  text-align: center;
+  padding: 5px;
+  border-bottom: 2px solid #a2a9b1;
+}
+.infobox-image {
+  text-align: center;
+  margin: 5px 0;
+}
+.infobox-caption {
+  font-size: 90%;
+  text-align: center;
+  padding: 2px 5px;
+}
+.infobox-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.infobox-header th {
+  background-color: #e6e6e6;
+  font-weight: bold;
+  text-align: left;
+  padding: 5px;
+  border-bottom: 1px solid #a2a9b1;
+}
+.infobox-row td {
+  padding: 2px 5px;
+  border-bottom: 1px solid #f2f2f2;
+}
+.infobox-label {
+  font-weight: bold;
+  background-color: #f2f2f2;
+}
+.notice {
+  width: 80%;
+  margin: auto;
+  background-color: #f9f9f9;
+  border: 2px solid #808080;
+  border-radius: 10px;
+  box-shadow: 0px -6px #0004 inset;
+  padding: 0.4em 0.4em 0.6em;
+}
+.port-rectangle {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  background-color: #000000;
+  vertical-align: baseline;
+}
+.port-rectangle-execution {
+  background-color: #FFE640;
+}
+.port-rectangle-number {
+  background-color: #00DCFF;
+}
+.port-rectangle-vector {
+  background-color: #00FF80;
+}
+.port-rectangle-rotation {
+  background-color: #FF8040;
+}
+.port-rectangle-truth {
+  background-color: #FF4040;
+}
+.port-rectangle-object {
+  background-color: #FF80C0;
+}
+.port-rectangle-constraint {
+  background-color: #A0AAC8;
+}
+/*
+ * Mobile styles
+ */
+figure.image {
    margin: 0 auto;
    display: table;
@@ Line 5: / Line 116: @@
    clear: none;
    float: none;
+}
+.main-column-box {
+  border: 3px solid #000;
+  border-radius: 20px;
+  box-shadow: 0px -10px #0004 inset;
+  flex: 1 1 100%;
+  margin-bottom: 0.4em;
+  padding: 0.4em 0.4em 1em;
+}
+.main-welcome-box {
+  background-color: #f9f9f9;
+  border: 3px solid #202020;
+  border-radius: 20px;
+  box-shadow: 0px -10px #0004 inset;
+  margin-bottom: 0.4em;
+  padding: 0.4em 0.4em 1em;
+  display: grid;
+  grid-template-columns: auto;
+  grid-column-gap: 0.4em;
+}
+.main-image {
+  text-align: center;
+  border-bottom: inherit;
 }