123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- section.subscription_plans {
- ul {
- border: 0px;
- }
-
- p.promohead {
- align: center;
- text-align: center;
- color: #888888;
- font-size: 2em;
- padding-bottom: 20px;
- }
-
- .title {
- font-size: 1.7em;
- text-transform: uppercase;
- line-height: 24px;
- padding: 38px;
- #mostPopular {
- padding: 0px;
- margin:0px;
- position: absolute;
- top: 0px;
- right: 15px;
- width: 80px;
- height: 80px;
- background: image-url("global/mostpopular_promoflag.png") no-repeat center;
- }
- }
-
- .title.option1 {
- background: #d36062;
- background: -webkit-linear-gradient(top,#d36062 0,#F58284 100%);
- background: -moz-linear-gradient(top,#d36062 0,#F58284 100%);
- background: -ms-linear-gradient(top,#d36062 0,#F58284 100%);
- background: -o-linear-gradient(top,#d36062 0,#F58284 100%);
- -webkit-border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -ms-border-radius: 4px 4px 0 0;
- -o-border-radius: 4px 4px 0 0;
- border-radius: 4px 4px 0 0;
- }
- .title.option2 {
- background: #43b6cf;
- background: -webkit-linear-gradient(top,#65D8EF 0,#43b6cf 100%);
- background: -moz-linear-gradient(top,#65D8EF 0,#43b6cf 100%);
- background: -ms-linear-gradient(top,#65D8EF 0,#43b6cf 100%);
- background: -o-linear-gradient(top,#65D8EF 0,#43b6cf 100%);
- -webkit-border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -ms-border-radius: 4px 4px 0 0;
- -o-border-radius: 4px 4px 0 0;
- border-radius: 4px 4px 0 0;
- }
- .title.option3 {
- background: #86c79e;
- background: -webkit-linear-gradient(top,#86c79e 0,#A8E9BF 100%);
- background: -moz-linear-gradient(top,#86c79e 0,#A8E9BF 100%);
- background: -ms-linear-gradient(top,#86c79e 0,#A8E9BF 100%);
- background: -o-linear-gradient(top,#86c79e 0,#A8E9BF 100%);
- -webkit-border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -ms-border-radius: 4px 4px 0 0;
- -o-border-radius: 4px 4px 0 0;
- border-radius: 4px 4px 0 0;
- }
-
- .promo {
- align: center;
- text-align: center;
- background: #F6F6F6;
- .tag {
- background: #F6F6F6 image-url("global/promo_ribbon.png") no-repeat center;
- min-height: 40px;
- color: white;
- font-size: 16px;
- font-weight: bold;
- line-height: 40px;
- }
- .strike {
- text-decoration: line-through;
- font-size: 18px;
- font-weight: bold;
- color: gray;
- }
- }
-
- .price {
- padding-top: 0px;
- font-size: 3em;
- font-weight: bold;
- }
-
- .description {
- font-size: 12px;
- padding-top: 0px;
- padding-bottom: 10px;
- span {
- font-weight: bold;
- }
- }
-
- small {
- display: block;
- font-size: 12px;
- }
- }
- .featured {
- top: -30px;
- .pricing-table {
- .title {
- padding-top: 52px;
- padding-bottom: 52px;
- }
- }
- }
- a.featuredButton {
- background-color: #81BA00;
- }
- a.featuredButton:hover {
- background-color: #5e9800;
- }
- .fine {
- padding-bottom: 20px;
- }
|