Skip to content

Commit 4de68dc

Browse files
ret2verret2ver
committed
Revert "首页/修改hiring中个别input为textarea"
This reverts commit fe23f01.
1 parent 32e4e09 commit 4de68dc

2 files changed

Lines changed: 214 additions & 0 deletions

File tree

‎assets/css/homepage.css‎

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
body,
2+
button,
3+
input,
4+
select,
5+
textarea {
6+
font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53", Arial, sans-serif;
7+
}
8+
9+
form {
10+
margin: 0px;
11+
display: inline;
12+
}
13+
14+
/*定义头部高度背景颜色*/
15+
16+
#header {
17+
height: 83px;
18+
color: white;
19+
background-color: #464C5B;
20+
border-radius: 3px;
21+
}
22+
23+
/*以下为头部从左到右每一个元素的样式*/
24+
#logo_img {
25+
width: 150px;
26+
height: 65;
27+
margin-right: 10px;
28+
margin-left: 10px;
29+
margin-top: 10px;
30+
}
31+
32+
#seperator {
33+
font-size: 38px;
34+
position: absolute;
35+
margin-top: 15px;
36+
color: #999999;
37+
}
38+
39+
#search_input {
40+
position: absolute;
41+
width: 190px;
42+
margin-left: 30px;
43+
margin-top: 27px;
44+
margin-bottom: 20px;
45+
padding-top: 6px;
46+
padding-bottom: 6px;
47+
padding-left: 8px;
48+
border-radius: 4px;
49+
}
50+
51+
.header_tab {
52+
margin: 0px 20px;
53+
color: #cccccc;
54+
font-size: 17px;
55+
}
56+
57+
#f1 {
58+
position: absolute;
59+
margin-left: 250px;
60+
margin-right: 0px;
61+
padding: 30px 20px;
62+
background-color: rgba(51, 51, 51, 0.59);
63+
color: #9BDDD1;
64+
65+
}
66+
67+
#f2 {
68+
height: 22.4px;
69+
position: absolute;
70+
margin-left: 324.2px;
71+
margin-right: 0px;
72+
padding: 30px 20px;
73+
}
74+
75+
#f3 {
76+
position: absolute;
77+
margin-left: 432.2px;
78+
margin-right: 0px;
79+
padding: 30px 20px;
80+
}
81+
82+
#f4 {
83+
position: absolute;
84+
margin-left: 540.2px;
85+
margin-right: 0px;
86+
padding: 30px 20px;
87+
}
88+
89+
#logout {
90+
position: absolute;
91+
margin-left: 648.2px;
92+
margin-right: 0px;
93+
padding: 30px 20px;
94+
}
95+
96+
#logout_icon {
97+
position: absolute;
98+
margin-top: 27px;
99+
margin-left: 740px;
100+
}
101+
102+
103+
a{
104+
color:#cccccc;
105+
text-decoration: none;
106+
}
107+
108+
109+
#container {
110+
position: absolute;
111+
top: 65%;
112+
left: 50%;
113+
margin-left: -260px;
114+
margin-top: -300px;
115+
116+
117+
}
118+
119+
#box{
120+
position: absolute;
121+
top:95%;
122+
left:24%;
123+
margin-top:-50px;
124+
}
125+
126+
.parent {
127+
width: 700px;
128+
height: 500px;
129+
130+
display: flex;
131+
flex-flow: row wrap;
132+
align-content: space-around;
133+
justify-content: space-between;
134+
135+
136+
}
137+
138+
.child {
139+
box-sizing: border-box;
140+
background-color: white;
141+
flex: 0 0 30%;
142+
height: 230px;
143+
border: 6px solid rgb(216, 216, 216);
144+
}

‎home.html‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<title>PING聘</title>
7+
<link rel="stylesheet" href="./assets/css/homepage.css">
8+
<link rel="stylesheet" href="./assets/css/homepage2.css">
9+
<script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script>
10+
<script type="text/javascript" src="js/jquery.orbit-1.2.3.min.js"></script>
11+
<!--[if IE]>
12+
<style type="text/css">
13+
.timer { display: none !important; }
14+
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
15+
</style>
16+
<![endif]-->
17+
<!-- Run the plugin -->
18+
<script type="text/javascript">
19+
$(window).load(function () {
20+
$('#featured').orbit();
21+
});
22+
</script>
23+
</head>
24+
25+
<body>
26+
27+
<div id="header">
28+
<img id="logo_img" src="img/logo.png" alt="logo">
29+
<span id="seperator">|</span>
30+
<form action="">
31+
<input id="search_input" type="text" title="在此处输入搜索内容" placeholder="搜索相关兼职">
32+
<img src="" alt="">
33+
</form>
34+
<span class="header_tab" id="f1">首页</span>
35+
<span class="header_tab" id="f2">
36+
<a href="apply.html">申请兼职</a>
37+
</span>
38+
<span class="header_tab" id="f3">
39+
<a href="hiring.html">发布兼职</a>
40+
</span>
41+
<span class="header_tab" id="f4">我的兼职</span>
42+
<span class="header_tab" id="logout">
43+
<a href="index.html">退出登录</a>
44+
</span>
45+
<img id="logout_icon" src="img/logout.png" alt="logout">
46+
</div>
47+
48+
<div id="container">
49+
<div id="featured">
50+
<img src="images/u77.png" />
51+
<img src="images/u76.png" />
52+
<img src="images/u78.png" />
53+
<img src="images/u79.png" />
54+
</div>
55+
</div>
56+
57+
<div id="box">
58+
<div class="parent">
59+
<div class="child">1</div>
60+
<div class="child">2</div>
61+
<div class="child">3</div>
62+
<div class="child">4</div>
63+
<div class="child">5</div>
64+
<div class="child">6</div>
65+
</div>
66+
67+
</div>
68+
</body>
69+
70+
</html>

0 commit comments

Comments
 (0)