Difference between revisions of "Template:JMU Wuerzburg/jmu wuerzburg css"

 
(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:400px; /* Increase when adding more dropdown items */
+
     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: 5em auto 0 auto;
+
     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;
 
}
 
}
  
#accordion > div {
+
#team_members > #accordion > div > img{
    padding-bottom: 2em;
+
}
+
#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