style finished

web/views_style.css

@@ -0,0 +1,122 @@
+body {
+    height: 2000px;
+    margin: 0px;
+    background-image: url("images/天空1.jpg");
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+/* LOGO */
+.box1 {
+    text-align: left;
+    position: absolute;
+    top: 30px;
+    left: 10px;
+    user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+}
+.upper {
+    color: rgb(255, 115, 0);
+    font-weight: bolder;
+    font-family: sans-serif;
+    font-size: 45px;
+    letter-spacing: -10px;
+}
+.lower {
+    color: rgb(255, 183, 124);
+    font-family: sans-serif;
+    font-size: 45px; 
+    letter-spacing: -5px;
+}
+
+/* 横向菜单栏 */
+.menu {
+    width: auto;
+    height: 50px;
+    background-color: rgb(255, 183, 124);
+    margin-top: 100px;
+}
+ul {
+    width: auto;
+    list-style-type: none;
+    white-space: nowrap;
+    padding: 0;
+}
+.menu li {
+    float: left;
+}
+.menu li#self {
+    margin: 0 0 0 979px;
+}
+.menu li a {
+    color: white;
+    text-decoration-line: none;
+    display: block;
+    padding: 14px 40px 15px 70px;
+}
+.menu li a:hover {
+    background-color: rgba(248, 148, 66, 0.7);
+}
+.menu ul li a#firstPage {
+    background-image: url("icons/首页.png");
+    background-repeat: no-repeat;
+    background-size: 12%;
+    background-position: 35px 16px;
+    
+}
+.menu ul li a#my {
+    background-image: url("icons/管理员.png");
+    background-repeat: no-repeat;
+    background-size: 12%;
+    background-position: 35px 16px;
+}
+
+/* 资料卡 */
+.info {
+    width: 450px;
+    height: 350px;
+    background-color: white;
+    position: absolute;
+    top: 170px;
+    left: 140px;
+}
+.info h2 {
+    padding: 0 0 0 20px;
+    color: rgb(255, 115, 0);
+}
+.info span {
+    position: relative;
+    left: 20px;
+    padding: 10px 0 10px 0;
+    /* background-color: yellow; */
+}
+
+/* 房间实况 */
+.room {
+    width: 450px;
+    height: 350px;
+    background-color: white;
+    position: absolute;
+    top: 170px;
+    left: 660px;
+}
+.room h2 {
+    padding: 0 0 0 20px;
+    color: rgb(255, 115, 0);
+}
+
+/* 健康监测卡 */
+.health {
+    width: 450px;
+    height: 350px;
+    background-color: white;
+    position: absolute;
+    top: 580px;
+    left: 140px;
+}
+.health h2 {
+    padding: 0 0 0 20px;
+    color: rgb(255, 115, 0);
+}