Vous êtes connecté en tant que anonymous Se Deconnecter
Browse code

commit initial de la branch template-meny

git authored on 14/03/2019 10:30:11
Showing 1 changed files
... ...
@@ -0,0 +1,45 @@
1
+/**
2
+ * List used for the stroll menu
3
+ */
4
+ul.stroll {
5
+    position: relative;
6
+    width: 250px;
7
+    height: 800px;
8
+    margin: 0rem;
9
+    padding: 0rem;
10
+    overflow-x: hidden;
11
+    overflow-y: scroll;
12
+    list-style: none;
13
+    line-height: 0.5rem;
14
+}
15
+ul.stroll li.stroll {
16
+    position: relative;
17
+    padding: 10px;
18
+    margin: 0rem;
19
+    background: #eee;
20
+    color: #252525;
21
+    font-size: 18px;
22
+    z-index: 2;
23
+}
24
+ul.stroll li.actived {
25
+    background: #ddd !important;
26
+}
27
+ul.stroll li.stroll:nth-child(odd) {
28
+    background: #fff;
29
+}
30
+
31
+.bd-highlight{
32
+    margin: 0.25rem;
33
+}
34
+
35
+.btn-search{
36
+    background: #bfb451;
37
+    border-color: #bfb451;
38
+}
39
+.btn-search:hover{
40
+    background: #978c44;
41
+    border-color: #978c44;
42
+}
43
+.search_link{
44
+    color: #000;
45
+}
0 46
\ No newline at end of file
Browse code

Version fonctionnelle de base

Emmanuel ROY authored on 13/06/2017 22:54:16
Showing 1 changed files
... ...
@@ -1,293 +0,0 @@
1
-/*
2
- * HTML5 Boilerplate
3
- *
4
- * What follows is the result of much research on cross-browser styling.
5
- * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
- * Kroc Camen, and the H5BP dev community and team.
7
- *
8
- * Detailed information about this CSS: h5bp.com/css
9
- *
10
- * ==|== normalize ==========================================================
11
- */
12
-
13
-
14
-/* =============================================================================
15
-   HTML5 display definitions
16
-   ========================================================================== */
17
-
18
-article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
19
-audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
20
-audio:not([controls]) { display: none; }
21
-[hidden] { display: none; }
22
-
23
-
24
-/* =============================================================================
25
-   Base
26
-   ========================================================================== */
27
-
28
-/*
29
- * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
30
- * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
31
- */
32
-
33
-html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
34
-
35
-html, button, input, select, textarea { font-family: sans-serif; color: #222; }
36
-
37
-body { margin: 0; font-size: 1em; line-height: 1.4; }
38
-
39
-/*
40
- * Remove text-shadow in selection highlight: h5bp.com/i
41
- * These selection declarations have to be separate
42
- * Also: hot pink! (or customize the background color to match your design)
43
- */
44
-
45
-::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
46
-::selection { background: #fe57a1; color: #fff; text-shadow: none; }
47
-
48
-
49
-/* =============================================================================
50
-   Links
51
-   ========================================================================== */
52
-
53
-a { color: #00e; }
54
-a:visited { color: #551a8b; }
55
-a:hover { color: #06e; }
56
-a:focus { outline: thin dotted; }
57
-
58
-/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
59
-a:hover, a:active { outline: 0; }
60
-
61
-
62
-/* =============================================================================
63
-   Typography
64
-   ========================================================================== */
65
-
66
-abbr[title] { border-bottom: 1px dotted; }
67
-
68
-b, strong { font-weight: bold; }
69
-
70
-blockquote { margin: 1em 40px; }
71
-
72
-dfn { font-style: italic; }
73
-
74
-hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
75
-
76
-ins { background: #ff9; color: #000; text-decoration: none; }
77
-
78
-mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
79
-
80
-/* Redeclare monospace font family: h5bp.com/j */
81
-pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
82
-
83
-/* Improve readability of pre-formatted text in all browsers */
84
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
85
-
86
-q { quotes: none; }
87
-q:before, q:after { content: ""; content: none; }
88
-
89
-small { font-size: 85%; }
90
-
91
-/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
92
-sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
93
-sup { top: -0.5em; }
94
-sub { bottom: -0.25em; }
95
-
96
-
97
-/* =============================================================================
98
-   Lists
99
-   ========================================================================== */
100
-
101
-ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
102
-dd { margin: 0 0 0 40px; }
103
-nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
104
-
105
-
106
-/* =============================================================================
107
-   Embedded content
108
-   ========================================================================== */
109
-
110
-/*
111
- * 1. Improve image quality when scaled in IE7: h5bp.com/d
112
- * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
113
- */
114
-
115
-img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
116
-
117
-/*
118
- * Correct overflow not hidden in IE9
119
- */
120
-
121
-svg:not(:root) { overflow: hidden; }
122
-
123
-
124
-/* =============================================================================
125
-   Figures
126
-   ========================================================================== */
127
-
128
-figure { margin: 0; }
129
-
130
-
131
-/* =============================================================================
132
-   Forms
133
-   ========================================================================== */
134
-
135
-form { margin: 0; }
136
-fieldset { border: 0; margin: 0; padding: 0; }
137
-
138
-/* Indicate that 'label' will shift focus to the associated form element */
139
-label { cursor: pointer; }
140
-
141
-/*
142
- * 1. Correct color not inheriting in IE6/7/8/9
143
- * 2. Correct alignment displayed oddly in IE6/7
144
- */
145
-
146
-legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
147
-
148
-/*
149
- * 1. Correct font-size not inheriting in all browsers
150
- * 2. Remove margins in FF3/4 S5 Chrome
151
- * 3. Define consistent vertical alignment display in all browsers
152
- */
153
-
154
-button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
155
-
156
-/*
157
- * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
158
- */
159
-
160
-button, input { line-height: normal; }
161
-
162
-/*
163
- * 1. Display hand cursor for clickable form elements
164
- * 2. Allow styling of clickable form elements in iOS
165
- * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
166
- */
167
-
168
-button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
169
-
170
-/*
171
- * Re-set default cursor for disabled elements
172
- */
173
-
174
-button[disabled], input[disabled] { cursor: default; }
175
-
176
-/*
177
- * Consistent box sizing and appearance
178
- */
179
-
180
-input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
181
-input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
182
-input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
183
-
184
-/*
185
- * Remove inner padding and border in FF3/4: h5bp.com/l
186
- */
187
-
188
-button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
189
-
190
-/*
191
- * 1. Remove default vertical scrollbar in IE6/7/8/9
192
- * 2. Allow only vertical resizing
193
- */
194
-
195
-textarea { overflow: auto; vertical-align: top; resize: vertical; }
196
-
197
-/* Colors for form validity */
198
-input:valid, textarea:valid {  }
199
-input:invalid, textarea:invalid { background-color: #f0dddd; }
200
-
201
-
202
-/* =============================================================================
203
-   Tables
204
-   ========================================================================== */
205
-
206
-table { border-collapse: collapse; border-spacing: 0; }
207
-td { vertical-align: top; }
208
-
209
-
210
-/* =============================================================================
211
-   Chrome Frame Prompt
212
-   ========================================================================== */
213
-
214
-.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
215
-
216
-
217
-/* ==|== primary styles =====================================================
218
-   Author:
219
-   ========================================================================== */
220
-
221
-
222
-
223
-
224
-
225
-
226
-
227
-
228
-
229
-
230
-
231
-
232
-
233
-
234
-
235
-
236
-/* ==|== media queries ======================================================
237
-   EXAMPLE Media Query for Responsive Design.
238
-   This example overrides the primary ('mobile first') styles
239
-   Modify as content requires.
240
-   ========================================================================== */
241
-
242
-@media only screen and (min-width: 35em) {
243
-  /* Style adjustments for viewports that meet the condition */
244
-}
245
-
246
-
247
-
248
-/* ==|== non-semantic helper classes ========================================
249
-   Please define your styles before this section.
250
-   ========================================================================== */
251
-
252
-/* For image replacement */
253
-.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
254
-.ir br { display: none; }
255
-
256
-/* Hide from both screenreaders and browsers: h5bp.com/u */
257
-.hidden { display: none !important; visibility: hidden; }
258
-
259
-/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
260
-.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
261
-
262
-/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
263
-.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
264
-
265
-/* Hide visually and from screenreaders, but maintain layout */
266
-.invisible { visibility: hidden; }
267
-
268
-/* Contain floats: h5bp.com/q */
269
-.clearfix:before, .clearfix:after { content: ""; display: table; }
270
-.clearfix:after { clear: both; }
271
-.clearfix { *zoom: 1; }
272
-
273
-
274
-
275
-/* ==|== print styles =======================================================
276
-   Print styles.
277
-   Inlined to avoid required HTTP connection: h5bp.com/r
278
-   ========================================================================== */
279
-
280
-@media print {
281
-  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
282
-  a, a:visited { text-decoration: underline; }
283
-  a[href]:after { content: " (" attr(href) ")"; }
284
-  abbr[title]:after { content: " (" attr(title) ")"; }
285
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
286
-  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
287
-  thead { display: table-header-group; } /* h5bp.com/t */
288
-  tr, img { page-break-inside: avoid; }
289
-  img { max-width: 100% !important; }
290
-  @page { margin: 0.5cm; }
291
-  p, h2, h3 { orphans: 3; widows: 3; }
292
-  h2, h3 { page-break-after: avoid; }
293
-}
Browse code

Nouvelle version faite en une matinée Dommage de ne pas retrouver l'ancienne

Dear IP-formation.

Emmanuel ROY authored on 15/04/2015 14:45:54
Showing 1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,293 @@
1
+/*
2
+ * HTML5 Boilerplate
3
+ *
4
+ * What follows is the result of much research on cross-browser styling.
5
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
+ * Kroc Camen, and the H5BP dev community and team.
7
+ *
8
+ * Detailed information about this CSS: h5bp.com/css
9
+ *
10
+ * ==|== normalize ==========================================================
11
+ */
12
+
13
+
14
+/* =============================================================================
15
+   HTML5 display definitions
16
+   ========================================================================== */
17
+
18
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
19
+audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
20
+audio:not([controls]) { display: none; }
21
+[hidden] { display: none; }
22
+
23
+
24
+/* =============================================================================
25
+   Base
26
+   ========================================================================== */
27
+
28
+/*
29
+ * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
30
+ * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
31
+ */
32
+
33
+html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
34
+
35
+html, button, input, select, textarea { font-family: sans-serif; color: #222; }
36
+
37
+body { margin: 0; font-size: 1em; line-height: 1.4; }
38
+
39
+/*
40
+ * Remove text-shadow in selection highlight: h5bp.com/i
41
+ * These selection declarations have to be separate
42
+ * Also: hot pink! (or customize the background color to match your design)
43
+ */
44
+
45
+::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
46
+::selection { background: #fe57a1; color: #fff; text-shadow: none; }
47
+
48
+
49
+/* =============================================================================
50
+   Links
51
+   ========================================================================== */
52
+
53
+a { color: #00e; }
54
+a:visited { color: #551a8b; }
55
+a:hover { color: #06e; }
56
+a:focus { outline: thin dotted; }
57
+
58
+/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
59
+a:hover, a:active { outline: 0; }
60
+
61
+
62
+/* =============================================================================
63
+   Typography
64
+   ========================================================================== */
65
+
66
+abbr[title] { border-bottom: 1px dotted; }
67
+
68
+b, strong { font-weight: bold; }
69
+
70
+blockquote { margin: 1em 40px; }
71
+
72
+dfn { font-style: italic; }
73
+
74
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
75
+
76
+ins { background: #ff9; color: #000; text-decoration: none; }
77
+
78
+mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
79
+
80
+/* Redeclare monospace font family: h5bp.com/j */
81
+pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
82
+
83
+/* Improve readability of pre-formatted text in all browsers */
84
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
85
+
86
+q { quotes: none; }
87
+q:before, q:after { content: ""; content: none; }
88
+
89
+small { font-size: 85%; }
90
+
91
+/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
92
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
93
+sup { top: -0.5em; }
94
+sub { bottom: -0.25em; }
95
+
96
+
97
+/* =============================================================================
98
+   Lists
99
+   ========================================================================== */
100
+
101
+ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
102
+dd { margin: 0 0 0 40px; }
103
+nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
104
+
105
+
106
+/* =============================================================================
107
+   Embedded content
108
+   ========================================================================== */
109
+
110
+/*
111
+ * 1. Improve image quality when scaled in IE7: h5bp.com/d
112
+ * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
113
+ */
114
+
115
+img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
116
+
117
+/*
118
+ * Correct overflow not hidden in IE9
119
+ */
120
+
121
+svg:not(:root) { overflow: hidden; }
122
+
123
+
124
+/* =============================================================================
125
+   Figures
126
+   ========================================================================== */
127
+
128
+figure { margin: 0; }
129
+
130
+
131
+/* =============================================================================
132
+   Forms
133
+   ========================================================================== */
134
+
135
+form { margin: 0; }
136
+fieldset { border: 0; margin: 0; padding: 0; }
137
+
138
+/* Indicate that 'label' will shift focus to the associated form element */
139
+label { cursor: pointer; }
140
+
141
+/*
142
+ * 1. Correct color not inheriting in IE6/7/8/9
143
+ * 2. Correct alignment displayed oddly in IE6/7
144
+ */
145
+
146
+legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
147
+
148
+/*
149
+ * 1. Correct font-size not inheriting in all browsers
150
+ * 2. Remove margins in FF3/4 S5 Chrome
151
+ * 3. Define consistent vertical alignment display in all browsers
152
+ */
153
+
154
+button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
155
+
156
+/*
157
+ * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
158
+ */
159
+
160
+button, input { line-height: normal; }
161
+
162
+/*
163
+ * 1. Display hand cursor for clickable form elements
164
+ * 2. Allow styling of clickable form elements in iOS
165
+ * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
166
+ */
167
+
168
+button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
169
+
170
+/*
171
+ * Re-set default cursor for disabled elements
172
+ */
173
+
174
+button[disabled], input[disabled] { cursor: default; }
175
+
176
+/*
177
+ * Consistent box sizing and appearance
178
+ */
179
+
180
+input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
181
+input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
182
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
183
+
184
+/*
185
+ * Remove inner padding and border in FF3/4: h5bp.com/l
186
+ */
187
+
188
+button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
189
+
190
+/*
191
+ * 1. Remove default vertical scrollbar in IE6/7/8/9
192
+ * 2. Allow only vertical resizing
193
+ */
194
+
195
+textarea { overflow: auto; vertical-align: top; resize: vertical; }
196
+
197
+/* Colors for form validity */
198
+input:valid, textarea:valid {  }
199
+input:invalid, textarea:invalid { background-color: #f0dddd; }
200
+
201
+
202
+/* =============================================================================
203
+   Tables
204
+   ========================================================================== */
205
+
206
+table { border-collapse: collapse; border-spacing: 0; }
207
+td { vertical-align: top; }
208
+
209
+
210
+/* =============================================================================
211
+   Chrome Frame Prompt
212
+   ========================================================================== */
213
+
214
+.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
215
+
216
+
217
+/* ==|== primary styles =====================================================
218
+   Author:
219
+   ========================================================================== */
220
+
221
+
222
+
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+
231
+
232
+
233
+
234
+
235
+
236
+/* ==|== media queries ======================================================
237
+   EXAMPLE Media Query for Responsive Design.
238
+   This example overrides the primary ('mobile first') styles
239
+   Modify as content requires.
240
+   ========================================================================== */
241
+
242
+@media only screen and (min-width: 35em) {
243
+  /* Style adjustments for viewports that meet the condition */
244
+}
245
+
246
+
247
+
248
+/* ==|== non-semantic helper classes ========================================
249
+   Please define your styles before this section.
250
+   ========================================================================== */
251
+
252
+/* For image replacement */
253
+.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
254
+.ir br { display: none; }
255
+
256
+/* Hide from both screenreaders and browsers: h5bp.com/u */
257
+.hidden { display: none !important; visibility: hidden; }
258
+
259
+/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
260
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
261
+
262
+/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
263
+.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
264
+
265
+/* Hide visually and from screenreaders, but maintain layout */
266
+.invisible { visibility: hidden; }
267
+
268
+/* Contain floats: h5bp.com/q */
269
+.clearfix:before, .clearfix:after { content: ""; display: table; }
270
+.clearfix:after { clear: both; }
271
+.clearfix { *zoom: 1; }
272
+
273
+
274
+
275
+/* ==|== print styles =======================================================
276
+   Print styles.
277
+   Inlined to avoid required HTTP connection: h5bp.com/r
278
+   ========================================================================== */
279
+
280
+@media print {
281
+  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
282
+  a, a:visited { text-decoration: underline; }
283
+  a[href]:after { content: " (" attr(href) ")"; }
284
+  abbr[title]:after { content: " (" attr(title) ")"; }
285
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
286
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
287
+  thead { display: table-header-group; } /* h5bp.com/t */
288
+  tr, img { page-break-inside: avoid; }
289
+  img { max-width: 100% !important; }
290
+  @page { margin: 0.5cm; }
291
+  p, h2, h3 { orphans: 3; widows: 3; }
292
+  h2, h3 { page-break-after: avoid; }
293
+}