root / css / index_style.css @ 7f9aab46
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 |
} |