root / tei / css / jquery.mb.extruder.css @ 2
Historique | Voir | Annoter | Télécharger (1,72 ko)
1 | 2 | mingarao | .wrapper{
|
---|---|---|---|
2 | 2 | mingarao | position:relative; |
3 | 2 | mingarao | font-family:Arial, Helvetica, sans-serif; |
4 | 2 | mingarao | padding-top:90px; |
5 | 2 | mingarao | padding-left:50px; |
6 | 2 | mingarao | width:80%; |
7 | 2 | mingarao | margin:auto |
8 | 2 | mingarao | } |
9 | 2 | mingarao | .wrapper .text{ |
10 | 2 | mingarao | font-family:Arial, Helvetica, sans-serif; |
11 | 2 | mingarao | padding-top:50px; |
12 | 2 | mingarao | } |
13 | 2 | mingarao | .wrapper h1{ |
14 | 2 | mingarao | font-family:Arial, Helvetica, sans-serif; |
15 | 2 | mingarao | font-size:26px; |
16 | 2 | mingarao | } |
17 | 2 | mingarao | .longText{
|
18 | 2 | mingarao | margin-top:20px; |
19 | 2 | mingarao | width:600px; |
20 | 2 | mingarao | font:18px/24px Arial, Helvetica, sans-serif; |
21 | 2 | mingarao | color:gray; |
22 | 2 | mingarao | } |
23 | 2 | mingarao | span.btn{ |
24 | 2 | mingarao | padding:10px; |
25 | 2 | mingarao | display:inline-block; |
26 | 2 | mingarao | cursor:pointer; |
27 | 2 | mingarao | font:12px/14px Arial, Helvetica, sans-serif; |
28 | 2 | mingarao | color:#aaa; |
29 | 2 | mingarao | background-color:#eee; |
30 | 2 | mingarao | -moz-border-radius:10px; |
31 | 2 | mingarao | -webkit-border-radius:10px; |
32 | 2 | mingarao | -moz-box-shadow:#999 2px 0px 3px; |
33 | 2 | mingarao | -webkit-box-shadow:#999 2px 0px 3px; |
34 | 2 | mingarao | } |
35 | 2 | mingarao | span.btn:hover{ |
36 | 2 | mingarao | background-color:#000; |
37 | 2 | mingarao | } |
38 | 2 | mingarao | |
39 | 2 | mingarao | /*
|
40 | 2 | mingarao | custom style for extruder
|
41 | 2 | mingarao | */
|
42 | 2 | mingarao | |
43 | 2 | mingarao | .extruder.left.a .flap{ |
44 | 2 | mingarao | font-size:18px; |
45 | 2 | mingarao | color:white; |
46 | 2 | mingarao | top:0; |
47 | 2 | mingarao | padding:10px 0 10px 10px; |
48 | 2 | mingarao | background:#772B14; |
49 | 2 | mingarao | width:30px; |
50 | 2 | mingarao | position:absolute; |
51 | 2 | mingarao | right:0; |
52 | 2 | mingarao | -moz-border-radius:0 10px 10px 0; |
53 | 2 | mingarao | -webkit-border-top-right-radius:10px; |
54 | 2 | mingarao | -webkit-border-bottom-right-radius:10px; |
55 | 2 | mingarao | -moz-box-shadow:#666 2px 0px 3px; |
56 | 2 | mingarao | -webkit-box-shadow:#666 2px 0px 3px; |
57 | 2 | mingarao | } |
58 | 2 | mingarao | |
59 | 2 | mingarao | .extruder.left.a .content{ |
60 | 2 | mingarao | border-right:3px solid #772B14; |
61 | 2 | mingarao | } |
62 | 2 | mingarao | |
63 | 2 | mingarao | .extruder.top .optionsPanel .panelVoice a:hover{ |
64 | 2 | mingarao | color:#fff; |
65 | 2 | mingarao | background: url("elements/black_op_30.png"); |
66 | 2 | mingarao | border-bottom:1px solid #000; |
67 | 2 | mingarao | } |
68 | 2 | mingarao | .extruder.top .optionsPanel .panelVoice a{ |
69 | 2 | mingarao | border-bottom:1px solid #000; |
70 | 2 | mingarao | } |
71 | 2 | mingarao | |
72 | 2 | mingarao | .extruder.left.a .flap .flapLabel{ |
73 | 2 | mingarao | background:#772B14; |
74 | 2 | mingarao | } |