@@ -1,277 +0,0 @@
1−/*
2− Ratatouille mini Framework css by Thomas LEBEAU
3− Base on KNACSS => www.KNACSS.com (2013-10) @author: Raphael Goetter, Alsacreations
4− and normalize.css
5−*/
6−
7−/* ==========================================================================
8− Sommaire
9−
10− 1 = Mise en Forme
11− 2 = Mise en Page
12− 3 = Internet Explorer
13− 4 = Responsives elements
14− ========================================================================== */
15−
16−/* ==========================================================================
17− 1 = Mise en forme
18− ========================================================================== */
19−
20−* {
21− -webkit-box-sizing: border-box;
22− -moz-box-sizing: border-box;
23− box-sizing: border-box;
24−}
25−
26−html {
27− font-family: sans-serif; /* 1 */
28− -ms-text-size-adjust: 100%; /* 2 */
29− -webkit-text-size-adjust: 100%; /* 2 */
30−}
31−
32−body {
33− font-size: 1em;
34− line-height:1.5;
35− margin: 0;
36−}
37−
38−h1:first-child,
39−h2:first-child,
40−h3:first-child,
41−h4:first-child,
42−h5:first-child,
43−h6:first-child,
44−p:first-child,
45−ul:first-child,
46−ol:first-child,
47−dl:first-child{
48− margin-top: 0;
49−}
50−
51−code,
52−kbd,
53−pre,
54−samp {
55− font-family: monospace, serif;
56−}
57−
58−pre {
59− white-space: pre-wrap;
60−}
61−
62−
63−.upper {
64− text-transform: uppercase;
65−}
66−
67−.bold {
68− font-weight: bold;
69−}
70−
71−.inner {
72− margin: 0 auto;
73− max-width: 61.25em;/*980px*/
74−}
75−
76−table, img {
77− max-width: 100%;
78− height :auto;
79−}
80−
81−iframe {
82− max-width: 100%;
83−}
84−
85−.fl {
86− float: left;
87−}
88−
89−.fr {
90− float: right;
91−}
92−
93−table {
94− border-collapse: collapse;
95−}
96−
97−figure {
98− margin: 0;
99−}
100−
101−button,
102−input,
103−select,
104−textarea {
105− font-family: inherit;
106− font-size: 100%;
107− margin: 0;
108−}
109−
110−input[type="search"] {
111− -webkit-appearance: textfield;
112−}
113−
114−input::-moz-focus-inner {
115− border: 0;
116− padding: 0;
117−}
118−
119−@media screen and (-webkit-min-device-pixel-ratio:0){
120− select{
121− -webkit-appearance: none;
122− border-radius: 0;
123− }
124−}
125−
126−/* ==========================================================================
127− 2 = Mise en page
128− ========================================================================== */
129−
130−.ul-reset {
131− margin: 0;
132− padding: 0;
133−}
134− .ul-reset li {
135− list-style: none;
136− }
137−
138−.dib {
139− display: inline-block;
140− vertical-align: middle;
141−}
142−
143−.dblock { display: block; }
144−
145−.dnone { display: none; }
146−
147−.dtable { display:table }
148−
149− .dtable > * { display:table-row; }
150−
151− .dtable > * > * { display:table-cell; }
152−
153−.element-invisible {
154− border: 0;
155− clip: rect(0 0 0 0);
156− height: 1px;
157− margin: -1px;
158− overflow: hidden;
159− padding: 0;
160− position: absolute;
161− width: 1px;
162−}
163−
164−.x-text-small { font-size:x-small; }
165−
166−.text-small { font-size:small; }
167−
168−.text-large { font-size:large; }
169−
170−.x-text-large { font-size:x-large; }
171−
172−h1,
173−.h1 {
174− font-size: 2.5em;
175−}
176−
177−h2,
178−.h2 {
179− font-size: 1.8em;
180−}
181−
182−h3,
183−.h3 {
184− font-size: 1.4em;
185−}
186−
187−h4,
188−.h4 {
189− font-size: 1.2em;
190−}
191−
192−h5,
193−.h5 {
194− font-size: 1em;
195−}
196−
197−h6,
198−.h6 {
199− font-size: 0.8em;
200−}
201−
202−/*Table*/
203−
204−table {
205− color: #999;
206− min-width: 100%;
207− text-align: left;
208−}
209−
210−table thead {
211− background: #CCC;
212−}
213−
214−table td, table th {
215− padding: 0.5em;
216− color: #333;
217− border-color: #999;
218−}
219−
220−.box {
221− padding: 1.5em;
222−}
223−
224−code {
225− background: #EEE;
226− color: #666;
227− padding: 0.4em;
228−}
229−
230−
231−/* ==========================================================================
232− 3 = Internet Explorer
233− ========================================================================== */
234−
235−/*IE8 and IE9*/
236−
237−article,
238−aside,
239−details,
240−figcaption,
241−figure,
242−footer,
243−header,
244−hgroup,
245−main,
246−nav,
247−section,
248−summary {
249− display: block;
250−}
251−
252−/*IE8 and IE9*/
253−
254−audio,
255−canvas,
256−video {
257− display: inline-block;
258−}
259−
260−img {
261− border: 0;
262−}
263−
264−/* ==========================================================================
265− 4 = Responsives Elements
266− ========================================================================== */
267−
268−@media screen and (max-width: 61.25em) {
269− .responsiveTable {
270− overflow-x: scroll;
271− -webkit-overflow-scrolling: touch;
272− }
273−}
274−
275−*[data-width] {
276− width: attr(data-width);
277−}