Difference between revisions of "Template:JMU Wuerzburg/jmu wuerzburg css"
(Created page with "→------------------------- Simple reset --------------------------: *{ margin:0; padding:0; } /*------------------------- General Styles -----------...") |
|||
| (24 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | <html> | ||
| + | <style> | ||
| + | |||
/*------------------------- | /*------------------------- | ||
Simple reset | Simple reset | ||
| Line 5: | Line 8: | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
| + | border: none; | ||
} | } | ||
| Line 13: | 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 43: | 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 49: | Line 60: | ||
Navigation Menu | Navigation Menu | ||
-----------------------------*/ | -----------------------------*/ | ||
| + | |||
#colornav{ | #colornav{ | ||
padding-top: 1em; | padding-top: 1em; | ||
| + | } | ||
| + | |||
| + | #colornav p{ | ||
| + | text-align: center !important; | ||
} | } | ||
| Line 140: | Line 156: | ||
#colorNav li:hover ul{ | #colorNav li:hover ul{ | ||
| − | max-height: | + | max-height:600px; /* Increase when adding more dropdown items */ |
} | } | ||
| Line 149: | Line 165: | ||
.menu > p{ | .menu > p{ | ||
| − | text-align: center; | + | text-align: center !important; |
} | } | ||
| Line 173: | Line 189: | ||
-----------------------------*/ | -----------------------------*/ | ||
#footer{ | #footer{ | ||
| − | margin: | + | margin: 3em auto 0 auto; |
width: 80%; | width: 80%; | ||
text-align: center; | text-align: center; | ||
| Line 193: | 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 207: | 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 216: | 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 245: | 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> | ||
| + | </html> | ||
Latest revision as of 11:23, 17 October 2018