Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css");
- @import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
- .isa_info, .isa_success, .isa_warning, .isa_error {
- margin: 10px 0px;
- padding:12px;
- }
- .isa_info {
- color: #00529B;
- background-color: #BDE5F8;
- }
- .isa_success {
- color: #4F8A10;
- background-color: #DFF2BF;
- }
- .isa_warning {
- color: #9F6000;
- background-color: #FEEFB3;
- }
- .isa_error {
- color: #D8000C;
- background-color: #FFD2D2;
- }
- .isa_info i, .isa_success i, .isa_warning i, .isa_error i {
- margin:10px 22px;
- font-size:2em;
- vertical-align:middle;
- }
- body {font-family: Arial, Helvetica, sans-serif;}
- * {box-sizing: border-box}
- /* Full-width input fields */
- input[type=text], input[type=password] {
- width: 100%;
- padding: 15px;
- margin: 5px 0 22px 0;
- display: inline-block;
- border: none;
- background: #f1f1f1;
- }
- input[type=text]:focus, input[type=password]:focus {
- background-color: #ddd;
- outline: none;
- }
- hr {
- border: 1px solid #f1f1f1;
- margin-bottom: 25px;
- }
- /* Set a style for all buttons */
- button {
- background-color: #4CAF50;
- color: white;
- padding: 14px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- opacity: 0.9;
- }
- button:hover {
- opacity:1;
- }
- /* Extra styles for the cancel button */
- .cancelbtn {
- padding: 14px 20px;
- background-color: #f44336;
- }
- /* Float cancel and signup buttons and add an equal width */
- .cancelbtn, .signupbtn {
- float: left;
- width: 50%;
- }
- /* Add padding to container elements */
- .container {
- padding: 16px;
- }
- /* Clear floats */
- .clearfix::after {
- content: "";
- clear: both;
- display: table;
- }
- /* Change styles for cancel button and signup button on extra small screens */
- @media screen and (max-width: 300px) {
- .cancelbtn, .signupbtn {
- width: 100%;
- }
- }
- body {font-family: Arial, Helvetica, sans-serif;}
- form {border: 3px solid #f1f1f1;}
- input[type=text], input[type=password] {
- width: 100%;
- padding: 12px 20px;
- margin: 8px 0;
- display: inline-block;
- border: 1px solid #ccc;
- box-sizing: border-box;
- }
- button {
- background-color: #4CAF50;
- color: white;
- padding: 14px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- }
- button:hover {
- opacity: 0.8;
- }
- .cancelbtn {
- width: auto;
- padding: 10px 18px;
- background-color: #f44336;
- }
- .imgcontainer {
- text-align: center;
- margin: 24px 0 12px 0;
- }
- img.avatar {
- width: 40%;
- border-radius: 50%;
- }
- .container {
- padding: 16px;
- }
- span.psw {
- float: right;
- }
- /* Change styles for span and cancel button on extra small screens */
- @media screen and (max-width: 300px) {
- span.psw {
- display: block;
- float: none;
- }
- .cancelbtn {
- width: 100%;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement