Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- padding: 0;
- margin: 0;
- font-family: sans-serif;
- font-size: 14pt;
- color: #5A5A5A;
- }
- .wrapper {
- width: 770px; /*chenged from 765px*/
- height: 430px; /*added*/
- margin-left: 200px;
- margin-top: 10px;
- background-color: #EEEEEE;
- border: 1px solid #CECECE;
- }
- form {
- display: inline-block;
- vertical-align: top; /*added*/
- height: 300px; /*added*/
- width: 375px; /*added*/
- margin-top: 15px; /*added*/
- }
- /*removed--- form:first-of-type {
- margin-left: 15px;
- margin-top: 15px;
- margin-bottom: 15px;
- } ---*/
- form:first-of-type legend {
- font-size: 1em;
- font-weight: bold;
- padding: 10px 0 10px 5px; /*added*/
- }
- #register {
- color: #234465;
- }
- form:first-of-type input { /*added*/
- width: 332px; /*added*/
- margin-top: 0; /*added*/
- margin-bottom: 10px; /*added*/
- } /*added*/
- form:last-child { /*changed from last-of-type*/
- background-color: #234465;
- vertical-align: 50px;
- /*removed--- padding: 10px; ---*/
- /*removed--- height: 288px; ---*/
- }
- form:last-of-type input:nth-of-type(-n+2) { /*added*/
- width: 340px; /*added*/
- } /*added*/
- form:last-of-type legend {
- color: white;
- font-size: 1em;
- font-weight: bold;
- padding: 15px 0 10px 5px; /*added*/
- }
- form:last-of-type div {
- /*removed--- text-align: right; ---*/
- width: 150px; /*added*/
- float: right; /*added*/
- margin-top: 5px; /*added*/
- margin-right: 22px; /*added*/
- display: inline-block; /*added*/
- }
- form:last-of-type input[type=checkbox] {
- transform: scale(1.5);
- margin-left: 9px; /*changed from 10px*/
- vertical-align: -5px;
- }
- form:last-of-type label {
- vertical-align: -5px;
- margin-left: 5px;
- color: white;
- font-size: 0.8em;
- }
- form:last-of-type label:hover { /*added*/
- cursor: pointer; /*added*/
- } /*added*/
- form:last-of-type div div { /*changed from form:last-of-type span*/
- font-size: 0.8em;
- color: white;
- margin-right: 20px;
- text-align: right; /*added*/
- text-decoration: underline; /*added*/
- }
- fieldset {
- border: none;
- width: 100%;
- height: 100%; /*added*/
- }
- form:first-of-type fieldset { /*added*/
- padding-left: 20px; /*added*/
- } /*added*/
- form:last-of-type fieldset { /*added*/
- padding-left: 9px; /*added*/
- } /*added*/
- h1 {
- color: #234465;
- font-size: 1.5em;
- padding: 15px;
- }
- .wrapper div:nth-child(2) {
- font-size: 0.8em;
- padding: 10px 15px;
- }
- input[type=text], input[type=email], input[type=password] {
- /*removed--- width: 330px; ---*/
- height: 40px;
- margin: 5px;
- padding-left: 5px;
- border: 1px solid #9a9a9a; /*added*/
- }
- a {
- color: white;
- }
- #register-button {
- width: 170px;
- height: 40px;
- color: #234465;
- font-size: 1.2em;
- border: 2px solid #234465;
- margin-left: 174px;
- margin-top: 10px; /*changed from 5px*/
- background-color: transparent; /*added*/
- }
- #register-button:hover {
- background-color: #234465;
- color: white;
- cursor: pointer; /*added*/
- }
- #login-button {
- position: inherit;
- width: 150px;
- height: 40px;
- color: white;
- font-size: 1.2em;
- border: 2px solid #FF9C00;
- background-color: transparent; /*changed from #234465*/
- margin-right: 5px;
- }
- #login-button:hover {
- color: #234465;
- background-color: #FF9C00;
- border: none;
- cursor: pointer; /*added*/
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement