|
|
clym.css - cl-yag - Common Lisp Yet Another website Generator |
|
|
 |
git clone git://bitreich.org/cl-yag/ git://enlrupgkhuxnvlhsf6lc3fziv5h2hhfrinws65d7roiv6bfj7d652fid.onion/cl-yag/ (git://bitreich.org) |
|
|
 |
Log |
|
|
|
Files |
|
|
|
Refs |
|
|
|
Tags |
|
|
|
README |
|
|
|
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 } |
|