podman

Форк
0
/
standalone-styling.css 
603 строки · 12.3 Кб
1
/* github.com/n1hility/standalone-styling (modified variant of github.com/bgw/pan-am) */
2
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
3
/**
4
 * 1. Set default font family to sans-serif.
5
 * 2. Prevent iOS text size adjust after orientation change, without disabling
6
 *    user zoom.
7
 */
8
html {
9
  font-family: sans-serif;
10
  /* 1 */
11
  -ms-text-size-adjust: 100%;
12
  /* 2 */
13
  -webkit-text-size-adjust: 100%;
14
  /* 2 */ }
15

16
/**
17
 * Remove default margin.
18
 */
19
body {
20
  margin: 0; }
21

22
/* HTML5 display definitions
23
   ========================================================================== */
24
/**
25
 * Correct `block` display not defined in IE 8/9.
26
 */
27
article,
28
aside,
29
details,
30
figcaption,
31
figure,
32
footer,
33
header,
34
hgroup,
35
main,
36
nav,
37
section,
38
summary {
39
  display: block; }
40

41
/**
42
 * 1. Correct `inline-block` display not defined in IE 8/9.
43
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
44
 */
45
audio,
46
canvas,
47
progress,
48
video {
49
  display: inline-block;
50
  /* 1 */
51
  vertical-align: baseline;
52
  /* 2 */ }
53

54
/**
55
 * Prevent modern browsers from displaying `audio` without controls.
56
 * Remove excess height in iOS 5 devices.
57
 */
58
audio:not([controls]) {
59
  display: none;
60
  height: 0; }
61

62
/**
63
 * Address `[hidden]` styling not present in IE 8/9.
64
 * Hide the `template` element in IE, Safari, and Firefox < 22.
65
 */
66
[hidden],
67
template {
68
  display: none; }
69

70
/* Links
71
   ========================================================================== */
72
/**
73
 * Remove the gray background color from active links in IE 10.
74
 */
75
a {
76
  background: transparent; }
77

78
/**
79
 * Improve readability when focused and also mouse hovered in all browsers.
80
 */
81
a:active,
82
a:hover {
83
  outline: 0; }
84

85
/* Text-level semantics
86
   ========================================================================== */
87
/**
88
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
89
 */
90
abbr[title] {
91
  border-bottom: 1px dotted; }
92

93
/**
94
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
95
 */
96
b,
97
strong {
98
  font-weight: bold; }
99

100
/**
101
 * Address styling not present in Safari 5 and Chrome.
102
 */
103
dfn {
104
  font-style: italic; }
105

106
/**
107
 * Address variable `h1` font-size and margin within `section` and `article`
108
 * contexts in Firefox 4+, Safari 5, and Chrome.
109
 */
110
h1 {
111
  font-size: 2em;
112
  margin: 0.67em 0; }
113

114
/**
115
 * Address styling not present in IE 8/9.
116
 */
