« MediaWiki:Common.css » : différence entre les versions

Version du 9 décembre 2025 à 02:43

/* ---------------------------------------------------------
 * AtlasMuseum global styling for all SPECIAL PAGES
 * Loaded regardless of skin (Vector, Vector-2022, etc.)
 * --------------------------------------------------------- */

/* Universal font + basic layout for ALL Special: pages */
body.mw-special,
body[class^="mw-special-"] {
    font-family: "ITCFranklinGothicW02-Bk 812924", Arial, sans-serif !important;
}

/* Standardize body container on special pages */
body.mw-special .mw-body,
body.mw-special .mw-body-content {
    max-width: 1050px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    padding-top: 20px;
}


/* =========================================================
 * Special:Preferences  (User settings page)
 * ========================================================= */

body.mw-special-Preferences #firstHeading {
    font-size: 32px !important;
    font-family: "FranklinGothicW01-Extra 692515";
    border: none !important;
    margin: 40px 0 24px 0 !important;
}

body.mw-special-Preferences #firstHeading > span {
    border-bottom: 8px solid #fbe023 !important;
}

/* Style the preferences tabs block */
body.mw-special-Preferences #preferences {
    border: 1px solid #e4e8ea !important;
    background: #ffffff !important;
    padding: 20px !important;
}

/* Make internal form fields look consistent */
body.mw-special-Preferences .mw-htmlform,
body.mw-special-Preferences .mw-htmlform * {
    font-family: "ITCFranklinGothicW02-Bk 812924", Arial, sans-serif !important;
    font-size: 13px !important;
}


/* =========================================================
 * Special:UserLogin (Login page styling)
 * ========================================================= */

/* Login container */
body.mw-special-Userlogin #content,
body.mw-special-Userlogin .mw-body,
body.mw-special-Userlogin .mw-body-content {
    max-width: 1050px !important;
    margin: 0 auto !important;
    border-left: 1px solid #e4e8ea;
    padding: 40px 55px;
    background: #ffffff;
}

/* Login heading */
body.mw-special-Userlogin #firstHeading {
    font-size: 32px !important;
    font-family: "FranklinGothicW01-Extra 692515";
    border: none;
    margin-bottom: 24px;
}

body.mw-special-Userlogin #firstHeading > span {
    border-bottom: 8px solid #fbe023;
}

/* Login form layout */
body.mw-special-Userlogin .mw-htmlform,
body.mw-special-Userlogin .mw-htmlform-ooui-wrapper {
    border: 1px solid #e4e8ea;
    padding: 24px 32px;
    background: #ffffff;
}

/* Labels */
body.mw-special-Userlogin .mw-htmlform label,
body.mw-special-Userlogin .mw-htmlform .mw-label {
    font-size: 13px;
    margin-bottom: 4px;
}

/* Input fields */
body.mw-special-Userlogin .mw-htmlform input[type="text"],
body.mw-special-Userlogin .mw-htmlform input[type="password"] {
    border: 1px solid #d5dbdb;
    padding: 6px 8px;
    width: 260px;
    font-size: 13px;
}

/* Submit button (AtlasMuseum yellow) */
body.mw-special-Userlogin .mw-htmlform input[type="submit"],
body.mw-special-Userlogin .oo-ui-buttonElement-button {
    background: #fbe023;
    border: 1px solid #e0d200;
    color: #505b61;
    padding: 6px 18px;
    font-size: 13px;
    cursor: pointer;
}

body.mw-special-Userlogin .mw-htmlform input[type="submit"]:hover,
body.mw-special-Userlogin .oo-ui-buttonElement-button:hover {
    background: #ffe94b;
}

/* Login page links */
body.mw-special-Userlogin .mw-htmlform a {
    color: #00B9EE;
}

@@ Ligne 1 : / Ligne 1 : @@
 /* ---------------------------------------------------------
-  * AtlasMuseum styling layered on top of Vector (MediaWiki 1.39)
+  * AtlasMuseum global styling for all SPECIAL PAGES
+ * Loaded regardless of skin (Vector, Vector-2022, etc.)
   * --------------------------------------------------------- */
-/* Load original AtlasMuseum CSS files from the skin directory */
+/* Universal font + basic layout for ALL Special: pages */
-@import url("/skins/AtlasMuseum/resources/screen.css");
+body.mw-special,
-@import url("/skins/AtlasMuseum/resources/atlasmuseum.css");
+body[class^="mw-special-"] {
-@import url("/skins/AtlasMuseum/resources/artwork.css");
+     font-family: "ITCFranklinGothicW02-Bk 812924", Arial, sans-serif !important;
-@import url("/skins/AtlasMuseum/resources/edit.css");
-/* =========================================================
- * HEADER FIXES & LAYOUT CORRECTIONS
- * ========================================================= */
-/* 1) Reset legacy AtlasMuseum rule that pushed all header links out of place */
-div#mw-head-base a {
-    position: static !important;
-    left: auto !important;
-    top: auto !important;
-    display: inline !important;
-    height: auto !important;
-    line-height: normal !important;
-    background: none;
-}
-/* 2) Position the personal tools neatly in the top-right corner */
-#p-personal {
-    position: absolute !important;
-    top: 10px !important;        /* adjust if needed */
-    right: 40px !important;      /* adjust if needed */
-    background: none;
-    padding: 0;
-    margin: 0;
-    z-index: 5;
-}
-#p-personal ul {
-    margin: 0;
-    padding: 0;
-}
-#p-personal li {
-    display: inline-block;
-    border-right: 1px solid #505B61;
-    margin: 0 6px 0 0;
-    padding: 0 6px 0 0;
-    background: transparent;
-}
-#p-personal li:last-child {
-    border-right: none;
-}
-#p-personal a,
-#p-personal a:visited {
-    background: none !important;
-    color: #ffffff;
-     font-family: "ITCFranklinGothicW02-Bk 812924";
-    font-size: 11px;
-    text-decoration: none;
 }
