Rev 7961 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
5929 | obado | 1 | /************************************************************************* |
2 | AFFICHAGE SUR SMARTPHONES, TABLETTES ET PETITS ECRANS (<1024px width) |
||
3 | *************************************************************************/ |
||
7888 | obado | 4 | @media only screen and (max-width: 40em) { |
5929 | obado | 5 | body { |
6 | font-size: 105%; |
||
7 | } |
||
7671 | bpr | 8 | |
7074 | obado | 9 | /*input[name="keyword"], input.wims_home_form { |
10 | width: 80%; |
||
11 | }* |
||
7671 | bpr | 12 | |
5929 | obado | 13 | /********PAGE D'ACCUEIL MOBILES*************/ |
5942 | obado | 14 | body div#wimsfrontpage div#wimstopbox { |
5929 | obado | 15 | padding-top: 0; |
16 | } |
||
7074 | obado | 17 | |
7888 | obado | 18 | div#wimsfrontpage .wimsbody{ |
19 | min-width:inherit; |
||
20 | } |
||
21 | |||
5942 | obado | 22 | body div#wimsfrontpage div.wims_frontpage { |
23 | padding: 0; |
||
24 | } |
||
7074 | obado | 25 | |
7888 | obado | 26 | div#wimstopbox div#wims_title { |
27 | float: left; |
||
5942 | obado | 28 | padding-left: 0; |
5929 | obado | 29 | margin-left: 10px; |
5942 | obado | 30 | width: 70%; |
5929 | obado | 31 | } |
5942 | obado | 32 | body div#wimsfrontpage div#wimstopbox div#wims_title .wims_subtitle{ |
33 | margin-bottom:5px; |
||
34 | } |
||
35 | body div#wimsfrontpage div#wimstopbox .spacer{ |
||
36 | display:none; |
||
37 | } |
||
38 | body #wimstopbox .institution_logo { |
||
39 | margin-top:2.5em; |
||
40 | } |
||
7671 | bpr | 41 | |
6173 | obado | 42 | /*** Styles OEF ****/ |
43 | div.oefform{ |
||
7907 | obado | 44 | margin:0 .5em; |
6173 | obado | 45 | } |
46 | /****************/ |
||
7671 | bpr | 47 | |
6173 | obado | 48 | /** Gros Titres **/ |
49 | body #wimsbodybox #wimspagebox .oeftitle,body #wimsbodybox div.title_box { |
||
50 | padding-left:1em; |
||
7961 | obado | 51 | /*margin:0 -2px;*/ |
6173 | obado | 52 | border-radius: 0; |
53 | } |
||
54 | |||
7961 | obado | 55 | .wimsbody .title_box, .wims_docu_title, .wimsbody #wims_title .wims_title{ |
56 | margin:.5em 0; |
||
57 | } |
||
58 | |||
5942 | obado | 59 | div#wimstopbox ul.menuglobal { |
60 | padding:0; |
||
6173 | obado | 61 | text-align: center; |
5942 | obado | 62 | } |
7671 | bpr | 63 | |
5942 | obado | 64 | body div#wimstopbox ul.menuglobal li.menuitem, body div#wimstopbox ul.menuglobal li.topmenuitem { |
5929 | obado | 65 | display: block; |
66 | margin: 0; |
||
8017 | obado | 67 | box-shadow: 0 0 1px rgba(0, 0, 0, .5) ; |
68 | padding: 2px 5px 2px .5em; |
||
5929 | obado | 69 | } |
7888 | obado | 70 | |
7961 | obado | 71 | .main_body .wimsmenu .menuitem{ |
72 | padding-left: 0; |
||
73 | } |
||
74 | .wimsmenu .menuitem a{ |
||
7888 | obado | 75 | width: 100%; |
7961 | obado | 76 | /*padding-left:0;*/ |
77 | box-sizing: border-box; |
||
7888 | obado | 78 | } |
79 | |||
5929 | obado | 80 | div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a { |
81 | display: block; |
||
82 | } |
||
83 | div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a:hover, |
||
84 | div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a:active { |
||
85 | text-decoration: none; |
||
86 | } |
||
7671 | bpr | 87 | |
5942 | obado | 88 | div#wimsfrontpage div#wimsbodybox div#wimspagebox .wimsbody,div#wimsbodybox .wimsfrontpage { |
89 | padding: 0; |
||
90 | margin: 0; |
||
91 | } |
||
92 | |||
5929 | obado | 93 | div#wimsfrontpage div#wimsbodybox div.footer { |
94 | text-align: left; |
||
95 | background-color: #ffffff; |
||
96 | } |
||
7074 | obado | 97 | |
5929 | obado | 98 | div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu { |
99 | padding: 0; |
||
100 | } |
||
7074 | obado | 101 | |
5929 | obado | 102 | div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem { |
103 | display: block; |
||
104 | background-image: none; |
||
105 | padding: 0; |
||
106 | margin: 0; |
||
8017 | obado | 107 | box-shadow: 0 0 1px rgba(0, 0, 0, .5) ; |
5929 | obado | 108 | } |
7074 | obado | 109 | |
5929 | obado | 110 | div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a { |
8017 | obado | 111 | color: #000; |
5929 | obado | 112 | background-image: none; |
113 | display: block; |
||
114 | } |
||
7074 | obado | 115 | |
5929 | obado | 116 | div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a:hover, |
117 | div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a:active { |
||
118 | text-decoration: none; |
||
119 | } |
||
7074 | obado | 120 | |
7671 | bpr | 121 | |
5929 | obado | 122 | /********DOCUMENTATION MOBILE*******************************/ |
7671 | bpr | 123 | |
5929 | obado | 124 | body div#wimsdoc #wimsbodybox #wimspagebox .wimsdocleftmenu, body div#wimsdoc #wimsbodybox #wimspagebox .wimsdocrightmenu, |
7671 | bpr | 125 | div#wimsdoc div#wimstopbox div.wimsmenu span.menuitem a.doch_printable, |
5929 | obado | 126 | div#wimsdoc div#wimstopbox div.wimsmenu span.menuitem a.doch_about { |
127 | display: none; |
||
128 | } |
||
7671 | bpr | 129 | |
5929 | obado | 130 | body div#wimsdoc #wimsbodybox #wimspagebox .wimsbody { |
131 | margin: auto; |
||
132 | } |
||
7074 | obado | 133 | |
7671 | bpr | 134 | |
5929 | obado | 135 | /********HEADER POUR MOBILES***************************/ |
136 | #wimstopbox { |
||
137 | padding-top: 0; |
||
138 | } |
||
7074 | obado | 139 | |
5929 | obado | 140 | #wimstopbox div#wims_title, |
5942 | obado | 141 | #wimstopbox ul.wimsmenu.langues { |
5929 | obado | 142 | float: none; |
5942 | obado | 143 | clear: both; |
144 | text-align: center; |
||
145 | padding : 0; |
||
146 | margin : 0; |
||
5929 | obado | 147 | } |
7074 | obado | 148 | |
5942 | obado | 149 | #wimstopbox ul.wimsmenu.langues .legende{ |
150 | display:none; |
||
151 | } |
||
7074 | obado | 152 | |
5942 | obado | 153 | #wimstopbox ul.wimsmenu.langues img{ |
7888 | obado | 154 | max-height:20px; |
5942 | obado | 155 | } |
7888 | obado | 156 | .wimsmenu.langues .menuitem a{ |
157 | min-height: 0; |
||
158 | } |
||
7074 | obado | 159 | |
5929 | obado | 160 | #wimstopbox ul.menuglobal li.topmenuitem { |
161 | display: block; |
||
162 | padding: 0; |
||
163 | margin: 0; |
||
8017 | obado | 164 | box-shadow: 0 0 1px rgba(0, 0, 0, .5) ; |
5929 | obado | 165 | padding: 5px 0; |
166 | } |
||
7074 | obado | 167 | |
5929 | obado | 168 | #wimstopbox ul.menuglobal li.topmenuitem a { |
169 | display: block; |
||
170 | } |
||
7074 | obado | 171 | |
5929 | obado | 172 | #wimstopbox ul.menuglobal li.topmenuitem a:hover, |
173 | #wimstopbox ul.menuglobal li.topmenuitem a:active { |
||
174 | text-decoration: none; |
||
175 | } |
||
7074 | obado | 176 | |
177 | |||
5929 | obado | 178 | /********CORPS DE PAGE POUR MOBILES******************/ |
7907 | obado | 179 | |
5929 | obado | 180 | #wimsbodybox div#wimsmenumodubox { |
181 | float: none; |
||
182 | width: auto; |
||
183 | } |
||
7074 | obado | 184 | |
5929 | obado | 185 | #wimsbodybox div#wimsmenumodubox ul li a { |
186 | display: block; |
||
187 | } |
||
7074 | obado | 188 | |
5929 | obado | 189 | #wimsbodybox div#wimsmenumodubox ul li a:hover, |
190 | #wimsbodybox div#wimsmenumodubox ul li a:active { |
||
191 | text-decoration: none; |
||
192 | } |
||
7074 | obado | 193 | |
5929 | obado | 194 | #wimsbodybox div#wimsmenubox.footer { |
195 | text-align: left; |
||
7888 | obado | 196 | /*background-color: #ffffff;*/ |
5929 | obado | 197 | } |
7074 | obado | 198 | |
5929 | obado | 199 | #wimsbodybox div#wimsmenubox.footer ul.wimsmenu { |
200 | padding: 0; |
||
201 | } |
||
7074 | obado | 202 | |
5929 | obado | 203 | #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem { |
204 | display: block; |
||
205 | background-image: none; |
||
206 | padding: 0; |
||
207 | margin: 0; |
||
7888 | obado | 208 | box-shadow: 0 0 1px rgba(0, 0, 0, .5) ; |
5929 | obado | 209 | } |
7074 | obado | 210 | |
5929 | obado | 211 | #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a { |
7961 | obado | 212 | /*color: #000000;*/ |
213 | /* background-image: none;*/ |
||
5929 | obado | 214 | display: block; |
215 | } |
||
7074 | obado | 216 | |
5929 | obado | 217 | #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a:hover, |
218 | #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a:active { |
||
219 | text-decoration: none; |
||
220 | } |
||
7074 | obado | 221 | |
222 | |||
7888 | obado | 223 | |
5929 | obado | 224 | #wimsbodybox div#wimspagebox div.wimsbody { |
225 | width: auto; |
||
226 | float: none; |
||
227 | margin: 0; |
||
228 | } |
||
7671 | bpr | 229 | |
5929 | obado | 230 | #wimsbodybox div#wimspagebox div.wimsbody div.titre_recherche { |
231 | border-radius: 0; |
||
232 | padding-left: 10px; |
||
233 | } |
||
7671 | bpr | 234 | |
7074 | obado | 235 | body #wimsbodybox div.titre_recherche{ |
5942 | obado | 236 | margin:0; |
237 | } |
||
7671 | bpr | 238 | |
5929 | obado | 239 | #wimsbodybox div#wimspagebox div.wimsbody table.wimstable { |
240 | margin: 0; |
||
241 | padding: 0; |
||
242 | width: 100%; |
||
243 | } |
||
7074 | obado | 244 | |
6173 | obado | 245 | #wimsbodybox div#wimspagebox div.wimsbody table.wimstable td { |
246 | font-size: 75%; |
||
247 | } |
||
7074 | obado | 248 | |
5942 | obado | 249 | #wimsbodybox div#wimspagebox div.wimsbody table.wimstable th { |
250 | margin: 0; |
||
251 | padding: 0; |
||
252 | text-align: center; |
||
253 | } |
||
7074 | obado | 254 | |
5929 | obado | 255 | #wimsbodybox div#wimspagebox div.wimsbody table.wimstable input { |
256 | margin: 0; |
||
257 | width: 100%; |
||
258 | } |
||
7074 | obado | 259 | |
5929 | obado | 260 | #wimsbodybox div#wimspagebox div.wimsbody { |
261 | padding: 0; |
||
262 | width: auto; |
||
263 | } |
||
7074 | obado | 264 | |
5929 | obado | 265 | #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_engine, |
266 | #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_classe { |
||
267 | float: none; |
||
268 | width: 100%; |
||
269 | margin: auto; |
||
270 | margin-bottom: 10px; |
||
271 | } |
||
7074 | obado | 272 | |
5929 | obado | 273 | #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_engine div.titre_recherche, |
274 | #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_classe div.titre_recherche { |
||
275 | border-radius: 0; |
||
276 | } |
||
7074 | obado | 277 | |
5929 | obado | 278 | #wimsbodybox div#wimspagebox div.wimsbody form { |
279 | text-align: center; |
||
280 | } |
||
7074 | obado | 281 | |
5929 | obado | 282 | #wimsbodybox div#wimspagebox div.wimsbody form input { |
283 | margin: 0 0 10px 10px; |
||
284 | } |
||
7074 | obado | 285 | |
7671 | bpr | 286 | } |