(23 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | |||
/*------------------------- | /*------------------------- | ||
Simple reset | Simple reset | ||
Line 7: | Line 8: | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
+ | border: none; | ||
} | } | ||
Line 15: | Line 17: | ||
background: #fefefe; | background: #fefefe; | ||
position: relative; | position: relative; | ||
− | height: 100%; | + | height: 100% !important; |
+ | text-align: justify; | ||
} | } | ||
body{ | body{ | ||
font: 14px/1.3 'Segoe UI',Arial, sans-serif; | font: 14px/1.3 'Segoe UI',Arial, sans-serif; | ||
− | min-height: 100%; | + | min-height: 100% !important; |
min-width: 1000px; | min-width: 1000px; | ||
box-shadow: inset 0px 0 200px -30px rgba(0,0,0,.75); | box-shadow: inset 0px 0 200px -30px rgba(0,0,0,.75); | ||
+ | text-align: justify; | ||
} | } | ||
Line 45: | Line 49: | ||
h1, h2, h3, h4, h5, h6, h7, p{ | h1, h2, h3, h4, h5, h6, h7, p{ | ||
color: #333333; | color: #333333; | ||
+ | } | ||
+ | |||
+ | hr{ | ||
+ | border-top: .5px solid #C555; | ||
+ | margin: 2em 0; | ||
} | } | ||
Line 51: | Line 60: | ||
Navigation Menu | Navigation Menu | ||
-----------------------------*/ | -----------------------------*/ | ||
+ | |||
#colornav{ | #colornav{ | ||
padding-top: 1em; | padding-top: 1em; | ||
+ | } | ||
+ | |||
+ | #colornav p{ | ||
+ | text-align: center !important; | ||
} | } | ||
Line 142: | Line 156: | ||
#colorNav li:hover ul{ | #colorNav li:hover ul{ | ||
− | max-height: | + | max-height:600px; /* Increase when adding more dropdown items */ |
} | } | ||
Line 151: | Line 165: | ||
.menu > p{ | .menu > p{ | ||
− | text-align: center; | + | text-align: center !important; |
} | } | ||
Line 175: | Line 189: | ||
-----------------------------*/ | -----------------------------*/ | ||
#footer{ | #footer{ | ||
− | margin: | + | margin: 3em auto 0 auto; |
width: 80%; | width: 80%; | ||
text-align: center; | text-align: center; | ||
Line 195: | Line 209: | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 1em 0 1em 0; | padding: 1em 0 1em 0; | ||
+ | } | ||
+ | |||
+ | .content > img { | ||
+ | margin: 2em auto; | ||
+ | display: block; | ||
+ | width: 80%; | ||
} | } | ||
Line 209: | Line 229: | ||
} | } | ||
− | #accordion > h3 { | + | .content > .figure_with_desc{ |
+ | border-style: solid; | ||
+ | border-color: #CCC; | ||
+ | border-width: 1px; | ||
+ | margin: 2em 0; | ||
+ | width: 602px; | ||
+ | } | ||
+ | |||
+ | .content > .figure_with_desc > .figure{ | ||
+ | display: block; | ||
+ | width: 600px; | ||
+ | margin: auto; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .content > .figure_with_desc > .desc_head{ | ||
+ | display: inline-block; | ||
+ | width: 55px; | ||
+ | vertical-align: top; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .content > .figure_with_desc > .desc{ | ||
+ | display: inline-block; | ||
+ | width: 540px; | ||
+ | } | ||
+ | |||
+ | #team_members > #accordion > h3 { | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
Line 218: | Line 265: | ||
} | } | ||
− | #accordion > h3:hover { | + | #team_members > #accordion > h3:hover { |
background: #CCC; | background: #CCC; | ||
} | } | ||
− | # | + | #team_members > #accordion > div > img{ |
− | + | ||
− | + | ||
− | #accordion > div > img{ | + | |
display: inline-block; | display: inline-block; | ||
border-radius: 5px; | border-radius: 5px; | ||
width: 300px; | width: 300px; | ||
} | } | ||
− | #accordion > div > table{ | + | #team_members > #accordion > div > table{ |
display: inline-block; | display: inline-block; | ||
width: calc(100% - 310px); | width: calc(100% - 310px); | ||
vertical-align: top; | vertical-align: top; | ||
+ | padding-bottom: 1em; | ||
+ | margin: 0; | ||
+ | border: 0; | ||
} | } | ||
− | #accordion > div:first-child > img{ | + | #team_members > #accordion > div:first-child > img{ |
display: inline-block; | display: inline-block; | ||
border-radius: 5px; | border-radius: 5px; | ||
width: 400px; | width: 400px; | ||
} | } | ||
− | #accordion > div:first-child > table{ | + | #team_members > #accordion > div:first-child > table{ |
display: inline-block; | display: inline-block; | ||
width: calc(100% - 310px); | width: calc(100% - 310px); | ||
Line 247: | Line 294: | ||
} | } | ||
− | #accordion > div > table > tbody > tr { | + | #team_members > #accordion > div > table > tbody > tr { |
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
− | #accordion > div > table > tbody > tr > td { | + | #team_members > #accordion > div > table > tbody > tr > td { |
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
− | #accordion > div > table > tbody > tr > th { | + | #team_members > #accordion > div > table > tbody > tr > th { |
vertical-align: top; | vertical-align: top; | ||
width: 120px; | width: 120px; | ||
} | } | ||
+ | |||
+ | .img-preview-mask { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 9998; | ||
+ | background-color: rgba(0,0,0,.5); | ||
+ | } | ||
+ | |||
+ | .img-preview-popover { | ||
+ | position: fixed; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | width: 95% !important; | ||
+ | min-height: 95% !important; | ||
+ | background: #fefefe; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | } | ||
+ | #top_title{ | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
+ | </html> |
Latest revision as of 11:23, 17 October 2018