podman
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*/
8html {9font-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*/
19body {20margin: 0; }21
22/* HTML5 display definitions
23========================================================================== */
24/**
25* Correct `block` display not defined in IE 8/9.
26*/
27article,
28aside,
29details,
30figcaption,
31figure,
32footer,
33header,
34hgroup,
35main,
36nav,
37section,
38summary {39display: 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*/
45audio,
46canvas,
47progress,
48video {49display: inline-block;50/* 1 */51vertical-align: baseline;52/* 2 */ }53
54/**
55* Prevent modern browsers from displaying `audio` without controls.
56* Remove excess height in iOS 5 devices.
57*/
58audio:not([controls]) {59display: none;60height: 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],
67template {68display: none; }69
70/* Links
71========================================================================== */
72/**
73* Remove the gray background color from active links in IE 10.
74*/
75a {76background: transparent; }77
78/**
79* Improve readability when focused and also mouse hovered in all browsers.
80*/
81a:active,
82a:hover {83outline: 0; }84
85/* Text-level semantics
86========================================================================== */
87/**
88* Address styling not present in IE 8/9, Safari 5, and Chrome.
89*/
90abbr[title] {91border-bottom: 1px dotted; }92
93/**
94* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
95*/
96b,
97strong {98font-weight: bold; }99
100/**
101* Address styling not present in Safari 5 and Chrome.
102*/
103dfn {104font-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*/
110h1 {111font-size: 2em;112margin: 0.67em 0; }113
114/**
115* Address styling not present in IE 8/9.
116*/
117mark {118background: #ff0;119color: #000; }120
121/**
122* Address inconsistent and variable font size in all browsers.
123*/
124small {125font-size: 80%; }126
127/**
128* Prevent `sub` and `sup` affecting `line-height` in all browsers.
129*/
130sub,
131sup {132font-size: 75%;133line-height: 0;134position: relative;135vertical-align: baseline; }136
137sup {138top: -0.5em; }139
140sub {141bottom: -0.25em; }142
143/* Embedded content
144========================================================================== */
145/**
146* Remove border when inside `a` element in IE 8/9.
147*/
148img {149border: 0; }150
151/**
152* Correct overflow displayed oddly in IE 9.
153*/
154svg:not(:root) {155overflow: hidden; }156
157/* Grouping content
158========================================================================== */
159/**
160* Address margin not present in IE 8/9 and Safari 5.
161*/
162figure {163margin: 1em 40px; }164
165/**
166* Address differences between Firefox and other browsers.
167*/
168hr {169-moz-box-sizing: content-box;170box-sizing: content-box;171height: 0; }172
173/**
174* Contain overflow in all browsers.
175*/
176pre {177overflow: auto; }178
179/**
180* Address odd `em`-unit font size rendering in all browsers.
181*/
182code,
183kbd,
184pre,
185samp {186font-family: monospace, monospace;187font-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*/
201button,
202input,
203optgroup,
204select,
205textarea {206color: inherit;207/* 1 */208font: inherit;209/* 2 */210margin: 0;211/* 3 */ }212
213/**
214* Address `overflow` set to `hidden` in IE 8/9/10.
215*/
216button {217overflow: 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*/
225button,
226select {227text-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*/
236button,
237html input[type="button"],
238input[type="reset"],
239input[type="submit"] {240-webkit-appearance: button;241/* 2 */242cursor: pointer;243/* 3 */ }244
245/**
246* Re-set default cursor for disabled elements.
247*/
248button[disabled],
249html input[disabled] {250cursor: default; }251
252/**
253* Remove inner padding and border in Firefox 4+.
254*/
255button::-moz-focus-inner,
256input::-moz-focus-inner {257border: 0;258padding: 0; }259
260/**
261* Address Firefox 4+ setting `line-height` on `input` using `!important` in
262* the UA stylesheet.
263*/
264input {265line-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*/
274input[type="checkbox"],
275input[type="radio"] {276box-sizing: border-box;277/* 1 */278padding: 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*/
286input[type="number"]::-webkit-inner-spin-button,
287input[type="number"]::-webkit-outer-spin-button {288height: 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*/
295input[type="search"] {296-webkit-appearance: textfield;297/* 1 */298-moz-box-sizing: content-box;299-webkit-box-sizing: content-box;300/* 2 */301box-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*/
308input[type="search"]::-webkit-search-cancel-button,
309input[type="search"]::-webkit-search-decoration {310-webkit-appearance: none; }311
312/**
313* Define consistent border, margin, and padding.
314*/
315fieldset {316border: 1px solid #c0c0c0;317margin: 0 2px;318padding: 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*/
324legend {325border: 0;326/* 1 */327padding: 0;328/* 2 */ }329
330/**
331* Remove default vertical scrollbar in IE 8/9.
332*/
333textarea {334overflow: 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*/
340optgroup {341font-weight: bold; }342
343/* Tables
344========================================================================== */
345/**
346* Remove most spacing between table cells.
347*/
348table {349border-collapse: collapse;350border-spacing: 0; }351
352td,
353th {354padding: 0; }355
356body {357font-family: san-serif;358background-color: #F8F8F8;359color: #111;360line-height: 1.3;361text-align: justify;362-moz-hyphens: auto;363-ms-hyphens: auto;364-webkit-hyphens: auto;365hyphens: auto; }366@media (max-width: 400px) {367body {368font-size: 12px;369margin-left: 10px;370margin-right: 10px;371margin-top: 10px;372margin-bottom: 15px; } }373@media (min-width: 401px) and (max-width: 600px) {374body {375font-size: 14px;376margin-left: 10px;377margin-right: 10px;378margin-top: 10px;379margin-bottom: 15px; } }380@media (min-width: 601px) and (max-width: 900px) {381body {382font-size: 15px;383margin-left: 100px;384margin-right: 100px;385margin-top: 20px;386margin-bottom: 25px; } }387@media (min-width: 901px) and (max-width: 1800px) {388body {389font-size: 17px;390margin-left: 200px;391margin-right: 200px;392margin-top: 30px;393margin-bottom: 25px;394max-width: 800px; } }395@media (min-width: 1801px) {396body {397font-size: 18px;398margin-left: 20%;399margin-right: 20%;400margin-top: 30px;401margin-bottom: 25px;402max-width: 1000px; } }403
404p {405margin-top: 10px;406margin-bottom: 18px; }407
408em {409font-style: italic; }410
411strong {412font-weight: bold; }413
414h1, h2, h3, h4, h5, h6 {415font-weight: bold;416padding-top: 0.25em;417margin-bottom: 0.15em; }418
419header {420line-height: 2.475em;421padding-bottom: 0.7em;422border-bottom: 1px solid #BBB;423margin-bottom: 1.2em; }424header > h1 {425border: none;426padding: 0;427margin: 0;428font-size: 225%; }429header > h2 {430border: none;431padding: 0;432margin: 0;433font-style: normal;434font-size: 175%; }435header > h3 {436padding: 0;437margin: 0;438font-size: 125%;439font-style: italic; }440header + h1 {441border-top: none;442padding-top: 0px; }443
444h1 {445border-top: 1px solid #BBB;446padding-top: 15px;447font-size: 150%;448margin-bottom: 10px; }449h1:first-of-type {450border: none; }451
452h2 {453font-size: 125%; }454
455h3 {456font-size: 105%; }457
458hr {459border: 0px;460border-top: 1px solid #BBB;461width: 100%;462height: 0px; }463hr + h1 {464border-top: none;465padding-top: 0px; }466
467ul, ol {468font-size: 90%;469margin-top: 10px;470margin-bottom: 15px;471padding-left: 30px; }472
473ul {474list-style: circle; }475
476ol {477list-style: decimal; }478
479ul ul, ol ol, ul ol, ol ul {480font-size: inherit; }481
482li {483margin-top: 5px;484margin-bottom: 7px; }485
486q, blockquote, dd {487font-style: italic;488font-size: 90%; }489
490blockquote, dd {491quotes: none;492border-left: 0.35em #BBB solid;493padding-left: 1.15em;494margin: 0 1.5em 0 0; }495
496blockquote blockquote, dd blockquote, blockquote dd, dd dd, ol blockquote, ol dd, ul blockquote, ul dd, blockquote ol, dd ol,
497blockquote ul,
498dd ul {499font-size: inherit; }500
501a, a:link, a:visited, a:hover {502color: inherit;503text-decoration: none;504border-bottom: 1px dashed #111; }505a:hover, a:link:hover, a:visited:hover, a:hover:hover {506border-bottom-style: solid; }507a.footnoteRef, a:link.footnoteRef, a:visited.footnoteRef, a:hover.footnoteRef {508border-bottom: none;509color: #666; }510
511code {512font-family: "Consolas", "Monaco", monospace;513font-size: 85%;514background-color: #DDD;515border: 1px solid #BBB;516padding: 0px 0.15em 0px 0.15em;517-webkit-border-radius: 3px;518-moz-border-radius: 3px;519border-radius: 3px; }520
521pre {522margin-right: 1.5em;523display: block; }524pre > code {525display: block;526font-size: 70%;527padding: 10px;528-webkit-border-radius: 5px;529-moz-border-radius: 5px;530border-radius: 5px;531overflow-x: auto; }532
533blockquote pre, dd pre, ul pre, ol pre {534margin-left: 0;535margin-right: 0; }536blockquote pre > code, dd pre > code, ul pre > code, ol pre > code {537font-size: 77.7777777778%; }538
539caption, figcaption {540font-size: 80%;541font-style: italic;542text-align: right;543margin-bottom: 5px; }544caption:empty, figcaption:empty {545display: none; }546
547table {548width: 100%;549margin-top: 1em;550margin-bottom: 1em; }551table + h1 {552border-top: none; }553
554tr td, tr th {555padding: 0.2em 0.7em; }556tr.header {557border-top: 1px solid #222;558border-bottom: 1px solid #222;559font-weight: 700; }560tr.odd {561background-color: #EEEEEE; }562tr.even {563background-color: #CCCCCC; }564
565tbody:last-child {566border-bottom: 1px solid #222; }567
568dt {569font-weight: 700; }570dt:after {571font-weight: normal;572content: ":"; }573
574dd {575margin-bottom: 10px; }576
577figure {578margin: 1.3em 0 1.3em 0;579text-align: center;580padding: 0px;581width: 100%;582background-color: #DDD;583border: 1px solid #BBB;584-webkit-border-radius: 8px;585-moz-border-radius: 8px;586border-radius: 8px;587overflow: hidden; }588
589img {590display: block;591margin: 0px auto;592padding: 0px;593max-width: 100%; }594
595figcaption {596margin: 5px 10px 5px 30px; }597
598.footnotes {599color: #666;600font-size: 70%;601font-style: italic; }602.footnotes li p:last-child a:last-child {603border-bottom: none; }604