Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- font-family: Verdana, Arial, sans-serif;
- color: #222222;
- }
- /* Bordered form */
- form{
- border: 3px solid #383839;
- }
- /* Full-width inputs */
- 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;
- }
- /* Set a style for all buttons */
- button{
- background-color: #31817B;
- color: white;
- padding: 14px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- }
- .btn {
- background-color: #31817B;
- color: white;
- padding: 14px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- }
- /* Add a hover effect for buttons */
- button:hover{
- opacity: 0.8;
- }
- /* Extra style for the cancel button(red) */
- .canvelbtn{
- width: auto;
- padding: 10px 18px;
- background-color: #f44336;
- }
- /* Center the avatar image inside this container */
- .imgcontainer{
- text-align: center;
- margin: 24px 0 12px 0;
- }
- /* Avatar image */
- img.avatar{
- width: 40%;
- border-radius: 0%;
- }
- /* Add padding to containers */
- .container{
- padding: 16px;
- }
- /*The "Forgot passord" text */
- span.psw{
- float: right;
- padding-top: 16px;
- }
- /*Change styles for span and cancel button on extra small screens */
- @media and(max-width: 300px) {
- span.psw{
- display: block;
- float: none;
- }
- .cancelbtn{
- width: 100%;
- }
- }
- #header {
- background-color: #383839;
- height: 60px;
- padding: 10px;
- border-radius: 5px;
- }
- #header #main-menu a {
- color: white;
- text-decoration: none;
- padding: 6px 8px;
- }
- #header #main-menu a:hover {
- border-left: 2px red solid;
- }
- #header #main-menu li {
- display: inline;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement