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;*/
|
248
|
35 height: 30px;
|
63
|
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;
|
248
|
58 height:25px;
|
63
|
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;
|
248
|
101 top:-35px;
|
|
102 left:-20px;
|
|
103 }
|
|
104
|
|
105 div.reload_button {
|
|
106 border: 3px solid black;
|
|
107 width: 20px;
|
|
108 height:20px;
|
|
109 float:right;
|
|
110
|
|
111 position:relative;
|
|
112 top:-35px;
|
63
|
113 left:-20px;
|
|
114 }
|
|
115
|
|
116 div.type_icon {
|
|
117 color:white;
|
|
118 border: 3px solid white;
|
|
119 width: 20px;
|
|
120 height:20px;
|
|
121 float:left;
|
|
122
|
|
123 position:relative;
|
248
|
124 top:-35px;
|
63
|
125 left:20px;
|
|
126 }
|
|
127
|
|
128
|
|
129 div.head {
|
|
130 border: 1px solid black;
|
|
131 background-color: #fff;
|
|
132 text-align: center;
|
|
133 height:50px;
|
|
134 padding:10px;
|
|
135 margin-left:-50px;
|
|
136 margin-right:-50px;
|
|
137
|
|
138 }
|
|
139
|
79
|
140 div.intro {
|
|
141 border: 1px solid black;
|
|
142 background-color: #fff;
|
|
143 text-align: center;
|
84
|
144 font-size: 14px;
|
79
|
145 align: center;
|
90
|
146 height:1000px;
|
79
|
147 padding:10px;
|
182
|
148 margin-left:0px;
|
|
149 margin-right:0px;
|
79
|
150
|
|
151 }
|
|
152
|
|
153 div.intro div.left_block {
|
|
154 margin:3px;
|
|
155 padding: 2px;
|
|
156 position: relative;
|
182
|
157 left: 45px;
|
79
|
158 width: 400px;
|
|
159 height: 150px;
|
|
160 background-color:#bbbbff;
|
|
161 text-align: center;
|
|
162 }
|
|
163
|
|
164 div.intro div.right_block {
|
|
165 margin:3px;
|
|
166 padding: 2px;
|
|
167 position: relative;
|
182
|
168 left: 530px;
|
79
|
169 top: -157px;
|
|
170 width: 400px;
|
|
171 height: 150px;
|
|
172 background-color:#bbbbff;
|
|
173 text-align: center;
|
90
|
174 margin-bottom: -120px;
|
79
|
175 }
|
|
176
|
63
|
177 #login {
|
|
178 background-color: #ffcccc;
|
|
179 width: 280px;
|
|
180 float:right;
|
|
181 padding:10px;
|
|
182 text-align:center;
|
|
183 }
|
|
184
|
|
185
|
|
186 h5 {
|
|
187 margin-top: 30px;
|
|
188 clear:both;
|
|
189 }
|
|
190
|
|
191 a:visited {
|
|
192 color: blue;
|
|
193 } |