source: spip-zone/_squelettes_/zktx-kore/modeles/varicelle.html @ 67361

Last change on this file since 67361 was 67361, checked in by l.oiseau2nuit@…, 7 years ago

And we're back... Et ce coup ci c'est la bonne

File size: 9.7 KB
Line 
1<br class="nettoyeur" />
2
3<style type="text/css">
4td.white, td.black { padding-top: 1em; padding-bottom: 1em; }
5td.white { background: white !important; }
6td.black { background: black !important; }
7</style>
8
9<p><button class="submit super pink">Gros bouton rose</button> <a href="#" class="submit small green">Petit vert</a></p>
10<p><input href="#" class="submit blue" value="Input bleu" /> <a href="#" class="submit red">Lien rouge</a></p>
11<p><a href="#" class="submit big orange">Lien orange</a> <button class="submit yellow">Bouton jaune</button></p>
12
13<table>
14<caption>Exemples des styles disponibles pour les boutons</caption>
15<thead>
16        <tr>
17                <th>S&eacute;lecteur</th>
18                <th><a href="#">a.submit</a></th>
19                <th><input type="submit" value="input" /></th>
20                <th><button type="submit">button</button></th>
21                <th><a href="#">a.submit</a></th>
22                <th><input type="submit" value="input" /></td>
23                <th><button type="submit">button</button></th>
24        </tr>
25</thead>
26<tr>
27        <td class="white">.submit</td>
28        <td class="white"><a href="#" class="submit">a.submit</a></td>
29        <td class="white"><input type="submit" class="submit" value="input" /></td>
30        <td class="white"><button type="submit" class="submit">button</button></td>
31        <td class="black"><a href="#" class="submit">a.submit</a></td>
32        <td class="black"><input type="submit" class="submit" value="input" /></td>
33        <td class="black"><button type="submit" class="submit">button</button></td>
34</tr>
35<tr>
36        <td class="white">.small</td>
37        <td class="white"><a href="#" class="submit small">a.submit</a></td>
38        <td class="white"><input type="submit" class="submit small" value="input" /></td>
39        <td class="white"><button type="submit" class="submit small">button</button></td>
40        <td class="black"><a href="#" class="submit small">a.submit</a></td>
41        <td class="black"><input type="submit" class="submit small" value="input" /></td>
42        <td class="black"><button type="submit" class="submit small">button</button></td>
43</tr>
44<tr>
45        <td class="white">.big</td>
46        <td class="white"><a href="#" class="submit big">a.submit</a></td>
47        <td class="white"><input type="submit" class="submit big" value="input" /></td>
48        <td class="white"><button type="submit" class="submit big">button</button></td>
49        <td class="black"><a href="#" class="submit big">a.submit</a></td>
50        <td class="black"><input type="submit" class="submit big" value="input" /></td>
51        <td class="black"><button type="submit" class="submit big">button</button></td>
52</tr>
53<tr>
54        <td class="white">.super</td>
55        <td class="white"><a href="#" class="submit super">a.submit</a></td>
56        <td class="white"><input type="submit" class="submit super" value="input" /></td>
57        <td class="white"><button type="submit" class="submit super">button</button></td>
58        <td class="black"><a href="#" class="submit super">a.submit</a></td>
59        <td class="black"><input type="submit" class="submit super" value="input" /></td>
60        <td class="black"><button type="submit" class="submit super">button</button></td>
61</tr>
62<tr>
63        <td class="white">.pink</td>
64        <td class="white"><a href="#" class="submit pink">a.submit</a></td>
65        <td class="white"><input type="submit" class="submit pink" value="input" /></td>
66        <td class="white"><button type="submit" class="submit pink">button</button></td>
67        <td class="black"><a href="#" class="submit pink">a.submit</a></td>
68        <td class="black"><input type="submit" class="submit pink" value="input" /></td>
69        <td class="black"><button type="submit" class="submit pink">button</button></td>
70</tr>
71<tr>
72        <td class="white">.red</td>
73        <td class="white"><a href="#" class="submit red">a.submit</a></td>
74        <td class="white"><input type="submit" class="submit red" value="input" /></td>
75        <td class="white"><button type="submit" class="submit red">button</button></td>
76        <td class="black"><a href="#" class="submit red">a.submit</a></td>
77        <td class="black"><input type="submit" class="submit red" value="input" /></td>
78        <td class="black"><button type="submit" class="submit red">button</button></td>
79</tr>
80<tr>
81        <td class="white">.orange</td>
82        <td class="white"><a href="#" class="submit orange">a.submit</a></td>
83        <td class="white"><input type="submit" class="submit orange" value="input" /></td>
84        <td class="white"><button type="submit" class="submit orange">button</button></td>
85        <td class="black"><a href="#" class="submit orange">a.submit</a></td>
86        <td class="black"><input type="submit" class="submit orange" value="input" /></td>
87        <td class="black"><button type="submit" class="submit orange">button</button></td>
88</tr>
89<tr>
90        <td class="white">.yellow</td>
91        <td class="white"><a href="#" class="submit yellow">a.submit</a></td>
92        <td class="white"><input type="submit" class="submit yellow" value="input" /></td>
93        <td class="white"><button type="submit" class="submit yellow">button</button></td>
94        <td class="black"><a href="#" class="submit yellow">a.submit</a></td>
95        <td class="black"><input type="submit" class="submit yellow" value="input" /></td>
96        <td class="black"><button type="submit" class="submit yellow">button</button></td>
97</tr>
98<tr>
99        <td class="white">.green</td>
100        <td class="white"><a href="#" class="submit green">a.submit</a></td>
101        <td class="white"><input type="submit" class="submit green" value="input" /></td>
102        <td class="white"><button type="submit" class="submit green">button</button></td>
103        <td class="black"><a href="#" class="submit green">a.submit</a></td>
104        <td class="black"><input type="submit" class="submit green" value="input" /></td>
105        <td class="black"><button type="submit" class="submit green">button</button></td>
106</tr>
107<tr>
108        <td class="white">.blue</td>
109        <td class="white"><a href="#" class="submit blue">a.submit</a></td>
110        <td class="white"><input type="submit" class="submit blue" value="input" /></td>
111        <td class="white"><button type="submit" class="submit blue">button</button></td>
112        <td class="black"><a href="#" class="submit blue">a.submit</a></td>
113        <td class="black"><input type="submit" class="submit blue" value="input" /></td>
114        <td class="black"><button type="submit" class="submit blue">button</button></td>
115</tr>
116<tr>
117        <td class="white">.black</td>
118        <td class="white"><a href="#" class="submit black">a.submit</a></td>
119        <td class="white"><input type="submit" class="submit black" value="input" /></td>
120        <td class="white"><button type="submit" class="submit black">button</button></td>
121        <td class="black"><a href="#" class="submit black">a.submit</a></td>
122        <td class="black"><input type="submit" class="submit black" value="input" /></td>
123        <td class="black"><button type="submit" class="submit black">button</button></td>
124</tr>
125<tr>
126        <td class="white">.gray</td>
127        <td class="white"><a href="#" class="submit gray">a.submit</a></td>
128        <td class="white"><input type="submit" class="submit gray" value="input" /></td>
129        <td class="white"><button type="submit" class="submit gray">button</button></td>
130        <td class="black"><a href="#" class="submit gray">a.submit</a></td>
131        <td class="black"><input type="submit" class="submit gray" value="input" /></td>
132        <td class="black"><button type="submit" class="submit gray">button</button></td>
133</tr>
134<tr>
135        <td class="white">.white</td>
136        <td class="white"><a href="#" class="submit white">a.submit</a></td>
137        <td class="white"><input type="submit" class="submit white" value="input" /></td>
138        <td class="white"><button type="submit" class="submit white">button</button></td>
139        <td class="black"><a href="#" class="submit white">a.submit</a></td>
140        <td class="black"><input type="submit" class="submit white" value="input" /></td>
141        <td class="black"><button type="submit" class="submit white">button</button></td>
142</tr>
143<tr>
144        <td class="white">.metal</td>
145        <td class="white"><a href="#" class="submit metal">a.submit</a></td>
146        <td class="white"><input type="submit" class="submit metal" value="input" /></td>
147        <td class="white"><button type="submit" class="submit metal">button</button></td>
148        <td class="black"><a href="#" class="submit metal">a.submit</a></td>
149        <td class="black"><input type="submit" class="submit metal" value="input" /></td>
150        <td class="black"><button type="submit" class="submit metal">button</button></td>
151</tr>
152<tr>
153        <td class="white">.spip</td>
154        <td class="white"><a href="#" class="submit spip">a.submit</a></td>
155        <td class="white"><input type="submit" class="submit spip" value="input" /></td>
156        <td class="white"><button type="submit" class="submit spip">button</button></td>
157        <td class="black"><a href="#" class="submit spip">a.submit</a></td>
158        <td class="black"><input type="submit" class="submit spip" value="input" /></td>
159        <td class="black"><button type="submit" class="submit spip">button</button></td>
160</tr>
161<tr>
162        <td class="white">.spip-admin .submit</td>
163        <td class="white spip-admin"><a href="#" class="submit">a.submit</a></td>
164        <td class="white spip-admin"><input type="submit" class="submit" value="input" /></td>
165        <td class="white spip-admin"><button type="submit" class="submit">button</button></td>
166        <td class="black spip-admin"><a href="#" class="submit">a.submit</a></td>
167        <td class="black spip-admin"><input type="submit" class="submit" value="input" /></td>
168        <td class="black spip-admin"><button type="submit" class="submit">button</button></td>
169</tr>
170<tr>
171        <td class="white">.social</td>
172        <td class="white"><a href="#" class="social facebook"><span>a.facebook</span></a></td>
173        <td class="white"><a href="#" class="social twitter"><span>a.twitter</span></a></td>
174        <td class="white"><a href="#" class="social doyoubuzz"><span>a.doyoubuzz</span></a></td>
175        <td class="white"><a href="#" class="social viadeo"><span>a.viadeo</span></a></td>
176        <td class="white"><a href="#" class="social linkedin"><span>a.linkedin</span></a></td>
177        <td class="white"><a href="#" class="social rss"><span>a.rss</span></a></td>
178</tr>
179</table>
Note: See TracBrowser for help on using the repository browser.