Overview
Comment: | Style pour les mobiles et tablettes |
---|---|
Downloads: | Tarball | ZIP archive | SQL archive |
Timelines: | family | ancestors | descendants | both | trunk |
Files: | files | file ages | folders |
SHA1: |
23baeb2a1c58f78fa4913031a08c7a53 |
User & Date: | bohwaz on 2014-02-07 15:45:51 |
Other Links: | manifest | tags |
Context
2014-02-07
| ||
16:30 | Liste des paiements pour une activité/cotisation check-in: 1c0dc4441c user: bohwaz tags: trunk | |
15:45 | Style pour les mobiles et tablettes check-in: 23baeb2a1c user: bohwaz tags: trunk | |
15:00 | Séparation de la CSS impression check-in: 31b40527e2 user: bohwaz tags: trunk | |
Changes
Modified src/templates/admin/_head.tpl from [fe60fc6bc3] to [a7958c0278].
1 2 3 4 5 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>{$title|escape}</title> | | > < < | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>{$title|escape}</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, target-densitydpi=device-dpi" /> <link rel="stylesheet" type="text/css" href="{$admin_url}static/admin.css" media="all" /> <link rel="stylesheet" type="text/css" href="{$admin_url}static/print.css" media="print" /> <link rel="stylesheet" type="text/css" href="{$admin_url}static/handheld.css" media="handheld,screen and (max-width:981px)" /> {if isset($js)} <script type="text/javascript" src="{$admin_url}static/global.js"></script> {/if} {if isset($custom_js)} {foreach from=$custom_js item="js"} <script type="text/javascript" src="{$admin_url}static/{$js|escape}"></script> {/foreach} {/if} </head> <body{if !empty($body_id)} id="{$body_id|escape}"{/if} data-url="{$admin_url|escape}"> {if empty($is_popup)} <div class="header"> <ul class="menu"> {if !$is_logged} <li><a href="{$www_url}">← Retour au site</a></li> <li><a href="{$admin_url}">Connexion</a> <ul> <li><a href="{$admin_url}password.php">Mot de passe perdu</a> </ul> |
︙ | ︙ | |||
81 82 83 84 85 86 87 88 89 90 91 | <ul> <li class="my transactions{if $current == 'mes_transactions'} current{/if}"><a href="{$admin_url}mes_transactions.php">Mes paiements</a></li> </ul> </li> <li class="logout"><a href="{$admin_url}logout.php">Déconnexion</a></li> {/if} </ul> </div> {/if} <div class="page"> | > > | 80 81 82 83 84 85 86 87 88 89 90 91 92 | <ul> <li class="my transactions{if $current == 'mes_transactions'} current{/if}"><a href="{$admin_url}mes_transactions.php">Mes paiements</a></li> </ul> </li> <li class="logout"><a href="{$admin_url}logout.php">Déconnexion</a></li> {/if} </ul> <h1>{$title|escape}</h1> </div> {/if} <div class="page"> |
Modified src/www/admin/static/admin.css from [03e449bd44] to [3da09aca4e].
︙ | ︙ | |||
42 43 44 45 46 47 48 | .header .menu { position: absolute; width: 168px; margin-top: 100px; } | < < < < | 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | .header .menu { position: absolute; width: 168px; margin-top: 100px; } .header .menu a { color: #fff; font-weight: bold; padding: 0.4em 0.4em 0.4em 1em; display: block; text-decoration: none; } |
︙ | ︙ | |||
75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | .header .menu a small { font-weight: normal; opacity: 0.5; float: right; font-size: .7em; padding-top: .3em; } .page { margin: 0px 1em 1em 180px; position: relative; } body#popup .page { margin: 1em 1em 1em 2.5em; } span.error { color: #900; | > > > > > | 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 | .header .menu a small { font-weight: normal; opacity: 0.5; float: right; font-size: .7em; padding-top: .3em; text-decoration: none; } .page { margin: 0px 1em 1em 180px; position: relative; } .page img { max-width: 100%; } body#popup .page { margin: 1em 1em 1em 2.5em; } span.error { color: #900; |
︙ | ︙ | |||
178 179 180 181 182 183 184 185 186 187 188 189 190 191 | } input[type=text], textarea, input[type=password], input[type=email], input[type=url], input[type=tel], select { padding: 0.2em 0.4em; font-family: Sans-serif; min-width: 20em; } input[size] { min-width: 0; } input.time { | > | 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 | } input[type=text], textarea, input[type=password], input[type=email], input[type=url], input[type=tel], select { padding: 0.2em 0.4em; font-family: Sans-serif; min-width: 20em; max-width: 100%; } input[size] { min-width: 0; } input.time { |
︙ | ︙ | |||
269 270 271 272 273 274 275 | dd.help input[type=text] { cursor: pointer; padding: 0; font-family: monospace; } | | | 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 | dd.help input[type=text] { cursor: pointer; padding: 0; font-family: monospace; } form p.actions { float: right; } ul.actions { list-style-type: none; margin: 1em 0; border-bottom: .1em solid #9c4f15; |
︙ | ︙ |
Added src/www/admin/static/handheld.css version [f4793c6bf9].
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 | body { background: #fff; } .header h1 { margin: 0; text-align: center; font-size: 1.5em; } .header .menu { position: relative; margin: 0; width: 100%; background: none; font-size: .9em; } .header .menu > li { background: #9c4f15; margin: .1em 0; padding: .2em; } .header .menu a { font-weight: normal; padding: 0; display: inline; padding: .2em; } .header .menu a small { float: none; } .header .menu li li, .header .menu li ul { display: inline; } .header .menu li li a { padding: .2em; } .header .menu li.current > a { background: white; color: #000; } .page { margin: 0; padding: .1em; } ul.actions { padding: 0; border: none; font-size: .8em; text-align: center; } ul.actions li a { margin: .1em; border-radius: .5em; } .filterCategory, .searchMember { width: auto; float: none; } pre.sql_schema, .wikiChildren, fieldset.wikiMain, fieldset.wikiRights, fieldset.wikiEncrypt { float: none; width: auto; } dl.describe dt, dl.describe dd { float: none; width: auto; text-align: center; } @media screen and (max-width:600px) { table.list td, table.list th { display: inline-block; border-left: 1px solid #999; } table.list td:first-child, table.list th:first-child { border-left: none; } .infos_asso { float: none; width: auto; } } |