김명주

Create search result design

1 +/*body{
2 + height: 100vh;
3 + background-repeat : no-repeat;
4 + background-image: url('background.png');
5 + background-size: cover;
6 +}*/
7 +html, body{
8 + width: 100%;
9 + height: 100%;
10 +}
11 +
12 +#div
13 +{
14 + position: relative;
15 + border: 1px solid black;
16 + width: 60%;
17 + height: 20%;
18 + line-height: 200px;
19 + margin: 0 auto;
20 + background-image: url(search_chang.png);
21 +}
22 +#sebo
23 +{
24 + position: relative;
25 + border: 1px solid black;
26 + width: 60%;
27 + height: 22%;
28 + margin: 0 auto;
29 + top:2%;
30 +}
31 +#resu
32 +{
33 + position: relative;
34 + border: 1px solid black;
35 + width: 60%;
36 + height: 2000px;
37 + margin: 0 auto;
38 + top:4%;
39 +}
40 +#most
41 +{
42 + position: relative;
43 + border: 1px solid black;
44 + width: 370px;
45 + height: 230px;
46 + float:left;
47 +}
48 +#imgId
49 +{
50 + vertical-align: middle;
51 +}
52 +#nick
53 +{
54 + font-size:xx-large;
55 + font-weight: bold;
56 +}
57 +#div1
58 +{
59 + position: relative;
60 + width: 65%;
61 + height: 100%;
62 + float:right;
63 + background-color:seashell;
64 +}
65 +#hle
66 +{
67 + position: relative;
68 + top:8%;
69 + width: 60%;
70 + height:3%;
71 + margin: 0 auto;
72 +}
73 +#div2
74 +{
75 + position: relative;
76 + width: 100%;
77 + height: 2%;
78 + background-color:seashell;
79 +}
80 +
81 +#fordiv
82 +{
83 + position: relative;
84 + border: 1px solid black;
85 + width: 100%;
86 + height: 120px;
87 +}
88 +#IMG
89 +{
90 + position:relative;
91 + width:85%;
92 + height:70%;
93 + top:20%;
94 + left:7%;
95 +}
96 +#tet1
97 +{
98 + position: relative;
99 + border: 1px solid black;
100 + width: 8%;
101 + height:100%;
102 + float:left;
103 +}
104 +#tet2
105 +{
106 + position: relative;
107 + border: 1px solid black;
108 + width: 10%;
109 + height:100%;
110 + float:left;
111 +}
112 +#tet3
113 +{
114 + position: relative;
115 + border: 1px solid black;
116 + width: 20%;
117 + height:100%;
118 + float:left;
119 +}
120 +#tet4
121 +{
122 + position: relative;
123 + border: 1px solid black;
124 + width: 25%;
125 + height:100%;
126 + float:left;
127 +}
128 +#img3
129 +{
130 + position: relative;
131 + width: 100%;
132 + height:100%;
133 + float:left;
134 +}
135 +
136 +#tet5
137 +{
138 + position: relative;
139 + border: 1px solid black;
140 + width: 15%;
141 + height:100%;
142 + float:left;
143 +}
144 +#tet6
145 +{
146 + position: relative;
147 + border: 1px solid black;
148 + width: 10%;
149 + height:100%;
150 + float:left;
151 +}
152 +#tet7
153 +{
154 + position: relative;
155 + border: 1px solid black;
156 + width: 10%;
157 + height:100%;
158 + float:left;
159 +}