김명주 / kartrider

Go to a project
Toggle navigation Toggle navigation pinning
김명주
e9ff7795 1 parent fe8499d5

Update search result page design

Inline Side-by-side
Showing 2 changed files with 17 additions and 26 deletions
...@@ -15,8 +15,6 @@ body{ ...@@ -15,8 +15,6 @@ body{
15 position:relative; 15 position:relative;
16 width:120px; 16 width:120px;
17 height:120px; 17 height:120px;
18 - top:50%;
19 - margin:-60px 0px 0px 5px;
20 box-shadow: 2px 2px 2px rgb(166, 166, 166); 18 box-shadow: 2px 2px 2px rgb(166, 166, 166);
21 border:2px solid rgb(166, 166, 166); 19 border:2px solid rgb(166, 166, 166);
22 float:left; 20 float:left;
...@@ -25,15 +23,14 @@ body{ ...@@ -25,15 +23,14 @@ body{
25 { 23 {
26 position:relative; 24 position:relative;
27 width:300px; 25 width:300px;
28 - height:50px; 26 + height:120px;
29 - top:50%; 27 + top:4%;
30 - margin:-25px 0px 0px 20px; 28 + left:3%;
31 - float:left;
32 } 29 }
33 #s_home 30 #s_home
34 { 31 {
35 position:relative; 32 position:relative;
36 - left:355px; 33 + width:100%;
37 } 34 }
38 #title 35 #title
39 { 36 {
...@@ -52,9 +49,9 @@ body{ ...@@ -52,9 +49,9 @@ body{
52 #most 49 #most
53 { 50 {
54 position: relative; 51 position: relative;
55 - width: 370px; 52 + width: 400px;
56 height: 800px; 53 height: 800px;
57 - left:-250px; 54 + left:6%;
58 float:left; 55 float:left;
59 } 56 }
60 #imgId 57 #imgId
...@@ -70,9 +67,9 @@ body{ ...@@ -70,9 +67,9 @@ body{
70 #div1 67 #div1
71 { 68 {
72 position: relative; 69 position: relative;
73 - width: 800px; 70 + width: 50%;
74 height: 900px; 71 height: 900px;
75 - left:-150px; 72 + left:10%;
76 float:left; 73 float:left;
77 } 74 }
78 75
......
...@@ -46,25 +46,19 @@ ...@@ -46,25 +46,19 @@
46 } 46 }
47 </script> 47 </script>
48 <body> 48 <body>
49 - <div id="div">
50 - <div id="emblem">
51 - <script>document.getElementById("emblem").style = embl()</script>
52 - </div>
53 - <div id="name">
54 - <text id="nick"> <%- name %> </text>
55 - </div>
56 - <img id="s_home" src="metadata/image/search_image.png">
57 - </div>
58 -
59 -
60 - <div id="resu">
61 <div id="most"> 49 <div id="most">
62 - <text id="title">SAVE</text> 50 + <div id="emblem">
51 + <script>document.getElementById("emblem").style = embl()</script>
52 + </div>
53 + <div id="name">
54 + <text id="nick"> <%- name %> </text>
55 + </div>
56 + <text id="title"><br>SAVE</text>
63 <canvas id="myChart2"width="350" height="200"></canvas> 57 <canvas id="myChart2"width="350" height="200"></canvas>
64 <text id="title"><br>RANKING GRAPE</text> 58 <text id="title"><br>RANKING GRAPE</text>
65 <canvas id="myChart"width="350" height="200"></canvas> 59 <canvas id="myChart"width="350" height="200"></canvas>
66 <text id="title"><br>MOST KART</text> 60 <text id="title"><br>MOST KART</text>
67 - <table id="table_most" border="1"> 61 + <table id="table_most" border="1" style="text-align: center;">
68 <colgroup> 62 <colgroup>
69 <col width="10%"/> 63 <col width="10%"/>
70 <col width="30%"/> 64 <col width="30%"/>
...@@ -81,6 +75,7 @@ ...@@ -81,6 +75,7 @@
81 </div> 75 </div>
82 76
83 <div id="div1"> 77 <div id="div1">
78 + <img id="s_home" src="metadata/image/search_image.png">
84 <table id="table"> 79 <table id="table">
85 <colgroup> 80 <colgroup>
86 <col width="100px"/> 81 <col width="100px"/>
...@@ -92,7 +87,6 @@ ...@@ -92,7 +87,6 @@
92 </colgroup> 87 </colgroup>
93 </table> 88 </table>
94 </div> 89 </div>
95 - </div>
96 </body> 90 </body>
97 91
98 <script> 92 <script>
......