Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(http://fonts.googleapis.com/css?family=Lato);
- @import url(http://fonts.googleapis.com/css?family=Ubuntu);
- @import url(http://fonts.googleapis.com/css?family=Nunito);
- body {
- background: url(../images/bg2.png) repeat-x bottom fixed;
- background-color: #3aa4e2;
- font-family: 'Lato';
- margin-top: 70px;
- }
- #container {
- display: block;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- margin: auto;
- height: 371px;
- width: 780px;
- border: 1px solid #919191;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- background-color: #fff;
- padding: 10px;
- margin-top: 10px
- }
- input.logintext {
- width: 180px;
- height: 12px;
- padding: 10px;
- border: 1px solid #919191;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 2px;
- float: right;
- }
- .loginbutton {
- font-family: 'Nunito';
- color: #fff;
- font-size: 16px;
- background-image: url(../images/gradient.png);
- background-position: 0, center;
- display: inline-block;
- background-color: #81bb0f;
- height: 71px;
- width: 100px;
- margin-left: 10px;
- box-shadow:0 0 0 1px rgba(0,0,0,.25) inset,0 0 0 2px rgba(255,255,255,.25) inset;
- border: 1px solid #919191;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 2px;
- padding: 10px
- }
- .regbutton {
- text-align: center;
- font-family: 'Nunito';
- color: #fff;
- font-size: 16px;
- background-image: url(../images/gradient.png);
- background-position: 0, center;
- float: left;
- display: inline-block;
- background-color: #e70505;
- height: 37px;
- margin-right: 21px;
- width: 100px;
- box-shadow:0 0 0 1px rgba(0,0,0,.25) inset,0 0 0 2px rgba(255,255,255,.25) inset;
- border: 1px solid #919191;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 2px;
- padding: 16px
- }
- .fbbutton {
- text-align: center;
- font-family: 'Nunito';
- color: #fff;
- font-size: 16px;
- background-image: url(../images/gradient.png);
- background-position: 0, center;
- float: left;
- display: inline-block;
- background-color: #3b5998;
- height: 37px;
- width: 100px;
- box-shadow:0 0 0 1px rgba(0,0,0,.25) inset,0 0 0 2px rgba(255,255,255,.25) inset;
- border: 1px solid #919191;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 2px;
- padding: 16px;
- margin-right: 10px
- }
- .usersonline {
- text-align: center;
- font-family: 'Nunito';
- color: #919191;
- font-size: 16px;
- background-image: url(../images/gradient.png);
- background-position: 0, center;
- float: left;
- display: inline-block;
- background-color: #e6e6e6;
- height: 37px;
- margin-right: 21px;
- width: 100px;
- box-shadow:0 0 0 1px rgba(0,0,0,.25) inset,0 0 0 2px rgba(255,255,255,.25) inset;
- border: 1px solid #919191;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 2px;
- padding: 16px
- }
- .loginbutton:hover, .regbutton:hover, .fbbutton:hover, .usersonline:hover {
- opacity: 0.8;
- }
- #logincontainer {
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- margin: auto;
- border: 1px solid #919191;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- background-color: #fff;
- padding: 10px;
- height: 70px;
- width: 780px;
- }
- .image {
- background: url(../images/mainimg2.png);
- height: 371px;
- width: 780px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement