enterprise: fix sizing

This commit is contained in:
Rob Szumski 2016-05-05 15:31:52 -04:00
parent 18af7806bc
commit 92c41df799
2 changed files with 12 additions and 9 deletions

View file

@ -2,7 +2,7 @@
.enterpriseLP {font-family: "Source Sans Pro", sans-serif; font-size: 1.2em; padding: 20px 10px;}
.enterpriseLP h2, .enterpriseLP h3, .enterpriseLP h4 {color: #003763; font-weight: bold;}
.enterpriseLP h2 {font-size: 1.5em; margin-bottom: 60px;}
.enterpriseLP h3 {font-size: 1.7em; margin-bottom: 40px;}
.enterpriseLP h3 {font-size: 1.25em; margin-bottom: 40px;}
.enterpriseLP h4 {font-size: 1.4em;}
.enterpriseLP hr {border-top: 1px solid #c2c2c2;}
.enterpriseLP a {text-decoration: underline;}
@ -11,8 +11,9 @@
.enterpriseLP .logo {max-width: 100%}
.enterpriseLP .img-responsive {margin: 0 auto;}
.enterpriseLP .header p {color: #20ca8c; font-weight: bold; font-size: 2em;}
.enterpriseLP .header .btn {font-size: 1.1em;}
.enterpriseLP .header p {color: #20ca8c; font-weight: bold; font-size: 1.5em;}
.enterpriseLP .header .btn {font-size: 1.0em;}
.enterpriseLP .header .fa {padding-left: 5px;}
.enterpriseLP .contactBox {background: #e7e7e7; color: #003763; padding: 10px 30px}
.enterpriseLP .contactBox hr {border-top: 1px dashed #c3c3c3; margin: 10px 0;}
.enterpriseLP .contactBox p {margin: 0 0 10px;}
@ -25,26 +26,28 @@
.enterpriseLP .enterpriseFeatures .fa {color: #52575f; font-size: 2em; padding-top: 10px;}
.enterpriseLP .enterpriseFeatures p.featuresHeader {color: #003763; font-size: 1.2em; font-weight: 700;}
.enterpriseLP .planInfo {border: 1px solid #666666; box-sizing: border-box; margin: 50px 5px; padding: 10px}
.enterpriseLP .planInfo p {font-size: .9em;}
.enterpriseLP .planInfo p {font-size: 1.1em;}
.enterpriseLP .planInfo .feature {padding-left: 30px;}
.enterpriseLP .planName {font-size: 1.3em; text-transform: uppercase;}
.enterpriseLP .planPrice {font-size: 1.4em;}
.enterpriseLP .planDescription {font-size: 1.25em;}
.enterpriseLP .planPrice span {font-size: 1.5em; font-weight: 600;}
.enterpriseLP .planPrice span.symbol {display: inline-block; font-size: 1em; margin-top: 5px; vertical-align: top;}
.enterpriseLP .pricing .fa {box-sizing: border-box; text-align: center; width: 19px;}
.enterpriseLP .pricing .fa {box-sizing: border-box; text-align: center; width: 10px;}
.enterpriseLP .hosted {margin-bottom: 50px;}
.enterpriseLP .hosted a {text-decoration: underline;}
.enterpriseLP .featureSet .enterprise ul {color: #20ca8c;}
.enterpriseLP .featureSet ul {list-style-type: square; color: #2f79b9;}
.enterpriseLP .featureSet li p {font-size: 1em; color: #333333;}
.enterpriseLP .featureSet li p.featureSetHeader {color: #003763; margin-bottom: 0; font-size: 1.1em;}
.enterpriseLP .featureSet .planHeader {color: #003763; display: table; font-size: 1.2em; font-weight: 600;}
.enterpriseLP .featureSet .planHeader {color: #003763; display: table; font-size: 0.9em; font-weight: 600;}
.enterpriseLP .featureSet .planHeader:before, .enterpriseLP .featureSet .planHeader:after { border-top: 1px solid #c2c2c2; content: ''; display: table-cell; position: relative; top: 0.5em; width: 45%;}
.enterpriseLP .featureSet .planHeader:before {right: 1.5%}
.enterpriseLP .featureSet .planHeader:after {left: 1.5%}
.enterpriseLP .featureSet .enterprise .planHeader {color: #20ca8c;}
.enterpriseLP .faq {margin-bottom: 20px;}
.enterpriseLP .faqQuestion {color: #003763; font-size: 1.2em; font-weight: 600;}
.enterpriseLP .faqAnswer { font-size: 0.8em;}
.enterpriseLP .faqHeader {font-size: 1.2em; font-weight: bold; padding-top: 20px;}
.enterpriseLP .faqLists {margin-bottom: 80px;}
.enterpriseLP .faqLists li {font-size: .8em;}
@ -62,8 +65,8 @@
.enterpriseLP .btn { margin-top: 15px; padding: 6px 30px; text-decoration: none;}
}
@media (min-width: 769px) {
.enterpriseLP {font-size: 1.35em; padding: 60px 100px;}
.enterpriseLP h2 {font-size: 2.6em; margin-bottom: 50px;}
.enterpriseLP {font-size: 1.0em; padding: 60px 100px;}
.enterpriseLP h2 {font-size: 1.9em; margin-bottom: 50px;}
.enterpriseLP p {margin: 0 0 10px;}
.enterpriseLP .header {margin-bottom: 70px;}
.enterpriseLP .header .btn {margin: 0 auto;}

View file

@ -8,7 +8,7 @@
</div>
<div class="col-md-4 text-right">
<p class="text-right">FREE 30-day Trial</p>
<a ng-click="qeStartTrial('quay-enterprise-standard-monthly')" class="btn btn-success">Start Your FREE Trial <span class="hidden-xs hidden-sm">&gt;</span></a>
<a ng-click="qeStartTrial('quay-enterprise-standard-monthly')" class="btn btn-success">Start Your FREE Trial <span class="hidden-xs hidden-sm fa fa-angle-right"></span></a>
</div>
</div>
<div class="row">