247 lines
3.6 KiB
SCSS
247 lines
3.6 KiB
SCSS
@import "client/common.css.scss";
|
|
|
|
#redeemSignupScreen {
|
|
|
|
.redeem-signup {
|
|
padding:30px;
|
|
}
|
|
.g-recaptcha {
|
|
//transform:scale(0.80);
|
|
//transform-origin:0 0;
|
|
}
|
|
|
|
.jamtrack-name {
|
|
font-weight:bold;
|
|
}
|
|
.content-holder {
|
|
|
|
//margin-top:40px;
|
|
color:$ColorTextTypical;
|
|
|
|
&.signed-in {
|
|
.left-side, .right-side {
|
|
display:none;
|
|
}
|
|
.not-signed-in.prompt {
|
|
display:none;
|
|
}
|
|
}
|
|
&.not-signed-in {
|
|
.already-signed-in {
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.not-signed-in.prompt {
|
|
text-align:center;
|
|
}
|
|
.already-signed-in {
|
|
text-align:center;
|
|
h3 {
|
|
text-align:center;
|
|
}
|
|
}
|
|
|
|
a.forgot-password {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
font-size:10px;
|
|
}
|
|
|
|
.error-text {
|
|
margin:0;
|
|
|
|
li {
|
|
margin-bottom:5px;
|
|
}
|
|
}
|
|
|
|
.signup-submit {
|
|
margin-right:2px;
|
|
}
|
|
|
|
.signup-facebook {
|
|
text-align:center;
|
|
}
|
|
|
|
.signup-later-prompt {
|
|
margin:30px 0 30px 0;
|
|
text-align:center;
|
|
}
|
|
|
|
.signup-prompt {
|
|
float:right;
|
|
text-align:left;
|
|
margin:30px 0 15px 0;
|
|
width:60%;
|
|
max-width:300px;
|
|
@include border_box_sizing;
|
|
|
|
span {
|
|
text-align:left;
|
|
}
|
|
}
|
|
|
|
p {
|
|
font-size:14px;
|
|
line-height:125%;
|
|
}
|
|
|
|
|
|
.login-error {
|
|
|
|
div.actions {
|
|
margin-top:10px;
|
|
}
|
|
|
|
.field {
|
|
background-color: #330000;
|
|
border: 1px solid #990000;
|
|
padding:8px;
|
|
}
|
|
}
|
|
|
|
.field {
|
|
display:block;
|
|
@include border_box_sizing;
|
|
padding:6px 8px;
|
|
margin:0px -8px;
|
|
white-space: nowrap;
|
|
|
|
&.error {
|
|
background-color:#300;
|
|
border: solid 1px #900;
|
|
|
|
li {
|
|
list-style:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.login-error-msg {
|
|
display:none;
|
|
margin-top:10px;
|
|
text-align:center;
|
|
color:#F00;
|
|
font-size:11px;
|
|
width:60%;
|
|
max-width:300px;
|
|
@include border_box_sizing;
|
|
float:right;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
|
|
.login-error .login-error-msg {
|
|
display:block;
|
|
}
|
|
|
|
h3
|
|
{
|
|
color:$ColorTextHighlight;
|
|
text-align:left;
|
|
font-size:16px;
|
|
font-weight:700;
|
|
margin-bottom:15px;
|
|
}
|
|
|
|
input {
|
|
@include border_box_sizing;
|
|
}
|
|
|
|
|
|
.btnNext {
|
|
margin:0 auto;
|
|
}
|
|
|
|
.left-side, .right-side {
|
|
margin-top:50px;
|
|
}
|
|
.left-side {
|
|
float:left;
|
|
width:50%;
|
|
@include border_box_sizing;
|
|
border-width:0 1px 0 0;
|
|
border-color:white;
|
|
border-style:solid;
|
|
text-align:right;
|
|
padding: 0 60px;
|
|
margin-bottom:20px;
|
|
|
|
.actions {
|
|
width:60%;
|
|
max-width:300px;
|
|
@include border_box_sizing;
|
|
position:relative;
|
|
float:right;
|
|
}
|
|
|
|
.terms_of_service {
|
|
text-align:center;
|
|
label {
|
|
display:inline;
|
|
}
|
|
font-size:11px;
|
|
}
|
|
}
|
|
|
|
a.signin {
|
|
text-decoration: underline;
|
|
font-size:12px;
|
|
margin-left:15px;
|
|
}
|
|
.left-side-content {
|
|
@include border_box_sizing;
|
|
float:right;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.right-side {
|
|
float:left;
|
|
width:50%;
|
|
@include border_box_sizing;
|
|
padding: 0 60px;
|
|
|
|
.actions {
|
|
margin-top:11px;
|
|
margin-left:-8px;
|
|
white-space: nowrap;
|
|
input {
|
|
width:auto;
|
|
}
|
|
}
|
|
|
|
|
|
input {
|
|
width:80%;
|
|
max-width:300px;
|
|
}
|
|
label {
|
|
display:inline-block;
|
|
width:80px;
|
|
text-align:left;
|
|
}
|
|
|
|
.terms_of_service {
|
|
input {
|
|
width: auto;
|
|
margin-left: -2px;
|
|
}
|
|
label {
|
|
display:inline;
|
|
}
|
|
font-size:11px;
|
|
}
|
|
}
|
|
|
|
.facebook-prompt {
|
|
margin:40px 0 10px 0;
|
|
float:right;
|
|
text-align:left;
|
|
width:249px;
|
|
@include border_box_sizing;
|
|
}
|
|
} |