LI WENHAO / kartrider

Go to a project
Toggle navigation Toggle navigation pinning
김명주
c73dc913 1 parent 24fa7d94

Update homepage design

Inline Side-by-side
Showing 1 changed file with 36 additions and 23 deletions
...@@ -39,7 +39,7 @@ html, body{ ...@@ -39,7 +39,7 @@ html, body{
39 position: relative; 39 position: relative;
40 top:1% 40 top:1%
41 } 41 }
42 -#div1 42 +#select_div
43 { 43 {
44 position: relative; 44 position: relative;
45 width: 100%; 45 width: 100%;
...@@ -47,44 +47,69 @@ html, body{ ...@@ -47,44 +47,69 @@ html, body{
47 top:5%; 47 top:5%;
48 background-color: skyblue; 48 background-color: skyblue;
49 } 49 }
50 +
50 #btn1 51 #btn1
51 { 52 {
52 position: relative; 53 position: relative;
53 - top: 23%; 54 + width:200px;
55 + height:200px;
56 + top: 50%;
54 left: 30%; 57 left: 30%;
55 padding: 0; 58 padding: 0;
56 border: none; 59 border: none;
60 + margin:-100px 0px 0px -100px;
57 background: none; 61 background: none;
58 } 62 }
59 #btn2 63 #btn2
60 { 64 {
61 position: relative; 65 position: relative;
62 - top: 23%; 66 + width:200px;
63 - left: 50%; 67 + height:200px;
68 + top: 50%;
69 + left: 60%;
64 padding: 0; 70 padding: 0;
65 border: none; 71 border: none;
72 + margin:-100px 0px 0px -100px;
66 background: none; 73 background: none;
67 } 74 }
68 - 75 +#test
69 -#div2 76 +{
77 + font-size:x-large;
78 + color:rgb(0, 60, 150);
79 + font-weight: bold;
80 +}
81 +#search
82 +{
83 + font-size:x-large;
84 + color:rgb(155, 22, 5);
85 + font-weight: bold;
86 +}
87 +#main_div
88 +{
89 + position: relative;
90 + width: 100%;
91 + height: 45%;
92 + top:5%;
93 +}
94 +#notice_div
70 { 95 {
71 position: relative; 96 position: relative;
72 width: 500px; 97 width: 500px;
73 height: 450px; 98 height: 450px;
74 - top:3%;
75 float:left; 99 float:left;
76 - left:20%; 100 + left:30%;
101 + margin:-10px 0px 0px -250px;
77 box-shadow: 1px 1px 1px rgb(209, 207, 207); 102 box-shadow: 1px 1px 1px rgb(209, 207, 207);
78 background-color: white; 103 background-color: white;
79 } 104 }
80 -#div3 105 +#ranking_div
81 { 106 {
82 position: relative; 107 position: relative;
83 width: 500px; 108 width: 500px;
84 height: 450px; 109 height: 450px;
85 float:left; 110 float:left;
86 - top:3%; 111 + left:55%;
87 - left:26%; 112 + margin:-10px 0px 0px -250px;
88 box-shadow: 1px 1px 1px rgb(209, 207, 207); 113 box-shadow: 1px 1px 1px rgb(209, 207, 207);
89 background-color: white; 114 background-color: white;
90 } 115 }
...@@ -99,15 +124,3 @@ html, body{ ...@@ -99,15 +124,3 @@ html, body{
99 { 124 {
100 text-align: center; 125 text-align: center;
101 } 126 }
...\ No newline at end of file ...\ No newline at end of file
102 -#test
103 -{
104 - font-size:x-large;
105 - color:rgb(0, 60, 150);
106 - font-weight: bold;
107 -}
108 -#search
109 -{
110 - font-size:x-large;
111 - color:rgb(155, 22, 5);
112 - font-weight: bold;
113 -}
......