Difference between revisions of "Template:QualityBoxJumbotron"
Jump to navigation
Jump to search
(add CSS to each page) |
(adding CSS inline) |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
| − | {{#css: | + | {{#css: |
| + | html { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .pricing-table * { | ||
| + | list-style: none; | ||
| + | line-height: 1; | ||
| + | text-align: center !important; | ||
| + | } | ||
| + | .title { | ||
| + | border-radius:10px 10px 0 0; | ||
| + | font-size:4.5rem; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .pricing-table .title { | ||
| + | background-color: #fff; | ||
| + | padding: 1.625rem 1.25rem; | ||
| + | text-align: center; | ||
| + | color: #375793; | ||
| + | } | ||
| + | .pricing-table .title span { | ||
| + | display: block; | ||
| + | font-size: 1.75rem; | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | .pricing-table.most-popular .most-popular-title { | ||
| + | padding: .9375rem; | ||
| + | border-radius: 10px 10px 0 0; | ||
| + | font-weight: 300; | ||
| + | background-color: #375793; | ||
| + | border: none; | ||
| + | color: #fff; | ||
| + | } | ||
| + | .pricing-table .price { | ||
| + | background-color: #e2e9f0; | ||
| + | padding: 1.25rem; | ||
| + | text-align: center; | ||
| + | color: #2d3339; | ||
| + | font-weight: 700; | ||
| + | font-size: 1.125rem; | ||
| + | border-top: 1px solid #c4d2df; | ||
| + | border-bottom: 1px solid #c4d2df; | ||
| + | } | ||
| + | .pricing-table .bullet { | ||
| + | background-color: #fff; | ||
| + | padding: 1.25rem; | ||
| + | text-align: center; | ||
| + | color: #333; | ||
| + | font-size: 1.125rem; | ||
| + | font-weight: 400; | ||
| + | border-bottom: solid 1px #d1dce7; | ||
| + | } | ||
| + | .pricing-table .btn { | ||
| + | text-align: center; | ||
| + | } | ||
| + | a:hover { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | a:active, a:hover { | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn { | ||
| + | display:block; | ||
| + | } | ||
| + | .btn a { | ||
| + | text-decoration:none; | ||
| + | color: #fff !important; | ||
| + | } | ||
| + | |||
| + | .jumbotron { | ||
| + | background-image: url(https://freephile.org/w/images/f/f5/Mt_blanc.jpg); | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: -600px -400px; | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | .jumbotron a:link {color:white; background:#2963A2; text-decoration:underline;} | ||
| + | .jumbotron a:visited {color:gray; background:#2963A2; text-decoration:underline;} | ||
| + | .jumbotron a:hover {color:white; background:#2963A2; text-decoration:none; font-weight:bold;} | ||
| + | .jumbotron a:active {color:green; background:#2963A2; text-decoration:none;} | ||
| + | }} | ||
<html> | <html> | ||
<div class="jumbotron"> | <div class="jumbotron"> | ||
