jam-cloud/web/app/assets/stylesheets/client/react-components/LessonPayment.scss

143 lines
2.2 KiB
SCSS

@import "client/common";
#lesson-payment {
div[data-react-class="LessonPayment"] {
height:100%;
}
.content-body-scroller {
height:100%;
padding:30px;
@include border_box_sizing;
}
h2 {
font-size: 20px;
font-weight:700;
margin-bottom: 20px !important;
display:inline-block;
}
.no-charge {
float:right;
}
.column {
@include border_box_sizing;
width:50%;
}
.column-left {
float:left;
padding-right:20px;
&.stored {
display:none;
}
}
.column-right {
float:right;
padding-left:20px;
&.stored {
float:left;
}
}
label {
display:inline-block;
}
select {
display:inline-block;
}
form {
&.stored {
display:none;
}
}
input {
display:inline-block;
width: calc(100% - 150px);
@include border_box_sizing;
}
textarea {
width:100%;
@include border_box_sizing;
height:125px;
}
.field {
position:relative;
display:block;
margin-top:15px;
margin-bottom:25px;
label {
width:150px;
}
}
p {
line-height:125% !important;
font-size:14px !important;
margin:0 0 20px 0 !important;
}
.avatar {
display:inline-block;
padding:1px;
width:48px;
height:48px;
background-color:#ed4818;
margin:10px 20px 0 0;
-webkit-border-radius:24px;
-moz-border-radius:24px;
border-radius:24px;
float:none;
}
.avatar img {
width: 48px;
height: 48px;
-webkit-border-radius:24px;
-moz-border-radius:24px;
border-radius:24px;
}
.teacher-subheader {
.avatar {
margin:10px 0 0 0;
}
float:left;
width:100px;
text-align:center;
}
.teacher-holder {
display:inline-block;
}
.teacher-header {
&.packaged {
margin:40px 0 20px 0;
text-align:center;
}
}
.teacher-name-packaged {
color:$ColorTextTypical;
overflow: hidden;
}
.teacher-name {
font-size:16px;
display:inline-block;
height:48px;
vertical-align:middle;
}
.jamclass-policies {
display:block;
text-align:center;
}
.actions {
margin-left:-3px;
margin-bottom:20px;
}
.error-text {
display:block;
}
.actions {
float:left;
clear:both;
}
}