Bài 16: Chỉnh sửa menu cho moodle| Edit moodle menu
by Phoenix Hoang - Tùy theo nhu cầu của bạn mà bạn copy đoạn CSS mà bạn mà bạn muốn chỉnh sửa nha!
/* Change navbar color - đổi màu thanh navbar */
.navbar-inner {
min-height: 40px;
background-color: #00b2ad;
background-image: none;
background-repeat: repeat-x;
border: 1px solid #e0e0e0;
}
/* Change navbar link color - Đổi nàu tên các menu - link lớn */
.navbar .nav>li>a {
color: #fff;
float: none;
font-size: 15px;
font-weight: 700;
padding: 14px;
text-decoration: none;
text-shadow: none;
}
/* Custom menu items - Chỉnh sửa các link nhỏ trong menu */
.dropdown-menu>li>a {
padding: 3px 20px 3px 10px;
border-bottom: dotted 1px #b3b3b3;
}
/* Change background link color when hover - Đổi màu khối khi rê chuột qua */
.navbar .nav>li>a :focus, .navbar .nav>li>a :hover{
background-color: #fff;
color: #333;
text-decoration: none;
}
/* Change homelink color - Đổi màu link trang chủ */
.navbar .brand {
float: left;
display: block;
padding: 10px 20px 10px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
color: #fff;
text-shadow: none;
}
/* Change username color in navbar - Đổi màu tên đăng nhập trên navbar*/
.usermenu .moodle-actionmenu .toggle-display {
color: #fff;
}
/* Change you are not login (login) color - Đổi màu Bạn chưa đăng nhập (Đăng nhập) */
.usermenu .login {
color: #fff;
line-height: 40px;
}
.usermenu .login a {
color: #fff;
font-weight: bold;
}
/* Change caret color - Đổi màu hình mũi tên bên cạnh các link chính*/
.navbar .nav li.dropdown>.dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
/* Change caret color next to avatar - Đổi màu hình mũi tên sát bên avatar*/
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
margin-top: 8px;
margin-left: 2px;
border-top-color: #fff;
}