Line 275: | Line 275: | ||
#globalWrapper {padding-bottom: 0 !important; bottom: 0 !important;} | #globalWrapper {padding-bottom: 0 !important; bottom: 0 !important;} | ||
#mw-content-text > p:last-of-type { display: none } | #mw-content-text > p:last-of-type { display: none } | ||
+ | #content { | ||
+ | background: #FFF; | ||
+ | } | ||
+ | |||
+ | p {width: 80%; font-size: 18px; line-height: 24px; margin-top: 15px; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; color: #234C69;} | ||
+ | ol {width: 80%; font-size: 18px; line-height: 24px; margin-top: 15px; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; color: #234C69;} | ||
+ | h2 {width: 80%; margin-left: 10%; margin-right: 10%; font-size: 30px; line-height: 32px; color: #F37F78; } | ||
+ | h3 {width: 80%; margin-left: 10%; margin-right: 10%; font-size: 24px; line-height: 26px; color: #FCCFCD;} | ||
+ | ul.real li{list-style-type: disk;} | ||
+ | |||
+ | .text2 {width: 100%; background-color: #E7F1F7;} | ||
+ | .text2 p{width: 80%; margin-left: 10%; margin-right: 10%; color: #234C69;} | ||
+ | .text2 h2{width: 80%; margin-left: 10%; margin-right: 10%; color: #F37F78;} | ||
+ | |||
+ | caption{caption-side: bottom; text-align: justify; color:#234C69; font-weight: bold;} | ||
+ | p.caption{width: 80%; margin-left: 10%; margin-right: 10%; text-align: justify; color:#234C69; font-weight: bold; font-size: 14px; line-height: 14px; margin-top: 10px; margin-bottom: 10px;} | ||
+ | |||
+ | th {color:#234C69; font-weight: bold; text-align: left;} | ||
+ | td {width: 35%; color: #234C69;} | ||
+ | table {width: 70%; margin-left: 15%; margin-right: 15%;border: 2px solid #234C69; background-color: #F3F8FB;} | ||
+ | |||
+ | img.graph {width: 70%; height: auto; margin-left:15%; margin-right: 15%;margin-top: 15px;} | ||
+ | img.actualgraph {width: 55%; height: auto; margin-left:22.5%; margin-right: 22.5%;margin-top: 15px;} | ||
+ | |||
+ | |||
+ | |||
+ | #body { | ||
+ | background: #F27E77; | ||
+ | margin-bottom: 50px; | ||
+ | } | ||
+ | |||
+ | .hero-image { | ||
+ | height: 100vh; | ||
+ | top: -1px; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .hero-text { | ||
+ | text-align: center; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .hero-text h1 { | ||
+ | color: #234C69; | ||
+ | font-size: 80px; | ||
+ | line-height: 80px; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .hero-text p { | ||
+ | color: #F37F78; | ||
+ | font-size: 40px; | ||
+ | line-height: 42px; | ||
+ | } | ||
+ | |||
/***************************************************** RESPONSIVE STYLING ****************************************************/ | /***************************************************** RESPONSIVE STYLING ****************************************************/ |
Revision as of 23:47, 24 October 2017