xfwc

style.css (1318B)

---

 /* ~lickthecheese's lickhack css! */
 /* gpl affero v3 */
 body, hr {
 background: black;
 font-family: monospace;
 color: #aea;
 }
 
 div, pre, summary {
 	padding: 10px;
 }
 
 img.comic {
 	width:100%
 }
 
 div {
 border: 1px solid #aea;
 border-left: 6px solid #7b7;
 border-radius: 0px 15px 15px 0px;
 margin-top: 5px;
 }
 
 html {
 width: 700px;
 margin: 0 auto;
 }
 
 a {
 text-decoration: none;
 color: #aee;
 }
 
 a:hover {
 text-decoration: underline;
 }
 
 code, kbd, pre {
 background: #111;
 color: #aea;
 }
 
 pre {
 border-radius: 0px 10px 10px 0px;
 border: 1px solid #9d9;
 border-left: 6px solid #6a6;
 }
 
 summary {
 	cursor: pointer;
 }
 
 th, summary {
 	color: black;
 	background-color: #aea;
 }
 
 th, td, details {
 	border: 1px solid #9d9;
 }
 th, td {
 	padding: 5px;
 }
 
 table, details, details *:not(summary) {
 	border-collapse: collapse;
 	margin: 10px;
 }
 
 @media screen and (max-width:700px) {
 html {
 width: 100%;
 }
 }
 
 @media (prefers-reduced-motion: no-preference) {
 	@keyframes flash {
 		50% { opacity: 0; }
 	}
 	@keyframes reveal {
 		from { width: 1em; } /* Width of ::before */
 		  to { width: 100%; }
 	}
 	h1 {
 		overflow: hidden;
 		white-space: nowrap;
 		animation: reveal 8s linear;
 		text-overflow: "\2588";
 	}
 	h1::after {
 		content: "\2588";
 		animation: flash 1s step-end infinite;
 	}
 }
 
 
 
 
 #cnav {
 	text-align: center;
 	font-size: 2em;
 }