Style fixes
[astakos] / snf-astakos-app / astakos / im / static / im / css / formating.css
1 /* http://meyerweb.com/eric/tools/css/reset/ \r
2    v2.0 | 20110126\r
3    License: none (public domain)\r
4 */\r
5 html, body, div, span, applet, object, iframe,\r
6 h1, h2, h3, h4, h5, h6, p, blockquote, pre,\r
7 a, abbr, acronym, address, big, cite, code,\r
8 del, dfn, em, img, ins, kbd, q, s, samp,\r
9 small, strike, strong, sub, sup, tt, var,\r
10 b, u, i, center,\r
11 dl, dt, dd, ol, ul, li,\r
12 fieldset, form, label, legend,\r
13 table, caption, tbody, tfoot, thead, tr, th, td,\r
14 article, aside, canvas, details, embed, \r
15 figure, figcaption, footer, header, hgroup, \r
16 menu, nav, output, ruby, section, summary,\r
17 time, mark, audio, video                                                { border:0; margin:0; padding:0; font-size:100%; font:inherit; vertical-align:baseline; }\r
18 \r
19 /* HTML5 display-role reset for older browsers */\r
20 article, aside, details, figcaption, figure, \r
21 footer, header, hgroup, menu, nav, section              { display:block; }\r
22 \r
23 /* defaults -----------------------------------*/\r
24 :link, a, a:visited                                                             { color:#F89A1C; text-decoration:none; }\r
25 a:hover                                                                                 { outline:0; text-decoration:underline; }\r
26 a:focus                                                                                 { text-decoration:none; }\r
27 a:active                                                                                { outline:0; text-decoration:none; }\r
28 a img, :link img, :visited img                                  { border:none; }\r
29 a span                                                                                  { cursor:pointer; }\r
30 abbr[title], dfn[title]                                                 { border-bottom:1px dotted; cursor:help; }\r
31 address                                                                                 { font-style:italic; margin:0 0 1.5em 0; }\r
32 body                                                                                    { background:white; color:#222; font-family: Antic, Arial, sans-serif; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}\r
33 code, kbd, pre, samp                                                    { font-family:monospace, sans-serif; }\r
34 del                                                                                             { text-decoration:line-through; }\r
35 dl                                                                                              { margin:1em 0; }\r
36 dl dd                                                                                   { margin-left:1em; }\r
37 dt                                                                                              { font-weight:bold; }\r
38 em, i                                                                                   { font-style:italic; font-weight:inherit; }\r
39 h1, h2, h3, h4, h5, h6                                                  { font-weight:bold; line-height:1.4; margin-bottom:0; }\r
40 /* Typographic scale based on 12px body size */\r
41 h1                                                                                              { font-size:4em; }\r
42 h2                                                                                              { font-size:1em; }\r
43 h3                                                                                              { font-size:1em; }\r
44 h4                                                                                              { font-size:1.5em; }\r
45 h5                                                                                              { font-size:1.333em; }\r
46 h6                                                                                              { font-size:1.167em; }\r
47 hr                                                                                              { border:0; border-top:1px solid; display:block; height:1px; margin:1em 0; padding:0; }\r
48 img                                                                                             { border:0; vertical-align:middle; }\r
49 ins                                                                                             { text-decoration:none; }\r
50 p                                                                                               { margin-bottom:1em; }\r
51 pre                                                                                             { overflow:auto; line-height:24px; }\r
52 strong, b                                                                               { font-weight:bold; font-style:inherit; }\r
53 sub, sup                                                                                { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }\r
54 sub                                                                                             { bottom:-0.25em; }\r
55 sup                                                                                             { top:-0.5em; }\r
56 \r
57 button, input, select, textarea                                 { font-size:100%; margin:0; vertical-align:baseline; }\r
58 button, input                                                                   { line-height:normal; }\r
59 button[disabled], input[disabled]                               { cursor:default; }\r
60 button,\r
61 input[type="image"],\r
62 input[type="submit"],\r
63 input[type="reset"],\r
64 input[type="button"]                                                    { cursor:pointer; overflow:visible; }\r
65 input[type="checkbox"],\r
66 input[type="radio"]                                                             { box-sizing:border-box; padding:0; }\r
67 legend                                                                                  { border:0; white-space:normal; }\r
68 optgroup                                                                                { font-style:normal; font-weight:bold; }\r
69 textarea                                                                                { overflow:auto; vertical-align:top; }\r
70 \r
71 q                                                                                               { quotes:"‘" "’" "“" "”"; } /* http://html5doctor.com/blockquote-q-cite/ */\r
72 q:before                                                                                { content:"‘"; content:open-quote; }\r
73 q:after                                                                                 { content:"’"; content:close-quote; }\r
74 q q:before                                                                              { content: "“"; content: open-quote; }\r
75 q q:after                                                                               { content: "”"; content: close-quote; }\r
76 blockquote                                                                              { quotes: "“" "”"; margin:1em 40px; }\r
77 blockquote p:before                                                             { content: "“"; content: open-quote; }\r
78 blockquote p:after                                                              { content: ""; content: no-close-quote; }\r
79 blockquote p:last-of-type:after                                 { content: "”"; content: close-quote; }\r
80 blockquote                                                                              { font-style:italic; margin:1em; }\r
81 \r
82 caption                                                                                 { font-weight:bold; text-align:left; margin-bottom:.2em; padding:0; }\r
83 table                                                                                   { border-collapse:collapse; border-spacing:0; margin-bottom:1em; }\r
84 tfoot                                                                                   { font-style:italic; }\r
85 thead td, th                                                                    { font-weight:bold; vertical-align:top; }\r
86 \r
87 ol                                                                                              { list-style-type:decimal; margin:1em 0; padding-left:2em; }\r
88 ol li                                                                                   { list-style:decimal outside; }\r
89 ol ol li                                                                                { list-style-type:lower-alpha; }\r
90 ol ol ol li                                                                             { list-style-type:lower-roman; }\r
91 \r
92 ul                                                                                              { list-style-type:disc; margin:1em 0; padding-left:2em; }\r
93 ul li                                                                                   { list-style:disc outside; }\r
94 ul ul li                                                                                { list-style-type:circle; }\r
95 ul ul ul li                                                                             { list-style-type:square; }\r
96 \r
97 /* helpers ------------------------------------*/\r
98 .clearfix:before,\r
99 .clearfix:after                                                                 { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */\r
100 .clearfix:after                                                                 { clear:both; }\r
101 .visuallyhidden                                                                 { position:absolute !important; clip:rect(0 0 0 0); }\r
102 \r
103 /* misc ---------------------------------------*/\r
104 img[align="left"]                                                               { margin:0 1em 0.5em 0; }\r
105 img[align="right"]                                                              { margin:0 0 0.5em 1em; }\r