/* ==================================================== Theme Name : MHC Version : 2.0 Author : Mohamad Hajj Chehade ==================================================== 1. header /intro 2. experience 3. education-section 4. SKILLS SECTION 5. counter-section / map ==================================================== */ /* ==================================================== 1. header /intro ==================================================== */ #MHCALERT .alert-info { background-color: #fff!important; border-color: #232323!important; color: #232323!important; } .intro-section { background-image: url(../images/BW.jpg)!important; } header .heading-wrapper { background: rgba(255, 255, 255, 1)!important; color: #000!important; border: solid 1px rgba(146, 146, 146,1)!important; } header .downlad-btn { background: rgba(255, 255, 255,1)!important; color: #000!important; } .intro .profile-img { border-bottom:2px solid rgb(0, 0, 0)!important; border-top:2px solid rgb(255, 255, 255)!important; } .intro { border-left:solid 1px rgba(146, 146, 146,1)!important; border-right:solid 1px rgba(146, 146, 146,1)!important; border-bottom:solid 1px rgba(146, 146, 146,1)!important; border-radius: 5px; } .intro .font-blue{ color: #b1b1b1!important; } .intro .social-icons>li>a { color: #b1b1b1!important; } .intro .social-icons>li>a:after { background: #000!important; } .intro .social-icons>li>a:hover { color: #FFF!important; } .intro .information.website { color: #b1b1b1!important; } /* ==================================================== //--end header/intro ==================================================== */ /* ==================================================== 2. experience ==================================================== */ .experience-section { background:rgb(255, 255, 255)!important; color: #000!important; } .experience-section.section .heading:before { background: #b1b1b1!important; } .timeline-wrapper .oneevent:after { background: #b1b1b1!important; } .experience-section .timeline-wrapper .oneevent:nth-child(1):after { box-shadow: 0 0 0 8px rgb(0, 0, 0); } .experience-section .timeline-wrapper .oneevent:nth-child(2):after { box-shadow: 0 0 0 8px rgb(0, 0, 0); } .experience-section .font-pistachio { background:rgb(255, 255, 255)!important; color: #000!important; } .experience-section .font-white ,.experience-section .font-semi-white { color: #b1b1b1!important; } .experience .list>li:before, .oneevent .list>li:before { border: 2px solid #b1b1b1!important; } .experience-section.section::after { content: '~'; position: absolute; transform:scale(100,1); transform-origin:center; overflow:hidden; } /* ==================================================== //--end experience ==================================================== */ /* ==================================================== //--3. education-section ==================================================== */ .education-section.section::after { content:'~'; position: absolute; transform:scale(100,1); transform-origin:center; overflow:hidden; color:#ffab00; } .education-wrapper .education:after { content: ''; position: absolute; top: 8px; width: 16px; height: 16px; border-radius: 10px; z-index: 1; box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.7); background: #FFAB00; } /* ==================================================== //--end education-section ==================================================== */ /* --------------------------------- 4. SKILLS SECTION --------------------------------- */ .skills-section { background: linear-gradient(1deg, rgb(232, 232, 232),rgb(255, 255, 255)); color:#525252; } .skills-section.section .heading:before { background-color: #525252; } .skills-section.section .panel-heading a.collapsed { background-color: #ffffff; border: 1px solid #e6e6e6 !important; color: #333333; } .skills-section.section .panel-heading a { background: #000000; color: #FFF; } .skills-section.section .panel-body { background-color: #ffffff!important; } /* --------------------------------- //----- SKILLS SECTION --------------------------------- */ /* --------------------------------- //----- 5. counter-section / map --------------------------------- */ .counter-section { background-image: url(../images/BW.jpg)!important; } .gmap-section.section .heading { margin-bottom: 20px; } #pageloader .loader , #MHCmap.notLoaded:before { border-top: 16px solid rgb(255, 255, 255); border-right: 16px solid rgba(204, 204, 204, 0.8); border-bottom: 16px solid rgba(140, 140, 140, 0.493); border-left: 16px solid rgba(0, 0, 0, 0.276); } /* --------------------------------- //-----end counter-section / map --------------------------------- */ @media print { .intro-section { border-bottom:none!important; } .intro .profile-img{ width: 30%; height: auto; top: 0; margin-bottom: 10px; } .experience-section { padding-bottom: 0px!important; padding-top: 40px!important; } .experience-section .timeline-wrapper .oneevent:nth-child(2) { page-break-before: avoid!important; } .experience-section .timeline-wrapper .oneevent:nth-child(5) { page-break-before: always!important; } .skills-section { padding-bottom: 0px!important; padding-top: 40px!important; background:rgb(255, 255, 255); } .experience-section.section::after , .education-section.section::after { content: '~~~~~~~~~'; } body{ display: none; } html::after { content: "Kindly use the Download Button!"; top:30%; position: absolute; width: 100%; text-align: center; color:red; } html.printable body{ display: block; } html.printable::after{ content:none; display: none; } }