Révision 0bd646e4
Ajouté par Victor PONGNIAN il y a environ 11 ans
css/index_style.css | ||
---|---|---|
1 |
body |
|
2 |
{ |
|
3 |
|
|
4 |
background:#44F; |
|
5 |
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; |
|
6 |
font-size:small; |
|
7 |
margin:8px 0 16px; |
|
8 |
text-align:center; |
|
9 |
overflow:auto; |
|
10 |
|
|
11 |
} |
|
12 |
|
|
13 |
#top |
|
14 |
{ |
|
15 |
display:block; |
|
16 |
height:10px; |
|
17 |
margin:10px auto 0; |
|
18 |
width:650px; |
|
19 |
} |
|
20 |
|
|
21 |
div#index_container |
|
22 |
{ |
|
23 |
background:#fff; |
|
24 |
|
|
25 |
margin: auto; |
|
26 |
text-align:left; |
|
27 |
width:640px; |
|
28 |
} |
|
29 |
|
|
30 |
div#index_container h2 { |
|
31 |
margin:1.05em; |
|
32 |
text-shadow: 0.1em 0.1em 0.15em #44F; |
|
33 |
} |
|
34 |
#bottom |
|
35 |
{ |
|
36 |
display:block; |
|
37 |
height:10px; |
|
38 |
margin:0 auto; |
|
39 |
width:650px; |
|
40 |
} |
|
41 |
|
|
42 |
h1 |
|
43 |
{ |
|
44 |
background-color:#6699CC; |
|
45 |
margin:0; |
|
46 |
min-height:0; |
|
47 |
padding:0; |
|
48 |
text-decoration:none; |
|
49 |
text-align: center; |
|
50 |
|
|
51 |
} |
|
52 |
|
|
53 |
h1 a |
|
54 |
{ |
|
55 |
|
|
56 |
display:block; |
|
57 |
height:100%; |
|
58 |
min-height:40px; |
|
59 |
|
|
60 |
} |
|
61 |
|
|
62 |
h1 img |
|
63 |
{ |
|
64 |
margin-top: 8px; |
|
65 |
} |
|
66 |
|
|
67 |
img |
|
68 |
{ |
|
69 |
/*behavior:url(css/iepngfix.htc);*/ |
|
70 |
border:none; |
|
71 |
} |
|
72 |
|
|
73 |
div#containerList |
|
74 |
{ |
|
75 |
margin:20px 20px 0; |
|
76 |
padding:0 0 20px; |
|
77 |
} |
|
78 |
|
|
79 |
#containerList |
|
80 |
{ |
|
81 |
font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif; |
|
82 |
|
|
83 |
} |
|
84 |
|
|
85 |
#containerList li |
|
86 |
{ |
|
87 |
width:100%; |
|
88 |
margin:1.05em; |
|
89 |
font-size:14px; |
|
90 |
|
|
91 |
} |
|
92 |
|
|
93 |
div#containerList ul |
|
94 |
{ |
|
95 |
font-size:100%; |
|
96 |
list-style-type:circle; |
|
97 |
margin:0; |
|
98 |
padding:0; |
|
99 |
width:100%; |
|
100 |
} |
|
101 |
|
|
102 |
div#interaction { |
|
103 |
background-color:#fff; |
|
104 |
margin: auto; |
|
105 |
width:640px; |
|
106 |
border-top: 2px dotted #44F; |
|
107 |
} |
|
108 |
|
|
109 |
div#interaction li{ |
|
110 |
|
|
111 |
display:inline-block; |
|
112 |
list-style-type:none; |
|
113 |
margin:1.08em; |
|
114 |
|
|
115 |
} |
|
116 |
|
|
117 |
div#interaction li a{ |
|
118 |
|
|
119 |
color:#3F2DFF; |
|
120 |
text-decoration:none; |
|
121 |
font-size:16px; |
|
122 |
} |
|
123 |
|
|
124 |
div#interaction li a:hover { |
|
125 |
color:#FF9900; |
|
126 |
text-decoration:underline; |
|
127 |
} |
|
128 |
|
|
129 |
|
|
130 |
|
|
131 |
p a { |
|
132 |
background-color:#fff; |
|
133 |
border-radius: 4px; |
|
134 |
padding:3px; |
|
135 |
text-shadow: 0.1em 0.05em 0.15em #444; |
|
136 |
font-size:11px; |
|
137 |
} |
|
1 |
* { |
|
2 |
margin:0; |
|
3 |
padding:0; |
|
4 |
font-family:Arial, Verdana, sans-serif; |
|
5 |
} |
|
6 |
|
|
7 |
body { |
|
8 |
background-color:#44F; |
|
9 |
text-align:center; |
|
10 |
width:50rem; |
|
11 |
margin:auto; |
|
12 |
} |
|
13 |
|
|
14 |
header { |
|
15 |
margin:1rem 0; |
|
16 |
box-shadow:0 0 0.5rem 0 #000; |
|
17 |
background-color:#69C; |
|
18 |
} |
|
19 |
|
|
20 |
h1 { |
|
21 |
text-align:center; |
|
22 |
padding:0.2rem; |
|
23 |
} |
|
24 |
|
|
25 |
img {vertical-align:middle} |
|
26 |
|
|
27 |
h2 { |
|
28 |
padding:0.5em 1em; |
|
29 |
text-shadow: 0.1em 0.1em 0.15em #44F; |
|
30 |
} |
|
31 |
|
|
32 |
#main { |
|
33 |
box-shadow:0 0 0.5rem 0 #000; |
|
34 |
text-align:left; |
|
35 |
background-color:#FFF; |
|
36 |
} |
|
37 |
|
|
38 |
#main a {text-decoration:none} |
|
39 |
|
|
40 |
#pano-list li samp:after { |
|
41 |
padding-left:1em; |
|
42 |
content:'fichier non configuré'; |
|
43 |
font-weight:bold; |
|
44 |
color:#F00; |
|
45 |
} |
|
46 |
#pano-list li { |
|
47 |
list-style-type:circle; |
|
48 |
list-style-position:inside; |
|
49 |
border:dashed #777 0; |
|
50 |
border-top-width:0.1em; |
|
51 |
padding:0.3em 1em; |
|
52 |
} |
|
53 |
|
|
54 |
#pano-list li:nth-child(6n), |
|
55 |
#pano-list li:nth-child(6n+1), |
|
56 |
#pano-list li:nth-child(6n+2) { |
|
57 |
background-color:#FFE; |
|
58 |
} |
|
59 |
|
|
60 |
#pano-list li:nth-child(6n+3), |
|
61 |
#pano-list li:nth-child(6n+4), |
|
62 |
#pano-list li:nth-child(6n+5) { |
|
63 |
background-color:#FEF; |
|
64 |
} |
|
65 |
|
|
66 |
#interaction { |
|
67 |
text-align:center; |
|
68 |
border:solid #777 0; |
|
69 |
border-top-width:0.1em; |
|
70 |
padding:0.5em 0; |
|
71 |
} |
|
72 |
|
|
73 |
#interaction a { |
|
74 |
padding:1em; |
|
75 |
} |
|
76 |
|
|
77 |
#interaction a:hover { |
|
78 |
color:#F90; |
|
79 |
text-decoration:underline; |
|
80 |
} |
|
81 |
|
|
82 |
footer { |
|
83 |
margin:1rem 0 |
|
84 |
} |
|
85 |
|
|
86 |
.validators a { |
|
87 |
background-color:#fff; |
|
88 |
border-radius: 0.4rem; |
|
89 |
padding:0.3ex; |
|
90 |
text-shadow: 0.1em 0.05em 0.15em #444; |
|
91 |
} |
Formats disponibles : Unified diff
remise en forme du travail de Victor Pongnian suit à son stage
Il reste pas mal de cosmétique à revoir mais le système devrait déjà être utilisable dans l'état.