Difference between revisions of "MediaWiki:Timeless.css"

From Animal Crossing Mods Wiki
(adding sidebar changes)
 
(changing colors + merging css styles)
Line 14: Line 14:
   cursor: pointer !important;
   cursor: pointer !important;
}
}
.mw-portlet-body li:hover {
#mw-site-navigation .sidebar-chunk li:hover, .mw-portlet-body li:hover {
     background: #cac6b5;
     background: #c1bb9e;
     transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
     transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
     border-radius: 10em;
     border-radius: 10em;
}
}
#mw-site-navigation .sidebar-chunk li:hover {
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
    background: #cac6b5;
    transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
    border-radius: 10em;
}
#mw-site-navigation .sidebar-chunk h3 {
   font-weight:normal;
   font-weight:normal;
   font-size:1em;
   font-size:1em;
Line 36: Line 31:
   color: #fff !important;
   color: #fff !important;
   margin: 0;
   margin: 0;
  border-radius: 10em;
  font-family: 'Varela Round', sans-serif;
}
#mw-related-navigation .sidebar-chunk h3 {
  background-color: rgba(101, 90, 75, 0.6);
  justify-content: center;
  display: flex;
  padding: 0.5em 0;
  text-align: center;
  transition: color 0.3s,background-color 0.3s;
  box-sizing: inherit;
  color: #fff !important;
  margin: 0;
  font-weight: normal;
  font-size: 1em;
   border-radius: 10em;
   border-radius: 10em;
   font-family: 'Varela Round', sans-serif;
   font-family: 'Varela Round', sans-serif;
  }
  }

Revision as of 21:11, 12 September 2021

/* All CSS here will be loaded for users of the Timeless skin */
/* Sidebar changes */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
 background:#fff1d7;
 color:#524434;
 display: contents;
}
.mw-portlet-body a {
  text-align: center;
  padding: 0.25em 0;
  display: block;
  color: #000;
  cursor: pointer !important;
}
#mw-site-navigation .sidebar-chunk li:hover, .mw-portlet-body li:hover {
    background: #c1bb9e;
    transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1);
    border-radius: 10em;
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
  font-weight:normal;
  font-size:1em;
  background-color: rgba(101, 90, 75, 0.6);
  justify-content: center;
  display: flex;
  padding: 0.5em 0;
  text-align: center;
  transition: color 0.3s,background-color 0.3s;
  box-sizing: inherit;
  color: #fff !important;
  margin: 0;
  border-radius: 10em;
  font-family: 'Varela Round', sans-serif;
 }