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: 23baeb2a1c58f78fa4913031a08c7a5375e8a955
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
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
..
81
82
83
84
85
86
87


88
89
90
91
<!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" />
    <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" />

    {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">
    <h1>{$title|escape}</h1>

    <ul class="menu">
    {if !$is_logged}
        <li><a href="{$www_url}">&larr; 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>
................................................................................
            <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">





|


>







 







<
<







 







>
>




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
..
80
81
82
83
84
85
86
87
88
89
90
91
92
<!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}">&larr; 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>
................................................................................
            <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
49
50
51
52
53
54
55
56
57
58
59
..
75
76
77
78
79
80
81

82
83
84
85
86
87




88
89
90
91
92
93
94
...
178
179
180
181
182
183
184

185
186
187
188
189
190
191
...
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283

.header .menu {
    position: absolute;
    width: 168px;
    margin-top: 100px;
}

.header .menu li {
    list-style-type: none;
}

.header .menu a {
    color: #fff;
    font-weight: bold;
    padding: 0.4em 0.4em 0.4em 1em;
    display: block;
    text-decoration: none;
}
................................................................................

.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;
................................................................................
}

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 {
................................................................................

dd.help input[type=text] {
    cursor: pointer;
    padding: 0;
    font-family: monospace;
}

form .actions {
    float: right;
}

ul.actions {
    list-style-type: none;
    margin: 1em 0;
    border-bottom: .1em solid #9c4f15;







<
<
<
<







 







>






>
>
>
>







 







>







 







|







42
43
44
45
46
47
48




49
50
51
52
53
54
55
..
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
...
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
...
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285

.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;
}
................................................................................

.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;
................................................................................
}

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 {
................................................................................

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;
	}
}