diff options
Diffstat (limited to 'themes/ccc/assets/css/theme.css')
-rw-r--r-- | themes/ccc/assets/css/theme.css | 229 |
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 @@ | |||
1 | img { | ||
2 | max-width: 100%; | ||
3 | } | ||
4 | |||
5 | .titlebox { | ||
6 | text-align: right; | ||
7 | } | ||
8 | |||
9 | |||
10 | td.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 | |||
27 | div.figure > img, | ||
28 | div.figure > a > img { | ||
29 | /* Issue 292 */ | ||
30 | display: block; | ||
31 | margin-left: auto; | ||
32 | margin-right: auto; | ||
33 | } | ||
34 | |||
35 | blockquote p, blockquote { | ||
36 | font-size: 1.25rem; | ||
37 | font-weight: 300; | ||
38 | line-height: 1.25; | ||
39 | } | ||
40 | |||
41 | ul.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 | |||
51 | pre, pre code { | ||
52 | white-space: pre; | ||
53 | word-wrap: normal; | ||
54 | overflow: auto; | ||
55 | } | ||
56 | |||
57 | article.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 | |||
168 | pre { | ||
169 | border: 1px solid #ccc; | ||
170 | border-radius: 0.25rem; | ||
171 | padding: 0.75rem; | ||
172 | } | ||
173 | |||
174 | .postindexpager { | ||
175 | padding-bottom: 1rem; | ||
176 | } | ||
177 | |||
178 | ul.navbar-nav { | ||
179 | margin-top: 0; | ||
180 | } | ||
181 | |||
182 | ul.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 | |||
191 | ul.pager li.previous { | ||
192 | margin-right: auto; | ||
193 | display: inline; | ||
194 | } | ||
195 | |||
196 | ul.pager li.next { | ||
197 | margin-left: auto; | ||
198 | display: inline; | ||
199 | } | ||
200 | |||
201 | |||
202 | ul.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 | } | ||