|
63
|
1 body {
|
|
|
2 background-color: #eee;
|
|
|
3 font-family:arial, sans serif;
|
|
|
4 }
|
|
|
5
|
|
|
6 #rail {
|
|
|
7 width:900px;
|
|
|
8 min-height:100%;
|
|
|
9 margin:0px auto;
|
|
|
10 background-color:#bbb;
|
|
|
11 }
|
|
|
12
|
|
|
13 #moduleslot {
|
|
|
14 width:1000px;
|
|
|
15 margin:-50px;
|
|
|
16 margin-top:10px;
|
|
|
17 }
|
|
|
18
|
|
|
19 div.block {
|
|
|
20 border: 1px solid black;
|
|
|
21 padding: 0px;
|
|
|
22 background-color: #ffffff;
|
|
|
23 margin: 0px;
|
|
|
24 margin-bottom:10px;
|
|
|
25 margin-top:10px;
|
|
|
26 }
|
|
|
27
|
|
79
|
28
|
|
63
|
29 div.block div.titlebar {
|
|
|
30 margin:0px;
|
|
|
31 margin-bottom:3px;
|
|
|
32 padding: 2px;
|
|
|
33
|
|
|
34 /*width: 800px;*/
|
|
|
35 height: 40px;
|
|
|
36
|
|
|
37 background-color:#bbbbff;
|
|
|
38 text-align: center;
|
|
|
39 }
|
|
|
40
|
|
|
41 div.block div.titlebar h1 {
|
|
84
|
42 font-size:18px;
|
|
63
|
43 padding-top: 10px;
|
|
|
44 padding-bottom: 10px;
|
|
|
45 margin:0px;
|
|
|
46 }
|
|
|
47
|
|
|
48
|
|
|
49 div.block div.body {
|
|
|
50
|
|
|
51 }
|
|
|
52
|
|
|
53 div.block div.body div.menu {
|
|
|
54 margin:0px;
|
|
|
55 margin-bottom:15px;
|
|
|
56 padding:0px;
|
|
|
57 background-color: #ccccff;
|
|
|
58 height:20px;
|
|
|
59 }
|
|
|
60
|
|
|
61 div.block div.body div.content {
|
|
|
62 overflow:hidden;
|
|
|
63 min-height:120px;
|
|
|
64 padding:0px;
|
|
|
65 whitespace: nowrap;
|
|
|
66 }
|
|
|
67
|
|
|
68 div.content h1 {
|
|
|
69 padding:8px;
|
|
|
70 }
|
|
|
71
|
|
|
72 div.subscreen {
|
|
|
73 /* display: block;
|
|
|
74 width: 1000px;
|
|
|
75 height: 400px;*/
|
|
|
76 /*position: relative; */
|
|
|
77 margin:0px;
|
|
|
78 /* border: 1px solid black;*/
|
|
|
79 float:left;
|
|
|
80
|
|
|
81 }
|
|
|
82
|
|
|
83
|
|
|
84 .folded div.body {
|
|
|
85
|
|
|
86 }
|
|
|
87
|
|
|
88 .folded div.titlebar {
|
|
|
89 color: #666;
|
|
|
90 background-color: #aaaadd !important;
|
|
|
91 }
|
|
|
92
|
|
|
93
|
|
|
94 div.close_button {
|
|
|
95 border: 3px solid black;
|
|
|
96 width: 20px;
|
|
|
97 height:20px;
|
|
|
98 float:right;
|
|
|
99
|
|
|
100 position:relative;
|
|
|
101 top:-40px;
|
|
|
102 left:-20px;
|
|
|
103 }
|
|
|
104
|
|
|
105 div.type_icon {
|
|
|
106 color:white;
|
|
|
107 border: 3px solid white;
|
|
|
108 width: 20px;
|
|
|
109 height:20px;
|
|
|
110 float:left;
|
|
|
111
|
|
|
112 position:relative;
|
|
|
113 top:-40px;
|
|
|
114 left:20px;
|
|
|
115 }
|
|
|
116
|
|
|
117
|
|
|
118 div.head {
|
|
|
119 border: 1px solid black;
|
|
|
120 background-color: #fff;
|
|
|
121 text-align: center;
|
|
|
122 height:50px;
|
|
|
123 padding:10px;
|
|
|
124 margin-left:-50px;
|
|
|
125 margin-right:-50px;
|
|
|
126
|
|
|
127 }
|
|
|
128
|
|
79
|
129 div.intro {
|
|
|
130 border: 1px solid black;
|
|
|
131 background-color: #fff;
|
|
|
132 text-align: center;
|
|
84
|
133 font-size: 14px;
|
|
79
|
134 align: center;
|
|
90
|
135 height:1000px;
|
|
79
|
136 padding:10px;
|
|
|
137 margin-left:50px;
|
|
|
138 margin-right:50px;
|
|
|
139
|
|
|
140 }
|
|
|
141
|
|
|
142 div.intro div.left_block {
|
|
|
143 margin:3px;
|
|
|
144 padding: 2px;
|
|
|
145 position: relative;
|
|
|
146 left: 15px;
|
|
|
147 width: 400px;
|
|
|
148 height: 150px;
|
|
|
149 background-color:#bbbbff;
|
|
|
150 text-align: center;
|
|
|
151 }
|
|
|
152
|
|
|
153 div.intro div.right_block {
|
|
|
154 margin:3px;
|
|
|
155 padding: 2px;
|
|
|
156 position: relative;
|
|
|
157 right: -460px;
|
|
|
158 top: -157px;
|
|
|
159 width: 400px;
|
|
|
160 height: 150px;
|
|
|
161 background-color:#bbbbff;
|
|
|
162 text-align: center;
|
|
90
|
163 margin-bottom: -120px;
|
|
79
|
164 }
|
|
|
165
|
|
63
|
166 #login {
|
|
|
167 background-color: #ffcccc;
|
|
|
168 width: 280px;
|
|
|
169 float:right;
|
|
|
170 padding:10px;
|
|
|
171 text-align:center;
|
|
|
172 }
|
|
|
173
|
|
|
174
|
|
|
175 h5 {
|
|
|
176 margin-top: 30px;
|
|
|
177 clear:both;
|
|
|
178 }
|
|
|
179
|
|
|
180 a:visited {
|
|
|
181 color: blue;
|
|
|
182 } |
