| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- h1, h2, h3, h4, h5, a, p, ul, li, img, header, section, div, body {margin: 0; padding: 0;}
- .centered {
- position: fixed;
- top: 50%;
- left: 50%;
- /* bring your own prefixes */
- transform: translate(-50%, -50%);
- }
- header {
- width: 600px;
- height: 84px;
- background: #3B5998;
- }
- .main-header {
- padding-left:224px;
- }
- .form {
- border: 1px solid #cccccc;
- border-radius: 5px;
- height: 600px;
- margin: 20px auto 25px;
- width: 400px;
- }
- .form h3 {
- color: #333333;
- border-bottom: 1.5px solid #cccccc;
- font-family: tahoma;
- font-size: 18px;
- font-weight: 600;
- margin: 0 20px;
- padding: 20px 0 12px;
- }
- .red-box {
- margin:24px auto 0;
- width: 400px;
- height: 97px;
- background: #FFEBE8;
- border: 1.5px solid red;
- }
- .red-box p {
- font-size: 10.5px;
- font-family: tahoma;
- padding: 14px 0 0 20px;
- }
- .red-box a {
- text-decoration: none;
- color: #3B5998;
- }
- .red-box a:hover {
- text-decoration: underline;
- }
- .login-form {
- width:75%;
- margin: 0 auto;
- padding: 23px 0 0 0;
- }
- .login-form label {
- font-family: tahoma;
- font-size: 13px;
- padding: 2px 10px 3px 5px;
- }
- .login-form input {
- padding: 5px 5px 13px 15px;
- }
- xt-decoration: underline;
- }
|