663 lines
13 KiB
CSS
663 lines
13 KiB
CSS
@media screen and (max-width: 2560px){
|
|
.right-content{
|
|
height: 94%;
|
|
}
|
|
}
|
|
@media screen and (max-width:1920px) {
|
|
.right-content{
|
|
height:auto;
|
|
}
|
|
.tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt, .tlt-site {
|
|
font-size: 19px;
|
|
}
|
|
.Para-tlt-tag p {
|
|
margin: 12px 0 12px;
|
|
}
|
|
.cnt-tag {
|
|
font-size: 15px;
|
|
}
|
|
.cnt-items .img-ico img {
|
|
margin-top: 4px;
|
|
}
|
|
.btn-join {
|
|
padding: 11px 0px;
|
|
font-size: 20px;
|
|
width: 133px;
|
|
}
|
|
.btn-join-class {
|
|
margin: 19px 0;
|
|
}
|
|
.hr-line {
|
|
margin: 25px 0;
|
|
}
|
|
.right-content{
|
|
height: 94%;
|
|
}
|
|
img.logo {
|
|
width: 100%;
|
|
}
|
|
.list_of-items-tab ul li a {
|
|
font-size: 19px;
|
|
padding: 16px 15px;
|
|
}
|
|
.list_of-items-tab ul li {
|
|
width: 12rem;
|
|
margin-bottom:6px;
|
|
}
|
|
.list_of-items-tab ul {
|
|
padding-bottom: 194px;
|
|
}
|
|
.list_of-items-tab ul li a span img {
|
|
width:22px;
|
|
}
|
|
td.day {
|
|
font-size: 20px;
|
|
}
|
|
th.switch {
|
|
font-size: 18px;
|
|
}
|
|
th.dow {
|
|
font-size: 17px;
|
|
}
|
|
.link-desp {
|
|
font-size: 17px;
|
|
}
|
|
.cnt-items {
|
|
margin: 19px 0;
|
|
}
|
|
.tlt-name {
|
|
font-size: 21px;
|
|
}
|
|
.tlt-heading {
|
|
font-size: 21px;
|
|
}
|
|
.chart_section {
|
|
padding: 35px 15px 0px;
|
|
margin-bottom: 43px;
|
|
margin-top: 11px;
|
|
}
|
|
.chart_hoursection1, .chart_hoursection2, .chart_hoursection3 {
|
|
margin-bottom: 29px;
|
|
}
|
|
.chart_hoursub_sec1, .chart_hoursub_sec2, .chart_hoursub_sec3, .chart_progressdaysec {
|
|
font-size: 15px;
|
|
}
|
|
.tlt-read {
|
|
font-size: 19px;
|
|
}
|
|
.tlt-header{
|
|
font-size: 21px;
|
|
}
|
|
.item-img img{
|
|
width: 30px;
|
|
}
|
|
.tlt-para {
|
|
font-size: 18px;
|
|
}
|
|
.tlt-descrip {
|
|
font-size: 15px;
|
|
}
|
|
.items-list-classes {
|
|
padding: 20px 12px;
|
|
}
|
|
.items-list ul li {
|
|
margin-bottom: 10px;
|
|
}
|
|
ul.listsubject-clss {
|
|
height: 44vh;
|
|
}
|
|
.tlt-inset {
|
|
font-size: 25px;
|
|
}
|
|
.tlt-inset-para {
|
|
font-size: 19px;
|
|
}
|
|
.tlt-progressbar {
|
|
margin: 14px 0px;
|
|
}
|
|
.marks-line {
|
|
font-size: 16px;
|
|
}
|
|
.tlt-inset-more {
|
|
font-size: 22px;
|
|
}
|
|
.tlt-bar {
|
|
font-size: 18px;
|
|
}
|
|
.card-progress.attendance .progress-list {
|
|
height: 155px;
|
|
}
|
|
.progress-list ul li {
|
|
margin-bottom: 17px;
|
|
}
|
|
td.day.active {
|
|
width: 50px;
|
|
height: 52px;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
@media screen and (max-width:1680px){
|
|
|
|
.right-content {
|
|
height:auto;
|
|
}
|
|
.btn-join {
|
|
width: 126px;
|
|
}
|
|
}
|
|
@media screen and (max-width:1536px){
|
|
.list_of-items-tab ul li a {
|
|
font-size: 15px;
|
|
padding: 10px 15px;
|
|
}
|
|
.chart_section {
|
|
padding: 10px 15px 0px;
|
|
margin-bottom: 23px;
|
|
margin-top: 9px;
|
|
}
|
|
.tlt-site {
|
|
font-size: 13px;
|
|
}
|
|
.btn-join {
|
|
padding: 7px 0px;
|
|
font-size: 18px;
|
|
}
|
|
.tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt, .tlt-site {
|
|
font-size: 15px;
|
|
}
|
|
.Para-tlt-tag p {
|
|
margin: 5px 0 5px;
|
|
}
|
|
.cnt-items {
|
|
margin: 10px 0 0;
|
|
}
|
|
td.day {
|
|
font-size: 14px;
|
|
}
|
|
.card-progress.attendance .progress-list {
|
|
height: 103px;
|
|
margin-bottom: 0;
|
|
}
|
|
.items-list-classes {
|
|
padding: 7px 12px;
|
|
}
|
|
.btn-join-class {
|
|
margin: 0px 0;
|
|
}
|
|
.Para-tlt-tag p {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
-webkit-line-clamp: 2;
|
|
-moz-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
-moz-box-orient: vertical;
|
|
overflow: hidden;
|
|
|
|
}
|
|
.btn-join {
|
|
padding: 5px 0px;
|
|
font-size: 17px;
|
|
width:123px;
|
|
}
|
|
.hr-line {
|
|
margin:15px 0;
|
|
}
|
|
ul.listsubject-clss {
|
|
height:39vh;
|
|
margin-bottom: 0;
|
|
}
|
|
.continue-reading {
|
|
height:48vh;
|
|
}
|
|
.tlt-para {
|
|
font-size: 15px;
|
|
}
|
|
.tlt-descrip {
|
|
font-size: 14px;
|
|
}
|
|
.card-progress {
|
|
height:22.5vh;
|
|
}
|
|
.tlt-header {
|
|
font-size: 19px;
|
|
}
|
|
.tlt-inset {
|
|
font-size: 20px;
|
|
}
|
|
.tlt-inset-para {
|
|
font-size: 15px;
|
|
}
|
|
.tlt-progressbar {
|
|
margin: 5px 0px;
|
|
}
|
|
.progress-list ul li {
|
|
margin-bottom:6px;
|
|
}
|
|
.tlt-bar {
|
|
font-size: 15px;
|
|
}
|
|
td.day.active {
|
|
width: 29px;
|
|
height: 29px;
|
|
line-height: 30px;
|
|
}
|
|
.tlt-inset-more {
|
|
font-size: 18px;
|
|
}
|
|
.list_of-items-tab ul {
|
|
padding-bottom:0px;
|
|
}
|
|
}
|
|
@media screen and (max-width:1440px){
|
|
|
|
.continue-reading{
|
|
height: 48vh;
|
|
margin-bottom: 0;
|
|
}
|
|
.card-progress {
|
|
margin: 17px 0px 0;
|
|
height: 22.9vh;
|
|
}
|
|
ul.listsubject-clss {
|
|
height: 38vh;
|
|
}
|
|
.gradeblock{
|
|
height: 52vh;
|
|
}
|
|
.list_of-items-tab {
|
|
height: 100%;
|
|
}
|
|
|
|
.item-div {
|
|
padding: 10px 10px 2px;
|
|
}
|
|
th.switch {
|
|
padding-bottom: 9px;
|
|
}
|
|
.item-nm {
|
|
font-size: 11px;
|
|
padding: 4px 10px;
|
|
}
|
|
|
|
.right-content {
|
|
padding: 10px 15px 7px;
|
|
margin-top: 38px;
|
|
}
|
|
.cnt-tlt {
|
|
font-size: 14px;
|
|
}
|
|
.btn-join {
|
|
padding: 7px 0;
|
|
font-size: 13.5px;
|
|
width: 89px;
|
|
}
|
|
.classes-card {
|
|
height: 68vh;
|
|
}
|
|
.calender_attend_block {
|
|
height: 163px;
|
|
}
|
|
.attand_l .progress-list {
|
|
height: 123px;
|
|
}
|
|
.calender_block {
|
|
height: 242px;
|
|
}
|
|
.calender_classblock {
|
|
height: 190px;
|
|
}
|
|
.tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt{
|
|
font-size: 19px;
|
|
}
|
|
.tlt-site {
|
|
font-size: 16px;
|
|
}
|
|
.btn-join-class {
|
|
margin: 22px 0;
|
|
}
|
|
}
|
|
@media screen
|
|
and (min-device-width: 1080px)
|
|
and (max-device-width: 1920px)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
|
|
.chart_progresscard {
|
|
text-align: center;
|
|
/* margin: 0px 41px; */
|
|
}
|
|
}
|
|
@media screen and (max-width:1366px){
|
|
.Para-tlt-tag p {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
-webkit-line-clamp: 2;
|
|
-moz-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
-moz-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
td.day {
|
|
font-size: 11.5px;
|
|
height: 1.9em;
|
|
}
|
|
td.day.active {
|
|
width: 22px;
|
|
height: 22px;
|
|
line-height: 23px;
|
|
}
|
|
.item-div {
|
|
padding: 4px 10px 2px;
|
|
}
|
|
.btn-join {
|
|
padding: 5px 0;
|
|
}
|
|
.chart_section {
|
|
padding: 12px 15px 0px;
|
|
position: relative;
|
|
margin-bottom: 13px;
|
|
margin-top: 9px;
|
|
}
|
|
.tlt-user {
|
|
margin-bottom: 5px;
|
|
}
|
|
.right-content {
|
|
margin-top: 34px;
|
|
}
|
|
ul.listsubject-clss {
|
|
height:40vh;
|
|
}
|
|
.tlt-header {
|
|
font-size: 15px;
|
|
}
|
|
.tlt-read {
|
|
font-size: 16px;
|
|
}
|
|
.link-desp {
|
|
font-size: 12px;
|
|
}
|
|
.tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt, .tlt-site {
|
|
font-size: 14px;
|
|
}
|
|
.cnt-tag {
|
|
font-size: 13px;
|
|
}
|
|
.card-progress.attendance .progress-list {
|
|
height:93px;
|
|
}
|
|
.item-img img {
|
|
width: auto;
|
|
}
|
|
.tlt-descrip {
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
}
|
|
.card-progress {
|
|
height: 22.5vh;
|
|
}
|
|
.continue-reading {
|
|
height: 48vh;
|
|
}
|
|
.inset-para {
|
|
height: 75px;
|
|
overflow: auto;
|
|
}
|
|
.gradeblock {
|
|
height: auto;
|
|
}
|
|
.tlt-site {
|
|
font-size: 13px;
|
|
}
|
|
.list-slider .owl-dots {
|
|
height: 19px;
|
|
}
|
|
.classname_detail {
|
|
margin-bottom: 0px !important;
|
|
height: 10vh !important;
|
|
}
|
|
.classname_qusblock {
|
|
height: 293px;
|
|
}
|
|
.classname_leftblock, .classname_rgtblock {
|
|
height: 73vh;
|
|
}
|
|
.calender_block {
|
|
height:215px;
|
|
}
|
|
.calender_classblock {
|
|
height: 176px;
|
|
}
|
|
.calender_attend_block {
|
|
height: 150px;
|
|
}
|
|
.attendance_class .tab-content .tab-pane {
|
|
height: 105px;
|
|
}
|
|
.attand_l .progress-list {
|
|
height: 118px;
|
|
}
|
|
.list_of-items-tab ul li a {
|
|
font-size: 15px;
|
|
padding: 10px 15px;
|
|
}
|
|
.list_of-items-tab ul li a span img {
|
|
width: 19px;
|
|
}
|
|
.chart_hoursub_sec1, .chart_hoursub_sec2, .chart_hoursub_sec3, .chart_progressdaysec {
|
|
font-size: 12.1px;
|
|
}
|
|
.list_of-items-tab ul li {
|
|
width: 10rem;
|
|
}
|
|
.tlt-name {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
@media screen and (max-width:1360px){
|
|
.Para-tlt-tag p {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
-webkit-line-clamp: 2;
|
|
-moz-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
-moz-box-orient: vertical;
|
|
overflow: hidden;
|
|
margin: 5px 0;
|
|
font-size: 13.5px;
|
|
}
|
|
.hr-line {
|
|
margin: 11px 0;
|
|
}
|
|
.tlt-para {
|
|
font-size: 14px;
|
|
}
|
|
.items-list ul li {
|
|
margin-bottom: 8px;
|
|
}
|
|
.cnt-tag {
|
|
font-size: 11px;
|
|
}
|
|
td.day {
|
|
font-size: 11.5px;
|
|
height:2.4em;
|
|
}
|
|
.item-div {
|
|
padding: 8px 10px 2px;
|
|
}
|
|
.btn-join {
|
|
padding: 7px 0;
|
|
}
|
|
.chart_section {
|
|
margin-bottom: 20px;
|
|
}
|
|
.right-content {
|
|
padding: 10px 15px 15px;
|
|
}
|
|
.continue-reading {
|
|
height: 52vh;
|
|
|
|
}
|
|
ul.listsubject-clss {
|
|
height: 42vh;
|
|
}
|
|
.card-progress {
|
|
height: 25vh;
|
|
}
|
|
.card-progress.attendance .progress-list {
|
|
height: 102px;
|
|
}
|
|
.inset-para {
|
|
height: auto;
|
|
overflow: auto;
|
|
}
|
|
.right-content {
|
|
margin-top: 45px;
|
|
}
|
|
.classname_detail {
|
|
height: 15vh !important;
|
|
}
|
|
.classname_qusblock {
|
|
height: 347px;
|
|
}
|
|
.classname_leftblock, .classname_rgtblock {
|
|
height: 75vh;
|
|
}
|
|
.calender_attend_block {
|
|
height: 177px;
|
|
}
|
|
.attand_l .progress-list {
|
|
height: 148px;
|
|
}
|
|
.calender_block {
|
|
height: 262px;
|
|
}
|
|
.calender_classblock {
|
|
height: 222px;
|
|
}
|
|
.attendance_class .tab-content .tab-pane {
|
|
height: 125px;
|
|
|
|
}
|
|
.calender_l td.day {
|
|
height: 2.2em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
.tlt-heading {
|
|
font-size: 19px;
|
|
}
|
|
.chart_hoursection1, .chart_hoursection2, .chart_hoursection3 {
|
|
margin-bottom: 9px;
|
|
}
|
|
.tlt-bar{
|
|
font-size: 13px;
|
|
}
|
|
.tlt-inset-para {
|
|
font-size: 12px;
|
|
}
|
|
.tlt-progressbar {
|
|
margin: 0px 0px;
|
|
}
|
|
.marks-line {
|
|
font-size: 13px;
|
|
}
|
|
.tlt-inset-more {
|
|
font-size: 13px;
|
|
|
|
}
|
|
.cnt-items {
|
|
margin: 10px 0 0;
|
|
}
|
|
.btn-join-class {
|
|
margin: 0px 0;
|
|
}
|
|
th.switch {
|
|
font-size: 15px;
|
|
}
|
|
th.dow {
|
|
font-size: 13.5px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1280px){
|
|
.tlt-site {
|
|
font-size: 12px;
|
|
}
|
|
.tlt-tag, .sub-tlt-tag{
|
|
font-size: 13px;
|
|
}
|
|
td.day {
|
|
height: 2em;
|
|
}
|
|
.cnt-tlt {
|
|
font-size: 12px;
|
|
}
|
|
.continue-reading {
|
|
height: 45vh;
|
|
}
|
|
ul.listsubject-clss {
|
|
height: 34vh;
|
|
}
|
|
.card-progress {
|
|
height: 21vh;
|
|
}
|
|
.inset-para {
|
|
height: 62px;
|
|
}
|
|
.card-progress.attendance .progress-list {
|
|
height: 62px;
|
|
}
|
|
.item-div {
|
|
padding: 2px 10px 0px;
|
|
}
|
|
.btn-join {
|
|
padding: 5px 0;
|
|
}
|
|
.right-content {
|
|
margin-top: 24px;
|
|
}
|
|
.cnt-items {
|
|
margin: 6px 0 0px;
|
|
}
|
|
.classes-card {
|
|
height: 66vh;
|
|
}
|
|
.classname_leftblock, .classname_rgtblock {
|
|
height: 71vh;
|
|
}
|
|
.classname_detail {
|
|
height: 7vh !important;
|
|
}
|
|
.classname_qusblock {
|
|
height: 269px;
|
|
}
|
|
.classname_time {
|
|
margin-bottom: 6px;
|
|
}
|
|
.calender_block {
|
|
height: 205px;
|
|
}
|
|
.calender_l td.day.active {
|
|
width: 25px;
|
|
height: 25px;
|
|
line-height: 26px;
|
|
}
|
|
.calender_l td.day{
|
|
height: 2em;
|
|
font-size: 11.5px;
|
|
}
|
|
.calender_classblock {
|
|
height: 173px;
|
|
}
|
|
.calender_attend_block {
|
|
height: 138px;
|
|
}
|
|
.attand_l .progress-list {
|
|
height: 104px;
|
|
}
|
|
.attendance_class .tab-content .tab-pane {
|
|
height: 92px;
|
|
}
|
|
.calender_l th.switch, .calender_heading_l {
|
|
font-size: 12px;
|
|
}
|
|
} |