← Back to branch summary

~lorenzo-carbonell/utext/trunk

« back to all changes in this revision

Viewing changes to src/themes/default/style.css

  • Committer: Lorenzo Carbonell
  • Date: 2015-07-19 19:48:03 UTC
  • Revision ID: lorenzo.carbonell.cerezo@gmail.com-20150719194803-poxp44tfs1svencj
Some minimal changes

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/themes/default/style.css
 
1
html { padding:0 10px; }
 
2
 
 
3
body {
 
4
  margin:0;
 
5
  padding:0;
 
6
  background:#fff;
 
7
}
 
8
 
 
9
#epiceditor-wrapper{
 
10
        background:white;
 
11
}
 
12
 
 
13
#wrapper{
 
14
        padding-top:10px;
 
15
        padding-bottom:10px;
 
16
        padding-left:20px;
 
17
        padding-right:20px;
 
18
        font-family: Helvetica,arial,freesans,clean,sans-serif;
 
19
        font-size:18px;
 
20
        line-height:1.6;
 
21
}
 
22
 
 
23
#wrapper>*:first-child{
 
24
        margin-top:0!important;
 
25
}
 
26
 
 
27
#wrapper>*:last-child{
 
28
        margin-bottom:0!important;
 
29
}
 
30
 
 
31
#wrapper a{
 
32
        color:#4183C4;
 
33
        text-decoration:none;
 
34
}
 
35
 
 
36
#wrapper a:hover{
 
37
        text-decoration:underline;
 
38
}
 
39
 
 
40
#wrapper h1,
 
41
#wrapper h2,
 
42
#wrapper h3,
 
43
#wrapper h4,
 
44
#wrapper h5,
 
45
#wrapper h6{
 
46
        margin:20px 0 10px;
 
47
        padding:0;
 
48
        font-weight:bold;
 
49
        -webkit-font-smoothing:antialiased;
 
50
}
 
51
 
 
52
#wrapper h1 tt,
 
53
#wrapper h1 code,
 
54
#wrapper h2 tt,
 
55
#wrapper h2 code,
 
56
#wrapper h3 tt,
 
57
#wrapper h3 code,
 
58
#wrapper h4 tt,
 
59
#wrapper h4 code,
 
60
#wrapper h5 tt,
 
61
#wrapper h5 code,
 
62
#wrapper h6 tt,
 
63
#wrapper h6 code{
 
64
        font-size:inherit;
 
65
}
 
66
 
 
67
#wrapper h1{
 
68
        font-size:28px;
 
69
        color:#000;
 
70
}
 
71
 
 
72
#wrapper h2{
 
73
        font-size:24px;
 
74
        border-bottom:1px solid #ccc;
 
75
        color:#000;
 
76
}
 
77
 
 
78
#wrapper h3{
 
79
        font-size:18px;
 
80
}
 
81
 
 
82
#wrapper h4{
 
83
        font-size:16px;
 
84
}
 
85
 
 
86
#wrapper h5{
 
87
        font-size:14px;
 
88
}
 
89
 
 
90
#wrapper h6{
 
91
        color:#777;
 
92
        font-size:14px;
 
93
}
 
94
 
 
95
#wrapper p,
 
96
#wrapper blockquote,
 
97
#wrapper ul,
 
98
#wrapper ol,
 
99
#wrapper dl,
 
100
#wrapper li,
 
101
#wrapper table,
 
102
#wrapper pre{
 
103
        margin:15px 0;
 
104
}
 
105
 
 
106
#wrapper hr{
 
107
        background:transparent url('../../images/modules/pulls/dirty-shade.png') repeat-x 0 0;
 
108
        border:0 none;
 
109
        color:#ccc;
 
110
        height:4px;
 
111
        padding:0;
 
112
}
 
113
 
 
114
#wrapper>h2:first-child,
 
115
#wrapper>h1:first-child,
 
116
#wrapper>h1:first-child+h2,
 
117
#wrapper>h3:first-child,
 
118
#wrapper>h4:first-child,
 
119
#wrapper>h5:first-child,
 
120
#wrapper>h6:first-child{
 
121
        margin-top:0;
 
122
        padding-top:0;
 
123
}
 
124
 
 
125
#wrapper h1+p,
 
126
#wrapper h2+p,
 
127
#wrapper h3+p,
 
128
#wrapper h4+p,
 
129
#wrapper h5+p,
 
130
#wrapper h6+p{
 
131
        margin-top:0;
 
132
}
 
133
 
 
134
#wrapper li p.first{
 
135
        display:inline-block;
 
136
}
 
137
 
 
138
#wrapper ul,
 
139
#wrapper ol{
 
140
        padding-left:30px;
 
141
}
 
142
 
 
143
#wrapper ul li>:first-child,
 
144
#wrapper ol li>:first-child{
 
145
        margin-top:0;
 
146
}
 
147
 
 
148
#wrapper ul li>:last-child,
 
149
#wrapper ol li>:last-child{
 
150
        margin-bottom:0;
 
151
}
 
152
 
 
153
#wrapper dl{
 
154
        padding:0;
 
155
}
 
156
 
 
157
#wrapper dl dt{
 
158
        font-size:14px;
 
159
        font-weight:bold;
 
160
        font-style:italic;
 
161
        padding:0;
 
162
        margin:15px 0 5px;
 
163
}
 
164
 
 
165
#wrapper dl dt:first-child{
 
166
        padding:0;
 
167
}
 
168
 
 
169
#wrapper dl dt>:first-child{
 
170
        margin-top:0;
 
171
}
 
172
 
 
173
#wrapper dl dt>:last-child{
 
174
        margin-bottom:0;
 
