diff options
Diffstat (limited to 'common.css')
| -rw-r--r-- | common.css | 52 |
1 files changed, 38 insertions, 14 deletions
@@ -1,6 +1,10 @@ @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'); } .CTitle{ font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; @@ -10,6 +14,28 @@ font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; font-variant-ligatures: none; } +: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: url("/pattern1a.png"); +} a{ text-decoration:none; } @@ -43,7 +69,7 @@ button{ 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"]{ @@ -51,13 +77,19 @@ 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); @@ -68,13 +100,13 @@ body{ del{ text-decoration-color: var(--principal-fg); } -#panel li a.active{ +#panel li>a.active{ background-color: var(--list-active-bg); } -#panel li a:hover:not(.active){ +#panel li>a:hover:not(.active){ background-color: var(--list-highlighted-bg); } -#panel,#footer{ +#panel,div.footer{ background-color: var(--secondary-bg); background-image: var(--bg-pattern); background-repeat: repeat; @@ -113,14 +145,6 @@ button:active,.fakebtn:active{ button:disabled{ background-color: var(--interactive-disabled-bg); } -input[type="text"]{ - color: var(--principal-fg); - border-bottom-color: var(--interactive-bg); -} -textarea{ - color: var(--principal-fg); - border-color: var(--interactive-bg); -} .widgetbg{background-color: var(--widget-area-bg);} .sliderb1{background-color: var(--slider-empty-bg);} .sliderb2{background-color: var(--slider-filled-bg);} |