diff options
Diffstat (limited to 'common.css')
| -rw-r--r-- | common.css | 127 |
1 files changed, 110 insertions, 17 deletions
@@ -1,6 +1,14 @@ @font-face{ font-family: 'CMU Typewriter Text w'; - src: url(/cmunbtl.woff); + src: url(https://filestorage.chrisoft.org/cmunbtl.woff); +} +@font-face{ + font-family: 'rocksalt'; + src: url('https://filestorage.chrisoft.org/rocksalt.woff'); +} +@font-face{ + font-family: 'Soon'; + src: url('https://filestorage.chrisoft.org/soon.woff'); } .CTitle{ font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; @@ -10,23 +18,35 @@ font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; font-variant-ligatures: none; } -a{ -text-decoration:none; -} -a:link{ -color:#1194FF; -} -a:visited{ -color:#20ACFF; -} -a:hover{ -color:#3FBFFF; +:root{ + --principal-bg: #FFF; + --principal-fg: #000; + --secondary-bg: #EEE; + --secondary-fg: #333; + --list-active-bg: #CEC; + --list-highlighted-bg: #DFD; + --link-fg: #1194FF; + --link-visited-fg: #20ACFF; + --link-hover-fg: #3FBFFF; + --link-active-fg: #CCCCFF; + --link-highlighted-fg: #EA0; + --interactive-bg: #4A4; + --interactive-fg: #FFF; + --interactive-hover-bg: #5B5; + --interactive-active-bg: #6C6; + --interactive-disabled-bg: #999; + --widget-area-bg: rgba(204,204,204,0.6); + --slider-empty-bg: rgba(64,240,96,0.6); + --slider-filled-bg: #10C048; + --bg-pattern: none; + --bg-pattern-x: url("/pattern1a.png"); } -a:active{ -color:#CCCCFF; +a{ + text-decoration:none; } div.comment{ - border:1px solid #CCC; + border:1px solid; + border-color: var(--secondary-fg); margin:1em; } div.author{ @@ -48,13 +68,23 @@ div.floatingr{ z-index: 10000; } .fakebtn{display:inline-block;color:#000;padding:1px 6px 1px 6px;} +button.link-like{ + border:none; + color: var(--link-fg); + background: none !important; + padding: unset; + text-align: unset; + cursor: pointer; + font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; + font-variant-ligatures: none; +} button{ border:none; padding:0.5em 2em; text-align:center; -webkit-transition-duration:0.4s; transition-duration:0.4s; - font-family: 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; + font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; font-variant-ligatures: none; } input[type="text"]{ @@ -62,11 +92,74 @@ input[type="text"]{ border-bottom: 2px solid; outline: none !important; background-color: rgba(0,0,0,0) !important; - font-family: 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; + font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; font-variant-ligatures: none; + color: var(--principal-fg); + border-bottom-color: var(--interactive-bg); } textarea{ border:2px solid; outline:none !important; background-color:rgba(0,0,0,0) !important; + font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; + font-variant-ligatures: none; + color: var(--principal-fg); + border-color: var(--interactive-bg); +} +body{ + background-color: var(--principal-bg); + background-image: var(--bg-pattern); + background-repeat: repeat; + color: var(--principal-fg); +} +del{ + text-decoration-color: var(--principal-fg); +} +#panel li>a.active{ + background-color: var(--list-active-bg); +} +#panel li>a:hover:not(.active){ + background-color: var(--list-highlighted-bg); +} +#panel,div.footer{ + background-color: var(--secondary-bg); + background-image: var(--bg-pattern); + background-repeat: repeat; +} +#content .block{ + border: 1px solid; + border-color: var(--secondary-fg); +} +a.highlighted{color: var(--link-highlighted-fg) !important;} +a:link{ + color: var(--link-fg); +} +a:visited{ + color: var(--link-visited-fg); +} +a:hover{ + color: var(--link-hover-fg); +} +a:active{ + color: var(--link-active-fg); +} +blockquote{ + border: 1px solid; + border-color: var(--secondary-fg); +} +button,.fakebtn{ + color: var(--interactive-fg); + background-color: var(--interactive-bg); +} +button:hover,.fakebtn:hover{ + background-color: var(--interactive-hover-bg); +} +button:active,.fakebtn:active{ + background-color: var(--interactive-active-bg); +} +button:disabled{ + background-color: var(--interactive-disabled-bg); } +.widgetbg{background-color: var(--widget-area-bg);} +.sliderb1{background-color: var(--slider-empty-bg);} +.sliderb2{background-color: var(--slider-filled-bg);} |