clym.css - cl-yag - Common Lisp Yet Another website Generator
HTML git clone git://bitreich.org/cl-yag/ git://enlrupgkhuxnvlhsf6lc3fziv5h2hhfrinws65d7roiv6bfj7d652fid.onion/cl-yag/
DIR Log
DIR Files
DIR Refs
DIR Tags
DIR README
DIR LICENSE
---
clym.css (4795B)
---
1 /*
2 * OpenBSD License
3 *
4 * Copyright (c) 2017 lambda <lambda@fnord.one>
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 }