175
}
 
176
 
 
177
#wrapper dl dd{
 
178
        margin:0 0 15px;
 
179
        padding:0 15px;
 
180
}
 
181
 
 
182
#wrapper dl dd>:first-child{
 
183
        margin-top:0;
 
184
}
 
185
 
 
186
#wrapper dl dd>:last-child{
 
187
        margin-bottom:0;
 
188
}
 
189
 
 
190
#wrapper blockquote{
 
191
        border-left:4px solid #DDD;
 
192
        padding:0 15px;
 
193
        color:#777;
 
194
}
 
195
 
 
196
#wrapper blockquote>:first-child{
 
197
        margin-top:0;
 
198
}
 
199
 
 
200
#wrapper blockquote>:last-child{
 
201
        margin-bottom:0;
 
202
}
 
203
 
 
204
#wrapper table{
 
205
        padding:0;
 
206
        border-collapse: collapse;
 
207
        border-spacing: 0;
 
208
        font-size: 100%;
 
209
        font: inherit;
 
210
}
 
211
 
 
212
#wrapper table tr{
 
213
        border-top:1px solid #ccc;
 
214
        background-color:#fff;
 
215
        margin:0;
 
216
        padding:0;
 
217
}
 
218
 
 
219
#wrapper table tr:nth-child(2n){
 
220
        background-color:#f8f8f8;
 
221
}
 
222
 
 
223
#wrapper table tr th{
 
224
        font-weight:bold;
 
225
}
 
226
 
 
227
#wrapper table tr th,
 
228
#wrapper table tr td{
 
229
        border:1px solid #ccc;
 
230
        text-align:left;
 
231
        margin:0;
 
232
        padding:6px 13px;
 
233
}
 
234
 
 
235
#wrapper table tr th>:first-child,
 
236
#wrapper table tr td>:first-child{
 
237
        margin-top:0;
 
238
}
 
239
 
 
240
#wrapper table tr th>:last-child,
 
241
#wrapper table tr td>:last-child{
 
242
        margin-bottom:0;
 
243
}
 
244
 
 
245
#wrapper img{
 
246
        max-width:100%;
 
247
}
 
248
 
 
249
#wrapper span.frame{
 
250
        display:block;
 
251
        overflow:hidden;
 
252
}
 
253
 
 
254
#wrapper span.frame>span{
 
255
        border:1px solid #ddd;
 
256
        display:block;
 
257
        float:left;
 
258
        overflow:hidden;
 
259
        margin:13px 0 0;
 
260
        padding:7px;
 
261
        width:auto;
 
262
}
 
263
 
 
264
#wrapper span.frame span img{
 
265
        display:block;
 
266
        float:left;
 
267
}
 
268
 
 
269
#wrapper span.frame span span{
 
270
        clear:both;
 
271
        color:#333;
 
272
        display:block;
 
273
        padding:5px 0 0;
 
274
}
 
275
 
 
276
#wrapper span.align-center{
 
277
        display:block;
 
278
        overflow:hidden;
 
279
        clear:both;
 
280
}
 
281
 
 
282
#wrapper span.align-center>span{
 
283
        display:block;
 
284
        overflow:hidden;
 
285
        margin:13px auto 0;
 
286
        text-align:center;
 
287
}
 
288
 
 
289
#wrapper span.align-center span img{
 
290
        margin:0 auto;
 
291
        text-align:center;
 
292
}
 
293
 
 
294
#wrapper span.align-right{
 
295
        display:block;
 
296
        overflow:hidden;
 
297
        clear:both;
 
298
}
 
299
 
 
300
#wrapper span.align-right>span{
 
301
        display:block;
 
302
        overflow:hidden;
 
303
        margin:13px 0 0;
 
304
        text-align:right;
 
305
}
 
306
 
 
307
#wrapper span.align-right span img{
 
308
        margin:0;
 
309
        text-align:right;
 
310
}
 
311
 
 
312
#wrapper span.float-left{
 
313
        display:block;
 
314
        margin-right:13px;
 
315
        overflow:hidden;
 
316
        float:left;
 
317
}
 
318
 
 
319
#wrapper span.float-left span{
 
320
        margin:13px 0 0;
 
321
}
 
322
 
 
323
#wrapper span.float-right{
 
324
        display:block;
 
325
        margin-left:13px;
 
326
        overflow:hidden;
 
327
        float:right;
 
328
}
 
329
 
 
330
#wrapper span.float-right>span{
 
331
        display:block;
 
332
        overflow:hidden;
 
333
        margin:13px auto 0;
 
334
        text-align:right;
 
335
}
 
336
 
 
337
#wrapper code,
 
338
#wrapper tt{
 
339
        margin:0 2px;
 
340
        padding:0 5px;
 
341
        white-space:nowrap;
 
342
        border:1px solid #eaeaea;
 
343
        background-color:#f8f8f8;
 
344
        border-radius:3px;
 
345
}
 
346
 
 
347
#wrapper pre>code{
 
348
        margin:0;
 
349
        padding:0;
 
350
        white-space:pre;
 
351
        border:none;
 
352
        background:transparent;
 
353
}
 
354
 
 
355
#wrapper .highlight pre,
 
356
#wrapper pre{
 
357
        background-color:#f8f8f8;
 
358
        border:1px solid #ccc;
 
359
        font-size:13px;
 
360
        line-height:19px;
 
361
        overflow:auto;
 
362
        padding:6px 10px;
 
363
        border-radius:3px;
 
364
}
 
365
 
 
366
#wrapper pre code,
 
367
#wrapper pre tt{
 
368
        background-color:transparent;
 
369
        border:none;
 
370
}