GopherProxy

	clym.css - cl-yag - Common Lisp Yet Another website Generator
	git clone git://bitreich.org/cl-yag/ git://enlrupgkhuxnvlhsf6lc3fziv5h2hhfrinws…
	Log
	Files
	Refs
	Tags
	README
	LICENSE
	---
	clym.css (4795B)
	---
	1 /*
	2 * OpenBSD License
	3 *
	4 * Copyright (c) 2017 lambda <[email protected]>
	5 *
	6 * Permission to use, copy, modify, and distribute this software for any
	7 * purpose with or without fee is hereby granted, provided that the
	8 * above copyright notice and this permission notice appear in all
	9 * copies.
	10 *
	11 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL
	12 * WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED
	13 * WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE
	14 * AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL
	15 * DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR
	16 * PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
	17 * TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
	18 * PERFORMANCE OF THIS SOFTWARE.
	19 */
	20
	21 /* ====================================================== */
	22 /* A basic style for wrapper main footer */
	23 /* ====================================================== */
	24 html{
	25 overflow-y:scroll;
	26 }
	27 html, body {
	28 margin: 0em;
	29 padding: 0em;
	30 min-height:100%;
	31 height: 100%;
	32 }
	33 body {
	34 position: relative;
	35 margin: 0 auto;
	36 padding: 0em 1em;
	37 }
	38 #wrapper {
	39 position: relative;
	40 width:100%;
	41 min-height: 100%;
	42 margin: 0em auto;
	43 }
	44 main {
	45 padding-bottom: 3em;
	46 height:100%;
	47 }
	48 main:after {
	49 display: block;
	50 width: 100%;
	51 content:"";
	52 clear: both;
	53 }
	54 footer {
	55 position: absolute;
	56 width: 100%;
	57 height: 3em;
	58 bottom: 0em;
	59 text-align: center;
	60 }
	61 footer > p {
	62 display: block;
	63 text-align: center;
	64 font-size: 0.9em;
	65 }
	66 /* ====================================================== */
	67 /* A basic style for header */
	68 /* ====================================================== */
	69 /* All Tags */
	70 header > div {
	71 display: block;
	72 margin: 0.5em auto auto auto;
	73 padding: 1ex;
	74 float: right;
	75 border: 1px solid transparent;
	76 min-width: auto;
	77 max-width: 100%;
	78 }
	79 /* ====================================================== */
	80 /* A basic responsive'ish ruleset */
	81 /* ====================================================== */
	82 @media only screen and (min-width: 360px) {
	83 #wrapper {
	84 font-size: 0.95em;
	85 }
	86 }
	87 @media only screen and (min-width: 800px) {
	88 #wrapper {
	89 max-width: 750px;
	90 font-size: 1em;
	91 }
	92 }
	93 @media only screen and (min-width: 1000px) {
	94 #wrapper {
	95 max-width: 800px;
	96 }
	97 }
	98 @media only screen and (min-width: 1025px) {
	99 #wrapper {
	100 max-width: 1000px;
	101 }
	102 }
	103 /* ====================================================== */
	104 /* A basic theme */
	105 /* ====================================================== */
	106 html, body {
	107 font-family: Arial, sans;
	108 color: #1f1f1f ;
	109 }
	110 main {
	111 line-height: 1.3em;
	112 }
	113 h1,h2,h3 {
	114 font-weight: bold;
	115 line-height: 1.8;
	116 margin: 0em;
	117 }
	118 h1 {
	119 font-size: 175%;
	120 }
	121 h2 {
	122 font-size: 150%;
	123 }
	124 h3 {
	125 font-size: 125%;
	126 }
	127 p {
	128 text-align: justify;
	129 }
	130 a {
	131 color: #3b5487;
	132 text-decoration: none;
	133 }
	134 a:active, a:hover, a:focus {
	135 color: #203785;
	136 text-decoration: underline;
	137 }
	138 footer > p {
	139 display: block;
	140 text-align: center;
	141 font-size: 0.9em;
	142 }
	143 /* default style for 'information' */
	144 article > header {
	145 font-weight: 900;
	146 font-size: 90%;
	147 text-align: center;
	148 }
	149 article > header > h1 > a {
	150 color: #1f1f1f ;
	151 text-decoration: none;
	152 }
	153 /* ====================================================== */
	154 /* A basic style for code */
	155 /* ====================================================== */
	156 .src, code {
	157 display:inline-block;
	158 padding: 1px 5px;
	159 border-radius: 3px;
	160 background-color: #e3f0ff;
	161 font-weight: 700;
	162 font-size: 0.8em;
	163 color: #3c3f42;
	164 }
	165 pre > code, pre.src {
	166 display: block;
	167 height: auto;
	168 padding: 1em;
	169 }
	170 /* ====================================================== */
	171 /* A basic style for posts */
	172 /* ====================================================== */
	173 article {
	174 display: block;
	175 float: left;
	176 clear:both;
	177 width: 100%;
	178 }
	179 article:after {
	180 display:block;
	181 height: 1em;
	182 content:"";
	183 clear:both;
	184 }
	185 article > header {
	186 display:block;
	187 margin: 0em;
	188 padding: 1em;
	189 border: 1px solid transparent;
	190 border-radius: 3px;
	191 -webkit-box-shadow: 1px 1px 5px 1px #1f1f1f;
	192 box-shadow: 1px 1px 5px 1px #1f1f1f;
	193 }
	194 article > header:after {
	195 display:block;
	196 width:100%;
	197 height: auto;
	198 content:"";
	199 clear:both;
	200 }
	201 article > header > .information {
	202 font-size: 80%;
	203 }
	204 article > header > h1 {
	205 float: left;
	206 margin: auto 1em;
	207 }
	208 article > header > p {
	209 float: left;
	210 margin-top: 5px;
	211 }
	212 article > header + h1 {
	213 margin-top: 1em;
	214 }