BBnepal-Accounts/assets_student/css/mobile.css

403 lines
7.7 KiB
CSS
Raw Normal View History

2024-07-10 12:43:19 +00:00
@media only screen and (min-width:320px) and (max-width:767px) {
.content-box-scroll {
height: auto;
padding: 0.5rem;
width: 95%;
}
.content-last-sec li {
width: 100%;
margin: 10px 0 0 0;
}
.content-last-sec {
display: block;
}
.content-heading-sec, .content-heading-sec-two {
margin: 0 0 5px 0;
text-align: left;
}
.content-box-scroll-less {
margin: 2%;
width: 96%;
}
.exam-last-sec-btn, .grade-inner-btn {
text-align: center;
}
.main-inner-content {
padding: 0;
width: 98%;
margin: 0%;
}
.upper-pagination {
display: block;
}
.pagination-left {
width: 100%;
margin: 5px 0;
}
.question-wrap {
width: 100%;
}
.option-select-right {
width: 7%;
}
.btn-pre-sec-outter {
display: block;
margin: 40px 0 0 0px;
}
.btn-pre-one {
margin: 0px 3px 25px 0;
}
.text-sec {
width: 98%;
}
.grade-container-sec {
/* display: block;*/
margin: 25px 0 0 0;
}
.my-grade-sec-one {
width: 48%;
background-color: #F3F3F3;
padding: 14px 3px 10px 0px;
margin: 1%;
text-align: center;
height: 150px;
border-radius: 12px;
/* font-size: 16px; */
}
.sub-box-rightside ul {
display: block;
}
.sub-box-sec {
display: flex;
box-shadow: 0 0 3px #00000029;
width: 100%;
border-radius: 10px;
margin: 10px 0;
}
.sub-box-rightside ul li {
margin: 8px 0 0 0;
}
table tr {
font-size: 10px;
}
.stud-table-wrap {
width: 100%;
padding: 20px 5px;
}
/*==================================================================*/
.cal-assinment {
display: block !important;
}
.cal-push-inner {
width: 100%;
height: auto;
margin: 10px;
}
.cre-assing {
width: 100%;
margin: 6px;
display: flex;
justify-content: flex-start;
}
.teacher-flow-class-one {
width: 46%;
margin: 2%;
}
.mid-paper-sec {
display: block;
width: 100%;
}
.mid-paper-sec-left {
width: 100%;
margin: 0 !important;
}
.quest-added-one li:nth-child(4) {
font-size: 10px;
}
.quest-added-one li:nth-child(1) {
font-size: 10px;
}
.mid-paper-sec-right {
width: 100%;
margin: 25px 0 0 0;
}
.sel-multiple {
margin: 0 5px 25px 0;
}
.stud-dev-wrap {
display: block;
width: 100%;
}
.stud-wrap-left {
width: 100%;
}
.eval-wrap-right {
width: 100%;
margin: 15% 0 0 0;
}
.eval-sub li {
margin: 12px;
padding: 10px 31px 10px 0;
}
.exam-evl-action {
width: 100%;
}
.action-sec td {
font-size: 10px;
}
.stud-wrap-right {
margin:0;
width: 100%;
}
.eval-wrap-right {
margin: 0;
}
}
@media only screen and (max-width:1280px){
.mid-paper-sec {
width: 100%;
}
.main-inner-content {
width: 88%;
}
.stud-dev-wrap {
width: 95%;
}
.eval-wrap-right {
margin: 0 0 0 30px;
}
.content-box-scroll-less {
width: 70%;
}
.content-last-sec li {
font-size: 12px;
width: 32%;
}
}
@media only screen and (max-width:1024px){
.stud-table-wrap {
width: 90%;
}
.content-box-scroll {
width: 77%;
}
.quest-box-header p:first-child {
font-size: 14px;
}
.quest-added-one li:nth-child(4) {
font-size: 13px;
}
.sel-quest-type {
font-size: 14px;
margin-bottom: 5px;
}
.quest-info-header {
margin-bottom: 5px;
}
.insert-prop {
font-size: 14px;
}
.ans-opt-one {
font-size: 14px;
}
.selected-ans-type {
font-size: 14px;
}
.main-inner-content-new {
width: 92%;
}
.eval-sub li {
margin: 20px 0;
}
.stud-row-one h6 {
width: 75%;
font-size: 13px;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.phy-sec-mid p:nth-child(2){
width: 75%;
font-size: 13px;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.stud-wrap-right {
width: 45%;
box-shadow: 1px 1px 3px #00000029;
margin: 0 0 0 30px;
border-radius: 5px;
}
.stud-wrap-left {
width: 50%;
}
.content-last-sec li {
font-size: 12px;
}
.main-inner-content-cover {
width: 90%;
}
}
@media only screen and (max-width:992px){
.quest-added-green {
font-size: 14px;
}
.mid-paper-sec {
display: block;
width: 90%;
}
.mid-paper-sec-left {
width: 100%;
}
.mid-paper-sec {
width: 100%;
}
.main-inner-content {
width: 97%;
}
.mid-paper-sec-right {
width: 100%;
margin-top: 5%;
}
.main-right-wrap {
margin-top: 5%;
}
.main-inner-content-cover {
width: 100%;
}
.noti-para-sec.content-last-sec-new p {
font-size: 14px;
}
.noti-wrap-sec-left {
width: 48%;
margin: 0 2% 0 0;
}
.noti-wrap-sec-right-inner p:nth-child(1) {
font-weight: 600;
font-size: 13px;
width: 77%;
}
.noti-wrap-sec-right-inner p:nth-child(2) {
font-size: 12px;
width: 29%;
}
}
@media only screen and (max-width:768px){
.stud-table-wrap {
width: 100%;
}
.content-box-scroll {
width: 100%;
}
.content-right-side {
width: 100%;
}
.content-mid-text p {
width: 100%;
}
.btn-pre-inner, .btn-next-inner, .view-detail-notify, .list-end-btn {
font-size: 13px;
}
.content-exam-box-one, .content-exam-box-blue {
margin: 3% 0 0 0;
}
.stud-dev-wrap {
display: block;
}
.stud-wrap-left {
width: 100%;
}
.stud-wrap-right {
width: 100%;
margin:30px 0;
}
.stud-table-wrap h4 {
font-size: 16px;
}
.stud-table-wrap h6 {
font-size: 14px;
}
table th {
font-size: 13px;
}
table td {
font-size: 13px;
}
.content-box-scroll-less {
width: 95%;
}
.noti-wrap-sec {
display: block;
}
.noti-wrap-sec-left {
width: 90%;
}
.noti-wrap-sec-right {
width: 90%;
margin-top: 20px;
}
}
@media only screen and (max-width:500px){
.main-inner-content {
width: 97%;
}
.quest-added-one li:nth-child(4) {
font-size: 12px;
}
.quest-added-one li:nth-child(3) {
font-size: 13px;
}
.quest-added-green,.quest-added {
font-size: 13px;
width: 18px;
}
.quest-added-row {
margin: 8px;
}
.quest-foot-marks {
font-size: 13px;
}
.quest-box-footer {
margin: 3px;
padding: 5px;
}
.quest-info-header {
font-size: 14px;
}
.tabl-evl-btn {
width: 85px;
}
.eval-wrap-right {
margin: 0;
}
.content-right-side h6 {
font-size: 15px;
}
.btn-pre-inner, .btn-next-inner, .view-detail-notify, .list-end-btn {
font-size: 11px;
}
.noti-wrap-sec-left {
width: 98%;
margin: 0;
}
.content-last-sec-new li {
font-size: 12px;
display: block;
width: 100%;
margin:0;
}
.content-last-sec-new ul {
display: block;
}
.noti-para-sec.content-last-sec-new p {
font-size: 13px;
}
}