CSS minimalis moodle theme bost
CSS minimalis moodle theme bost
Berikut langkah-langkahnya:
Silahkan anda masuk/login sebagai administrator pada LMS Moodle.
Kemudian masuk ke site administration, klik tab Appereance, klik boost, kemudian buka tab advanced setting lalu copi css di bawah ini dan paste pada kolom raw scss. kemudian save
// Hide Jump to Nav for Quiz Attempts //
#page-mod-quiz-attempt .m-t-2 {
display: none;
}
//hide jump to //
#jump-to-activity { display: none !important; }
#next-activity-link {display:none;}
#prev-activity-link {display:none;}
#nav-drawer{
display: none;
}
body {
margin-left: 0 !important;
}
/*Change question appearance*/
.que{
max-width: 100%;
}
.que .info {
background-color: #F3F3F3;
float: none;
width: auto;
border-radius: 1px 1px 0 0;
margin-bottom: 1px;
border: 1px solid #D4E4DB;
padding-bottom: 1px;
}
.que .content {
margin: 0;
}
.que .formulation {
border-radius: 0px 0px 6px 6px;
}
.que h3.no {
color: #165920;
margin-right: 50px;
font-size: 0.9em;
text-transform: capitalize;
display: inline-block;
}
.que span.qno {
color: #165920;
font-size: 0.9em;
}
.que .info > div {
font-size: 0.9em;
color: #237152;
display: inline-block;
margin-right: 25px
}
.que .info > div.state, .que .info > div.grade {
font-size: 0.9em;
color: #323836;
}
.que .info > div.questionflag, .que .info > div.editquestion {
font-weight: none;
}
.que .formulation{
color: #2F2E2E;
background: #FFFFFF;
border: 1px #CECECE solid;
}
//css hide header di quiz://
#page-mod-quiz-attempt #page-header {display: none;}
//css hide fotter://
footer#page-footer {display: none;}
//css zom gambar://
.zoomin img {
height: 200px;
width: 200px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin img:hover {
width: 300px;
height: 300px;
}
//css ubah ukuran huruf di quiz://
.que {
font-size: 20px;
}
//hilangkan menu dropdown//
div.usermenu .dropdown-menu {
a:nth-of-type(1), //removes dashboard link
a:nth-of-type(2), //removes profile link
div:first-of-type { //removes separator
display:none;
}
}
//hilangkan forget password di halaman login paste di additional html//
.forgetpass {display: none;}