diff --git a/web/contents.html b/web/contents.html deleted file mode 100644 index 0b48048..0000000 --- a/web/contents.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - Document - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
001002003004
005006007008
009010011012
013014015016
017018019020
- - \ No newline at end of file diff --git a/web/contents_style.css b/web/contents_style.css deleted file mode 100644 index 854d8cb..0000000 --- a/web/contents_style.css +++ /dev/null @@ -1,3 +0,0 @@ -.room tr td { - padding: 90px; -} diff --git a/web/firstPage.html b/web/firstPage.html index 25da2a2..a3bf9a1 100644 --- a/web/firstPage.html +++ b/web/firstPage.html @@ -4,7 +4,8 @@ - 首页 + Old People Home + @@ -22,7 +23,7 @@ 首页
  • - 个人 + 个人
    • diff --git a/web/firstPage_style.css b/web/firstPage_style.css index 654ba92..6e50a2f 100644 --- a/web/firstPage_style.css +++ b/web/firstPage_style.css @@ -1,7 +1,9 @@ body { - background-color: aliceblue; + background-color: papayawhip; margin: 0px; } + +/* LOGO */ .box1 { text-align: left; position: absolute; @@ -46,7 +48,6 @@ ul { margin: 0 0 0 979px; } .menu li a { - /* text-indent: -9999px; */ color: white; text-decoration-line: none; display: block; @@ -74,18 +75,21 @@ ul { width: auto; height: auto; /* background-color: yellow; */ - margin: 0 0 0 250px; + margin: 0 0 0 210px; } .box2 table tr td { padding: 150px 50px 90px 0; + /* background-color: yellow; */ } .box2 table tr td a { - color: white; + color: papayawhip; text-decoration-line: none; + font-size: 14px; background-image: url("icons/房间.png"); background-repeat: no-repeat; - padding: 110px 90px 20px; - background-position: 38px; + padding: 100px 90px 20px 115px; + background-position: 80px 30px; + background-size: 40%; } .box2 table tr td a:hover { background-image: url("icons/房间light.png"); @@ -94,7 +98,7 @@ ul { /* 纵向导航栏 */ .guide { width: 190px; - height: 1300px; + height: 1400px; background-color: rgba(255, 183, 124, 0.3); position: absolute; top: 150px; diff --git a/web/icons/favicon.png b/web/icons/favicon.png new file mode 100644 index 0000000..159907a Binary files /dev/null and b/web/icons/favicon.png differ diff --git a/web/icons/管理员头像.png b/web/icons/管理员头像.png new file mode 100644 index 0000000..60612b4 Binary files /dev/null and b/web/icons/管理员头像.png differ diff --git a/web/login_style.css b/web/login_style.css index 2b6dd62..e0257a9 100644 --- a/web/login_style.css +++ b/web/login_style.css @@ -1,5 +1,5 @@ body { - background-color: aliceblue; + background-color: papayawhip; margin: 0px; } .background_text { diff --git a/web/personal.html b/web/personal.html new file mode 100644 index 0000000..7f0563a --- /dev/null +++ b/web/personal.html @@ -0,0 +1,41 @@ + + + + + + + Old People Home - 个人中心 + + + + +
    + O + ld + P + eople + H + ome +
    +
    + +
    +
    +
    + +
    +
    +

    管理员


    +

    root

     +
    + +
    + + \ No newline at end of file diff --git a/web/personal_style.css b/web/personal_style.css new file mode 100644 index 0000000..0952a8b --- /dev/null +++ b/web/personal_style.css @@ -0,0 +1,100 @@ +body { + background-color: papayawhip; + margin: 0px; +} + +/* 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 995px; +} +.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; +} + +/* 头像及账号资料 */ +.background { + width: 700px; + height: 200px; + background-color: white; + margin: 50px 0 0 280px; + position: absolute; +} +.background .pic { + width: 128px; + height: 128px; + position: relative; + top: 36px; + left: 30px; +} +.background .pic a { + background-image: url("icons/管理员头像.png"); + background-repeat: no-repeat; + background-size: 100%; + display: block; + padding: 64px; + +} +.background .backgroundText { + position: relative; + top: -100px; + left: 308px; +} \ No newline at end of file