overleaf/services/web/public/stylesheets/app/subscription.less

93 lines
1.4 KiB
Text
Raw Normal View History

.form-helper {
display: inline-block;
width: 1.3em;
height: 1.3em;
line-height: 1.3;
vertical-align: initial;
background-color: @gray;
color: #FFF;
font-weight: bolder;
border-radius: 50%;
&:hover,
&:focus {
color: #FFF;
text-decoration: none;
}
}
.price-breakdown {
text-align: center;
margin-bottom: -10px;
}
2016-08-22 12:03:29 -04:00
.input-feedback-message {
display: none;
font-size: 0.8em;
2018-05-30 08:06:27 -04:00
2016-08-22 12:03:29 -04:00
.has-error & {
display: inline-block;
}
}
.payment-submit {
padding-top: (@line-height-computed / 2);
}
.payment-method-toggle {
margin-bottom: (@line-height-computed / 2);
&-switch {
display: inline-block;
width: 50%;
text-align: center;
border: solid 1px @gray-lighter;
border-radius: @border-radius-large 0 0 @border-radius-large;
padding: (@line-height-computed / 2);
2018-08-27 11:12:33 -04:00
color: @btn-switch-color;
&:hover,
&:focus {
2018-08-27 11:12:33 -04:00
color: @btn-switch-color;
text-decoration: none;
}
&:hover {
2018-08-27 11:12:33 -04:00
color: @btn-switch-hover-color;
}
& + & {
border-left-width: 0;
2018-05-30 08:06:27 -04:00
border-radius: 0 @border-radius-large @border-radius-large 0;
}
&-selected {
2018-08-27 11:12:33 -04:00
color: @link-active-color;
box-shadow: inset 0 -2px 0 0;
&:hover,
&:focus {
2018-08-27 11:12:33 -04:00
color: @link-active-color;
}
}
}
2018-04-17 06:26:02 -04:00
}
2018-05-30 08:06:27 -04:00
.team-invite .message {
margin: 3em 0;
}
2018-04-17 06:26:02 -04:00
.capitalised {
text-transform:capitalize;
2018-05-30 08:06:27 -04:00
}
.three-d-secure-container {
> .three-d-secure-recurly-container {
height: 400px;
> div[data-recurly="three-d-secure-container"] {
height: 100%;
}
}
}