Skip to content

Instantly share code, notes, and snippets.

@FranciscoHV
Created October 26, 2016 18:16
Show Gist options
  • Save FranciscoHV/4a7092949ec72620f09ad152326a1cfc to your computer and use it in GitHub Desktop.
Save FranciscoHV/4a7092949ec72620f09ad152326a1cfc to your computer and use it in GitHub Desktop.
Extra del style.css
.btregister{border-radius: 3px;background-color: #2279c4;margin: 0;color: #fff;border: 0 none;padding: 4px 9px;font-weight: bold;}
@media only screen and (max-width:767px) {
.image-resized img {width:100%;height:auto;}
}
/* 240px screens */
@media only screen and (max-width: 319px) {
.image-resized img {width:240px;height:auto;}
}
/* 320px screens */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.image-resized img {width:320px;height:auto;}
}
/* 480px screens */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.image-resized img {width:480px;height:auto;}
}
@media screen and (max-width: 640px) {
table {overflow-x: auto;display: block;}
}
.rpt_5_plans .rpt_plan{width:19.5%;float:left}.rpt_5_plans .rpt_plan_0{margin-right:.62%}.rpt_5_plans .rpt_plan_2{margin-left:.62%}.rpt_5_plans .rpt_plan_3{margin-left:.62%}.rpt_5_plans .rpt_plan_4{margin-left:.62%}.rpt_4_plans .rpt_plan{width:24.5%;float:left}.rpt_4_plans .rpt_plan_0{margin-right:.66%}.rpt_4_plans .rpt_plan_2{margin-left:.66%}.rpt_4_plans .rpt_plan_3{margin-left:.66%}.rpt_3_plans .rpt_plan{width:32%;float:left}.rpt_3_plans .rpt_plan_0{margin-right:1.9%}.rpt_3_plans .rpt_plan_2{margin-left:1.9%}.rpt_2_plans .rpt_plan{width:49%;float:left}.rpt_2_plans .rpt_plan_0{margin-right:2%}.rpt_style_basic .rpt_plan .rpt_title img{margin-right:10px;position:relative;vertical-align:middle}.rpt_style_basic .rpt_plan .rpt_title{text-align:center;background:#313B3D;padding:14px 18px;font-size:26px;color:#fff;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px}.rpt_style_basic .rpt_sm_title .rpt_plan .rpt_title{font-size:20px}.rpt_style_basic .rpt_xsm_title .rpt_plan .rpt_title{font-size:17px}.rpt_4_plans .rpt_plan .rpt_title{font-size:17px}.rpt_4_plans .rpt_sm_title .rpt_plan .rpt_title{font-size:15px}.rpt_4_plans .rpt_xsm_title .rpt_plan .rpt_title{font-size:13px}.rpt_5_plans .rpt_plan .rpt_title{font-size:15px}.rpt_5_plans .rpt_sm_title .rpt_plan .rpt_title{font-size:13px}.rpt_5_plans .rpt_xsm_title .rpt_plan .rpt_title{font-size:12px}.rpt_style_basic .rpt_plan .rpt_head .rpt_price .rpt_currency{position:relative;top:-44px;left:-10px;font-size:35px;line-height:0}.rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency{top:-36px}.rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency{top:-26px}.rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price .rpt_currency{font-size:30px;top:-44px;left:-4px}.rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency{font-size:25px;top:-30px;left:-4px}.rpt_style_basic .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency{font-size:21px;top:-14px;left:-4px}.rpt_style_basic .rpt_plan .rpt_head{background:#2279c4;background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#333),color-stop(100%,#1c1c1c));background:-webkit-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-o-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:-ms-linear-gradient(45deg,#333 0%,#1c1c1c 100%);background:linear-gradient(45deg,#333 0%,#1c1c1c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#1c1c1c',GradientType=1)}.rpt_style_basic .rpt_plan .rpt_head .rpt_price{padding:6px 10px;font-size:74px;line-height:100px;font-weight:300;text-align:center;color:#fff;text-shadow:1px 2px 7px rgba(0,0,0,0.6)}.rpt_style_basic .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:62px}.rpt_style_basic .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:56px}.rpt_style_basic .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price{font-size:38px}.rpt_4_plans .rpt_plan .rpt_head .rpt_price{font-size:69px;line-height:80px}.rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:53px;line-height:65px}.rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:47px;line-height:64px}.rpt_4_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price{font-size:31px;line-height:60px}.rpt_5_plans .rpt_plan .rpt_head .rpt_price{font-size:59px;line-height:80px}.rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price{font-size:44px;line-height:60px}.rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price{font-size:37px;line-height:53px}.rpt_5_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price{font-size:24px;line-height:50px}.rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence{font-size:13px;font-weight:300;line-height:18px;padding:20px 40px 10px;color:#d3d3d3;text-align:center}.rpt_style_basic .rpt_sm_recurrence .rpt_plan .rpt_head .rpt_recurrence{font-size:11px;padding:20px 40px 4px}.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle{font-size:16px;line-height:20px;font-weight:300;text-align:center;padding:10px 30px 20px}.rpt_style_basic .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:14px}.rpt_style_basic .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:12px}.rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle{font-size:16px;line-height:18px;padding:10px 10px 20px}.rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:14px;line-height:17px}.rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:13px;line-height:16px}.rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle{font-size:15px;line-height:18px;padding:10px 10px 20px}.rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:13px;line-height:17px}.rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle{font-size:12px;line-height:16px}.rpt_style_basic .rpt_plan .rpt_head .rpt_description{font-size:14px;line-height:20px;padding:0 20px 30px;font-weight:300;text-align:center;color:grey}.rpt_style_basic .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:12px}.rpt_4_plans .rpt_plan .rpt_head .rpt_description{font-size:13px;line-height:18px}.rpt_4_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:12px;line-height:17px}.rpt_5_plans .rpt_plan .rpt_head .rpt_description{font-size:12px;line-height:18px}.rpt_5_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description{font-size:11px;line-height:17px}.rpt_style_basic .rpt_plan .rpt_features{padding:20px;background:#f5f5f5;text-align:left;}.rpt_style_basic .rpt_plan .rpt_features .rpt_feature{font-size:16px;padding:6px 7px;border-bottom:1px dotted #d3d3d3}.rpt_style_basic .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:14px}.rpt_4_plans .rpt_plan .rpt_features .rpt_feature{padding:6px 10px;font-size:14px}.rpt_4_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:12px}.rpt_5_plans .rpt_plan .rpt_features .rpt_feature{padding:6px 10px;font-size:13px}.rpt_5_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature{font-size:11px}.rpt_style_basic .rpt_plan .rpt_foot{display:block;padding:10px 30px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center;color:#fff;font-size:24px;text-decoration:none;font-weight:300;transition:All 500ms ease;-webkit-transition:All 500ms ease;-moz-transition:All 500ms ease;-o-transition:All 500ms ease}.rpt_style_basic .rpt_sm_button .rpt_plan .rpt_foot{font-size:19px}.rpt_4_plans .rpt_plan .rpt_foot{padding:4px 20px;font-size:19px}.rpt_4_plans .rpt_sm_button .rpt_plan .rpt_foot{padding:4px 20px;font-size:17px}.rpt_5_plans .rpt_plan .rpt_foot{padding:4px 20px;font-size:17px}.rpt_5_plans .rpt_sm_button .rpt_plan .rpt_foot{font-size:16px}.rpt_style_basic .rpt_plan .rpt_foot:hover{opacity:.8}.rpt_style_basic .rpt_plan img{display:inline;margin:0 10px 0 0;padding:0;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);border:none}.rpt_style_basic .rpt_recommended_plan{position:relative;top:-10px}.rpt_style_basic .rpt_recommended_plan .rpt_title{background:#2279c4}.rpt_style_basic .rpt_recommended_plan .rpt_head .rpt_price{font-size:98px}.rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price{font-size:74px}.rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price{font-size:67px}.rpt_style_basic .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:83px}.rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:60px}.rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:54px}.rpt_style_basic .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:55px}.rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:49px}.rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:41px}.rpt_style_basic .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:42px}.rpt_4_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:34px}.rpt_5_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price{font-size:26px}.rpt_style_basic .rpt_recommended_plan .rpt_head{background:#1e1e1e;background:-moz-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#1e1e1e),color-stop(100%,#191919));background:-webkit-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-o-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:-ms-linear-gradient(45deg,#1e1e1e 0%,#191919 100%);background:linear-gradient(45deg,#1e1e1e 0%,#191919 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e',endColorstr='#191919',GradientType=1)}.rpt_style_basic .rpt_recommended_plan .rpt_foot{font-size:30px;border-top: 0px solid #4cb94e !important;padding:16px 0}.rpt_style_basic .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:25px}.rpt_4_plans .rpt_recommended_plan .rpt_foot{font-size:22px;font-weight:300;padding:10px 0}.rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:19px;padding:10px 0}.rpt_5_plans .rpt_recommended_plan .rpt_foot{font-size:20px;font-weight:300;padding:10px 0}.rpt_5_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot{font-size:18px;padding:10px 0}img.rpt_recommended{float:right}.entry-content .rpt_plan a{border-bottom:none}.rpt_plan a{border-bottom:none}@media only screen and (min-width: 40em) and (max-width: 64.063em){.rpt_style_basic .rpt_plan .rpt_head .rpt_price{font-size:64px;margin-top:20px}}@media only screen and (max-width: 40em){.rpt_style_basic .rpt_recommended_plan .rpt_foot{font-size:30px;font-weight:300;padding:20px 0}.rpt_style_basic .rpt_plan .rpt_head .rpt_price{font-size:74px!important;line-height:100px!important}.rpt_style_basic .rpt_plan .rpt_title{font-size:26px!important;}.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle{font-size:17px!important;line-height:28px;padding:10px 40px 20px}.rpt_style_basic .rpt_plan .rpt_head .rpt_description{font-size:15px!important;line-height:26px!important;padding:0 40px 30px}.rpt_style_basic .rpt_plan .rpt_features .rpt_feature{padding:6px 16px;font-size:14px!important;}.rpt_style_basic .rpt_plan .rpt_foot{padding:10px 40px;text-align:center;font-size:20px!important}.rpt_plans .rpt_plan{width:96%;margin:10px 2% 20px!important}.rpt_plan .rpt_head .rpt_price .rpt_currency{top:-36px!important;left:-10px!important;font-size:35px!important}}#rpt_pricr .rpt_plan_ori .rpt_title,#rpt_pricr .rpt_plan_ori .rpt_head .rpt_recurrence,#rpt_pricr .rpt_plan_ori .rpt_head .rpt_price,#rpt_pricr .rpt_plan_ori .rpt_head .rpt_price .rpt_currency,#rpt_pricr .rpt_plan_ori .rpt_head .rpt_subtitle,#rpt_pricr .rpt_plan_ori .rpt_head .rpt_description,#rpt_pricr .rpt_plan_ori .rpt_features .rpt_feature,#rpt_pricr .rpt_plan_ori .rpt_features .rpt_feature a,#rpt_pricr .rpt_plan_ori .rpt_foot{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:300!important}
.rpt_features_1{border-left: 1px solid #2279c4 !important; border-right: 1px solid #2279c4 !important;}
.rpt_features_0{border-left: 1px solid #313B3D !important; border-right: 1px solid #313B3D !important;}
.rpt_features_2{border-left: 1px solid #313B3D !important; border-right: 1px solid #313B3D !important;}
.rpt_features_3{border-left: 1px solid #313B3D !important; border-right: 1px solid #313B3D !important;}
.buttonPDF{
padding:10px 24px;
display: inline-block;
margin:10px 10px 10px 0;
font-size:12px;
background-color: #DF361E !important;
/*border:1px solid #2279c4 !important;*/
background-image:url(../images/button.png);
color: #FFF;
border-radius:2px;
outline: none;
font-weight:600;
letter-spacing: 0.1em;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
.buttonENTER{
padding:10px 24px;
display: inline-block;
margin:10px 10px 10px 0;
font-size:16px;
background-color: #DF361E !important;
/*border:1px solid #2279c4 !important;*/
background-image:url(../images/button.png);
color: #FFF;
border-radius:2px;
outline: none;
font-weight:600;
letter-spacing: 0.1em;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
.buttonCALL{
padding:10px 24px;
display: inline-block;
margin:10px 10px 10px 0;
font-size:20px;
background-color: #2279c4 !important;
/*border:1px solid #2279c4 !important;*/
background-image:url(../images/button.png);
color: #FFF;
border-radius:2px;
outline: none;
font-weight:600;
letter-spacing: 0.1em;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
a.tooltips {position: relative;display: inline;}
a.tooltips span {position: absolute;width:200px;color: #FFFFFF;background: #000000;height: 80px;line-height: 15px;text-align: center;visibility: hidden;border-radius: 6px;font-size:14px;padding-top:20px;display:none;}
a.tooltips span:after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -8px;width: 0; height: 0;border-top: 8px solid #000000;border-right: 8px solid transparent;border-left: 8px solid transparent;}
a:hover.tooltips span {visibility: visible;display:block;opacity: 0.8;bottom: 30px;left: 50%;margin-left: -76px;z-index: 999;}
@media screen and (max-width: 480px) {
.layer3 {display: none !important;}
}
a.tooltipsc {position: relative;display: inline;}
a.tooltipsc span {position: absolute;width:250px;color: #FFFFFF;background: #000000;height: auto;line-height: 15px;text-align: center;visibility: hidden;border-radius: 6px;font-size:14px;padding-top:10px;padding-bottom:10px;display:none;}
a.tooltipsc span:after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -8px;width: 0; height: 0;border-top: 8px solid #000000;border-right: 8px solid transparent;border-left: 8px solid transparent;}
a:hover.tooltipsc span {visibility: visible;display:block;opacity: 0.8;bottom: 30px;left: 50%;margin-left: -76px;z-index: 999;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment