Difference between revisions of "MediaWiki:Common.css"

From The Wind Waker Randomizer
(Added custom wiki CSS)
 
m (Added !important)
Line 11: Line 11:


body {
body {
   background: var(--blue);
   background: var(--blue) !important;
}
}


a {
a {
   color: var(--blue);
   color: var(--blue) !important;
}
}


a:visited {
a:visited {
   color: var(--dark-blue);
   color: var(--dark-blue) !important;
}
}


a.new, .new a {
a.new, .new a {
   color var(--red);
   color var(--red) !important;
}
}


#mw-head-container {
#mw-head-container {
   background: var(--blue);
   background: var(--blue) !important;
}
}


#personal {
#personal {
   color: var(--off-white);
   color: var(--off-white) !important;
}
}


#p-logo-text a {
#p-logo-text a {
   color: var(--off-white);
   color: var(--off-white) !important;
}
}


#simpleSearch {
#simpleSearch {
   box-shadow: none;
   box-shadow: none !important;
   border: none;
   border: none !important;
}
}


#simpleSearch {
#simpleSearch {
   background: var(--blue);
   background: var(--blue) !important;
   border: none;
   border: none !important;
   box-shadow: none;
   box-shadow: none !important;
   border-bottom: 2px solid var(--off-white);
   border-bottom: 2px solid var(--off-white) !important;
}
}


#searchInput {
#searchInput {
   color: white;
   color: white !important;
   box-shadow: none;
   box-shadow: none !important;
}
}


#mw-header-hack {
#mw-header-hack {
   display: none;
   display: none !important;
}
}


#mw-content-container {
#mw-content-container {
   margin-top: 5rem;
   margin-top: 5rem !important;
   border-bottom: none;
   border-bottom: none !important;
}
}


#mw-content {
#mw-content {
   background: var(--off-white);
   background: var(--off-white) !important;
   border-radius: var(--rounded);
   border-radius: var(--rounded) !important;
}
}


Line 72: Line 72:
#site-tools,
#site-tools,
#page-tools {
#page-tools {
   background: var(--off-white);
   background: var(--off-white) !important;
   border-radius: var(--rounded);
   border-radius: var(--rounded) !important;
}
}


#mw-footer-container {
#mw-footer-container {
   box-shadow: none;
   box-shadow: none !important;
   border-top: none;
   border-top: none !important;
}
}

Revision as of 19:28, 28 August 2021

/* CSS placed here will be applied to all skins */
:root {
  --off-white: #e5f0fa;
  --dark-blue: #2B76D9;
  --blue: #2B88D9;
  --light-blue: #5ED7F2;
  --red: #D9043D;
  --dark-red: #BF2604;
  --rounded: 0.25rem;
}

body {
  background: var(--blue) !important;
}

a {
  color: var(--blue) !important;
}

a:visited {
  color: var(--dark-blue) !important;
}

a.new, .new a {
  color var(--red) !important;
}

#mw-head-container {
  background: var(--blue) !important;
}

#personal {
  color: var(--off-white) !important;
}

#p-logo-text a {
  color: var(--off-white) !important;
}

#simpleSearch {
  box-shadow: none !important;
  border: none !important;
}

#simpleSearch {
  background: var(--blue) !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 2px solid var(--off-white) !important;
}

#searchInput {
  color: white !important;
  box-shadow: none !important;
}

#mw-header-hack {
  display: none !important;
}

#mw-content-container {
  margin-top: 5rem !important;
  border-bottom: none !important;
}

#mw-content {
  background: var(--off-white) !important;
  border-radius: var(--rounded) !important;
}

#site-navigation,
#site-tools,
#page-tools {
  background: var(--off-white) !important;
  border-radius: var(--rounded) !important;
}

#mw-footer-container {
  box-shadow: none !important;
  border-top: none !important;
}