Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*Forms in overlays*/
- body > .overlays {
- background: rgba(0, 0, 0, 0.55);
- position: absolute;
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 2000;
- visibility: hidden;
- opacity: 0;
- transition: visibility 0s, opacity 0.3s linear;
- -webkit-transition: visibility 0s, opacity 0.3s linear;
- -moz-transition: visibility 0s, opacity 0.3s linear;
- -o-transition: visibility 0s, opacity 0.3s linear;
- }
- body.show-overlays {
- overflow: hidden;
- }
- body.show-overlays > .overlays.active{
- visibility: visible;
- opacity: 1;
- }
- .forms{
- display: block;
- position: relative;
- z-index: 2;
- padding: 22px 30px;
- margin: 0 auto;
- top: 15%;
- background-color: #e1bd2c;
- }
- .forms h2, .forms label {
- text-transform: uppercase;
- color: #3b3b3b;
- }
- .forms h2 {
- text-align: center;
- text-transform: uppercase;
- /*font: 16px exo_2bold;*/
- font: 24px exo_2_blackregular;
- color: #3b3b3b;
- margin-bottom: 18px;
- }
- .to-close{
- position: absolute;
- top: 20px;
- right: 25px;
- width: 17px;
- height: 17px;
- text-align: center;
- cursor: pointer;
- background: url(../img/close_btn.png) no-repeat center center;
- }
- .forms label {
- font: 12px exo_2bold;
- padding-bottom: 5px;
- }
- .forms input {
- padding: 17px 16px 17px 20px;
- font: 14px open_sansregular;
- border: 1px solid #999999;
- margin-bottom: 12px;
- line-height: 1;
- }
- .forms .required::-webkit-input-placeholder:after {
- content: "*";
- float: right !important;
- right: 5px !important;
- }
- .forms .radio-styled > label{
- font: 14px open_sansregular;
- color: #3b3b3b;
- display: inline-block !important;
- text-transform: none;
- width: auto !important;
- float: left;
- margin-right: 25px;
- }
- .form-register .checkbox-styled:not(ie8) > label > input ~ span:before,
- .form-register .radio-styled:not(ie8) > label > input ~ span:before{
- width: 19px !important;
- height: 19px !important;
- border: 1px solid #9b9991 !important;
- }
- .forms .radio-styled:not(ie8) input:checked ~ span:after{
- width: 9px;
- height: 9px;
- top: 5px;
- left: 5px;
- background-color: #3a3a3a;
- }
- .form-register {
- width: 400px;
- height: 458px;
- }
- .form-register .tooltip{
- background: none;
- border-radius: 50%;
- width: 17px;
- height: 17px;
- border: 1px solid #3a3a3a;
- color: #3a3a3a;
- position: absolute;
- margin-top: -2px;
- margin-left: 10px;
- display: inline-block;
- opacity: 1;
- padding: 0;
- line-height: 1;
- }
- .form-message-cont label, .form-message-cont input {
- display: block;
- width:100%
- }
- .form-register label{
- font: 12px open_sansextrabold;
- }
- #signin-submit {
- width: 200px;
- height: 42px;
- position: absolute;
- bottom: 0;
- right: 30px;
- padding: 11px 0px;
- /*font: 12px exo_2bold;*/
- font: 14px open_sansregular;
- text-transform: uppercase;
- border: 0;
- }
- .form-enter {
- width: 400px;
- height: 268px;
- }
- .form-enter #signin-submit{
- width: 80px;
- }
- .form-enter .checkbox-styled:not(ie8) input ~ span, .form-enter .radio-styled:not(ie8) input ~ span{
- width: 17px;
- height: 17px;
- border: 1px solid #9b9991;
- background: #fff;
- padding-left: 0;
- }
- .form-enter .checkbox-styled:not(ie8) > label > input:checked ~ span:before {
- border-color: #dfa83c;
- border-top-style: none;
- border-right-style: none;
- height: 9px;
- width: 16px;
- }
- .form-enter .checkbox-styled:not(ie8) > label > input ~ span:before, .form-enter .radio-styled:not(ie8) > label > input ~ span:before {
- border: 2px solid transparent;
- width: 17px;
- height: 17px;
- }
- .form-enter .checkbox {
- position: absolute;
- width: 50%;
- bottom: 10px;
- }
- .form-enter .checkbox > label > p{
- display: inline-block;
- text-transform: none;
- font: 12px open_sansregular;
- position: absolute;
- padding: 0 0 0 15px;
- }
- .form-send{
- background: #FFF;
- width: 649px;
- height: 298px;
- padding: 0;
- font: 14px exo_2_lightregular;
- color: #363636;
- }
- .form-send .title{
- background: #d9d9d9;
- height: 48px;
- padding: 0 0 0 23px !important;
- }
- .form-send .title h3{
- color: #3b3b3b;
- line-height: 48px !important;
- font:18px exo_2_blackregular;
- text-transform: uppercase;
- }
- .form-send .title .to-close{
- border: none;
- padding: 0;
- border-left: 1px solid #b3b3b3;
- height: 48px;
- width: 50px;
- top: 0;
- right: 0;
- }
- .form-send .text-in{
- height: 250px;
- padding: 15px 23px 20px 23px !important;
- }
- .form-send .text-in > textarea{
- margin: 22px 0 12px 0;
- height: 102px;
- width: 100%;
- padding: 15px 10px 15px 10px !important;
- border:1px solid #989898;
- }
- .form-send .text-in > .small {
- vertical-align: top;
- }
- .form-send .text-in > .btn {
- width: 204px;
- height: 42px;
- background: #f6dd34;
- padding: 0 12px;
- font:14px exo_2bold;
- color:#363636;
- float: right;
- line-height: 42px !important;
- border: none;
- }
- /*End Forms*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement