MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 299: / Line 299: @@
    padding:4px 4px 5px calc(17px + 6.5px * 2);
    box-shadow:0 2px 3px rgba(0,0,0,0.1);
-   transition:0.2s
+   transition:0.2s;
 }
 #n-Discord a::before {
-   content:'Join our ';
+   content:'Join the ';
    font-weight:normal;
-   opacity:0.85
+   opacity:0.85;
 }
 #n-Discord a::after {
@@ Line 315: / Line 315: @@
    left:7px;
    width:17px;
-   height:13px
+   height:13px;
 }
 #n-Discord a:hover {
    text-decoration:none;
-   background-color:#525ee0
+   background-color:#525ee0;
 }
+/* Sidebar HighLite */
+#n-HighLite a {
+  color:#fff !important;
+  font-weight:bold;
+  border-radius:4px;
+  border:1px solid #0d0d0d;
+  background-color:#1a1a1a;
+  display:block;
+  position:relative;
+  padding:4px 4px 5px calc(17px + 6.5px * 2);
+  box-shadow:0 2px 3px rgba(0,0,0,0.1);
+  transition:0.2s;
+}
+#n-HighLite a::before {
+  content:'Try Out ';
+  font-weight:normal;
+  opacity:0.85;
+}
+#n-HighLite a::after {
+  content:'';
+  background:url(https://highspell.wiki/w/images/e/e8/HighLite-Logo-Transparent.png) no-repeat;
+  background-size: 26px;
+  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
+  position: absolute;
+  top: -1px;
+  left: 3px;
+  width: 25px;
+  height: 25px;
+}
+#n-HighLite a:hover {
+  text-decoration:none;
+  background-color:#000000;
+}
@@ Line 347: / Line 381: @@
 }
+.fslightbox-wrapper iframe[data-fslightbox-target] {
+   position: absolute;
-/* === MAP LIGHTBOX STYLES === */
+   top: -9999px;
+   left: -9999px;
-#map-lightbox {
+   width: 1px;
-  display: none;
+   height: 1px;
-   position: fixed;
+   opacity: 0;
-   top: 0; left: 0;
+   pointer-events: none;
-  width: 100vw;
+   z-index: -1;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.85);
-   backdrop-filter: blur(2px);
-  z-index: 999999;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-.map-lightbox-content {
-  background: #111;
-   width: 90%;
-  max-width: 1000px;
-   height: 80%;
-  border-radius: 6px;
-   box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
-   position: relative;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-#map-lightbox iframe {
-  flex-grow: 1;
-  width: 100%;
-  height: 100%;
-  border: none;
-}
-#close-map-lightbox {
-  position: fixed;
-  top: 15px;
-  right: 40px; /* ← was 5%, now fixed distance */
-  background: #fff;
-  border: none;
-  padding: 5px 12px;
-  font-size: 1.3em;
-  font-weight: bold;
-  border-radius: 4px;
-   z-index: 100001;
-  cursor: pointer;
-  box-shadow: 0 0 8px rgba(0,0,0,0.3);
-}
-#close-map-lightbox:hover {
-  background: #ddd;
 }