Mercurial > trustbridge

comparison manuals/theme/better/static/better.css_t @ 934:519b14c5260d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
(issue89) Add sphinx better theme
author Andre Heinecke <andre.heinecke@intevation.de>
date Fri, 22 Aug 2014 17:16:53 +0200
parents
children
comparison
equal deleted inserted replaced
933:af27328bea9d 934:519b14c5260d
1 @import url("better_basic.css");
2
3 {% set theme_headtextcolor = theme_headtextcolor or theme_textcolor %}
4 {% set theme_footertextcolor = theme_footertextcolor or theme_textcolor %}
5
6 /* main styles */
7
8 body {
9 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10 font-size: 100%;
11 color: {{ theme_textcolor }};
12 margin: 0;
13 padding: 0;
14 line-height: 135%;
15 }
16
17 a {
18 color: #008;
19 text-decoration: none;
20 }
21
22 a:visited {
23 color: #208;
24 text-decoration: none;
25 }
26
27 a:hover {
28 text-decoration: underline;
29 }
30
31 a.toc-backref {
32 color: {{ theme_headtextcolor }};
33 }
34
35 p {
36 margin: 1rem 0;
37 }
38
39 h1, h2, h3, h4, h5, h6 {
40 margin-top: 1em;
41 margin-bottom: 0.5em;
42 color: {{ theme_headtextcolor }};
43 line-height: 135%;
44 }
45
46 .body .section:first-child > :first-child,
47 .sphinxsidebarwrapper > :first-child,
48 .sphinxsidebar .search:first-child
49 {
50 margin-top: 1rem;
51 }
52
53 h1 { font-size: 1.5rem; font-weight: bold; }
54 h2 { font-size: 1.5rem; font-weight: normal; }
55 h3 { font-size: 1.25rem; font-weight: bold; }
56 h4 { font-size: 1.25rem; font-weight: normal; }
57 h5 { font-size: 1rem; font-weight: bold; }
58 h6 { font-size: 1rem; font-weight: normal; }
59
60 /* page-level layout of containers */
61
62 header#pageheader, footer#pagefooter, .related, .document {
63 width: 100%;
64 max-width: 60rem;
65 margin: auto;
66 }
67
68 .documentwrapper {
69 float: left;
70 width: 100%;
71 }
72
73 .bodywrapper {
74 {% if theme_rightsidebar|tobool -%}
75 margin: 0 {{ theme_sidebarwidth }} 0 0;
76 {%- else -%}
77 margin: 0 0 0 {{ theme_sidebarwidth }};
78 {%- endif %}
79 }
80
81 footer#pagefooter, footer#pagefooter a {
82 color: {{ theme_footertextcolor }};
83 }
84
85
86 footer#pagefooter {
87 padding-top: 2rem;
88 padding-bottom: 2rem;
89 text-align: center;
90 }
91
92 footer#pagefooter a {
93 text-decoration: underline;
94 }
95
96 /* header styles */
97
98 body > header h1 a, body > header h1 a:visited {
99 color: {{ theme_headtextcolor }};
100 }
101
102 a.headerlink {
103 font-size: 0.8em;
104 padding: 0 4px 0 4px;
105 text-decoration: none;
106 }
107
108 /* code styles */
109
110 pre, tt {
111 background-color: #eee;
112 color: #333;
113 }
114
115 pre {
116 font-family: Monaco, Consolas, "Lucida Console", monospace;
117 margin: 1rem -5px;
118 padding: 5px;
119 border-left: none;
120 border-right: none;
121 font-size: 0.8rem;
122 line-height: 1rem;
123 }
124
125 tt {
126 padding: 0 1px 0 1px;
127 font-family: Consolas, Monaco, monospace;
128 }
129
130 /* API doc styles */
131
132 dl.function,
133 dl.class,
134 dl.method,
135 dl.attribute,
136 dl.data,
137 dl.classmethod {
138 margin-bottom: 2rem;
139 }
140
141 /* relbar */
142
143 .related {
144 line-height: 30px;
145 width: 100%;
146 font-size: 0.9rem;
147 }
148
149 .related.top {
150 border-bottom: 1px solid #aaa;
151 }
152
153 .related.bottom {
154 border-top: 1px solid #aaa;
155 }
156
157 .related ul {
158 padding: 0;
159 margin: 0;
160 list-style: none;
161 }
162
163 .related li {
164 display: inline;
165 }
166
167 nav#rellinks {
168 float: right;
169 }
170
171 nav#rellinks li+li:before {
172 content: "|";
173 }
174
175 nav#breadcrumbs li+li:before {
176 content: "\00BB";
177 }
178
179 /* sidebar */
180
181 .sphinxsidebarwrapper {
182 padding: 0 1rem 0 0;
183 }
184
185 .sphinxsidebar {
186 width: {{ theme_sidebarwidth }};
187 margin-left: -100%;
188 font-size: 0.9rem;
189 {%- if theme_rightsidebar|tobool %}
190 float: right;
191 {%- else %}
192 float: left;
193 {%- endif %}
194 }
195
196 .sphinxsidebar h3 a {
197 color: {{ theme_headtextcolor }};
198 }
199
200 .sphinxsidebar p.topless {
201 margin: 5px 10px 10px 10px;
202 }
203
204 .sphinxsidebar ul {
205 margin: 0;
206 padding: 0;
207 margin-bottom: 1rem;
208 list-style: none;
209 }
210
211 .sphinxsidebar ul ul,
212 .sphinxsidebar ul.want-points {
213 margin-left: 20px;
214 list-style: square;
215 }
216
217 .sphinxsidebar ul ul {
218 margin-top: 0;
219 margin-bottom: 0;
220 }
221
222 .sphinxsidebar input {
223 box-sizing: border-box;
224 -moz-box-sizing: border-box;
225 -webkit-box-sizing: border-box;
226 height: 1.5rem;
227 font-size: 0.9rem;
228 margin: 0;
229
230 background-color: white;
231 border: 1px solid #ccc;
232 color: #555;
233 }
234
235 .sphinxsidebar .search {
236 margin-top: 2rem;
237 }
238
239 .sphinxsidebar .search input[type=text] {
240 {#- width: calc({{ theme_sidebarwidth }} - 5rem); #}
241 {#- width: -webkit-calc({{ theme_sidebarwidth }} - 5rem); #}
242 width: 90%;
243 display: inline-block;
244 }
245
246 .sphinxsidebar .search input[type=submit] {
247 width: 4rem;
248 display: inline-block;
249 }
250
251 /* paragraph-level markup */
252
253 .admonition p.admonition-title + p {
254 display: inline;
255 }
256
257 .admonition p {
258 margin-bottom: 5px;
259 }
260
261 .admonition pre {
262 margin-bottom: 5px;
263 }
264
265 .admonition ul, .admonition ol {
266 margin-bottom: 5px;
267 }
268
269 p.admonition-title {
270 display: inline;
271 margin-right: 0;
272 }
273
274 p.admonition-title:after {
275 content: ":";
276 }
277
278 .note {
279 background-color: #eee;
280 border: 1px solid #ccc;
281 }
282
283 .seealso {
284 background-color: #ffc;
285 border: 1px solid #ff6;
286 }
287
288 .topic {
289 background-color: #eee;
290 }
291
292 .warning {
293 background-color: #ffe4e4;
294 border: 1px solid #f66;
295 }
296
297 .warning tt {
298 background: #efc2c2;
299 }
300
301 .note tt {
302 background: #d6d6d6;
303 }
304
305 .viewcode-block:target {
306 background-color: #f4debf;
307 border-top: 1px solid #ac9;
308 border-bottom: 1px solid #ac9;
309 }
310
311 /* responsive styles */
312
313 @media (max-width: 820px) {
314 /* kill the sidebar */
315 .bodywrapper { margin: 0; }
316 .sphinxsidebar {
317 display: none;
318 }
319 header#pageheader, footer#pagefooter, .related, .document {
320 margin: 0 1rem;
321 width: calc(100% - 2rem);
322 width: -webkit-calc(100% - 2rem);
323 }
324 }
http://wald.intevation.org/projects/trustbridge/