MediaWiki:Common.css: Difference between revisions

Revision as of 16:01, 15 March 2025

/* CSS placed here will be applied to all skins */


@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Gloock&display=swap');

/*look into CSS Pseudo-elements for the :before etc...display: none */
/*.mw-logo-wordmark { color: black; font-family: Cinzel Decorative;}*/

/*.mw-logo-wordmark {display: none;}*/

/*.mw-logo-wordmark::before { font-weight: bold; color: red; font-family: Cinzel Decorative; content: "test ";}*/
/*.mw-logo-wordmark::after .first {color: green; font-family: Cinzel Decorative; content: " test2";}*/

#ca-talk { display:none!important; }

.mw-body {font-family: Arial;}



#firstHeading { color: black; font-family: Cinzel Decorative; bold; }

.mw-body-content h1 { color: black; font-family: Cinzel Decorative; bold; }

.mw-body-content h2 { color: black; font-family: Cinzel Decorative; bold;}

.mw-body-content h3 { color: black; font-family: Cinzel Decorative; bold;}

.mw-body-content h4 { color: black; font-family: Gloock; }

.mw-body-content h5 { color: black; font-family: Gloock; }


body {
    background-image: url('/resources/assets/Wyld West_Background 2_CW 1.jpg');
    background-size: cover; /* Ensures it covers the full page */
    background-position: center;
    background-attachment: fixed; /* Keeps the image fixed when scrolling */
}

#mw-head, #p-personal, #mw-panel {
    background-color: 4a90e2 !important; /* Change this to your preferred color */
}


.vector-header.mw-header {
    background-image: url("/resources/assets/Wyld West_Background 1_CW 1.jpg");
    background-size: cover;  /* Adjusts the image to fit the header */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling */
}


/* Hide the Edit tab ONLY for non-logged-in users */
body.not-logged-in #ca-edit {
    display: none !important;
}

/* Hide the View Source tab ONLY for non-logged-in users */
body.not-logged-in #ca-viewsource {
    display: none !important;
}

/* Hide the View History tab ONLY for non-logged-in users */
body.not-logged-in #ca-history {
    display: none !important;
}

/* Hide the Tools dropdown ONLY for non-logged-in users */
body.not-logged-in #p-tb {
    display: none !important;
}

/* Hide "To_delete_later" link from non-logged-in users */
body.not-logged-in #ca-To_delete_later {
    display: none !important;
}


//contents faf

/* General Styling */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Layout Properties */
.position {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Typography */
body {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  color: var(--color-base);
}

/* Background */
.background {
  background-color: var(--background-color-base);
  background-image: none;
  background-position: center;
  background-size: cover;
}

/* Borders */
.border {
  border: 1px solid var(--border-color-base);
  border-radius: 5px;
}

/* Buttons */
.button {
  background-color: var(--background-color-progressive);
  border: 1px solid var(--border-color-progressive);
  padding: 10px 20px;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

.button:hover {
  background-color: var(--background-color-progressive--hover);
}

/* Shadows */
.shadow {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* Flexbox */
.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* Specifics */
.color-content-added {
  color: var(--color-content-added);
}
.color-error {
  color: var(--color-error);
}