1 | /** ================================================================================= |
---|
2 | Base rules and html5 compatibility by Dotclear Team, |
---|
3 | //* most based on some Koz's habits and: |
---|
4 | //* - Comprehensive Base Stylesheet by fvsch - http://fvsch.com/code/base-stylesheet/ |
---|
5 | //* - Normalize.css v2.1.3 | MIT License | git.io/normalize |
---|
6 | //* - Knacss | WTFYW | by Raphael Goetter |
---|
7 | ================================================================================== */ |
---|
8 | |
---|
9 | /* largeur des paddings et border compris dans "width" */ |
---|
10 | *, |
---|
11 | *:after, |
---|
12 | *:before { |
---|
13 | -webkit-box-sizing: border-box; // Safari/Chrome, other WebKit */ |
---|
14 | -moz-box-sizing: border-box; // Firefox, other Gecko */ |
---|
15 | -ms-box-sizing: border-box; // Explorer |
---|
16 | box-sizing: border-box; |
---|
17 | } |
---|
18 | html { |
---|
19 | font-size: 100.01%; // bug arrondi sur vieux navigateurs |
---|
20 | -ms-text-size-adjust: 100%; |
---|
21 | -webkit-text-size-adjust: 100%; |
---|
22 | margin: 0; |
---|
23 | padding: 0; |
---|
24 | } |
---|
25 | body { |
---|
26 | margin: 0; |
---|
27 | padding: 0; |
---|
28 | } |
---|
29 | a { background: transparent; } |
---|
30 | a:focus { outline: thin dotted; } |
---|
31 | a:active, a:hover { outline: none; } |
---|
32 | a img { border: none; } |
---|
33 | q, cite { |
---|
34 | font-style: italic; |
---|
35 | } |
---|
36 | q:before, q:after { |
---|
37 | content: ""; |
---|
38 | } |
---|
39 | sup, sub { |
---|
40 | font-size: .75em; |
---|
41 | line-height: 0; |
---|
42 | position: relative; |
---|
43 | vertical-align: baseline; |
---|
44 | } |
---|
45 | sup { top: -0.5em; } |
---|
46 | sub { bottom: -0.25em; } |
---|
47 | abbr[title] { |
---|
48 | border-bottom: 1px dotted; |
---|
49 | cursor: help; |
---|
50 | } |
---|
51 | b, strong { |
---|
52 | font-weight: bold; |
---|
53 | font-size: 0.9375em; |
---|
54 | } |
---|
55 | small { |
---|
56 | font-size: 80%; |
---|
57 | } |
---|
58 | dfn { |
---|
59 | font-style: italic; |
---|
60 | } |
---|
61 | hr { |
---|
62 | -moz-box-sizing: content-box; |
---|
63 | box-sizing: content-box; |
---|
64 | height: 0; |
---|
65 | } |
---|
66 | mark { |
---|
67 | background: #ff0; |
---|
68 | color: #000; |
---|
69 | } |
---|
70 | code, kbd, pre, samp { |
---|
71 | font-family: monospace, serif; |
---|
72 | font-size: 1em; |
---|
73 | } |
---|
74 | pre { |
---|
75 | white-space: pre-wrap; |
---|
76 | } |
---|
77 | fieldset { |
---|
78 | margin: 0; |
---|
79 | padding: 0; |
---|
80 | border: none; |
---|
81 | } |
---|
82 | input, button, select { |
---|
83 | vertical-align: middle; |
---|
84 | } |
---|
85 | button, input, select, textarea { |
---|
86 | font-family: inherit; |
---|
87 | font-size: 100%; |
---|
88 | margin: 0; |
---|
89 | } |
---|
90 | button, input { |
---|
91 | line-height: normal; |
---|
92 | } |
---|
93 | button, |
---|
94 | html input[type="button"], |
---|
95 | input[type="reset"], |
---|
96 | input[type="submit"] { |
---|
97 | -webkit-appearance: button; |
---|
98 | cursor: pointer; |
---|
99 | } |
---|
100 | button[disabled], |
---|
101 | html input[disabled] { |
---|
102 | cursor: default; |
---|
103 | } |
---|
104 | input[type="checkbox"], |
---|
105 | input[type="radio"] { |
---|
106 | padding: 0; |
---|
107 | border: none; |
---|
108 | } |
---|
109 | input[type="search"] { |
---|
110 | -webkit-appearance: textfield; |
---|
111 | } |
---|
112 | input[type="search"]::-webkit-search-cancel-button, |
---|
113 | input[type="search"]::-webkit-search-decoration { |
---|
114 | -webkit-appearance: none; |
---|
115 | } |
---|
116 | button::-moz-focus-inner, |
---|
117 | input::-moz-focus-inner { |
---|
118 | border: 0; |
---|
119 | padding: 0; |
---|
120 | } |
---|
121 | textarea { |
---|
122 | overflow: auto; |
---|
123 | vertical-align: top; |
---|
124 | } |
---|
125 | table { |
---|
126 | border-collapse: collapse; |
---|
127 | margin-bottom: 1.5em; |
---|
128 | } |
---|
129 | td, th { |
---|
130 | padding: 1px; |
---|
131 | vertical-align: top; |
---|
132 | text-align: left; |
---|
133 | } |
---|
134 | td:first-child, th:first-child { |
---|
135 | empty-cells: hide; |
---|
136 | } |
---|
137 | /* scripts */ |
---|
138 | body > script {display: none !important;} |
---|
139 | |
---|
140 | /* HTML5 for old browsers */ |
---|
141 | article, aside, details, figcaption, figure, footer, |
---|
142 | header, hgroup, main, nav, section, summary { |
---|
143 | display: block; |
---|
144 | } |
---|
145 | audio, canvas, video { |
---|
146 | display: inline-block; |
---|
147 | } |
---|
148 | audio:not([controls]) { |
---|
149 | display: none; |
---|
150 | height: 0; |
---|
151 | } |
---|
152 | figure { |
---|
153 | margin: 0; |
---|
154 | } |
---|
155 | [hidden], template { |
---|
156 | display: none; |
---|
157 | } |
---|
158 | svg:not(:root) { |
---|
159 | overflow: hidden; |
---|
160 | } |
---|
161 | /* Headings reset */ |
---|
162 | h1, h2, h3, h4, h5, h6 { |
---|
163 | font-size: 1em; |
---|
164 | font-weight: normal; |
---|
165 | margin: 0; |
---|
166 | } |
---|
167 | /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ |
---|
168 | .visually-hidden { |
---|
169 | border: 0; |
---|
170 | clip: rect(0 0 0 0); |
---|
171 | height: 1px; |
---|
172 | margin: -1px; |
---|
173 | overflow: hidden; |
---|
174 | padding: 0; |
---|
175 | position: absolute; |
---|
176 | width: 1px; |
---|
177 | } |
---|