Skip to content

Instantly share code, notes, and snippets.

@akther80
Created July 20, 2023 11:27
Show Gist options
  • Save akther80/9e6fcc721e8ec0a23e29e9977d4fcfd2 to your computer and use it in GitHub Desktop.
Save akther80/9e6fcc721e8ec0a23e29e9977d4fcfd2 to your computer and use it in GitHub Desktop.
Geeks - Tutor SIngle zoom & Google meeting style
@media(max-width: 991px) {
.tutor-lesson-content-area,
.geeks-single-quiz-content{
margin-bottom: 30px;
}
}
.footer-v2 ul.social-menu a i{
font-size: 1.25rem;
}
.footer-speciality ul.social-menu a i{
font-size: 24px;
}
.navbar-transparent {
background-color: transparent;
position: absolute;
width: 100%;
z-index: 1;
}
@media (max-width: 768px) {
.navbar-transparent {
position: relative;
}
}
.tutor-single-page-top-bar:not(.card) {
border: 0;
box-shadow: 0 1px 3px rgba(3,0,71,.09);
margin-bottom: 1.5rem!important;
margin-top: 2rem!important;
flex: 1 1 auto;
padding:1rem!important;
display: flex;
align-items: center;
justify-content: space-between!important;
flex-wrap: wrap!important;
background: #fff;
border-radius: .5rem;
color: #18113c;
}
.tutor-single-page-top-bar:not(.card) .tutor-course-topics-sidebar-toggler {
color: transparent;
background: transparent;
width: auto;
height: auto;
}
.tutor-single-page-top-bar:not(.card) .tutor-course-topics-sidebar-toggler .tutor-icon-left {
font-size: 0;
}
.tutor-single-page-top-bar:not(.card) .tutor-course-topics-sidebar-toggler .tutor-icon-left:before {
font-family: 'Feather' !important;
content: "\e92f";
font-size: 14px;
color: #18113c;
}
.tutor-single-page-top-bar:not(.card) .tutor-course-topic-single-header-title {
margin-left: 0;
color: #18113c;
}
.single-tutor_zoom_meeting .curriculum-scrollable {
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
.tutor-course-single-sidebar-wrapper.tutor-zoom-sidebar,
.tutor-course-single-sidebar-wrapper.tutor-tutor-google-meet-sidebar {
border: 0;
box-shadow: 0 1px 3px rgba(3,0,71,.09);
position: fixed;
width: 23.75rem;
min-height: 100vh;
z-index: 1;
top: 4.34rem;
border-radius: 0;
background: #fff;
}
.tutor-quiz-single-entry-wrap:not(.course-container) { position: fixed;
width: 100%;
min-height: 100vh;
padding-left: 15px;
padding-right: 15px;
}
@media(min-width: 992px) {
.tutor-quiz-single-entry-wrap:not(.course-container) {
overflow: auto;
position: relative;
flex: 1;
width: 100%;
min-height: 100vh;
}
}
@media(max-width: 991px) {
.tutor-quiz-single-entry-wrap:not(.course-container) {
position: relative;
min-height: inherit;
}
}
.tutor-quiz-single-entry-wrap:not(.course-container) > div {
position: relative;
left: 0;
margin-left: 25.25rem;
}
@media(max-width: 991px) {
.tutor-quiz-single-entry-wrap:not(.course-container) > div {
margin-left:0;
}
}
@media(min-width: 1200px) {
.tutor-quiz-single-entry-wrap:not(.course-container) > div {
margin-right:32px !important;
}
}
@media(min-width: 992px) and (max-width: 1199.98px) {
.tutor-quiz-single-entry-wrap:not(.course-container) > div {
margin-left: 23.375rem;
}
}
@media(max-width: 991px) {
.tutor-course-single-sidebar-wrapper.tutor-zoom-sidebar,
.tutor-course-single-sidebar-wrapper.tutor-tutor-google-meet-sidebar {
top: 1.25rem;
width: 100%;
position: relative;
}
}
.tutor-quiz-single-entry-wrap:not(.course-container) .tutor-zoom-meeting-content,
.tutor-quiz-single-entry-wrap:not(.course-container) .tutor-google-meeting-content {
background: #fff;
border-radius: .5rem;
padding: 15px;
}
.tutor-snackbar-wrapper {
display: none;
}
@media(max-width: 991px) {
.tutor-course-single-sidebar-wrapper.tutor-zoom-sidebar, .tutor-course-single-sidebar-wrapper.tutor-tutor-google-meet-sidebar {
order:2 ;
}
.tutor-quiz-single-entry-wrap:not(.course-container) {
order:1;
}
.single-tutor_zoom_meeting .tutor-course-single-content-wrapper,
.single-tutor-google-meet .tutor-course-single-content-wrapper {
display: flex;
flex-direction: column;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment