Template:QualityBoxJumbotron: Difference between revisions
From Freephile Wiki
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"> | ||
