Created
August 4, 2020 03:12
-
-
Save minhkhoablieu/9848986fddaecb6ac19ae6f000b08e1b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* line 1, custom.scss */ | |
* { | |
margin: 0; | |
padding: 0; | |
box-sizing: border-box; | |
} | |
/* line 7, custom.scss */ | |
body, | |
html { | |
overflow-x: hidden; | |
font-family: "BeVietnam", sans-serif !important; | |
margin: 0 auto; | |
scroll-behavior: smooth; | |
} | |
/* line 13, custom.scss */ | |
ul { | |
padding-left: 0; | |
} | |
.footer ul { | |
list-style-image: none; | |
} | |
/* Menu */ | |
#navbar { | |
background-color: #2d3748; | |
transition: all 0.5s ease; | |
} | |
/* line 25, custom.scss */ | |
.logo { | |
height: 50px; | |
object-fit: cover; | |
} | |
/* line 32, custom.scss */ | |
ul li a { | |
font-size: 16px !important; | |
color: black !important; | |
} | |
/* line 39, custom.scss */ | |
.bg-bdark { | |
background-color: #2d3748 !important; | |
} | |
/* line 43, custom.scss */ | |
.sub-menu { | |
padding-left: 0; | |
position: absolute; | |
display: none; | |
} | |
/* line 48, custom.scss */ | |
.sub-menu li { | |
margin: 0 !important; | |
} | |
/* line 53, custom.scss */ | |
.sticky { | |
position: fixed; | |
width: 100%; | |
z-index: 9999; | |
} | |
.sticky+.banner { | |
padding-top: 60px; | |
} | |
/* Banner */ | |
/* line 62, custom.scss */ | |
.banner { | |
height: 100%; | |
width: 100%; | |
} | |
/* line 66, custom.scss */ | |
.banner img { | |
width: 100%; | |
height: 100%; | |
object-fit: cover; | |
} | |
/* Content 1 */ | |
/* line 74, custom.scss */ | |
.thanhngang { | |
background-color: #f7ad2f; | |
} | |
/* line 77, custom.scss */ | |
.thanhngang .title { | |
padding-top: 45px; | |
padding-bottom: 45px; | |
} | |
/* Programme HRBP */ | |
/* line 84, custom.scss */ | |
.programme-hrbp { | |
width: 100%; | |
} | |
/* line 87, custom.scss */ | |
.programme-hrbp .col-md-4 { | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
} | |
/* line 92, custom.scss */ | |
.programme-hrbp .col-md-4 h1 { | |
text-align: center; | |
font-size: 2rem; | |
text-transform: uppercase; | |
} | |
/* line 97, custom.scss */ | |
.programme-hrbp .col-md-4 h1 strong { | |
font-size: 1.7rem; | |
text-transform: uppercase; | |
} | |
/* line 103, custom.scss */ | |
.programme-hrbp .col-md-4 img { | |
height: 80px; | |
width: 80px; | |
} | |
/* HRBP trend */ | |
/* line 111, custom.scss */ | |
.hrbp-trend { | |
border: 5px dotted; | |
padding: 3rem; | |
} | |
/* line 115, custom.scss */ | |
.hrbp-trend h1 { | |
font-size: 25px; | |
text-transform: uppercase; | |
text-align: center; | |
margin-top: 10px; | |
} | |
/* line 122, custom.scss */ | |
.hrbp-trend .block-image { | |
/* height: 280px; */ | |
} | |
/* line 125, custom.scss */ | |
.hrbp-trend .block-image img { | |
width: 30%; | |
/* height: 280px !important; */ | |
object-fit: cover; | |
} | |
/* line 133, custom.scss */ | |
.right { | |
width: 465px; | |
text-align: center; | |
background: #F5E05E; | |
color: #4d3011; | |
font-family: "BeVietnam", serif; | |
font-size: 1.8rem; | |
border-radius: 10px; | |
} | |
/* Detail course */ | |
/* line 144, custom.scss */ | |
.detail-course { | |
background-color: #fff; | |
} | |
.border-dc { | |
padding-left: 38.4%; | |
} | |
/* line 147, custom.scss */ | |
.detail-course p { | |
padding: 0 1rem; | |
} | |
/* line 150, custom.scss */ | |
.detail-course .wrap-text { | |
height: 378px; | |
border: 5px dotted; | |
} | |
/* line 153, custom.scss */ | |
.detail-course .wrap-text i { | |
font-size: 3rem; | |
} | |
/* line 159, custom.scss */ | |
.dc-1 { | |
background: #267bc0; | |
color: #ffffff; | |
text-transform: uppercase; | |
text-align: center; | |
} | |
/* Certificate */ | |
/* line 168, custom.scss */ | |
.certificate h1 { | |
font-size: 1.9rem; | |
font-weight: bold; | |
} | |
.hinhkhoahoc img { | |
width: 100%; | |
} | |
.button-wrap { | |
bottom: 0%; | |
text-decoration: none; | |
position: absolute; | |
left: 10%; | |
} | |
/* IV */ | |
/* line 175, custom.scss */ | |
.iv { | |
width: 100%; | |
background-color: #061029; | |
color: white; | |
padding: 5rem; | |
} | |
/* Footer */ | |
/* line 184, custom.scss */ | |
.footer { | |
width: 100%; | |
} | |
/* line 187, custom.scss */ | |
.footer ul { | |
list-style-type: none; | |
} | |
/* line 191, custom.scss */ | |
.footer ul li a { | |
text-decoration: none; | |
color: black; | |
text-transform: uppercase; | |
font-size: 15px !important; | |
font-weight: bold; | |
} | |
/* line 201, custom.scss */ | |
.footer i { | |
margin-right: 10px; | |
} | |
/* line 205, custom.scss */ | |
.footer strong { | |
font-size: 1.9rem; | |
color: white; | |
} | |
/* line 210, custom.scss */ | |
.footer input { | |
background: transparent; | |
border-radius: 0 !important; | |
} | |
/* line 215, custom.scss */ | |
.footer button { | |
background: transparent; | |
border: 1px solid white; | |
padding: 6px; | |
color: white; | |
} | |
@media screen and (max-width: 823px) { | |
/* line 224, custom.scss */ | |
input { | |
width: auto; | |
display: block; | |
} | |
} | |
/* lecturers */ | |
/* line 231, custom.scss */ | |
.lecturers { | |
width: 100%; | |
} | |
/* line 234, custom.scss */ | |
/* line 240, custom.scss */ | |
.lecturers p { | |
color: white; | |
font-size: 1.5rem; | |
font-family: sans-serif; | |
text-transform: uppercase; | |
} | |
.wrap-gv-1, | |
.wrap-gv-2, | |
.wrap-gv-3 { | |
position: relative; | |
} | |
.wrap-gv-1 img, | |
.wrap-gv-3 img { | |
/* position: absolute; */ | |
/* height: 85%; */ | |
/* top: 15%; */ | |
/* left: 29%; */ | |
} | |
.wrap-gv-2 img { | |
position: absolute; | |
/*height: 85%;*/ | |
top: 15%; | |
right: 17%; | |
} | |
.wrap-gv-2>.bg-gv-2 { | |
opacity: 0.3; | |
position: absolute; | |
top: 0; | |
right: 0; | |
} | |
.wrap-gv-1>.bg-gv-1, | |
.wrap-gv-3>.bg-gv-3 { | |
/* opacity: -17.7; */ | |
position: absolute; | |
/* top: 0; */ | |
/* left: 0; */ | |
} | |
/* line 247, custom.scss */ | |
.lecturers .gv-1, | |
.lecturers .gv-2, | |
.lecturers .gv-3 { | |
width: 100%; | |
background: #1a2545; | |
/* height: 100vh; */ | |
} | |
/* line 255, custom.scss */ | |
.lecturers .text-1, | |
.lecturers .text-2, | |
.lecturers .text-3 { | |
position: absolute; | |
top: 25%; | |
width: 95%; | |
/* text-align: center; */ | |
font-family: sans-serif; | |
} | |
/* line 265, custom.scss */ | |
.lecturers .text-1 li, | |
.lecturers .text-2 li, | |
.lecturers .text-3 li { | |
margin: 10px 0; | |
color: #fff; | |
} | |
.lecturers ul { | |
margin-left: 1rem; | |
} | |
/* line 270, custom.scss */ | |
.lecturers .text-1-ul, | |
.lecturers .text-2-ul, | |
.lecturers .text-3-ul { | |
color: white; | |
text-align: left; | |
padding-left: 5%; | |
} | |
/* KHóa há»c giúp Ãch */ | |
.wrap-help-course { | |
padding: 3rem; | |
border: 3px dotted #89b4cb; | |
} | |
.course-help-yourself a { | |
/* height: 350px; */ | |
/* width: 100%; */ | |
text-decoration: none; | |
} | |
.block-image img { | |
/* height: 350px !important; */ | |
/* width: 100%; */ | |
object-fit: cover; | |
} | |
button { | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
.iv img { | |
width: 100%; | |
object-fit: cover; | |
} | |
/*# sourceMappingURL=custom.css.map */ | |
@media screen and (max-width: 1746px) { | |
.wrap-text { | |
font-size: 13.5px; | |
} | |
} | |
.hrbp-trend-btn { | |
border: 2px solid #ff4646; | |
text-transform: uppercase; | |
color: white; | |
padding: 1rem 3rem; | |
border-radius: 10px; | |
font-size: 20px; | |
background: #ff4646; | |
} | |
.fusion-column-wrapper { | |
padding: 0px 30%; | |
background-position: left top; | |
background-repeat: no-repeat; | |
background-size: cover; | |
height: auto; | |
} | |
@media screen and (max-width: 500px) { | |
.certificate-wrap img { | |
width: 100% !important; | |
object-fit: cover; | |
} | |
.border-dc { | |
padding: 15px 5% 0 5% !important; | |
} | |
.button-wrap { | |
bottom: 15px; | |
margin-left: 30px; | |
} | |
.fusion-column-wrapper { | |
padding: 0px 5px !important; | |
} | |
.lecturers p { | |
font-size: 1rem; | |
} | |
.lecturers .text-1, | |
.lecturers .text-2, | |
.lecturers .text-3 { | |
top: 15px; | |
padding: 0 30px; | |
height: 20%; | |
} | |
.gv-1 ul li, | |
.gv-2 ul li, | |
.gv-3 ul li { | |
font-size: 12px; | |
} | |
.text-gvm { | |
display: block; | |
} | |
} | |
@media screen and (max-width: 414px) { | |
.hrbp-trend-btn { | |
padding: 10px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment