##// END OF EJS Templates
markdown: fixed hr styling, and strong style.
marcink -
r1730:86a40f80 default
parent child Browse files
Show More
@@ -1,367 +1,374 b''
1
1
2 /** MODAL **/
2 /** MODAL **/
3 .modal-open {
3 .modal-open {
4 overflow:hidden;
4 overflow:hidden;
5 }
5 }
6 body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
6 body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
7 margin-right:15px;
7 margin-right:15px;
8 }
8 }
9 .modal {
9 .modal {
10 position:fixed;
10 position:fixed;
11 top:0;
11 top:0;
12 right:0;
12 right:0;
13 bottom:0;
13 bottom:0;
14 left:0;
14 left:0;
15 z-index:1040;
15 z-index:1040;
16 display:none;
16 display:none;
17 overflow-y:scroll;
17 overflow-y:scroll;
18 &.fade .modal-dialog {
18 &.fade .modal-dialog {
19 -webkit-transform:translate(0,-25%);
19 -webkit-transform:translate(0,-25%);
20 -ms-transform:translate(0,-25%);
20 -ms-transform:translate(0,-25%);
21 transform:translate(0,-25%);
21 transform:translate(0,-25%);
22 -webkit-transition:-webkit-transform 0.3s ease-out;
22 -webkit-transition:-webkit-transform 0.3s ease-out;
23 -moz-transition:-moz-transform 0.3s ease-out;
23 -moz-transition:-moz-transform 0.3s ease-out;
24 -o-transition:-o-transform 0.3s ease-out;
24 -o-transition:-o-transform 0.3s ease-out;
25 transition:transform 0.3s ease-out;
25 transition:transform 0.3s ease-out;
26 }
26 }
27 &.in .modal-dialog {
27 &.in .modal-dialog {
28 -webkit-transform:translate(0,0);
28 -webkit-transform:translate(0,0);
29 -ms-transform:translate(0,0);
29 -ms-transform:translate(0,0);
30 transform:translate(0,0);
30 transform:translate(0,0);
31 }
31 }
32 }
32 }
33 .modal-dialog {
33 .modal-dialog {
34 z-index:1050;
34 z-index:1050;
35 width:auto;
35 width:auto;
36 padding:10px;
36 padding:10px;
37 margin-right:auto;
37 margin-right:auto;
38 margin-left:auto;
38 margin-left:auto;
39 }
39 }
40 .modal-content {
40 .modal-content {
41 position:relative;
41 position:relative;
42 background-color:#ffffff;
42 background-color:#ffffff;
43 border: @border-thickness solid rgba(0,0,0,0.2);
43 border: @border-thickness solid rgba(0,0,0,0.2);
44 .border-radius(@border-radius);
44 .border-radius(@border-radius);
45 outline:none;
45 outline:none;
46 -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
46 -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
47 box-shadow:0 3px 9px rgba(0,0,0,0.5);
47 box-shadow:0 3px 9px rgba(0,0,0,0.5);
48 background-clip:padding-box;
48 background-clip:padding-box;
49 }
49 }
50 .modal-backdrop {
50 .modal-backdrop {
51 position:fixed;
51 position:fixed;
52 top:0;
52 top:0;
53 right:0;
53 right:0;
54 bottom:0;
54 bottom:0;
55 left:0;
55 left:0;
56 z-index:1030;
56 z-index:1030;
57 background-color:#000000;
57 background-color:#000000;
58
58
59 &.modal-backdrop.fade {
59 &.modal-backdrop.fade {
60 opacity:0;
60 opacity:0;
61 filter:alpha(opacity=0);
61 filter:alpha(opacity=0);
62 }
62 }
63 &.in {
63 &.in {
64 opacity:0.5;
64 opacity:0.5;
65 filter:alpha(opacity=50);
65 filter:alpha(opacity=50);
66 }
66 }
67 }
67 }
68 .modal-header {
68 .modal-header {
69 min-height:16.428571429px;
69 min-height:16.428571429px;
70 padding:15px;
70 padding:15px;
71 border-bottom: @border-thickness solid @grey6;
71 border-bottom: @border-thickness solid @grey6;
72 .close {
72 .close {
73 margin-top:-2px;
73 margin-top:-2px;
74 }
74 }
75 }
75 }
76 .modal-title {
76 .modal-title {
77 margin:0;
77 margin:0;
78 line-height:1.428571429;
78 line-height:1.428571429;
79 }
79 }
80 .modal-body {
80 .modal-body {
81 position:relative;
81 position:relative;
82 padding:20px;
82 padding:20px;
83 }
83 }
84 .modal-footer {
84 .modal-footer {
85 padding:19px 20px 20px;
85 padding:19px 20px 20px;
86 margin-top:15px;
86 margin-top:15px;
87 text-align:right;
87 text-align:right;
88 border-top:1px solid #e5e5e5;
88 border-top:1px solid #e5e5e5;
89 .btn + .btn {
89 .btn + .btn {
90 margin-bottom:0;
90 margin-bottom:0;
91 margin-left:5px;
91 margin-left:5px;
92 }
92 }
93 .btn-group .btn + .btn {
93 .btn-group .btn + .btn {
94 margin-left:-1px;
94 margin-left:-1px;
95 }
95 }
96 .btn-block + .btn-block {
96 .btn-block + .btn-block {
97 margin-left:0;
97 margin-left:0;
98 }
98 }
99 &:before {
99 &:before {
100 display:table;
100 display:table;
101 content:" ";
101 content:" ";
102 }
102 }
103 &:after {
103 &:after {
104 display:table;
104 display:table;
105 content:" ";
105 content:" ";
106 clear:both;
106 clear:both;
107 }
107 }
108 }
108 }
109
109
110 /** MARKDOWN styling **/
110 /** MARKDOWN styling **/
111 div.markdown-block {
111 div.markdown-block {
112 clear: both;
112 clear: both;
113 overflow: hidden;
113 overflow: hidden;
114 margin: 0;
114 margin: 0;
115 padding: 3px 15px 3px;
115 padding: 3px 15px 3px;
116 }
116 }
117
117
118 div.markdown-block h1,
118 div.markdown-block h1,
119 div.markdown-block h2,
119 div.markdown-block h2,
120 div.markdown-block h3,
120 div.markdown-block h3,
121 div.markdown-block h4,
121 div.markdown-block h4,
122 div.markdown-block h5,
122 div.markdown-block h5,
123 div.markdown-block h6 {
123 div.markdown-block h6 {
124 border-bottom: none !important;
124 border-bottom: none !important;
125 padding: 0 !important;
125 padding: 0 !important;
126 overflow: visible !important;
126 overflow: visible !important;
127 }
127 }
128
128
129 div.markdown-block h1 {
129 div.markdown-block h1 {
130 font-size: 32px;
130 font-size: 32px;
131 margin: 15px 0 15px 0 !important;
131 margin: 15px 0 15px 0 !important;
132 padding-bottom: 5px !important;
132 padding-bottom: 5px !important;
133 }
133 }
134
134
135 div.markdown-block h2 {
135 div.markdown-block h2 {
136 font-size: 24px !important;
136 font-size: 24px !important;
137 margin: 34px 0 10px 0 !important;
137 margin: 34px 0 10px 0 !important;
138 border-top: 3px #e6e5e5 solid !important;
138 border-top: 3px #e6e5e5 solid !important;
139 padding-top: 15px !important;
139 padding-top: 15px !important;
140 padding-bottom: 8px !important;
140 padding-bottom: 8px !important;
141 }
141 }
142
142
143 div.markdown-block h3 {
143 div.markdown-block h3 {
144 font-size: 18px !important;
144 font-size: 18px !important;
145 margin: 30px 0 8px 0 !important;
145 margin: 30px 0 8px 0 !important;
146 padding-bottom: 2px !important;
146 padding-bottom: 2px !important;
147 }
147 }
148
148
149 div.markdown-block h4 {
149 div.markdown-block h4 {
150 font-size: 13px !important;
150 font-size: 13px !important;
151 margin: 18px 0 3px 0 !important;
151 margin: 18px 0 3px 0 !important;
152 }
152 }
153
153
154 div.markdown-block h5 {
154 div.markdown-block h5 {
155 font-size: 12px !important;
155 font-size: 12px !important;
156 margin: 15px 0 3px 0 !important;
156 margin: 15px 0 3px 0 !important;
157 }
157 }
158
158
159 div.markdown-block h6 {
159 div.markdown-block h6 {
160 font-size: 12px;
160 font-size: 12px;
161 color: #777777;
161 color: #777777;
162 margin: 15px 0 3px 0 !important;
162 margin: 15px 0 3px 0 !important;
163 }
163 }
164
164
165 div.markdown-block hr {
165 div.markdown-block hr {
166 border: 0;
166 border: 0;
167 color: #e6e5e5;
167 color: #e6e5e5;
168 background-color: #e6e5e5;
168 height: 3px;
169 height: 3px;
169 margin-bottom: 13px;
170 margin-bottom: 13px;
170 }
171 }
171
172
172 div.markdown-block ol,
173 div.markdown-block ol,
173 div.markdown-block ul,
174 div.markdown-block ul,
174 div.markdown-block p,
175 div.markdown-block p,
175 div.markdown-block blockquote,
176 div.markdown-block blockquote,
176 div.markdown-block dl,
177 div.markdown-block dl,
177 div.markdown-block li,
178 div.markdown-block li,
178 div.markdown-block table {
179 div.markdown-block table {
179 margin: 3px 0px 13px 0px !important;
180 margin: 3px 0px 13px 0px !important;
180 color: #424242 !important;
181 color: #424242 !important;
181 font-size: 13px !important;
182 font-size: 13px !important;
182 font-family: "Helvetica" !important;
183 font-family: "Helvetica" !important;
183 font-weight: normal !important;
184 font-weight: normal !important;
184 overflow: visible !important;
185 overflow: visible !important;
185 line-height: 140% !important;
186 line-height: 140% !important;
186 }
187 }
187
188
188 div.markdown-block pre {
189 div.markdown-block pre {
189 margin: 3px 0px 13px 0px !important;
190 margin: 3px 0px 13px 0px !important;
190 padding: .5em;
191 padding: .5em;
191 color: #424242 !important;
192 color: #424242 !important;
192 font-size: 13px !important;
193 font-size: 13px !important;
193 overflow: visible !important;
194 overflow: visible !important;
194 line-height: 140% !important;
195 line-height: 140% !important;
195 background-color: @grey7;
196 background-color: @grey7;
196 }
197 }
197
198
198 div.markdown-block img {
199 div.markdown-block img {
199 border-style: none;
200 border-style: none;
200 background-color: #fff;
201 background-color: #fff;
201 }
202 }
202
203
204
205 div.markdown-block strong {
206 font-weight: 600;
207 margin: 0;
208 }
209
203 div.markdown-block ul,
210 div.markdown-block ul,
204 div.markdown-block ol {
211 div.markdown-block ol {
205 padding-left: 30px !important;
212 padding-left: 30px !important;
206 margin-top: 0px !important;
213 margin-top: 0px !important;
207 margin-bottom: 18px !important;
214 margin-bottom: 18px !important;
208 }
215 }
209
216
210 div.markdown-block ul li,
217 div.markdown-block ul li,
211 div.markdown-block ol li {
218 div.markdown-block ol li {
212 list-style: disc !important;
219 list-style: disc !important;
213 margin: 13px !important;
220 margin: 13px !important;
214 padding: 0 !important;
221 padding: 0 !important;
215 }
222 }
216
223
217 div.markdown-block ol li {
224 div.markdown-block ol li {
218 list-style: decimal !important;
225 list-style: decimal !important;
219 }
226 }
220
227
221 /*
228 /*
222 div.markdown-block a,
229 div.markdown-block a,
223 div.markdown-block a:visited {
230 div.markdown-block a:visited {
224 color: #4183C4 !important;
231 color: #4183C4 !important;
225 background-color: inherit;
232 background-color: inherit;
226 text-decoration: none;
233 text-decoration: none;
227 }
234 }
228 */
235 */
229
236
230 div.markdown-block #message {
237 div.markdown-block #message {
231 .border-radius(@border-radius);
238 .border-radius(@border-radius);
232 border: @border-thickness solid @grey5;
239 border: @border-thickness solid @grey5;
233 display: block;
240 display: block;
234 width: 100%;
241 width: 100%;
235 height: 60px;
242 height: 60px;
236 margin: 6px 0px;
243 margin: 6px 0px;
237 }
244 }
238
245
239 div.markdown-block button,
246 div.markdown-block button,
240 div.markdown-block #ws {
247 div.markdown-block #ws {
241 font-size: @basefontsize;
248 font-size: @basefontsize;
242 padding: 4px 6px;
249 padding: 4px 6px;
243 .border-radius(@border-radius);
250 .border-radius(@border-radius);
244 border: @border-thickness solid @grey5;
251 border: @border-thickness solid @grey5;
245 background-color: @grey6;
252 background-color: @grey6;
246 }
253 }
247
254
248 div.markdown-block code,
255 div.markdown-block code,
249 div.markdown-block pre,
256 div.markdown-block pre,
250 div.markdown-block #ws,
257 div.markdown-block #ws,
251 div.markdown-block #message {
258 div.markdown-block #message {
252 font-family: Monaco;
259 font-family: Monaco;
253 font-size: 11px;
260 font-size: 11px;
254 .border-radius(@border-radius);
261 .border-radius(@border-radius);
255 background-color: white;
262 background-color: white;
256 color: @grey3;
263 color: @grey3;
257 }
264 }
258
265
259
266
260 div.markdown-block code {
267 div.markdown-block code {
261 border: @border-thickness solid @grey6;
268 border: @border-thickness solid @grey6;
262 margin: 0 2px;
269 margin: 0 2px;
263 padding: 0 5px;
270 padding: 0 5px;
264 }
271 }
265
272
266 div.markdown-block pre {
273 div.markdown-block pre {
267 border: @border-thickness solid @grey5;
274 border: @border-thickness solid @grey5;
268 overflow: auto;
275 overflow: auto;
269 padding: .5em;
276 padding: .5em;
270 background-color: @grey7;
277 background-color: @grey7;
271 }
278 }
272
279
273 div.markdown-block pre > code {
280 div.markdown-block pre > code {
274 border: 0;
281 border: 0;
275 margin: 0;
282 margin: 0;
276 padding: 0;
283 padding: 0;
277 }
284 }
278
285
279 /** RST STYLE **/
286 /** RST STYLE **/
280 div.rst-block {
287 div.rst-block {
281 clear: both;
288 clear: both;
282 overflow: hidden;
289 overflow: hidden;
283 margin: 0;
290 margin: 0;
284 padding: 3px 15px 3px;
291 padding: 3px 15px 3px;
285 }
292 }
286
293
287 div.rst-block h2 {
294 div.rst-block h2 {
288 font-weight: normal;
295 font-weight: normal;
289 }
296 }
290
297
291 div.rst-block h1,
298 div.rst-block h1,
292 div.rst-block h2,
299 div.rst-block h2,
293 div.rst-block h3,
300 div.rst-block h3,
294 div.rst-block h4,
301 div.rst-block h4,
295 div.rst-block h5,
302 div.rst-block h5,
296 div.rst-block h6 {
303 div.rst-block h6 {
297 border-bottom: 0 !important;
304 border-bottom: 0 !important;
298 margin: 0 !important;
305 margin: 0 !important;
299 padding: 0 !important;
306 padding: 0 !important;
300 line-height: 1.5em !important;
307 line-height: 1.5em !important;
301 }
308 }
302
309
303
310
304 div.rst-block h1:first-child {
311 div.rst-block h1:first-child {
305 padding-top: .25em !important;
312 padding-top: .25em !important;
306 }
313 }
307
314
308 div.rst-block h2,
315 div.rst-block h2,
309 div.rst-block h3 {
316 div.rst-block h3 {
310 margin: 1em 0 !important;
317 margin: 1em 0 !important;
311 }
318 }
312
319
313 div.rst-block h2 {
320 div.rst-block h2 {
314 margin-top: 1.5em !important;
321 margin-top: 1.5em !important;
315 border-top: 4px solid #e0e0e0 !important;
322 border-top: 4px solid #e0e0e0 !important;
316 padding-top: .5em !important;
323 padding-top: .5em !important;
317 }
324 }
318
325
319 div.rst-block p {
326 div.rst-block p {
320 color: black !important;
327 color: black !important;
321 margin: 1em 0 !important;
328 margin: 1em 0 !important;
322 line-height: 1.5em !important;
329 line-height: 1.5em !important;
323 }
330 }
324
331
325 div.rst-block ul {
332 div.rst-block ul {
326 list-style: disc !important;
333 list-style: disc !important;
327 margin: 1em 0 1em 2em !important;
334 margin: 1em 0 1em 2em !important;
328 clear: both;
335 clear: both;
329 }
336 }
330
337
331 div.rst-block ol {
338 div.rst-block ol {
332 list-style: decimal;
339 list-style: decimal;
333 margin: 1em 0 1em 2em !important;
340 margin: 1em 0 1em 2em !important;
334 }
341 }
335
342
336 div.rst-block pre,
343 div.rst-block pre,
337 div.rst-block code {
344 div.rst-block code {
338 font: 12px "Bitstream Vera Sans Mono","Courier",monospace;
345 font: 12px "Bitstream Vera Sans Mono","Courier",monospace;
339 }
346 }
340
347
341 div.rst-block code {
348 div.rst-block code {
342 font-size: 12px !important;
349 font-size: 12px !important;
343 background-color: ghostWhite !important;
350 background-color: ghostWhite !important;
344 color: #444 !important;
351 color: #444 !important;
345 padding: 0 .2em !important;
352 padding: 0 .2em !important;
346 border: 1px solid #dedede !important;
353 border: 1px solid #dedede !important;
347 }
354 }
348
355
349 div.rst-block pre code {
356 div.rst-block pre code {
350 padding: 0 !important;
357 padding: 0 !important;
351 font-size: 12px !important;
358 font-size: 12px !important;
352 background-color: #eee !important;
359 background-color: #eee !important;
353 border: none !important;
360 border: none !important;
354 }
361 }
355
362
356 div.rst-block pre {
363 div.rst-block pre {
357 margin: 1em 0;
364 margin: 1em 0;
358 padding: @padding;
365 padding: @padding;
359 border: 1px solid @grey6;
366 border: 1px solid @grey6;
360 .border-radius(@border-radius);
367 .border-radius(@border-radius);
361 overflow: auto;
368 overflow: auto;
362 font-size: 12px;
369 font-size: 12px;
363 color: #444;
370 color: #444;
364 background-color: @grey7;
371 background-color: @grey7;
365 }
372 }
366
373
367
374
General Comments 0
You need to be logged in to leave comments. Login now