path: root/common.css

@font-face{
	font-family: 'CMU Typewriter Text w';
	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;
	font-variant-ligatures: none;
}
.TText{
	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;
}
div.comment{
	border:1px solid;
	border-color: var(--secondary-fg);
	margin:1em;
}
div.author{
	text-align:right;
	padding-right:0.5em;
	padding-bottom:0.5em;
}
div.floatingl{
	left: 0px;
	bottom: -10px;
	position: fixed;
	z-index: 10000;
}
div.floatingr{
	right: 0px;
	bottom: -10px;
	position: fixed;
	transform: rotateY(180deg);
	z-index: 10000;
}
.fakebtn{display:inline-block;color:#000;padding:1px 6px 1px 6px;}
button{
	border:none;
	padding:0.5em 2em;
	text-align:center;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace;
	font-variant-ligatures: none;
}
input[type="text"]{
	border: none;
	border-bottom: 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;
}
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;
}
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,#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);
}
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);}