Line 45: | Line 45: | ||
h1, h2, h3, h4, h5, h6, h7, p{ | h1, h2, h3, h4, h5, h6, h7, p{ | ||
color: #333333; | color: #333333; | ||
+ | } | ||
+ | |||
+ | hr{ | ||
+ | margin: 2em 0; | ||
} | } | ||
Line 175: | Line 179: | ||
-----------------------------*/ | -----------------------------*/ | ||
#footer{ | #footer{ | ||
− | margin: | + | margin: 3em auto 0 auto; |
width: 80%; | width: 80%; | ||
text-align: center; | text-align: center; | ||
Line 195: | Line 199: | ||
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 219: | ||
} | } | ||
− | #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 255: | ||
} | } | ||
− | #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; | ||
} | } | ||
− | #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 282: | ||
} | } | ||
− | #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; | ||
− | } | + | }</style> |
− | </style> | + |
Revision as of 07:16, 16 October 2018