MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 14: / Line 14: @@
-.create-button a {
+/* Wrapper spacing */
+.create-button {
+    margin: 0.5em 0;
+}
+/* Main button look */
+.create-button a.external.text {
      display: inline-block;
-     padding: 10px 18px;
+     padding: 10px 22px;
-     background-color: #3366ff;
+     background-color: #111111;          /* deep neutral to match the logo */
-     color: white !important;
+    border-radius: 8px;
-     text-decoration: none;
+    border: 1px solid #5b3fd8;          /* purple accent */
-    border-radius: 6px;
+     color: #ffffff !important;
+     text-decoration: none !important;
      font-weight: 600;
      font-size: 0.95em;
-     box-shadow: 0 2px 4px rgba(0,0,0,0.15);
+    letter-spacing: 0.02em;
-     transition: background-color 0.2s ease, transform 0.15s ease;
+     box-shadow: 0 2px 6px rgba(0,0,0,0.18);
+     transition:
+        background-color 0.2s ease,
+        border-color 0.2s ease,
+        transform 0.15s ease,
+        box-shadow 0.2s ease;
 }
-.create-button a:hover {
+/* Hover + active states */
-     background-color: #1f4fe0;
+.create-button a.external.text:hover {
+     background-color: #1a1a1a;
+    border-color: #7a5cff;              /* brighter purple on hover */
      transform: translateY(-1px);
+    box-shadow: 0 3px 8px rgba(0,0,0,0.22);
 }
-.create-button a:active {
+.create-button a.external.text:active {
-     background-color: #183fb8;
+     background-color: #0c0c0c;
+    border-color: #5b3fd8;
      transform: translateY(0);
+    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
+}
+/* Remove the tiny external-link icon inside the button */
+.create-button a.external.text::after {
+    display: none !important;
 }