0byt3m1n1
Path:
C:
/
BACKUPS
/
IDCARD-backup
/
id Code
/
[
Home
]
File: adminlogin.css
*{ margin: 0; padding: 0; background-image: url(../images/slide-02.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } #section { width: 80%; height: 100vh; } .container { position: absolute; top: 50%; left: 70%; margin-bottom: 20; transform: translate(-50%,-50%); width: 900px; height: 350px; /* background: rgba(103,58,183,0.7); */ } .container .form-login { position: relative; width: 50%; height: 350px; float: left; box-sizing: border-box; margin-bottom: 10%; } .container .form-login { width: 50%; background: #fff; height: 380px; top: -15px; box-shadow: -20px 0 15px rgba(0,0,0,.2); padding: 30px; } .container .form-login h1 { text-align: center; color: #262626; } .container .form-login input ::placeholder { text-decoration: #06a; } .container .form-login input { display: block; width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px ; border: 2px solid #ccc; border-radius: 25px; outline: none; font-size: 15px; background-color: #339b9e; } .container .form-login input:hover, .container .form-login input:valid { border: 2px solid #06a; } .container .form-login input[type="submit"] { color: #fff; /* background: #673abc;*/ background: linear-gradient(145deg, #339b9e 0%, #68cc98 100%); font-size: 16px; transition: .5s; } .container .form-login input[type="submit"]:hover { color: #fff; background: #339b9e; font-size: 16px; transition: .5s; border: 2px solid #06a; } .container .form-login input[type="button"] { color: #fff; /* background: #673abc; */ background: linear-gradient(145deg, #339b9e 0%, #68cc98 100%); font-size: 16px; transition: .5s; } .container .form-login input[type="button"]:hover { color: #fff; background: #339b9e; font-size: 16px; transition: .5s; border: 2px solid #06a; } /* Style the header with a grey background and some padding .header { height: 200px; width: 100%; padding: 20px 20px; background-image: url('images/cwrdm.jpg') ; background-position-x: center; backface-visibility: fill; background-repeat: no-repeat ; margin-left: 10%; margin-right: 10%; margin-top: 2%; background-color: cornflowerblue; .header { height: 30%; width: 100%; position: fixed; padding: 10px 0; background-position-x: center; top: 0; background-size: contain; background-repeat: no-repeat; background-image: url('images/h2.jpg'); margin-top: 2%; } }*/ /* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */ @media screen and (max-width: 1000px) { .header a { float: none; display: block; text-align: left; } .header-right { float: none; } }