summaryrefslogtreecommitdiff
path: root/themes/ccc/assets/css/theme.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/ccc/assets/css/theme.css')
-rw-r--r--themes/ccc/assets/css/theme.css229
1 files changed, 229 insertions, 0 deletions
diff --git a/themes/ccc/assets/css/theme.css b/themes/ccc/assets/css/theme.css
new file mode 100644
index 00000000..d895ffc9
--- /dev/null
+++ b/themes/ccc/assets/css/theme.css
@@ -0,0 +1,229 @@
1img {
2 max-width: 100%;
3}
4
5.titlebox {
6 text-align: right;
7}
8
9
10td.label {
11 /* Issue #290 */
12 background-color: inherit;
13}
14
15.footnote-reference {
16 /* Issue 290 */
17 vertical-align: super;
18 font-size: xx-small;
19}
20
21.caption {
22 /* Issue 292 */
23 text-align: center;
24 padding-top: 1em;
25}
26
27div.figure > img,
28div.figure > a > img {
29 /* Issue 292 */
30 display: block;
31 margin-left: auto;
32 margin-right: auto;
33}
34
35blockquote p, blockquote {
36 font-size: 1.25rem;
37 font-weight: 300;
38 line-height: 1.25;
39}
40
41ul.bricks > li {
42 display: inline;
43 background-color: lightblue;
44 padding: 8px;
45 border-radius: 5px;
46 line-height: 3;
47 white-space:nowrap;
48 margin: 3px;
49}
50
51pre, pre code {
52 white-space: pre;
53 word-wrap: normal;
54 overflow: auto;
55}
56
57article.post-micro {
58 font-family: Georgia, 'Times New Roman', Times, serif;
59 font-size: 1.5em;
60}
61
62.image-block {
63 display: inline-block;
64}
65
66.tags {
67 padding-left: 0;
68 margin-left: -5px;
69 list-style: none;
70 text-align: center;
71
72}
73
74.tags > li {
75 display: inline-block;
76}
77.tags > li a {
78 display: inline-block;
79 padding: .25em .4em;
80 font-size: 75%;
81 font-weight: 700;
82 line-height: 1;
83 color: #fff;
84 text-align: center;
85 white-space: nowrap;
86 vertical-align: baseline;
87 border-radius: .25rem;
88 background-color: #868e96;
89}
90
91.tags > li a:hover {
92 color: #fff;
93 text-decoration: none;
94 background-color: #6c757d;
95}
96
97.metadata p:before,
98.postlist .listdate:after {
99 content: " — ";
100}
101
102.metadata p:first-of-type:before {
103 content: "";
104}
105
106.metadata p {
107 display: inline;
108}
109
110.posttranslation {
111 font-size: 1em;
112 font-weight: bold;
113 font-size: smaller;
114 margin-top: 1em;
115 color: #333;
116}
117
118.posttranslation a {
119 color: #333;
120}
121
122.entry-content {
123 margin-top: 1em;
124}
125
126/* for alignment with Bootstrap's .entry-content styling */
127.entry-summary {
128 margin-top: 1em;
129}
130
131.codetable {
132 table-layout: fixed;
133}
134
135.codetable pre {
136 overflow-x: scroll;
137}
138
139/* hat tip bootstrap/html5 boilerplate */
140@media print {
141 *, *:before, *:after {
142 font-family: Garamond, Junicode, serif;
143 }
144
145 body {
146 font-size: 12pt;
147 }
148
149 article .entry-title a[href]:after,
150 article .metadata a[href]:after,
151 article .tags a[href]:after {
152 content: "";
153 }
154
155 article .metadata .sourceline {
156 display: none;
157 }
158
159 article .metadata .linkline a[href]:after {
160 content: " (" attr(href) ")";
161 }
162
163 .navbar {
164 display: none;
165 }
166}
167
168pre {
169 border: 1px solid #ccc;
170 border-radius: 0.25rem;
171 padding: 0.75rem;
172}
173
174.postindexpager {
175 padding-bottom: 1rem;
176}
177
178ul.navbar-nav {
179 margin-top: 0;
180}
181
182ul.pager {
183 display: flex;
184 padding-left: 0;
185 list-style: none;
186 border-radius: .25rem;
187 padding-left: 0;
188 margin: 0.5rem 0;
189}
190
191ul.pager li.previous {
192 margin-right: auto;
193 display: inline;
194}
195
196ul.pager li.next {
197 margin-left: auto;
198 display: inline;
199}
200
201
202ul.pager li a {
203 display: inline;
204 position: relative;
205 padding: .5rem .75rem;
206 margin-left: -1px;
207 line-height: 1.25;
208 border: 1px solid #ddd;
209 border-radius: .25rem;
210}
211
212.codetable td {
213 padding: 0;
214 margin: 0;
215 border-radius: 0;
216}
217
218.codetable td.linenos pre {
219 border-top-right-radius: 0;
220 border-bottom-right-radius: 0;
221 border-right: none;
222}
223
224.codetable td.code pre.code {
225 margin-left: 0;
226 margin-right: 0;
227 border-top-left-radius: 0;
228 border-bottom-left-radius: 0;
229}