(Replaced content with "<html> </html>") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $('p:empty').css('display','none'); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | /*UNIVERSAL STUFF FOR ALL PAGES*/ | ||
+ | html { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | .container { | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0 0 0 0; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #95CD74; | ||
+ | font-family: "avenir"; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0 0 0 0; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | /* width */ | ||
+ | ::-webkit-scrollbar { | ||
+ | width: 5px; | ||
+ | } | ||
+ | |||
+ | /* Track */ | ||
+ | ::-webkit-scrollbar-track { | ||
+ | background: #A6EF9B; | ||
+ | } | ||
+ | |||
+ | /* Handle */ | ||
+ | ::-webkit-scrollbar-thumb { | ||
+ | background: #3E9B2F; | ||
+ | } | ||
+ | |||
+ | /* Handle on hover */ | ||
+ | ::-webkit-scrollbar-thumb:hover { | ||
+ | background: #50791A; | ||
+ | } | ||
+ | |||
+ | #top_title { | ||
+ | display: none; | ||
+ | margin-bottom: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #content { | ||
+ | margin: 0; | ||
+ | display: inline; | ||
+ | padding: 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #navbar { | ||
+ | text-align: left; | ||
+ | overflow: hidden; | ||
+ | background: #56A229; | ||
+ | } | ||
+ | |||
+ | #navbar span { | ||
+ | padding: 0.5% 0 0.5% 0; | ||
+ | /*position: fixed;*/ | ||
+ | /*top: 0;*/ | ||
+ | font-size:3.5em; | ||
+ | cursor:pointer; | ||
+ | display: inline; | ||
+ | width: 100%; | ||
+ | color: black; | ||
+ | text-align: left; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | |||
+ | .content { | ||
+ | padding: 16px; | ||
+ | } | ||
+ | |||
+ | .sticky { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .sticky + .content { | ||
+ | padding-top: 60px; | ||
+ | } | ||
+ | |||
+ | /*Navigation Overlay Style BEGINS*/ | ||
+ | .overlay { | ||
+ | height: 100%; | ||
+ | width: 0%; | ||
+ | position: fixed; | ||
+ | z-index: 1; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | background-color: rgb(100,170,60); | ||
+ | background-color: rgba(100,170,60, 0.9); | ||
+ | overflow-y: auto; | ||
+ | overflow-x: hidden; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | .overlay-content { | ||
+ | position: relative; | ||
+ | top: 15%; | ||
+ | bottom: 15%; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | margin-top: 5%; | ||
+ | } | ||
+ | |||
+ | .overlay a { | ||
+ | padding: 5%; | ||
+ | text-decoration: none; | ||
+ | font-size: 200%; | ||
+ | color: #ACEB88; | ||
+ | display: block; | ||
+ | transition: 0.3s; | ||
+ | font-weight: bold; | ||
+ | line-height: 1.6; | ||
+ | } | ||
+ | .overlay .panel a { | ||
+ | font-size: 150%; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .overlay a:hover , .overlay a:focus{ | ||
+ | color: #F0FF92; | ||
+ | border: 1px solid green; | ||
+ | } | ||
+ | |||
+ | .overlay .closebtn { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | right: 0px; | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | /*Accordion style BEGINS*/ | ||
+ | button.Accordion { | ||
+ | background-color: rgba(0,0,0, 0); | ||
+ | cursor: pointer; | ||
+ | width: 100%; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | padding: 5%; | ||
+ | text-decoration: none; | ||
+ | font-size: 200%; | ||
+ | color: #ACEB88; | ||
+ | display: block; | ||
+ | transition: 0.3s; | ||
+ | font-weight: bold; | ||
+ | font-family:"avenir"; | ||
+ | text-align: center; | ||
+ | line-height: 1.6; | ||
+ | } | ||
+ | .overlay button:after { | ||
+ | content: '+'; | ||
+ | color: #F0FF92; | ||
+ | font-weight: bold; | ||
+ | float: right; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | .overlay .active:after { | ||
+ | content: '-'; | ||
+ | color: #F0FF92; | ||
+ | font-weight: bold; | ||
+ | float: right; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | .overlay button:hover, .overlay button:focus { | ||
+ | color: #F0FF92; | ||
+ | border: 1px solid green; | ||
+ | } | ||
+ | |||
+ | div.panel { | ||
+ | max-height: 0; | ||
+ | overflow: hidden; | ||
+ | transition: max-height 0.2s ease-out; | ||
+ | } | ||
+ | /*Accordion style ENDS*/ | ||
+ | /*Navigation Overlay Style ENDS*/ | ||
+ | |||
+ | /*MAIN BODY CONTENT SECTION BEGINS*/ | ||
+ | .content-section { | ||
+ | margin: 0 10% 0 10%; | ||
+ | padding: 3% 3% 5% 3%; | ||
+ | background: #C7FCA9; | ||
+ | line-height: 1.6; | ||
+ | |||
+ | } | ||
+ | .PageTitle { | ||
+ | font-size: 300%; | ||
+ | text-align: center; | ||
+ | font-family: "Trebuchet MS"; | ||
+ | } | ||
+ | img { | ||
+ | display: block; | ||
+ | height: 50%; | ||
+ | width: 50%; | ||
+ | margin: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .biggerImg img { | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /*#navbar span img { | ||
+ | display: block; | ||
+ | height: 7.5%; | ||
+ | width: 7.5%; | ||
+ | float: left; | ||
+ | |||
+ | padding: 0 0 0 3%; | ||
+ | }*/ | ||
+ | |||
+ | #navbar img { | ||
+ | display: inline-block; | ||
+ | height: 7.5%; | ||
+ | width: 7.5%; | ||
+ | |||
+ | margin-left: 27.5%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #HQ_page p { | ||
+ | font-size: 125%; | ||
+ | text-align: center; | ||
+ | font-family: "avenir"; | ||
+ | line-height: 27px; | ||
+ | } | ||
+ | |||
+ | #HQ_page h1, h2, h3, h4, h5 { | ||
+ | font-family: "avenir"; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #HQ_page #navbar h1 { | ||
+ | text-align: left; | ||
+ | display: inline; | ||
+ | vertical-align: middle; | ||
+ | font-size: 3em; | ||
+ | } | ||
+ | |||
+ | table img { | ||
+ | width: 150px; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | display: inline-block; | ||
+ | margin: 2% 4% 2% 0; | ||
+ | } | ||
+ | |||
+ | #HQ_page td { | ||
+ | padding: 0; | ||
+ | border: 0 solid black; | ||
+ | } | ||
+ | |||
+ | #HQ_page table { | ||
+ | padding: 0; | ||
+ | border: 0 solid black; | ||
+ | } | ||
+ | |||
+ | #HQ_page table p { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #HQ_page .leftSide p { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #HQ_page .leftSide h1, h2, h3, h4, h5 { | ||
+ | text-align: left; | ||
+ | } | ||
+ | #HQ_page .leftSide img { | ||
+ | display: block; | ||
+ | width: 25%; | ||
+ | height: auto; | ||
+ | margin: 0 0 2.5% 0; | ||
+ | } | ||
+ | |||
+ | /*MAIN BODY CONTENT SECTION ENDS*/ | ||
+ | |||
+ | |||
+ | |||
+ | /*MEDIA QUERIES BEGIN*/ | ||
+ | @media screen and (max-width: 768px) { | ||
+ | .content-section { | ||
+ | margin: 0; | ||
+ | padding: 12.5% 4% 5% 4%; | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | height: 85%; | ||
+ | width: 85%; | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | font-size: 115%; | ||
+ | line-height: 24px; | ||
+ | } | ||
+ | |||
+ | .overlay a { | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | .overlay .panel a { | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | button.Accordion { | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | #navbar img { | ||
+ | height: 15%; | ||
+ | width: 15%; | ||
+ | margin-left: 5%; | ||
+ | } | ||
+ | .overlay .closebtn { | ||
+ | top: 15px; | ||
+ | right: 15px; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | #HQ_page table p { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #HQ_page .leftSide img { | ||
+ | display: block; | ||
+ | width: 75%; | ||
+ | height: auto; | ||
+ | margin: 0 0 2.5% 0; | ||
+ | } | ||
+ | |||
+ | #navbar span { | ||
+ | font-size:2.5em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #HQ_page #navbar h1 { | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | |||
+ | #HQ_page .leftSide p { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #HQ_page .leftSide h1, h2, h3, h4, h5 { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
+ | /*MEDIA QUERIES END*/ | ||
+ | |||
+ | |||
+ | </style> | ||
</html> | </html> |
Revision as of 07:41, 26 August 2020