Skip to content

Commit 8da5adc

Browse files
adyjsadyjs
committed
Revert "layout modified"
This reverts commit 9dc1250. I made wrong commit on rwd-layout branch, so now revert it.
1 parent e4c8539 commit 8da5adc

File tree

4 files changed

+739
-1315
lines changed

4 files changed

+739
-1315
lines changed

‎css/RWD_index.css‎

Lines changed: 399 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,399 @@
1+
2+
@media screen and (min-width: 320px) and (max-width: 479px){
3+
4+
header h1{
5+
font-size: 20px;
6+
}
7+
section article#stage{
8+
height:65%;
9+
}
10+
section article#dashboard{
11+
position: relative;
12+
height:35%;
13+
}
14+
15+
section article#dashboard label,
16+
section article#dashboard select,
17+
section article#dashboard input,
18+
section article#dashboard button{
19+
margin:0;
20+
height:20%;
21+
width:40%;
22+
font-size:16px;
23+
}
24+
25+
26+
section article#dashboard label#algo_label{
27+
display:none;
28+
position: absolute;
29+
top:0;
30+
left:5%;
31+
}
32+
33+
section article#dashboard select#algo{
34+
position: absolute;
35+
top:5%;
36+
left:5%;
37+
}
38+
39+
section article#dashboard label#count_label{
40+
display:none;
41+
position: absolute;
42+
bottom:10%;
43+
left:5%;
44+
}
45+
46+
section article#dashboard input#count{
47+
position: absolute;
48+
top:30%;
49+
left:5%;
50+
font-size: 16px;
51+
}
52+
53+
section article#dashboard label#mspf_label{
54+
display:none;
55+
position: absolute;
56+
57+
}
58+
59+
section article#dashboard input#mspf{
60+
position: absolute;
61+
top:55%;
62+
font-size: 16px;
63+
}
64+
65+
section article#dashboard button#prepare{
66+
position: absolute;
67+
top:30%;
68+
right:5%;
69+
}
70+
section article#dashboard button#go{
71+
position: absolute;
72+
top:5%;
73+
right:5%;
74+
}
75+
section article#dashboard button#reset{
76+
position: absolute;
77+
top:55%;
78+
right:5%;
79+
width:20%;
80+
}
81+
82+
section article#dashboard label#err{
83+
display:block;
84+
position: absolute;
85+
height:20%;
86+
width:40%;
87+
top:80%;
88+
left:5%;
89+
color:red;
90+
font-size: 16px;
91+
}
92+
93+
footer h6{
94+
text-align:center;
95+
line-height:20px;
96+
font-size:14px;
97+
font-weight:100;
98+
}
99+
100+
101+
}
102+
103+
104+
@media screen and (min-width: 480px) and (max-width: 639px){
105+
header h1{
106+
font-size: 20px;
107+
}
108+
section article#stage{
109+
height:65%;
110+
}
111+
section article#dashboard{
112+
position: relative;
113+
height:35%;
114+
}
115+
116+
section article#dashboard label,
117+
section article#dashboard select,
118+
section article#dashboard input,
119+
section article#dashboard button{
120+
margin:0;
121+
height:20%;
122+
width:40%;
123+
font-size:16px;
124+
}
125+
126+
127+
section article#dashboard label#algo_label{
128+
display:none;
129+
position: absolute;
130+
top:0;
131+
left:5%;
132+
}
133+
134+
section article#dashboard select#algo{
135+
position: absolute;
136+
top:5%;
137+
left:5%;
138+
}
139+
140+
section article#dashboard label#count_label{
141+
display:none;
142+
position: absolute;
143+
bottom:10%;
144+
left:5%;
145+
}
146+
147+
section article#dashboard input#count{
148+
position: absolute;
149+
top:30%;
150+
left:5%;
151+
font-size: 16px;
152+
}
153+
154+
section article#dashboard label#mspf_label{
155+
display:none;
156+
position: absolute;
157+
158+
}
159+
160+
section article#dashboard input#mspf{
161+
position: absolute;
162+
top:55%;
163+
font-size: 16px;
164+
}
165+
166+
section article#dashboard button#prepare{
167+
position: absolute;
168+
top:30%;
169+
right:5%;
170+
}
171+
section article#dashboard button#go{
172+
position: absolute;
173+
top:5%;
174+
right:5%;
175+
}
176+
section article#dashboard button#reset{
177+
position: absolute;
178+
top:55%;
179+
right:5%;
180+
width:20%;
181+
}
182+
183+
section article#dashboard label#err{
184+
display:block;
185+
position: absolute;
186+
height:20%;
187+
width:40%;
188+
top:80%;
189+
left:5%;
190+
color:red;
191+
font-size: 16px;
192+
}
193+
194+
footer h6{
195+
text-align:center;
196+
line-height:20px;
197+
font-size:14px;
198+
font-weight:100;
199+
}
200+
}
201+
202+
203+
@media screen and (min-width: 640px) and (max-width: 767px){
204+
header h1{
205+
font-size: 26px;
206+
}
207+
section article#stage{
208+
height:65%;
209+
}
210+
section article#dashboard{
211+
position: relative;
212+
height:35%;
213+
}
214+
215+
section article#dashboard label,
216+
section article#dashboard select,
217+
section article#dashboard input,
218+
section article#dashboard button{
219+
margin:0;
220+
height:20%;
221+
width:40%;
222+
font-size:22px;
223+
}
224+
225+
226+
section article#dashboard label#algo_label{
227+
display:none;
228+
position: absolute;
229+
top:0;
230+
left:5%;
231+
}
232+
233+
section article#dashboard select#algo{
234+
position: absolute;
235+
top:5%;
236+
left:5%;
237+
}
238+
239+
section article#dashboard label#count_label{
240+
display:none;
241+
position: absolute;
242+
bottom:10%;
243+
left:5%;
244+
}
245+
246+
section article#dashboard input#count{
247+
position: absolute;
248+
top:30%;
249+
left:5%;
250+
font-size: 22px;
251+
}
252+
253+
section article#dashboard label#mspf_label{
254+
display:none;
255+
position: absolute;
256+
257+
}
258+
259+
section article#dashboard input#mspf{
260+
position: absolute;
261+
top:55%;
262+
font-size: 22px;
263+
}
264+
265+
section article#dashboard button#prepare{
266+
position: absolute;
267+
top:30%;
268+
right:5%;
269+
}
270+
section article#dashboard button#go{
271+
position: absolute;
272+
top:5%;
273+
right:5%;
274+
}
275+
section article#dashboard button#reset{
276+
position: absolute;
277+
top:55%;
278+
right:5%;
279+
width:20%;
280+
}
281+
282+
section article#dashboard label#err{
283+
display:block;
284+
position: absolute;
285+
height:20%;
286+
width:40%;
287+
top:80%;
288+
left:5%;
289+
color:red;
290+
font-size: 22px;
291+
}
292+
293+
footer h6{
294+
text-align:center;
295+
line-height:26px;
296+
font-size:20px;
297+
font-weight:100;
298+
}
299+
}
300+
301+
302+
303+
@media screen and (min-width: 768px) and (max-width: 1023px){
304+
header h1{
305+
font-size: 34px;
306+
}
307+
section article#stage{
308+
height:65%;
309+
}
310+
section article#dashboard{
311+
position: relative;
312+
height:35%;
313+
}
314+
315+
section article#dashboard label,
316+
section article#dashboard select,
317+
section article#dashboard input,
318+
section article#dashboard button{
319+
margin:0;
320+
height:20%;
321+
width:40%;
322+
font-size:30px;
323+
}
324+
325+
326+
section article#dashboard label#algo_label{
327+
display:none;
328+
position: absolute;
329+
top:0;
330+
left:5%;
331+
}
332+
333+
section article#dashboard select#algo{
334+
position: absolute;
335+
top:5%;
336+
left:5%;
337+
}
338+
339+
section article#dashboard label#count_label{
340+
display:none;
341+
position: absolute;
342+
bottom:10%;
343+
left:5%;
344+
}
345+
346+
section article#dashboard input#count{
347+
position: absolute;
348+
top:30%;
349+
left:5%;
350+
font-size: 30px;
351+
}
352+
353+
section article#dashboard label#mspf_label{
354+
display:none;
355+
position: absolute;
356+
357+
}
358+
359+
section article#dashboard input#mspf{
360+
position: absolute;
361+
top:55%;
362+
font-size: 30px;
363+
}
364+
365+
section article#dashboard button#prepare{
366+
position: absolute;
367+
top:30%;
368+
right:5%;
369+
}
370+
section article#dashboard button#go{
371+
position: absolute;
372+
top:5%;
373+
right:5%;
374+
}
375+
section article#dashboard button#reset{
376+
position: absolute;
377+
top:55%;
378+
right:5%;
379+
width:20%;
380+
}
381+
382+
section article#dashboard label#err{
383+
display:block;
384+
position: absolute;
385+
height:20%;
386+
width:40%;
387+
top:80%;
388+
left:5%;
389+
color:red;
390+
font-size: 30px;
391+
}
392+
393+
footer h6{
394+
text-align:center;
395+
line-height:30px;
396+
font-size:24px;
397+
font-weight:100;
398+
}
399+
}

0 commit comments

Comments
 (0)