%PDF-
%PDF-
Mini Shell
Mini Shell
.user-profile-edit-form h3.title{
text-transform: uppercase;
}
.user-profile-edit-form .user-profile-picture img{
border-radius: 50%;
}
.hide-if-js{
display: none !important;
}
//New style from LearnPress
.learn-press-user-profile #lp-user-edit-avatar .moxie-shim {
display: none;
}
.learn-press-user-profile #lp-user-edit-avatar .lp-form-field-avatar {
float: left;
}
.learn-press-user-profile #lp-user-edit-avatar #lp-avatar-actions {
margin: 20px 0 0;
}
.learn-press-user-profile .lp-avatar-preview {
position: relative;
float: left;
background-color: #DDD;
}
.learn-press-user-profile .lp-avatar-preview .profile-picture {
float: left;
margin-right: -100%;
width: 100%;
}
.learn-press-user-profile .lp-avatar-preview .profile-picture img {
width: 100%;
height: 100%;
border-radius: 0;
}
.learn-press-user-profile .lp-avatar-preview .profile-picture.profile-avatar-hidden {
display: none;
}
.learn-press-user-profile .lp-avatar-preview .lp-avatar-preview-actions {
position: absolute;
top: 50%;
width: 100%;
margin-top: -14px;
text-align: center;
}
.learn-press-user-profile .lp-avatar-preview .lp-avatar-preview-actions a {
text-decoration: none;
font-size: 12px;
background: #FFF;
display: inline-block;
box-shadow: none;
padding: 5px 10px;
}
.learn-press-user-profile .lp-avatar-preview .lp-avatar-upload-progress {
position: absolute;
height: 10px;
background: #FFF;
top: 50%;
margin-top: -5px;
left: 10px;
right: 10px;
display: none;
}
.learn-press-user-profile .lp-avatar-preview .lp-avatar-upload-progress .lp-avatar-upload-progress-value {
width: 0;
height: 10px;
background: #563d7c;
}
.learn-press-user-profile .lp-avatar-preview .lp-avatar-upload-error {
display: none;
}
.learn-press-user-profile .lp-avatar-preview .lp-avatar-preview-actions {
display: none;
}
.learn-press-user-profile .lp-avatar-preview:hover .lp-avatar-preview-actions {
display: block;
}
.learn-press-user-profile .lp-avatar-preview.uploading .lp-avatar-preview-actions,
.learn-press-user-profile .lp-avatar-preview.upload-error .lp-avatar-preview-actions {
display: none;
}
.learn-press-user-profile .lp-avatar-preview.uploading .lp-avatar-upload-progress,
.learn-press-user-profile .lp-avatar-preview.upload-error .lp-avatar-upload-progress {
display: block;
}
.learn-press-user-profile .lp-avatar-preview.uploading:before,
.learn-press-user-profile .lp-avatar-preview.upload-error:before {
position: absolute;
width: 100%;
height: 100%;
background: #FFF;
opacity: 0.4;
content: '';
}
.learn-press-user-profile .lp-avatar-preview.upload-error .lp-avatar-upload-error {
display: block;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-preview-actions {
display: none;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image img {
max-width: inherit;
cursor: move;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image .lp-crop-controls {
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image .lp-crop-controls .lp-zoom {
position: absolute;
height: 10px;
bottom: 10px;
left: 10px;
right: 30px;
background: #563d7a;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image .lp-crop-controls .lp-zoom .ui-slider {
position: absolute;
left: 0;
right: 10px;
height: 100%;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image .lp-crop-controls .lp-zoom .ui-slider .ui-slider-handle {
display: inline-block;
width: 10px;
height: 14px;
background: #FFF;
position: absolute;
margin-top: -2px;
border: 1px solid #563d7a;
box-shadow: none;
outline: none;
cursor: ew-resize;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image .lp-crop-controls .lp-cancel-upload {
text-decoration: none;
position: absolute;
bottom: 5px;
right: 5px;
box-shadow: none;
}
.learn-press-user-profile .lp-avatar-preview.croping .lp-avatar-crop-image .lp-crop-controls:before {
position: absolute;
height: 30px;
width: 100%;
content: '';
background: #FFF;
opacity: 0.4;
}
.learn-press-user-profile .lp-avatar-preview:after {
display: block;
content: '';
clear: both;
}
.learn-press-user-profile .lp-avatar-preview:after:after {
content: '';
display: block;
clear: both;
}
//#your-profile
#your-profile{
ul{
list-style: none;
margin: 0;
display: block;
overflow: hidden;
li{
list-style: none;
}
&.learn-press-subtabs{
li{
float: left;
display: inline-block;
margin: 0;
position: relative;
border-bottom: 1px solid #eee;
&:after{
bottom: -1px;
z-index: 10;
background: 0 0;
left: 0;
right: 3px;
height: 1px;
content: '';
position: absolute;
}
&.current{
&:before{
content: '';
position: absolute;
left: 0;
right: 3px;
top: 0;
height: 3px;
z-index: 10;
}
&:after{
background: #fff;
}
span,a{
background: #fff;
}
}
&:last-child{
&.current:before{
right: 0;
}
&:after{
right: 0;
}
span,a{
margin-right: 0;
}
}
span,a{
padding: 5px 15px;
line-height: 25px;
font-size: 12px;
min-width: 100px;
display: inline-block;
border: 1px solid #eee;
border-bottom: 0;
font-weight: 700;
background: #f9f9f9;
margin-right: 3px;
text-align: center;
}
}
}
}
.learn-press-subtab-content{
clear: both;
padding: 30px 30px 40px;
border: 1px solid #eee;
margin: 30px 0;
.lp-form-field{
margin-bottom: 20px;
.description{
margin-bottom: 10px;
}
&:last-child{
margin-bottom: 0;
}
}
}
#lp-upload-photo{
padding: 5px 10px;
background: #f2f2f2;
border: 1px solid #a0a0a0;
color: #333;
font-weight: 400;
font-size: 14px;
border-radius: 3px;
line-height: 18px;
text-transform: none;
}
#lp-remove-upload-photo{
background: transparent;
border: none;
font-weight: 400;
font-size: 14px;
text-align: center;
text-transform: none;
border-radius: 50%;
color: red;
padding: 0;
margin: 0;
margin-left: 15px;
line-height: 25px;
}
.title{
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 30px;
}
input,select{
width: 250px;
max-width: 100%;
}
input[type=checkbox] {
width: auto;
}
textarea{
width: 100%;
max-width: 100%;
}
input[type=submit]{
&[disabled="disabled"]{
color: #666;
cursor: no-drop;
background: #ccc;
&:hover{
color: #666;
background: #ccc;
}
}
width: auto;
}
label{
display: block;
color: #333;
font-weight: 700;
}
.info-field{
display: block;
overflow: hidden;
clear: both;
&.end-box{
margin-bottom: 50px;
}
}
.change-password{
margin-bottom: 0;
display: block;
padding-bottom: 0;
}
.link-change-password{
display: inline-block;
margin-bottom: 0;
&:hover{
text-decoration: underline;
}
}
#user_profile_password_form{
margin-bottom: 0;
padding-top: 15px;
.error{
margin: 15px 0 0;
border: 0;
border-radius: 0;
line-height: 20px;
padding: 10px 15px;
font-size: 13px;
color: #a94442;
background: #f2dede;
display: block;
}
}
.learn-press-message{
margin: 0 0 20px;
border: 0;
border-radius: 0;
line-height: 20px;
padding: 10px 15px;
font-size: 13px;
display: block;
&.error{
color: #a94442;
background: #f2dede;
}
&.success{
color: #3c763d;
background: #dff0d8;
}
}
input#pass2{
margin-bottom: 0;
}
}
body{
#course-curriculum-popup{
background: rgba(0,0,0,0.75);
&.loading{
&:before{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 70px;
z-index: 1000;
background: transparent;
}
}
#popup-header{
left: 0;
height: 90px;
right: 0;
position: absolute;
z-index: 9999;
.courses-searching{
position: relative;
line-height: 90px;
.form-control{
background: transparent;
border: transparent;
box-shadow: none;
padding-left: 70px;
color: rgba(255, 255,255, 0.65);
line-height: 90px;
height: 90px;
font-size: 16px;
max-width: 400px;
&::-webkit-input-placeholder {
color: rgba(255, 255,255, 0.65);
}
&:-moz-placeholder { /* Firefox 18- */
color: rgba(255, 255,255, 0.65);
}
&::-moz-placeholder { /* Firefox 19+ */
color: rgba(255, 255,255, 0.65);
}
&:-ms-input-placeholder {
color: rgba(255, 255,255, 0.65);
}
&:focus {
&::-webkit-input-placeholder {
color: transparent;
}
&:-moz-placeholder { /* Firefox 18- */
color: transparent;
}
&::-moz-placeholder { /* Firefox 19+ */
color: transparent;
}
&:-ms-input-placeholder {
color: transparent;
}
}
}
button{
top: 0;
bottom: 0;
width: 70px;
left: 0;
background: transparent;
color: #fff;
text-align: center;
position: absolute;
line-height: 90px;
height: 90px;
font-size: 23px;
padding: 0;
.fa{
line-height: 90px;
}
}
.courses-list-search{
color: #666;
margin: 0;
overflow: hidden;
line-height: 30px;
background: #f6f6f6;
border: none;
min-width: 270px;
position: absolute;
height: calc(100vh - 90px);
height: -webkit-calc(100vh - 90px);
height: -moz-calc(100vh - 90px);
width: 100%;
visibility: hidden;
padding-left: 50px;
@include transition(none);
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUNEQkY4MkZBRDY3MTFFNkI3RTRGQzAxM0E3RjBCMDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUNEQkY4MzBBRDY3MTFFNkI3RTRGQzAxM0E3RjBCMDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQ0RCRjgyREFENjcxMUU2QjdFNEZDMDEzQTdGMEIwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQ0RCRjgyRUFENjcxMUU2QjdFNEZDMDEzQTdGMEIwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlMNdGQAAAB2SURBVHjavJRRFoAgCAQZ73/nen1aYixQ/MoOyKKY2WFzYHpMjPGWoAI9qAJe5g1VEDknAEAsCNFEJQ+lg2hhGtx/cCi6v2RQcN/Vk12bnfbXTttnWnZ/dMzwrvv0RbW//ZYrR78+Muu0g5JdJw9KZZ2uOAUYAEC8HRoqW0/5AAAAAElFTkSuQmCC'),progress;
&.search-visible{
visibility: visible;
}
li{
list-style: none;
line-height: 30px;
padding: 0px 20px;
height: 30px;
display: block;
&:first-child{
margin-top: 20px;
}
a{
display: inline-block;
line-height: 30px;
@include transition(none);
color: #333;
&:hover{
text-decoration: underline;
}
}
}
}
}
.popup-title{
font-size: 23px;
margin: 0 auto;
line-height: 90px;
height: 90px;
padding-left: 30px;
font-weight: 700;
z-index: 1005;
padding-right: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
.index{
color: #fff;
margin-right: 10px;
}
}
.popup-close{
width: 90px;
height: 90px;
line-height: 90px;
text-transform: none;
text-align: center;
color: #fff;
font-size: 13px;
font-weight: 700;
z-index: 99999;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
.fa{
font-size: 29px;
vertical-align: middle;
}
@include opacity(0.7);
&:hover{
@include opacity(1);
}
&:before, &:after{
display: none;
}
}
}
#popup-sidebar{
width: 417px;
overflow-x: hidden;
overflow-y: auto;
top: 90px;
z-index: 2;
border-right: 0;
#learn-press-course-curriculum{
width: 400px;
position: relative;
border-top: 1px solid #eee;
padding-top: 30px;
&:before{
height: 100%;
content: '';
position: absolute;
left: 399px;
width: 1px;
background: #eee;
top: 0;
bottom: 0;
z-index: 10;
min-height: calc(100vh - 200px);
min-height: -webkit-calc(100vh - 200px);
min-height: -moz-calc(100vh - 200px);
}
}
}
#popup-main{
z-index: 3;
width: calc(100% - 400px);
width: -webkit-calc(100% - 400px);
width: -moz-calc(100% - 400px);
max-width: 100%;
left: auto;
right: 0;
padding-top: 90px;
height: 100vh;
overflow: hidden;
#popup-content{
top: auto;
bottom: auto;
left: auto;
right: auto;
position: relative;
width: 100%;
height: 100%;
#popup-content-inner{
overflow: hidden;
margin: 0;
}
}
}
}
#learn-press-block-content {
position: fixed;
z-index: 99999998;
left: 400px;
top: 90px;
right: 0;
bottom: 0;
background: none;
width: auto;
height: auto;
overflow: hidden;
.thim-box-loading-container{
background: #fff;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
visibility: hidden;
&.visible{
visibility: visible;
}
}
.cssload-container{
display: block;
width: 97px;
top: 50%;
left: 50%;
margin-left: -49px;
position: absolute;
margin-top: -10px;
}
&:before,&:after{
display: none;
}
.thim-loading-container{
width: 100%;
max-width: 100%;
background: #fff;
margin: 0 auto;
@include opacity(0);
&.visible{
@include opacity(1);
}
}
}
}
#learn-press-content-item{
.learn-press-video-intro{
width: 100%;
background: #000;
.video-content{
max-width: 850px;
margin: auto;
overflow: hidden;
text-align: center;
}
}
.learn-press-content-item-container{
width: 700px;
margin: auto;
overflow: hidden;
padding-bottom: 40px;
padding-top: 30px;
max-width: 100%;
}
}
.quiz-buttons{
overflow: hidden;
.button-hint,
.button-next-question,
.button-skip-question,
.button-check-answer,
.button-prev-question{
display: inline-block;
margin-bottom: 15px;
margin-right: 13px;
color: #fff;
}
.finish-quiz{
overflow: hidden;
clear: both;
}
.button-finish-quiz{
float: left;
clear: both;
}
}
.complete-lesson-button{
margin-top: 15px;
&.completed {
background: #54B551;
color: #fff;
}
}
.thim-course-megamenu .course-meta{
margin-bottom: 0;
}
#profile-picture-picture{
margin-top: 10px;
}
.thim-curriculum-buttons{
display: block;
overflow: hidden;
>button{
display: inline-block;
margin-right: 15px;
margin-bottom: 40px;
}
.learn-press-popup-certificate{
background: #54B551;
color: #fff;
}
}
body .learn-press-cert-preview.popup:before{
height: 150%;
}
#learn-press-course-curriculum ul.curriculum-sections,
#learn-press-course-curriculum ul.section-content,
#learn-press-course-curriculum .section-header{
background: transparent;
}
#popup-sidebar{
#learn-press-finish-course{
display: none;
}
.thim-curriculum-buttons{
display: none;
}
#learn-press-course-curriculum ul.curriculum-sections{
.section:first-child{
.section-header{
margin-top: 0;
border-top: 0;
}
}
.section-header{
padding-left: 53px;
line-height: 25px;
margin-bottom: 28px;
margin-top: 28px;
.collapse{
left: 10px;
top: -3px;
}
.meta{
line-height: 25px;
right: 18px;
}
}
.section-desc{
margin-top: -5px;
}
.section-content{
.course-lesson,
.course-assignment,
.course-quiz{
line-height: 20px;
padding: 15px 18px 13px 18px;
.course-item-meta {
vertical-align: top;
}
.course-item-title {
max-width: calc(100% - 88px);
max-width: -webkit-calc(100% - 88px);
max-width: -moz-calc(100% - 88px);
width: 100%;
}
.course-item-title,
span{
line-height: 20px;
}
.meta-left{
min-width: 55px;
.label{
display: none;
}
}
.meta-center{
max-width: calc(100% - 55px);
max-width: -webkit-calc(100% - 55px);
max-width: -moz-calc(100% - 55px);
width: 100%;
padding-top: 0;
padding-bottom: 0;
line-height: 20px;
}
.index{
line-height: 20px;
min-width: 30px;
}
.meta{
display: block;
float: none;
clear: both;
padding-top: 3px;
padding-left: 55px;
}
}
}
}
.section-desc{
padding: 0px 23px 0px 18px;
}
.learn-press-breadcrumb{
background: #f9fafa;
padding: 20px 23px 25px 18px;
margin: 0;
a{
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
line-height: 30px;
display: inline-block;
}
.fa{
line-height: 30px;
display: inline-block;
font-size: 15px;
padding: 0 12px;
}
.item-name{
display: block;
font-size: 22px;
color: #999;
line-height: 1.3;
padding-top: 9px;
}
}
}
.lesson-heading{
font-size: 40px;
line-height: 50px;
margin-bottom: 20px;
}
.lesson-image{
display: block;
background: #000;
img{
margin: auto;
display: block;
}
}
body.content-item-only{
&.admin-bar{
margin-top: -32px;
#wpadminbar{
display: none;
}
}
.learn-press-content-item-only{
padding: 0;
}
}
//Responsive popup lesson & quiz
@media( max-width: 1366px ) {
body #course-curriculum-popup{
#popup-header {
height: 70px;
.popup-close {
width: 70px;
height: 70px;
line-height: 70px;
}
.courses-searching {
.form-control {
line-height: 70px;
height: 70px;
}
button {
line-height: 70px;
height: 70px;
.fa {
line-height: 70px;
}
}
}
}
#popup-sidebar{
top: 70px;
width: 367px;
#learn-press-course-curriculum{
width: 350px;
&:before{
left: 349px;
}
}
}
#popup-main{
padding-top: 70px;
width: calc(100% - 350px);
width: -webkit-calc(100% - 350px);
width: -moz-calc(100% - 350px);
}
}
body #learn-press-block-content{
left: 350px;
top: 70px;
}
body #course-curriculum-popup #popup-header .courses-searching .courses-list-search{
height: calc(100vh - 70px);
height: -webkit-calc(100vh - 70px);
height: -moz-calc(100vh - 70px);
}
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed;
}
}
@media( max-width: 1024px ) {
#course-curriculum-popup{
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
body #course-curriculum-popup{
background: #fff;
overflow: auto;
width: 100vw;
height: 100vh;
#popup-sidebar{
width: 100%;
top: auto;
position: relative;
float: none;
clear: both;
max-width: 700px;
margin: auto;
border-right: 0;
padding-bottom: 50px;
padding-top: 30px;
#learn-press-course-curriculum{
width: 100%;
&:before{
display: none;
}
}
}
#popup-main{
width: 100%;
float: none;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
#popup-content{
#popup-content-inner{
margin: 0;
iframe{
position: relative;
top: auto;
left: auto;
height: auto;
body.content-item-only .learn-press-content-item-only{
background: red;
}
}
}
}
}
}
body #course-curriculum-popup #popup-header{
//position: fixed;
}
body.content-item-only {
.learn-press-content-item-only {
position: relative;
left: auto;
top: auto;
height: auto;
overflow: hidden;
padding: 0;
}
#learn-press-content-item{
overflow: hidden;
}
}
body #learn-press-block-content{
left: 0;
top: 0;
}
}
@media( max-width: 875px ) {
#learn-press-content-item .learn-press-video-intro .video-content{
max-width: 100%;
iframe{
max-width: 100vw;
max-height: 56vw;
}
}
}
@media( max-width: 730px ) {
body.content-item-only.admin-bar {
margin-top: -46px;
}
}
@media( max-width: 730px ) {
body #course-curriculum-popup{
#popup-sidebar{
padding-left: 30px;
padding-right: 30px;
}
}
#learn-press-content-item .learn-press-content-item-container{
padding-left: 30px;
padding-right: 30px;
}
}
body.content-item-only .learn-press-content-item-only{
max-width: 100vw;
}
.course-lesson-description{
ul{
li{
margin-bottom: 10px;
}
}
}
article.lp_course{
h1.entry-title{
margin-top: 0;
margin-bottom: 35px;
}
}
.thim-top-course{
position: relative;
margin-bottom: 40px;
&.no-thumbnail{
min-height: 400px;
background: #000;
}
.learnpress-course-coming-soon{
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.2);
@include translate( 0, -50%);
}
}
//Lp membership new style
.lp-pmpro-header,
.lp-pmpro-main,
.lp-pmpro-footer{
overflow: hidden;
width: 100%;
}
.lp-pmpro-header{
.list-main,
.list-item{
border: 1px solid #eee;
border-left: 0;
border-bottom: 4px solid #ccc;
min-height: 200px;
}
.list-main{
border-left: 1px solid #eee;
}
}
.lp-pmpro-footer{
.list-main,
.list-item{
border: 1px solid #eee;
border-top: 0;
border-left: 0;
min-height: 81px;
padding: 20px 0;
vertical-align: middle;
}
.list-main{
border-left: 1px solid #eee;
}
}
.lp-pmpro-membership-list{
overflow: hidden;
max-width: 1000px;
margin: auto;
.lp-membership-list-mobile &{
max-width: 100%;
margin-bottom: 50px;
&:last-child{
margin-bottom: 0;
}
.list-main{
width: 65%;
}
.header-item {
width: 100%;
}
}
.list-main{
width: 34%;
.item-td{
border-left: 1px solid #eee;
}
}
.list-item{
text-align: center;
}
.header-item{
padding-top: 82px;
padding-bottom: 35px;
position: relative;
vertical-align: top;
background: url(images/motobike.png) no-repeat top 42px center;
&.has-4{
width: 12%;
}
&.has-3{
width: 22%;
}
&.has-2{
width: 33%;
}
&.position-2{
background-image: url(images/car.png);
&:before{
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
height: 4px;
width: 100%;
}
}
&.position-3 {
background-image: url(images/plane.png);
}
}
.item-td{
border: 1px solid #eee;
padding: 10px 30px;
border-top: 0;
border-left: 0;
line-height: 25px;
a{
color: #666;
}
&.item-desc{
color: #55b450;
font-weight: 700;
}
&.item-check{
color: #55b450;
font-size: 17px;
}
&.item-none{
color: #bbb;
font-size: 17px;
}
}
.lp-title{
font-size: 16px;
font-weight: 700;
margin: 10px 0 0px;
line-height: 30px;
text-transform: uppercase;
}
.lp-desc{
font-size: 13px;
color: #888;
font-weight: 400;
line-height: 22px;
margin-bottom: 22px;
}
.lp-price{
font-size: 38px;
font-weight: 700;
line-height: 40px;
.currency{
font-size: 16px;
vertical-align: super;
}
.expired{
font-size: 24px;
line-height: 26px;
font-weight: 400;
.currency{
font-size: 14px;
}
}
}
}
.lp-membership-list-mobile {
.lp-pmpro-membership-list {
.item_level {
border: solid 1px #e7e7e7;
margin-bottom: 20px;
.list_courses {
border-top: 1px solid #eee;
.item-td {
text-align: center;
}
}
.footer-item {
text-align: center;
padding: 20px 0;
}
}
}
}
#pmpro_paypalexpress_checkout{
input{
border: 0;
padding: 0;
}
}
form.pmpro_form{
.lp-pmpro-name{
width: 150px;
height: 150px;
float: left;
clear: none;
margin: 0;
margin-right: 20px;
position: relative;
h4{
color: #fff;
line-height: 30px;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
margin: 0;
position: absolute;
left: 10px;
right: 10px;
top: 50%;
@include translate(0, -50%);
}
}
.lp-pmpro-content{
width: calc(100% - 170px);
width: -webkit-calc(100% - 170px);
width: -moz-calc(100% - 170px);
float: right;
clear: none;
margin: 0;
}
.lp-pmpro-desc{
text-align: left;
float: none;
clear: both;
margin: 0;
margin-bottom: 5px;
line-height: 25px;
label,p{
display: inline-block;
margin: 0;
}
label{
margin-right: 5px;
width: auto;
}
&.lp-pmpro-description{
margin-top: 15px;
}
}
h3.pmpro_thead-name{
margin: 0;
font-size: 17px;
font-weight: 700;
padding-left: 10px;
}
.pmpro_thead-msg{
font-style: normal;
font-size: 14px;
color: #999;
a{
font-weight: 700;
color: #e7a507;
text-transform: none;
margin-left: 5px;
&:hover{
text-decoration: underline;
}
}
}
.lp-pmpro-account-info{
.lp-pmpro-desc{
max-width: 500px;
float: none;
overflow: hidden;
margin: auto;
clear: both;
margin-bottom: 15px;
label{
min-width: 175px;
text-align: left;
font-size: 15px;
font-weight: 700;
color: #888;
}
}
abbr[title], abbr[data-original-title]{
border-bottom: 0;
vertical-align: bottom;
margin-left: 5px;
color: #999;
}
}
}
#pmpro_form tbody,
#pmpro_pricing_fields tbody{
tr{
td.lp-pmpro-td{
padding: 30px 40px;
}
}
}
#pmpro_form{
.pmpro_submit{
text-align: center;
span{
float: none;
overflow: hidden;
display: block;
}
}
table{
margin-bottom: 40px;
}
}
.thim-lp-pmpro-desc{
max-width: 430px;
margin: auto;
h4{
font-size: 22px;
margin: 0;
margin-bottom: 15px;
}
.description{
margin-bottom: 20px;
color: #888;
}
.readmore-link{
text-transform: uppercase;
cursor: pointer;
font-size: 14px;
font-weight: 700;
&:hover{
text-decoration: underline;
}
.fa{
margin-left: 5px;
}
}
}
body .learn-press-user-profile-certs li{
list-style: none;
}
@media(max-width: 767px) {
body form.pmpro_form .input[type=email]{
width: 90%;
}
}
@media(max-width: 600px) {
body form.pmpro_form .input[type=email],
form.pmpro_form input[type=text].input,
form.pmpro_form input[type=password].input{
max-width: none;
}
}
@media( max-width: 480px ) {
.lp-pmpro-content{
float: none;
width: 100%;
}
#learn-press-course-curriculum ul.curriculum-sections .section-content{
.course-lesson,
.course-assignment,
.course-quiz{
.meta-center.has-right{
padding-right: 0;
.locked,
.lesson-preview{
display: inline-block;
position: static;
}
}
}
}
}
#profile-picture-wrap {
margin-bottom: 20px;
#lp-menu-change-picture {
margin: 15px 0 0 0;
.lp-label-change-picture {
display: block;
cursor: pointer;
padding: 5px 12px;
color: #333;
border: 1px solid #ddd;
}
.dropdown {
.dropdown-menu {
li {
border: 0;
background: #f2f2f2;
padding: 5px 15px;
margin: 0;
border-bottom: 1px solid #dad9d9;
&:hover {
color: #ffb606;
}
}
}
}
}
}
#your-profile{
#lpbox-upload-crop-profile-picture {
border: 1px solid #eee;
background: #fff;
padding: 20px;
.image-editor{
float: none;
width: 100%;
.cropit-preview {
border: 1px solid #eee;
border-radius: 0;
margin: 0 !important;
}
}
.image-editor-sidebar-right {
width: 100%;
float: none;
clear: both;
display: block;
a{
display: inline-block;
text-align: center;
margin-right: 10px;
color: #333;
margin-top: 5px;
&:hover{
text-decoration: underline;
.dashicons{
text-decoration: none;
}
}
.dashicons {
margin-right: 2px;
line-height: 25px;
}
}
}
}
}
.thim-course-landing-button,
.course-payment{
#learn-press-wc-message {
.woocommerce-message{
display: inline-block;
margin-bottom: 0;
a.button{
/*
display: inline-block;
font-size: 13px;
line-height: 15px;
height: 40px;
border: 0;
border-radius: 0;
padding: 0;
text-transform: uppercase;
font-weight: 700;
padding-top: 15px;
text-decoration: underline;
color: #333333;
background-color: #ffffff!important;
*/
}
span{
display: none;
}
}
}
}
.purchase-course{
.button-add-to-cart{
//margin-left: 10px;
}
#learn-press-wc-message{
display: inline-block;
}
}
//Strip addon
body{
#learn-press-stripe-form{
padding: 25px;
border: 1px solid #eee;
overflow: hidden;
.learn-press-form-row{
label{
min-width: 150px;
}
}
}
}
.thim-course-grid>p{
margin-left: 15px;
margin-right: 15px;
}
body .filter-loading{
position: fixed;
background: rgba(255,255,255, 0.8);
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 9999999;
}
#toolbar .widget_search .search-form label .search-field{
cursor: pointer;
}
#toolbar .widget_search .search-form label .search-field:focus{
cursor: text;
}
.mo-openid-app-icons a{
cursor: pointer;
}
.learn-press-pmpro-buy-membership{
display: inline-block;
vertical-align: middle;
a.button{
display: inline-block;
font-size: 13px;
line-height: 40px;
height: 40px;
border: 0;
border-radius: 0;
padding: 0 25px;
text-transform: uppercase;
font-weight: 700;
background: #111;
color: #fff;
margin-right: 5px;
}
}
#learn-press-course-curriculum .course-item .course-item-title{
text-align: inherit;
float: none;
}
body.content-item-only #learn-press-content-item{
width: 100%;
max-width: inherit;
}
.quiz-clock .quiz-countdown{
padding: 0;
background: transparent;
min-width: inherit;
float: none;
text-align: inherit;
}
.single-quiz .quiz-question-nav .lp-question-wrap ul li {
background: transparent;
margin: 0;
border-radius: 0;
font-size: inherit;
}
.learn-press-question-options > li.answer-option > label input[type="checkbox"],
.learn-press-question-options > li.answer-option > label input[type="radio"]{
border: 1px solid #b4b9be;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
height: 16px;
margin: 0 4px 0 0;
outline: 0;
padding: 0!important;
text-align: center;
vertical-align: middle;
width: 16px;
min-width: 16px;
-webkit-appearance: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
-webkit-transition: .05s border-color ease-in-out;
transition: .05s border-color ease-in-out;
border-radius: 50%;
line-height: 10px;
font-size: 14px;
position: inherit;
top: auto;
left: auto;
box-sizing: border-box;
}
.learn-press-question-options > li.answer-option > label input[type="checkbox"]{
border-radius: 0;
}
.learn-press-question-options > li.answer-option > label input[type="radio"]:checked:before{
content: '\2022';
text-indent: -9999px;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 24px;
width: 6px;
height: 6px;
margin: 4px;
top: auto;
left: auto;
position: inherit;
transform: none;
line-height: 14px;
background: #ffb606;
border: 0;
}
.learn-press-question-options > li.answer-option > label input[type="checkbox"]:checked:before{
content: '\f00c';
border: 0;
height: auto;
margin: 0;
float: left;
display: inline-block;
vertical-align: middle;
width: 14px;
font-family: FontAwesome;
font-weight: 400;
font-size: 14px;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: inherit;
top: auto;
left: auto;
transform: none;
line-height: 14px;
}
.learn-press-video-intro .video-content iframe{
width: 100%;
}
#learn-press-course-curriculum ul.curriculum-sections .section-content .vieable .meta-center{
cursor: pointer;
}
body .learn-press-user-profile .update-profile{
border-top: 0;
}
.quiz-buttons button{
color: #fff;
}
.quiz-question-content .question-content{
margin-bottom: 15px;
}
li.answer-option-result.user-answer-false label{
text-decoration: line-through;
}
body .learn-press-question-options .answer-option-result label p{
font-size: inherit;
}
body .question-results .answer-true .option-title{
background: #a7f9a4;
}
body .quiz-questions-list input[type="checkbox"]:checked:after,
body .quiz-questions-list input[type="radio"]:checked:after{
display: none;
}
body .quiz-questions-list input[type="checkbox"],
body .quiz-questions-list input[type="radio"]{
width: 16px;
height: 16px;
border: 1px solid #b4b9be;
}
body .edit-course-item-link a:after{
display: none;
}
#learn-press-course-curriculum ul.curriculum-sections .section-content .course-quiz .completed-button.failed{
color: #a94442;
background: #f2dede
}
#learn-press-course-curriculum ul.curriculum-sections .section-content .course-quiz a.course-item-title,
#learn-press-course-curriculum ul.curriculum-sections .section-content .course-lesson a.course-item-title,
#learn-press-course-curriculum ul.curriculum-sections .section-content .course-assignment a.course-item-title{
margin-right: 0;
}
.lp-course-progress{
.profile-tabs &{
padding-top: 20px;
margin-top: -20px;
.progress-heading{
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 0;
visibility: hidden;
opacity: 0;
@include transition(all 0.3s ease-in-out);
}
}
.progress-heading{
font-size: 12px;
font-weight: 700;
color: #ccc;
margin-bottom: 0;
span{
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #7a7a7a;
line-height: 16px;
margin-left: 5px;
}
}
.lp-progress-bar{
margin: 0;
height: 6px;
overflow: hidden;
margin-top: 5px;
width: 100%;
border-radius: 0;
background: #eee;
float: none;
.lp-progress-value{
height: 6px;
border-radius: 0;
background: #ffb606;
}
}
}
.profile-tabs .course-item:hover .lp-course-progress .progress-heading{
visibility: visible;
opacity: 1;
}
.profile-tabs{
.thim-course-grid .hidden-meta-border .thim-course-content .course-meta:before,
.thim-course-grid .hidden-meta-border .thim-course-content .course-meta:after{
display: none;
}
}
.learn-press-question-options[data-type="fill-in-blank"] input[type="text"]{
padding: 0;
line-height: 20px;
}
body .learn-press-question-options > li.answer-option > label p.option-title{
border-radius: 0;
line-height: 24px;
display: inline-block;
vertical-align: middle;
background-color: transparent;
color: #666;
padding: 10px 0;
min-height: 0;
}
body .learn-press-question-options > li.answer-option > label input[type="checkbox"]:checked + p,
body .learn-press-question-options > li.answer-option > label input[type="radio"]:checked + p,
body .learn-press-question-options > li.answer-option:hover label p{
background: none;
color: inherit;
font-weight: inherit;
}
.learn-press-pagination {
&.navigation {
li {
a, span {
margin: 0;
line-height: 38px;
font-size: 13px;
padding: 0;
border-color: #111111;
}
a {
&:hover {
color: #ffffff;
}
}
}
}
}
.learn-press-pagination {
ul {
margin: 0;
> li {
vertical-align: bottom;
display: inline-block;
}
}
}
.course-thumbnail .media-intro{
clear: both;
display: block;
border: 1px solid #ffb606;
text-align: center;
padding: 10px;
iframe{
max-width: 100%;
margin: auto;
display: block;
}
}
body.thim-popup-active #learn-press-block-content{
z-index: 999;
}
@media( max-width: 400px ) {
#lp-single-course .course-payment{
display: block;
float: none;
}
}
.single-quiz .quiz-question-nav .lp-question-wrap ul.ui-sortable li label {
padding-left: 40px;
}
Zerion Mini Shell 1.0