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
<!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>





|


>














<
<







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}">&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>
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
49
50
51
52
53
54
55
56
57
58
59

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







<
<
<
<







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
276
277
278
279
280
281
282
283

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;







|







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