79 lines
1.7 KiB
CSS
79 lines
1.7 KiB
CSS
body {
|
|
margin: 0px;
|
|
background-color: papayawhip;
|
|
background-image: url("images/老人3.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 注销界面 */
|
|
.delete {
|
|
width: 420px;
|
|
height: 250px;
|
|
background-color: rgba(255, 255, 255, 0.6);
|
|
position: absolute;
|
|
top: 150px;
|
|
left: 830px;
|
|
}
|
|
.delete h2 {
|
|
padding: 0 0 0 30px;
|
|
color: rgb(255, 115, 0);
|
|
}
|
|
.delete form input {
|
|
width: 300px;
|
|
height: 35px;
|
|
position: relative;
|
|
top: 20px;
|
|
left: 60px;
|
|
text-align: center;
|
|
outline: none;
|
|
border-radius: 25px;
|
|
border: 0.5px solid rgba(128, 128, 128, 0.6);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
.delete form input#submit {
|
|
width: 40px;
|
|
height: 40px;
|
|
border: none;
|
|
background-color: rgb(255, 115, 0);
|
|
color: white;
|
|
position: relative;
|
|
top: 80px;
|
|
left: 355px;
|
|
}
|
|
.delete form input#submit:hover {
|
|
transform: translate(0,-1px);
|
|
-ms-transform: translate(0,-1px);
|
|
-webkit-transform: translate(0,-1px);
|
|
-o-transform: translate(0,-1px);
|
|
-moz-transform: translate(0,-1px);
|
|
box-shadow: 3px 3px 3px rgba(131, 131, 131, 0.6);
|
|
}
|
|
.delete form input#submit:active {
|
|
background-color: rgba(255, 115, 0, 0.3);
|
|
} |