123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- * {
- margin: 0;
- padding: 0;
- }
- html {
- height: 100%;
- width: 100%;
- overflow: hidden;
- margin: 0;
- padding: 0;
- background: url(../imgs/Desert1.jpg) no-repeat 0px 0px;
- background-repeat: no-repeat;
- background-size: 100% 100%;
- -moz-background-size: 100% 100%;
- }
- body {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 100%;
- }
- #loginDiv {
- width: 37%;
- display: flex;
- justify-content: center;
- align-items: center;
- height: 380px;
- background-color: rgba(75, 81, 95, 0.3);
- box-shadow: 7px 7px 17px rgba(52, 56, 66, 0.5);
- border-radius: 5px;
- }
- #name_trip {
- margin-left: 50px;
- color: red;
- }
- p {
- margin-top: 30px;
- margin-left: 20px;
- color: azure;
- }
- #remember{
- margin-left: 15px;
- border-radius: 5px;
- border-style: hidden;
- background-color: rgba(216, 191, 216, 0.5);
- outline: none;
- padding-left: 10px;
- height: 20px;
- width: 20px;
- }
- #username{
- width: 200px;
- margin-left: 15px;
- border-radius: 5px;
- border-style: hidden;
- height: 30px;
- background-color: rgba(216, 191, 216, 0.5);
- outline: none;
- color: #f0edf3;
- padding-left: 10px;
- }
- #password{
- width: 202px;
- margin-left: 15px;
- border-radius: 5px;
- border-style: hidden;
- height: 30px;
- background-color: rgba(216, 191, 216, 0.5);
- outline: none;
- color: #f0edf3;
- padding-left: 10px;
- }
- .button {
- border-color: cornsilk;
- background-color: rgba(100, 149, 237, .7);
- color: aliceblue;
- border-style: hidden;
- border-radius: 5px;
- width: 100px;
- height: 31px;
- font-size: 16px;
- }
- #subDiv {
- text-align: center;
- margin-top: 30px;
- }
- #loginMsg{
- text-align: center;
- color: aliceblue;
- }
- #errorMsg{
- text-align: center;
- color:red;
- }
|