-#p-personal a:hover {
+/* Standardize body container on special pages */
-     text-decoration: underline;
+body.mw-special .mw-body,
+body.mw-special .mw-body-content {
+    max-width: 1050px !important;
+    margin: 0 auto !important;
+    background: #ffffff !important;
+     padding-top: 20px;
 }
-/* 3) Position the search bar below the personal tools */
-#p-search {
-    position: absolute !important;
-    top: 40px !important;      /* adjust if needed */
-    right: 40px !important;
-    margin: 0;
-    padding: 0;
-}
-#simpleSearch {
-    background: none;
-}
 /* =========================================================
-  * ATLASMUSEUM LOGO (TEXT VERSION)
+  * Special:Preferences  (User settings page)
   * ========================================================= */
-/* Hide the default Vector logo image */
+body.mw-special-Preferences #firstHeading {
-#p-logo a > img {
+    font-size: 32px !important;
-     display: none !important;
+    font-family: "FranklinGothicW01-Extra 692515";
+     border: none !important;
+    margin: 40px 0 24px 0 !important;
 }
-/* Allow positioning inside the logo container */
+body.mw-special-Preferences #firstHeading > span {
-#p-logo {
+     border-bottom: 8px solid #fbe023 !important;
-     position: relative;
 }
-/* Add the textual AtlasMuseum logo */
+/* Style the preferences tabs block */
-#p-logo::after {
+body.mw-special-Preferences #preferences {
-     content: "AtlasMuseum";
+     border: 1px solid #e4e8ea !important;
-    font-family: "FranklinGothicW01-Extra 692515";
+     background: #ffffff !important;
-    font-size: 58px;
+     padding: 20px !important;
-    text-transform: lowercase;
-     color: #ffffff;
-     position: absolute;
-    top: 0px;      /* adjust if needed */
-    left: 30px;    /* adjust if needed */
-    pointer-events: none; /* the link remains clickable */
 }
-/* Make the whole area clickable (link to homepage) */
+/* Make internal form fields look consistent */
-#p-logo a {
+body.mw-special-Preferences .mw-htmlform,
-     position: absolute;
+body.mw-special-Preferences .mw-htmlform * {
-    top: 0;
+     font-family: "ITCFranklinGothicW02-Bk 812924", Arial, sans-serif !important;
-    left: 0;
+     font-size: 13px !important;
-    width: 260px;
-     height: 80px;
-    z-index: 5;
-    background: none !important;
 }
 /* =========================================================
-  * SPECIAL PAGES (Login, Preferences, Account Creation)
+  * Special:UserLogin (Login page styling)
   * ========================================================= */
-/* General font fix for all special pages */
+/* Login container */
-body.mw-specialpage {
-    font-family: "ITCFranklinGothicW02-Bk 812924";
-}
-/* Main container for Special:UserLogin */
 body.mw-special-Userlogin #content,
 body.mw-special-Userlogin .mw-body,
 body.mw-special-Userlogin .mw-body-content {
-     max-width: 1050px;
+     max-width: 1050px !important;
-     margin: 0 auto;
+     margin: 0 auto !important;
      border-left: 1px solid #e4e8ea;
      padding: 40px 55px;
@@ Ligne 143 : / Ligne 65 : @@
 }
-/* Login page heading */
+/* Login heading */
 body.mw-special-Userlogin #firstHeading {
-     font-size: 32px;
+     font-size: 32px !important;
      font-family: "FranklinGothicW01-Extra 692515";
      border: none;
@@ Ligne 163 : / Ligne 85 : @@
 }
-body.mw-special-Userlogin .mw-htmlform fieldset {
+/* Labels */
-    border: none;
-    margin: 0 0 16px 0;
-}
 body.mw-special-Userlogin .mw-htmlform label,
 body.mw-special-Userlogin .mw-htmlform .mw-label {
@@ Ligne 183 : / Ligne 101 : @@
 }
-/* Submit button in AtlasMuseum yellow */
+/* Submit button (AtlasMuseum yellow) */
 body.mw-special-Userlogin .mw-htmlform input[type="submit"],
 body.mw-special-Userlogin .oo-ui-buttonElement-button {

« MediaWiki:Common.css » : différence entre les versions

Version du 9 décembre 2025 à 02:43

« MediaWiki:Common.css » : différence entre les versions