Keithaiken (Talk | contribs) |
Keithaiken (Talk | contribs) |
||
(46 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
.bannerImg {max-width: 100%; height:auto;} | .bannerImg {max-width: 100%; height:auto;} | ||
#slogan {text-align: center; font-size: calc(30px + 2vw) !important; line-height: calc(1.1em + 1.5vw) !important; font-weight: bold;} | #slogan {text-align: center; font-size: calc(30px + 2vw) !important; line-height: calc(1.1em + 1.5vw) !important; font-weight: bold;} | ||
− | #allContent {margin-left: 5%; margin-right: 5%} | + | #allContent {font-family: Arial, sans-serif; margin-left: 5% !important; margin-right: 5%!important;} |
h1, h2 {text-align: center; color: black !important} | h1, h2 {text-align: center; color: black !important} | ||
Line 18: | Line 18: | ||
a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;} | a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;} | ||
a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;} | a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;} | ||
+ | |||
+ | /*INLINE-BLOCK*/ | ||
+ | .contentDiv {display: inline-block;} | ||
+ | #text60 {width: 60%; vertical-align:middle;} | ||
+ | #text50 {width: 50%; vertical-align:middle;} | ||
+ | #text40 {width: 40%; vertical-align:middle;} | ||
+ | #text30 {width: 30%; vertical-align:middle;} | ||
+ | #text25 {width: 25%; vertical-align:middle;} | ||
/* former “pageText” */ | /* former “pageText” */ | ||
+ | p.figure {font-size: calc(9px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: justify !important; width:99%; padding: 5px; font-weight: normal;} | ||
+ | p.text9 {font-size: calc(9px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;} | ||
+ | p.text10 {font-size: calc(10px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;} | ||
p.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;} | p.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;} | ||
p.text12j {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: justify !important; width:99%; padding: 5px; font-weight: normal;} | p.text12j {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: justify !important; width:99%; padding: 5px; font-weight: normal;} | ||
Line 25: | Line 36: | ||
/* former “segment1” */ | /* former “segment1” */ | ||
p.text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;} | p.text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;} | ||
+ | p.text20j {font-size: calc(20px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: justify !important; width:99%; padding: 5px; font-weight: normal;} | ||
/* former “segment2” */ | /* former “segment2” */ | ||
p.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;} | p.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;} | ||
+ | p.text26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;} | ||
li.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; font-weight: normal;} | li.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; font-weight: normal;} | ||
Line 33: | Line 46: | ||
li.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;} | li.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;} | ||
+ | th.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;} | ||
+ | th#text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;} | ||
+ | |||
+ | th.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;} | ||
+ | th#text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;} | ||
+ | |||
+ | td.text10 {font-size: calc(10px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
td.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | td.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td.text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td.text26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td.text34 {font-size: calc(34px + 1vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | |||
+ | td#text10 {font-size: calc(10px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td#text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td#text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td#text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td#text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | td#text26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;} | ||
+ | |||
#litRef {font-size: calc(9px + 0.5vw) !important;} | #litRef {font-size: calc(9px + 0.5vw) !important;} | ||
+ | .litRef {font-size: calc(9px + 0.5vw) !important;} | ||
+ | |||
+ | /* ANCHOR BUTTONS */ | ||
+ | #anchorDiv { | ||
+ | position: -webkit-sticky; /* Safari */ | ||
+ | position: sticky; | ||
+ | top: 0; | ||
+ | z-index-9998 !important; | ||
+ | } | ||
+ | |||
+ | form { | ||
+ | padding-top: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | input.tealButton { | ||
+ | /*width: 300px;*/ | ||
+ | padding: 10px; | ||
+ | cursor: pointer; | ||
+ | /*font-weight: bold;*/ | ||
+ | font-family: Arial, sans-serif !important; | ||
+ | font-size: calc(11px + 0.5vw) !important; | ||
+ | background: #377b7e; | ||
+ | color: #fff; | ||
+ | border: 1px solid #377b7e; | ||
+ | border-radius: 5px; | ||
+ | box-shadow: 0 0 5px #377b7e; | ||
+ | } | ||
+ | |||
+ | input.tealButton:hover { | ||
+ | color: #ffffff; | ||
+ | background: #f5af3e; | ||
+ | border: 1px solid #f5af3e; | ||
+ | } | ||
+ | |||
+ | /* TOP CIRCLE */ | ||
+ | .circleTop { | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | border-radius: 50%; | ||
+ | font-size: 20px; | ||
+ | color: #fff; | ||
+ | line-height: 55px; | ||
+ | text-align: center; | ||
+ | background: #f5af3e; | ||
+ | opacity: 0.75; | ||
+ | position: fixed; | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | .circleTop a { | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 03:38, 2 November 2017