BBnepal-Accounts/assets_student/css/test-exam.css

474 lines
9.3 KiB
CSS
Raw Permalink Normal View History

2024-07-10 12:43:19 +00:00
.headersearch_sec, .test_inner{
margin-left: 50px;
}
.test_inner{
background: #FCFCFC;
border-radius: 16px;
padding: 15px 25px;
margin-top: 20px;
width:92%;
}
.test_innerhead{
font-size: 19px;
font-weight: 500;
}
.testcard_1{
background: #FFEEEA;
margin-top: 10px;
}
.testcard_block{
display: flex;
padding: 12px;
border-radius: 8px;
margin-bottom: 14px;
}
.testcard_block a {
display: flex;
text-decoration: none;
width: 100%;
}
.testcard_ico{
width: 8%;
margin-right: 5px;
}
.testcard_ico img{
width: 42px;
height:65px;
}
.textcard_txt{
width:64%;
padding-right: 50px;
}
.textcard_tym{
text-align: right;
margin: auto 0 auto auto;
}
.textcard_headtxt{
color: #000;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.2px;
margin-bottom: 1px;
}
.textcard_para{
color: #3D3D3D;
font-size: 13.5px;
letter-spacing: 0.2px;
line-height: 18px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.startexmbtn{
border-radius: 5px;
background: #FFA295;
text-align: center;
color: #fff;
font-size: 13px;
letter-spacing: 0.3px;
font-weight: 600;
width: 104px;
margin: 2px 11px 4px auto;
padding: 4px 0;
}
.textcard_date, .textcard_duration, .textcard_time, .exm_qussec{
font-size: 13px;
letter-spacing: 0.3px;
line-height: 22px;
color: #3D3D3D;
}
.testcard_2{background:#FCF4DD;}
.testcard_3{background:#EBF8E7;}
.testcard_4{background:#BCD9E7;}
.testcard_sec::-webkit-scrollbar{
width: 3px;
}
.testcard_sec::-webkit-scrollbar-track{
box-shadow: inset 0 0 5px #FE9182;
border-radius: 10px;
}
.testcard_sec::-webkit-scrollbar-thumb{
background: #FE9182;
border-radius: 10px;
}
.testcard_sec{
height: 431px;
overflow: auto;
padding-right: 150px;
}
.testcard_secinner{
width: 82%;
}
/*--------exam detail page css start-------*/
.exam_detailsec {
background: transparent;
padding: 0px 25px 0 0;
}
.exam_detailcard .textcard_tym{
width: 100%;
margin: 10px 0 13px;
display: flex;
justify-content: space-between;
}
.exam_detailcard .textcard_para{
display: block;
margin: 3px 0 8px;
line-height: 20px;
}
.exam_detailcard .textcard_txt {
width:88%;
}
.exam_detailcard .startexmbtn{
margin: 0;
padding: 7px 0;
}
.textcard_date, .textcard_duration, .textcard_time, .exm_qussec{
color: #000;
}
.exam_detailcard {
padding: 20px 22px;
}
.exam_detailcard .testcard_ico{
width: 11%;
margin-right: 0;
}
.exam_detailcard .testcard_ico img {
width: 51px;
height: 51px;
}
/*--------exam detail page css end-------*/
/*--------exam qus page css start-------*/
.exm_block{
background: #F5F2FF;
border-radius: 9px;
padding: 30px;
}
.exmqus_header, .exmqusheader_l, .exmqusheader_r, .exm_qusblock, .exmqus_btnsec, .exm_pagination_top, .exm_pagination_btm{
display: flex;
}
.exmqus_header {
justify-content: space-between;
margin-bottom: 11px;
}
.exmqus_headerico img{
width: 30px;
height: 30px;
}
.exmqus_headerheading{
color: #000000;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.2px;
margin-left: 13px;
align-self: center;
}
.exmqus_headerqus, .exmqus_headertym{
color: #000000;
font-size: 12px;
font-weight: 600;
}
.exmqus_headerqus{
margin-right: 30px;
}
.exm_qusblock{
font-size: 15px;
margin: 3px 0 18px;
display: block;
}
.exmqus{
margin-right:25px;
}
.exmqus, .exmqus_detail{
color: #3D3D3D;
font-weight: 400;
line-height: 22px;
}
.exm_anshead{
color: #3D3D3D;
font-size: 15px;
font-weight: 600;
margin-bottom: 12px;
}
/*--------exam qus radio btn css start-------*/
.exmradiobtn input[type="radio"] {
position: absolute;
margin-top: 4px;
margin-left: -20px;
opacity: 0;
z-index: 1;
width: 5%;
height: 21px;
cursor: pointer;
}
.exmradiobtn {
position: relative;
display: block;
padding-left: 20px;
margin-bottom: 9px;
}
.exmradiobtn label::before {
content: "";
display: inline-block;
position: absolute;
width: 15px;
height: 15px;
left: 0;
margin-left: -20px;
border: 1px solid #5E3EC5;
border-radius: 50%;
background-color: #F5F2FF;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
top: 3px;
}
.exmradiobtn input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.exmradiobtn label::after {
display: inline-block;
position: absolute;
content: " ";
width: 9px;
height: 9px;
left: 3px;
top: 6px;
margin-left: -20px;
border-radius: 50%;
background-color: #5E3EC5;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.exmradiobtn label {
min-height: 20px;
margin-bottom: 0;
font-weight: normal;
color: #3D3D3D;
font-size: 15px;
display: inline-block;
position: relative;
padding-left: 2px;
}
.exmradiobtn label span{
margin-right: 18px;
font-size: 15px;
}
/*--------exam qus radio btn css end-------*/
.exmqus_skip, .exmqus_btnblock{
margin-left: auto;
}
.exmqus_skip{
color: #3D3D3D;
font-size: 14.5px;
font-weight: 600;
cursor: pointer;
align-self: center;
}
.exm_prevbtns{
color: #5E3EC5;
background-color: #fff;
border: 1px solid #5E3EC5;
padding: 5px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
width: 160px;
cursor: pointer;
border-radius: 9px;
}
.exm_prebtn, .exm_nxtbtn{
border-radius: 9px;
border: 1px solid #5E3EC5;
padding: 5px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
width: 160px;
cursor: pointer;
}
.exm_prebtn{
background: #5E3EC5;
color: #fff;
margin-right: 10px;
}
.exm_nxtbtn{
background: #5E3EC5;
color: #fff;
}
.exmqus_btnsec{
margin: 36px 0 8px;
}
.exm_prebtn:focus, .exm_nxtbtn:focus {
outline:none
}
.exm_pagination_block{
color: #3D3D3D;
font-size: 14px;
padding: 5px 18px;
background: #F5F2FF;
cursor: pointer;
}
.exm_pagination_active{
background: #5E3EC5;
border-radius: 5px 5px 0px 0px;
color: #fff;
margin: 0 2px;
}
.exm_pagination_top{
border-radius: 5px 5px 0px 0px;
margin: auto;
justify-content: center;
height: 33px;
}
.exm_pagination{
margin-top: 20px;
margin-left: 50px;
display: flex;
}
.exmdiv_sec{
width: 86%;
margin-top: 20px;
margin-left: 50px;
}
.exm_paginationsec{
width: 36%;
margin: auto;
}
.exm_pagination_btm{
justify-content: space-between;
background: #F9F9F9;
border-radius: 0px 0px 5px 5px;
height: 30px;
align-items: center;
padding: 0 14px;
}
.exm_pagination_no{
color: #3D3D3D;
font-size: 14px;
cursor: pointer;
}
.exm_pagination_noactive{
background: #5E3EC5;
border-radius: 50%;
color: #fff;
height: 20px;
width: 20px;
text-align: center;
font-size: 11px;
padding-top: 2px;
}
.exm_pagination_skip{
position: relative;
}
.exm_pagination_skip::after{
content: "";
border: 2px solid #5E3EC5;
display: inline-block;
position: absolute;
border-radius: 50px;
top: 0;
}
.exm_scrollsec{
height: 272px;
overflow: auto;
padding-right: 30px;
}
.exm_scrollsec::-webkit-scrollbar{
width: 3px;
}
.exm_scrollsec::-webkit-scrollbar-track{
box-shadow: inset 0 0 5px #5E3EC5;
border-radius: 10px;
}
.exm_scrollsec::-webkit-scrollbar-thumb{
background:#5E3EC5;
border-radius: 10px;
}
.anstxtarea{
background: #FCFCFC;
border-radius: 14px;
resize: none;
border-color: #FCFCFC;
font-size: 14px;
padding: 10px;
color: #3D3D3D;
}
.anstxtarea:focus {
box-shadow: none;
border-color:#FCFCFC;
background: #FCFCFC;
}
.exmqus_detail_img{
width: 173px;
cursor: pointer;
margin-bottom: 18px;
}
.exmqus_detail_img img{
width: 100%;
height: 104px;
object-fit: cover;
}
#exm_imgpopup .core_sliderimg .banner_img {
object-fit: none;
}
/*--------exam qus page css end-------*/
.skipped_qus{
background: #F5F2FF;
border-radius: 9px;
padding: 8px 0;
height: 38px;
width: 20%;
text-align: center;
}
.skipped_qushead{
color: #3D3D3D;
font-size: 14.5px;
font-weight: 600;
cursor: pointer;
align-self: center;
}
.skipped_qusarrow2{
display: none;
}
.skip_qusblock{
background: #F5F2FF;
border-radius: 9px;
padding: 8px 15px;
display: none;
}
.skip_qusnob{
color: #3D3D3D;
font-weight: 400;
font-size: 13.5px;
margin: 0 8px;
}
.skip_qusnobblock{
display: flex;
justify-content: space-between;
}
.skip_qusnobblock{
overflow-y: auto;
cursor: pointer;
}
.skip_qusnobblock::-webkit-scrollbar{
height: 3px;
}
.skip_qusnobblock::-webkit-scrollbar-track{
box-shadow: inset 0 0 5px #5E3EC5;
}
.skip_qusnobblock::-webkit-scrollbar-thumb{
background:#5E3EC5;
}