Skip to content

Instantly share code, notes, and snippets.

@MrVibe
Created March 27, 2017 15:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save MrVibe/4836d198b378ecd15722c923cfd202b6 to your computer and use it in GitHub Desktop.
Save MrVibe/4836d198b378ecd15722c923cfd202b6 to your computer and use it in GitHub Desktop.
CSS code for One Course page theme
.homethreesteps{position:relative;padding:60px 0 0 55px;font-size:13px}.homethreesteps h4{font-size:16px;font-weight:600;margin:0 0 10px;padding:0}.homethreesteps i{font-size:28px;color:#2299dc;position:absolute;left:0;top:75px}.stripe.homesixsections{margin-top:-10px;box-shadow:0 -1px 0 rgba(0,0,0,0.1);text-align:center;padding:60px 0;background:#f3f3f3;display:inline-block;width:100%}.homesixsections h2{font-size:32px;font-weight:600;margin:0 0 20px}.homesixsections h2+p{font-size:16px;color:#666}.homesixsections .column_content{padding:30px;font-size:13px}.homesixsections .column_content i{font-size:36px}.homesixsections .column_content h4{font-size:18px;font-weight:600;margin:0 0 10px}.home header + section#content{padding-top:0}.parallaxhome{padding-bottom:0 !important}.parallaxhome .parallax_content{padding:120px 0 60px;top:20vh}.parallaxhome h2{font-size:8em;line-height:1;font-weight:800;color:#fff;text-shadow:0 0 12px #444;padding:60px 0 0}.parallaxhome h3{font-size:3em;font-weight:800;color:#fff;text-shadow:0 0 12px #444;padding:20px 0}.parallaxhome a{padding:5px 10px;border:2px solid #FFF;color:#FFF;font-weight:800;border-radius:2px;font-size:24px}.parallaxhome a:hover{background:#FFF;color:#444}section.stripe.fullwidthwhite{padding-top:30px;background:#FFF}section.stripe.fullwidthwhite .heading{padding:60px 0 10px}section.stripe.fullwidthwhite li{padding:15px 0px;clear:both}section.stripe.fullwidthwhite li i{font-size:32px;float:left;padding:0px 30px 0px 0px;color:#2299dc}section.stripe.fullwidthwhite li strong{font-size:16px}section.stripe.fullwidthsteps{background:#2299dc;color:#FFF;margin-top:-5px;padding:60px 0}.fullwidthsteps h3{font-weight:600;color:#FFF;margin-bottom:0}.fullwidthsteps h3+p{margin-top:0}.fullwidthsteps strong{font-size:4em;line-height:0.9;font-weight:800;float:left;padding:0px 10px 0 0}.fullwidthsteps .one_fourth .column_content{position:relative}.fullwidthsteps .one_fourth .column_content:after{content:"\e093";font-family:'fonticon';float:right;font-size:52px;position:absolute;top:30px;line-height:0;right:30px}.fullwidthsteps .one_fourth:last-child .column_content{content:''}.homepagefilterable,.homepagefilterable .block.courseitem .block_title{text-align:center}.homepagefilterable .block.courseitem .block_content{text-align:left}.homepagefilterable .vibe_filterable{float:none;display:inline-block}.vibe_filterable li a{background:none}.course_filters{border:1px solid #EFEFEF}.stripe.homemain{padding:30px 0 0;font-size:16px;color:#666}.homemain h2{font-size:48px;font-weight:600;margin:0 0 20px}.homemain img{margin-top:60px}.homemain .button{color:#FFF}.stripe.homecounter{padding:0;text-align:center;color:#FFF}.homecounter h3{font-size:40px;font-weight:800;padding-bottom:20px;color:#FFF}.homecounter h4{font-size:42px;color:#FFF}.homecounter .column_content{border:1px solid rgba(255,255,255,0.1)}.homecounter h4+p{font-size:16px}.heading.center:after{left:50%;margin-left:-24px}.v_parallax_block{overflow:hidden;-webkit-transform:translateY(0px);transform:translateY(0px)}.homescreen.v_parallax_block .parallax_content{text-align:center}.homescreen a{color:#FFF}.homescreen .one_half{margin-top:30px;background:rgba(0,0,0,0.6);color:#FFF;padding:15px;border-radius:2px;float:right;text-align:left}.homescreen h1{font-size:84px;font-weight:800;color:#FFF;line-height:1}@media (max-width:992px) and (min-width: 768px){.homescreen h1{font-size:62px}}@media (max-width:480px){.homescreen h1{font-size:62px}}.homescreen h2{font-size:32px;color:#FFF}.homescreen h3{font-size:24px;font-weight:400;color:#FFF}.button.hero{font-size:13px;padding:20px 0}.homescreen .button{width:100%;padding:18px 20px}.demotitle{padding:60px 0 30px}.demotitle h2{font-size:32px;line-height:1;font-weight:400;color:#222}.demotitle{color:#999;text-align:center}.stripe.homedemo{text-align:center;padding:0 30px;box-shadow:inset 0 0 2px rgba(0,0,0,0.2)}.homeinstructors .column_content{padding:0 20px !important;text-align:center}.homeinstructors em{margin-top:-10px;font-size:12px;color:#bbb}.homeinstructors .column_content img{max-width:200px;border-radius:50%}.features-title,.homedemo .column_content{font-size:12px;color:#222;line-height:20px;letter-spacing:2px;padding:0 60px;text-align:center}.stripe.homedemo.greystripe{padding:30px 0;background:#EFEFEF}.features-title h3,.homedemo h3{font-size:32px;margin-bottom:20px;font-weight:600;text-align:center}.features-title h3:after{content:'';border-bottom:1px solid #EFEFEF;max-width:50%;display:block;margin:10px 25%}.homedemo img{border:1px solid rgba(255,255,255,0.1);border-radius:5px;box-shadow:0 0 1px rgba(0,0,0,0.1)}.homedemo a.button{color:#FFF}.footerbottom{display:none}section.stripe.keyfeatures{padding:60px 0 90px;background:#FFF}.keyfeatures p{font-size:16px;color:#999}.keyfeatures .heading{font-size:24px;padding:20px 0;margin:20px 0}.keyfeatures li{clear:both;font-size:14px;margin:20px 0;color:#666;display:inline-block;width:100%}.keyfeatures i{font-size:28px;color:#bbb;float:left;margin:0 10px 0 0}.keyfeatures .one_half{padding:10px}.keyfeatures .one_half .first{text-align:right}.keyfeatures .one_half .first i{float:right;margin:0 0 0 10px}.keyfeatures li strong:after{content:'';display:block}.keyfeatures .hero{max-width:60%}.stripe.hometestomonials{background:#FFF;padding:90px 0 120px;text-align:center}.stripe.hometestomonials .testimonial-content p{font-size:18px;font-style:italic;color:#888}.stripe.hometestomonials .testimonial-content .author img{float:none;display:inline !important}.stripe.hometestomonials .noheading .flex-direction-nav{bottom:-20px;margin-left:20px}.stripe.hometestomonials .testimonial-content{max-width:80%;font-style:italic;display:inline-block}footer{margin-top:0;display:none}.block.modern_course .course_block_instructor{position:absolute;width:48px;bottom:-24px;right:10px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,0.7)}.block_content a{font-size:11px;font-weight:600;text-transform:uppercase}.block.modern_course h4.block_title a{font-size:18px;text-transform:none;margin-right:48px}.block.modern_course h4.block_title{padding:0}.block .block_content{text-align:left}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment