MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 27: / Line 27: @@
 }
-/* Image Styling */
+/* Hide empty figcaption below the image */
-.infoboxTable img {
+.infoboxTable figure figcaption {
-     width: 100%; /* Ensure image fits the box */
+     display: none;
-    border-radius: 5px;
-    border: 1px solid #8c6239;
-    margin-top: 5px;
 }
-/* Remove left alignment on images */
+/* Center images inside the infobox */
 .infoboxTable figure {
-     text-align: center; /* Centers the image */
+     text-align: center;
      display: flex;
      justify-content: center;
+    align-items: center;
 }
-/* Make images take the full width of the infobox */
+/* Make images fit neatly */
 .infoboxTable img {
      width: 100%;
-     max-width: 250px; /* Adjust as needed */
+     max-width: 250px;
      border-radius: 5px;
      border: 1px solid #8c6239;
+}
+/* Hide the infobox title row */
+.infoboxTable .infoboxTitle {
+    display: none;
+}
+@import url('https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v7.0.0/legacy/ol.css');
+#adaris-continent-map {
+    width: 100%;
+    height: 80vh;
+    min-height: 650px;
+    background: #111;
+    border: 1px solid #5b4a32;
+}
+#adaris-continent-map,
+#adaris-continent-map .ol-viewport {
+    background: #f2e4c9;
+}
+.pixel-area-tool {
+  max-width: 420px;
+  padding: 1em;
+  border: 1px solid #c8b89e;
+  border-radius: 6px;
+  background: #f7efe3;
+}
+.pixel-area-tool h3 {
+  margin-top: 0;
+}
+.pixel-area-tool label {
+  display: block;
+  margin-bottom: 0.75em;
+}
+.pixel-area-tool input {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  margin-top: 0.25em;
+  padding: 0.35em;
+}
+.pixel-area-tool button {
+  margin-top: 0.5em;
+  padding: 0.4em 0.8em;
+  cursor: pointer;
+}
+#pixel-area-result {
+  margin-top: 1em;
+  font-size: 1.1em;
+}
+.adaris-tool-box {
+  max-width: 400px;
+  padding: 1em;
+  margin: 1em 0;
+  border: 1px solid #aaa;
+  background: #f9f5ec;
+}
+.adaris-tool-box input {
+  width: 100%;
+  box-sizing: border-box;
+  margin-top: 0.4em;
+  padding: 0.35em;
 }