User:Benatkin.com/common.css

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.

/* lighter tones from https://tracydurnell.com/2021/07/10/mushroom-mascot-design-indieweb-create-day */

/* colorize structural elements */
#p-logo {
    left: 0;
    padding-left: 0.5em;
    position: absolute;
    top: -5em; }
#mw-head {
    background-color: #fef0ce;
    border-bottom: 1px solid #ffdd90; }
#mw-panel {
    background-color: #fef0ce;
    border-bottom: 1px solid #ffdd90;
    border-right: 1px solid #ffdd90;
    padding-top: 3em !important;
    top: 5em !important; }

/* colorize document elements */
#toc {
    background-color: #fef0ce;
    border: 1px solid #ffdd90; }

/* remove sponsor logos from footer */
#footer .logo {
    display: none; }

/* remove blue borders from page */
#content {
    border: 0; }
#footer {
    margin-left: 10.5em !important; }
#footer .inner {
    background-color: #ffdd90 !important;
    border: 0; }
#footer .inner .thanks {
    color: #000; }
#footer .inner .thanks.small a {
    color: #0645ad; }

/* remove blue borders from buttons and colorize */
.vectorTabs, .vectorTabs ul {
    background-image: none !important; }
.vectorTabs li, .vectorTabs li span {
    background-color: #fef0ce;
    background-image: none !important; }
.vectorTabs li.selected, .vectorTabs li.selected span {
    background-image: linear-gradient(#fef0ce, #ffdd90) !important; }
.vectorMenu h3, .vectorMenu a {
    background-image: none !important; }
.vectorMenu .menu {
    background-color: #fef0ce !important;
    border: 1px solid #ffdd90 !important;
    border-top: 0 !important; }