样式表

stylesheets.css

@@ -0,0 +1,151 @@
+.my-input{
+			height: 30px;
+		    width: 180px;
+		}
+.my-input:focus{
+    border-color: #189f92 !important;
+}
+footer{
+	position: absolute;
+	bottom: 0;
+	margin: 10px;
+	width: 100%;
+	height: 90px;
+	background-color: #000;
+	text-align: center;
+}
+.footer p{
+	color: #eee;
+	font-size: 15px;
+}
+.in{
+	position: absolute;
+	top: 38%;
+	left: 25%;
+	width: 500px;
+	height: 300px;
+	display: inline-block;
+	clear: both;
+}
+.in p{
+	display: inline-block;
+	width: 150px;
+}
+a{
+	text-decoration: none;
+}
+.log{
+	display: inline-block;
+	width: 100px;
+	font-size: 15px;
+	position: absolute;
+	right: 110px;
+	top: 10px;
+	text-align: center;
+}
+.log p{
+	font-size: 20px;
+}
+.sign{
+	display: inline-block;
+	width: 100px;
+	font-size: 15px;
+	position: absolute;
+	right: 10px;
+	top: 10px;
+	text-align: center;
+}
+.sign p{
+	font-size: 20px;
+}
+.topText{
+	display: inline-block;
+	width: 30%;
+	height: 100%;
+	font-size: 15px;
+	position: absolute;
+	left: 35%;
+	text-align: center;
+}
+.seach{
+	position: absolute;
+	top: 80px;
+	left: 0;
+	width: 100%;
+	height: 96px;
+	background-color: #2f363c;
+}
+.logo{
+	display: inline-block;
+	margin: 10px;
+	height: 70%;
+	width: 180px;
+	background-image: url("../img/bg.png");
+}
+.searchNav{
+	list-style-type: none;
+	display: inline-block;
+	width: 40%;
+	
+}
+.searchNav li{
+
+	float: left;
+	text-align: center;
+}
+.searchNav li a{
+	display: block;
+	margin: 20px 20px 15px 15px;
+}
+.searchNav li p{
+	font-size: 20px;
+	color: #e5e5e5;
+}
+.mainBody{
+	position: relative;
+	width: 80%;
+	background-color: #e5e5e5;
+	top: 160px;
+	left: 10%;
+}
+.mainBody p{
+	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+	font-size: 20px;
+	color: #2e2e2e;
+}
+.find{
+	padding: 35px;
+	height: 100%;
+	width: 500px;
+	display: inline-block;
+	position: absolute;
+	right: 300px;
+}
+.findbooks{
+	border-radius: 5px;
+	display: inline-block;
+	width: 100px;
+	background-color: #e5e5e5;
+	height: 40px;
+}
+.findbooks p{
+	font-size: 15px;
+	color: #2f363c;
+}
+.item{
+	position: relative;
+	width: 500px;
+	height: 300px;
+	background-color: #2f363c;
+}
+.item p{
+	color: #eee;
+}
+.min{
+	display: inline-block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	bottom: 10px;
+	right: 10px;
+}