User:Tommyaweosme/Chocolate.css

From LifeWiki
Jump to navigation Jump to search

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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* v1.1.0 (12 December 2023) */

/* color variables */
:root {
  --choc-white:  #f7f7f7;
  --choc-silver: #e3e3e3;
  --choc-gray:   #5c5c5c;
}


/* icon */
#choc-icon-div{
    position: fixed;
    left: 1em;
    bottom: 1em;
    background-color: var(--choc-white);
    padding: 0.2em 0.35em;
    border: 2px solid var(--choc-silver);
    border-radius: 0.5em;
}
#choc-icon{
	width: 1.35em;
	margin-right: 0.15em;
}
#choc-icon-text{
	font-size: 0.85em;
}

/* modules */
#choc-whatwiki{
	font-size: 70%;
	color: var(--choc-gray);
	margin-left: 0.35em;
}

.choc-printfooter{
    font-size: 0.8em;
    color: var(--choc-gray);
    margin-top: 1.5em;
    display: block;
}