MediaWiki:Timeless.css
From Animal Crossing Mods Wiki
Revision as of 21:11, 12 September 2021 by PanchamBro (talk | contribs) (changing colors + merging css styles)
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}