117
mark {
118
  background: #ff0;
119
  color: #000; }
120

121
/**
122
 * Address inconsistent and variable font size in all browsers.
123
 */
124
small {
125
  font-size: 80%; }
126

127
/**
128
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
129
 */
130
sub,
131
sup {
132
  font-size: 75%;
133
  line-height: 0;
134
  position: relative;
135
  vertical-align: baseline; }
136

137
sup {
138
  top: -0.5em; }
139

140
sub {
141
  bottom: -0.25em; }
142

143
/* Embedded content
144
   ========================================================================== */
145
/**
146
 * Remove border when inside `a` element in IE 8/9.
147
 */
148
img {
149
  border: 0; }
150

151
/**
152
 * Correct overflow displayed oddly in IE 9.
153
 */
154
svg:not(:root) {
155
  overflow: hidden; }
156

157
/* Grouping content
158
   ========================================================================== */
159
/**
160
 * Address margin not present in IE 8/9 and Safari 5.
161
 */
162
figure {
163
  margin: 1em 40px; }
164

165
/**
166
 * Address differences between Firefox and other browsers.
167
 */
168
hr {
169
  -moz-box-sizing: content-box;
170
  box-sizing: content-box;
171
  height: 0; }
172

173
/**
174
 * Contain overflow in all browsers.
175
 */
176
pre {
177
  overflow: auto; }
178

179
/**
180
 * Address odd `em`-unit font size rendering in all browsers.
181
 */
182
code,
183
kbd,
184
pre,
185
samp {
186
  font-family: monospace, monospace;
187
  font-size: 1em; }
188

189
/* Forms
190
   ========================================================================== */
191
/**
192
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
193
 * styling of `select`, unless a `border` property is set.
194
 */
195
/**
196
 * 1. Correct color not being inherited.
197
 *    Known issue: affects color of disabled elements.
198
 * 2. Correct font properties not being inherited.
199
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
200
 */
201
button,
202
input,
203
optgroup,
204
select,
205
textarea {
206
  color: inherit;
207
  /* 1 */
208
  font: inherit;
209
  /* 2 */
210
  margin: 0;
211
  /* 3 */ }
212

213
/**
214
 * Address `overflow` set to `hidden` in IE 8/9/10.
215
 */
216
button {
217
  overflow: visible; }
218

219
/**
220
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
221
 * All other form control elements do not inherit `text-transform` values.
222
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
223
 * Correct `select` style inheritance in Firefox.
224
 */
225
button,
226
select {
227
  text-transform: none; }
228

229
/**
230
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
231
 *    and `video` controls.
232
 * 2. Correct inability to style clickable `input` types in iOS.
233
 * 3. Improve usability and consistency of cursor style between image-type
234
 *    `input` and others.
235
 */
236
button,
237
html input[type="button"],
238
input[type="reset"],
239
input[type="submit"] {
240
  -webkit-appearance: button;
241
  /* 2 */
242
  cursor: pointer;
243
  /* 3 */ }
244

245
/**
246
 * Re-set default cursor for disabled elements.
247
 */
248
button[disabled],
249
html input[disabled] {
250
  cursor: default; }
251

252
/**
253
 * Remove inner padding and border in Firefox 4+.
254
 */
255
button::-moz-focus-inner,
256
input::-moz-focus-inner {
257
  border: 0;
258
  padding: 0; }
259

260
/**
261
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
262
 * the UA stylesheet.
263
 */
264
input {
265
  line-height: normal; }
266

267
/**
268
 * It's recommended that you don't attempt to style these elements.
269
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
270
 *
271
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
272
 * 2. Remove excess padding in IE 8/9/10.
273
 */
274
input[type="checkbox"],
275
input[type="radio"] {
276
  box-sizing: border-box;
277
  /* 1 */
278
  padding: 0;
279
  /* 2 */ }
280

281
/**
282
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
283
 * `font-size` values of the `input`, it causes the cursor style of the
284
 * decrement button to change from `default` to `text`.
285
 */
286
input[type="number"]::-webkit-inner-spin-button,
287
input[type="number"]::-webkit-outer-spin-button {
288
  height: auto; }
289

290
/**
291
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
292
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
293
 *    (include `-moz` to future-proof).
294
 */
295
input[type="search"] {
296
  -webkit-appearance: textfield;
297
  /* 1 */
298
  -moz-box-sizing: content-box;
299
  -webkit-box-sizing: content-box;
300
  /* 2 */
301
  box-sizing: content-box; }
302

303
/**
304
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
305
 * Safari (but not Chrome) clips the cancel button when the search input has
306
 * padding (and `textfield` appearance).
307
 */
308
input[type="search"]::-webkit-search-cancel-button,
309
input[type="search"]::-webkit-search-decoration {
310
  -webkit-appearance: none; }
311

312
/**
313
 * Define consistent border, margin, and padding.
314
 */
315
fieldset {
316
  border: 1px solid #c0c0c0;
317
  margin: 0 2px;
318
  padding: 0.35em 0.625em 0.75em; }
319

320
/**
321
 * 1. Correct `color` not being inherited in IE 8/9.
322
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
323
 */
324
legend {
325
  border: 0;
326
  /* 1 */
327
  padding: 0;
328
  /* 2 */ }
329

330
/**
331
 * Remove default vertical scrollbar in IE 8/9.
332
 */
333
textarea {
334
  overflow: auto; }
335

336
/**
337
 * Don't inherit the `font-weight` (applied by a rule above).
338
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
339
 */
340
optgroup {
341
  font-weight: bold; }
342

343
/* Tables
344
   ========================================================================== */
345
/**
346
 * Remove most spacing between table cells.
347
 */
348
table {
349
  border-collapse: collapse;
350
  border-spacing: 0; }
351

352
td,
353
th {
354
  padding: 0; }
355

356
body {
357
  font-family: san-serif;
358
  background-color: #F8F8F8;
359
  color: #111;
360
  line-height: 1.3;
361
  text-align: justify;
362
  -moz-hyphens: auto;
363
  -ms-hyphens: auto;
364
  -webkit-hyphens: auto;
365
  hyphens: auto; }
366
  @media (max-width: 400px) {
367
    body {
368
      font-size: 12px;
369
      margin-left: 10px;
370
      margin-right: 10px;
371
      margin-top: 10px;
372
      margin-bottom: 15px; } }
373
  @media (min-width: 401px) and (max-width: 600px) {
374
    body {
375
      font-size: 14px;
376
      margin-left: 10px;
377
      margin-right: 10px;
378
      margin-top: 10px;
379
      margin-bottom: 15px; } }
380
  @media (min-width: 601px) and (max-width: 900px) {
381
    body {
382
      font-size: 15px;
383
      margin-left: 100px;
384
      margin-right: 100px;
385
      margin-top: 20px;
386
      margin-bottom: 25px; } }
387
  @media (min-width: 901px) and (max-width: 1800px) {
388
    body {
389
      font-size: 17px;
390
      margin-left: 200px;
391
      margin-right: 200px;
392
      margin-top: 30px;
393
      margin-bottom: 25px;
394
      max-width: 800px; } }
395
  @media (min-width: 1801px) {
396
    body {
397
      font-size: 18px;
398
      margin-left: 20%;
399
      margin-right: 20%;
400
      margin-top: 30px;
401
      margin-bottom: 25px;
402
      max-width: 1000px; } }
403

404
p {
405
  margin-top: 10px;
406
  margin-bottom: 18px; }
407

408
em {
409
  font-style: italic; }
410

411
strong {
412
  font-weight: bold; }
413

414
h1, h2, h3, h4, h5, h6 {
415
  font-weight: bold;
416
  padding-top: 0.25em;
417
  margin-bottom: 0.15em; }
418

419
header {
420
  line-height: 2.475em;
421
  padding-bottom: 0.7em;
422
  border-bottom: 1px solid #BBB;
423
  margin-bottom: 1.2em; }
424
  header > h1 {
425
    border: none;
426
    padding: 0;
427
    margin: 0;
428
    font-size: 225%; }
429
  header > h2 {
430
    border: none;
431
    padding: 0;
432
    margin: 0;
433
    font-style: normal;
434
    font-size: 175%; }
435
  header > h3 {
436
    padding: 0;
437
    margin: 0;
438
    font-size: 125%;
439
    font-style: italic; }
440
  header + h1 {
441
    border-top: none;
442
    padding-top: 0px; }
443

444
h1 {
445
  border-top: 1px solid #BBB;
446
  padding-top: 15px;
447
  font-size: 150%;
448
  margin-bottom: 10px; }
449
  h1:first-of-type {
450
    border: none; }
451

452
h2 {
453
  font-size: 125%; }
454

455
h3 {
456
  font-size: 105%; }
457

458
hr {
459
  border: 0px;
460
  border-top: 1px solid #BBB;
461
  width: 100%;
462
  height: 0px; }
463
  hr + h1 {
464
    border-top: none;
465
    padding-top: 0px; }
466

467
ul, ol {
468
  font-size: 90%;
469
  margin-top: 10px;
470
  margin-bottom: 15px;
471
  padding-left: 30px; }
472

473
ul {
474
  list-style: circle; }
475

476
ol {
477
  list-style: decimal; }
478

479
ul ul, ol ol, ul ol, ol ul {
480
  font-size: inherit; }
481

482
li {
483
  margin-top: 5px;
484
  margin-bottom: 7px; }
485

486
q, blockquote, dd {
487
  font-style: italic;
488
  font-size: 90%; }
489

490
blockquote, dd {
491
  quotes: none;
492
  border-left: 0.35em #BBB solid;
493
  padding-left: 1.15em;
494
  margin: 0 1.5em 0 0; }
495

496
blockquote blockquote, dd blockquote, blockquote dd, dd dd, ol blockquote, ol dd, ul blockquote, ul dd, blockquote ol, dd ol,
497
blockquote ul,
498
dd ul {
499
  font-size: inherit; }
500

501
a, a:link, a:visited, a:hover {
502
  color: inherit;
503
  text-decoration: none;
504
  border-bottom: 1px dashed #111; }
505
  a:hover, a:link:hover, a:visited:hover, a:hover:hover {
506
    border-bottom-style: solid; }
507
  a.footnoteRef, a:link.footnoteRef, a:visited.footnoteRef, a:hover.footnoteRef {
508
    border-bottom: none;
509
    color: #666; }
510

511
code {
512
  font-family: "Consolas", "Monaco", monospace;
513
  font-size: 85%;
514
  background-color: #DDD;
515
  border: 1px solid #BBB;
516
  padding: 0px 0.15em 0px 0.15em;
517
  -webkit-border-radius: 3px;
518
  -moz-border-radius: 3px;
519
  border-radius: 3px; }
520

521
pre {
522
  margin-right: 1.5em;
523
  display: block; }
524
  pre > code {
525
    display: block;
526
    font-size: 70%;
527
    padding: 10px;
528
    -webkit-border-radius: 5px;
529
    -moz-border-radius: 5px;
530
    border-radius: 5px;
531
    overflow-x: auto; }
532

533
blockquote pre, dd pre, ul pre, ol pre {
534
  margin-left: 0;
535
  margin-right: 0; }
536
  blockquote pre > code, dd pre > code, ul pre > code, ol pre > code {
537
    font-size: 77.7777777778%; }
538

539
caption, figcaption {
540
  font-size: 80%;
541
  font-style: italic;
542
  text-align: right;
543
  margin-bottom: 5px; }
544
  caption:empty, figcaption:empty {
545
    display: none; }
546

547
table {
548
  width: 100%;
549
  margin-top: 1em;
550
  margin-bottom: 1em; }
551
  table + h1 {
552
    border-top: none; }
553

554
tr td, tr th {
555
  padding: 0.2em 0.7em; }
556
tr.header {
557
  border-top: 1px solid #222;
558
  border-bottom: 1px solid #222;
559
  font-weight: 700; }
560
tr.odd {
561
  background-color: #EEEEEE; }
562
tr.even {
563
  background-color: #CCCCCC; }
564

565
tbody:last-child {
566
  border-bottom: 1px solid #222; }
567

568
dt {
569
  font-weight: 700; }
570
  dt:after {
571
    font-weight: normal;
572
    content: ":"; }
573

574
dd {
575
  margin-bottom: 10px; }
576

577
figure {
578
  margin: 1.3em 0 1.3em 0;
579
  text-align: center;
580
  padding: 0px;
581
  width: 100%;
582
  background-color: #DDD;
583
  border: 1px solid #BBB;
584
  -webkit-border-radius: 8px;
585
  -moz-border-radius: 8px;
586
  border-radius: 8px;
587
  overflow: hidden; }
588

589
img {
590
  display: block;
591
  margin: 0px auto;
592
  padding: 0px;
593
  max-width: 100%; }
594

595
figcaption {
596
  margin: 5px 10px 5px 30px; }
597

598
.footnotes {
599
  color: #666;
600
  font-size: 70%;
601
  font-style: italic; }
602
  .footnotes li p:last-child a:last-child {
603
    border-bottom: none; }
604

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.