|
|
| Line 1: |
Line 1: |
| − | a {
| |
| − | color: #aaa;
| |
| − | text-decoration: none;
| |
| − | outline: none;
| |
| − | }
| |
| − |
| |
| − | a img {
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | a:hover,
| |
| − | a:active {
| |
| − | color: #333;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | body{
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | height:100%;
| |
| − | color: #6b7381;
| |
| − | background: #f2f2f2;
| |
| − | text-align: left;
| |
| − | font-size: 150%;
| |
| − | font-family: 'Lato', Calibri, Arial, sans-serif;
| |
| − | }
| |
| − |
| |
| − | #ueberschrift
| |
| − | {
| |
| − | color: white;
| |
| − | padding-right: 20px;
| |
| − | margin-top:5px;
| |
| − | padding-top: 5px;
| |
| − | text-align: right;
| |
| − | font-size: 150%;
| |
| − | }
| |
| − |
| |
| − | #header{
| |
| − | /*margin:20px;*/
| |
| − | padding:0;
| |
| − | font-size:230%;
| |
| − | text-align:center;
| |
| − |
| |
| − | background-color:#6599FF;
| |
| − | height:176px;
| |
| − | }
| |
| − |
| |
| − | #teamlogo{
| |
| − | background-color:#6599FF;
| |
| − | height:156px;
| |
| − | width:100%;
| |
| − | background: url(../images/bg1.jpg);
| |
| − | background-repeat: repeat-x;
| |
| − | background-position: center;
| |
| − | }
| |
| − |
| |
| − | #content{
| |
| − | -moz-border-radius: 20px;
| |
| − | -webkit-border-radius: 20px;
| |
| − | margin-top:10px;
| |
| − | margin-bottom: 2%;
| |
| − | margin-left: 20%;
| |
| − | padding: 10px 10px 10px 10px;
| |
| − | background: white;
| |
| − | width:68%;
| |
| − | height:100%;
| |
| − | }
| |
| − |
| |
| − | #main{
| |
| − | padding-left:10%;
| |
| − | padding-right:10%;
| |
| − | padding-top:5%;
| |
| − | padding-bottom:5%;
| |
| − | }
| |
| − | #footer{
| |
| − | background: #333;
| |
| − | padding-bottom: 5%;
| |
| − | color:white;
| |
| − | text-align:center;
| |
| − | clear:left;
| |
| − | }
| |
| − | .floatLeft{
| |
| − | background: url(../images/bg.jpg);
| |
| − | float:left;
| |
| − | }
| |
| − | .sidebar-left{
| |
| − | background: url(../images/bg.jpg);
| |
| − | width: 20%;
| |
| − | }
| |
| − |
| |
| − | .copyright {font-size : 9px; font-family : courier new;}
| |
| − | p {font-size : 20px}
| |
| − |
| |
| − |
| |
| − | img {
| |
| − | max-width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #global-nav{
| |
| − | background-color:black;
| |
| − | width:100%;
| |
| − | -moz-border-radius: 20px;
| |
| − | -webkit-border-radius: 20px;
| |
| − | margin:0 auto;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | nav
| |
| − | {
| |
| − |
| |
| − | margin: 0 auto;
| |
| − | width: 100%; /* 1000 */
| |
| − | font-family: 'Open Sans', sans-serif;
| |
| − | font-weight: 100;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | nav > a
| |
| − | {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | nav li
| |
| − | {
| |
| − |
| |
| − | position: relative;
| |
| − | }
| |
| − | nav li a
| |
| − | {
| |
| − | color: white;
| |
| − | display: block;
| |
| − | }
| |
| − | nav li a:active
| |
| − | {
| |
| − | background-color: yellow !important;
| |
| − | }
| |
| − |
| |
| − | nav span:after
| |
| − | {
| |
| − | width: 0;
| |
| − | height: 0;
| |
| − | border: 0.313em solid transparent; /* 5 */
| |
| − | border-bottom: none;
| |
| − | border-top-color: white;
| |
| − | content: '';
| |
| − | vertical-align: middle;
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | right: -0.313em; /* 5 */
| |
| − | }
| |
| − |
| |
| − | /* first level */
| |
| − |
| |
| − | nav > ul
| |
| − | {
| |
| − |
| |
| − | margin:0 auto;
| |
| − | padding:0px;
| |
| − | height: 2.65em; /* 60 */
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | nav > ul > li
| |
| − | {
| |
| − | width: 11%;
| |
| − | height: 100%;
| |
| − | float: left;
| |
| − | list-style:none;
| |
| − |
| |
| − | }
| |
| − | nav > ul > li > a
| |
| − | {
| |
| − | text-decoration: none;
| |
| − | display:block;
| |
| − | height: 100%;
| |
| − |
| |
| − | font-size: 0.8em; /* 24 */
| |
| − | line-height: 1.8em; /* 60 (24) */
| |
| − | text-align: center;
| |
| − | }
| |
| − | nav > ul > li:hover > a,
| |
| − | nav > ul > li.active > a
| |
| − | {
| |
| − | background-color: transparent;
| |
| − | color:yellow;
| |
| − | -moz-border-radius: 20px;
| |
| − | -webkit-border-radius: 20px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* second level */
| |
| − |
| |
| − | nav li ul
| |
| − | {
| |
| − | width:200%;
| |
| − | -moz-border-radius: 20px;
| |
| − | -webkit-border-radius: 20px;
| |
| − | background-color: white;
| |
| − | display: none;
| |
| − | font-size:40%;
| |
| − | color: black;
| |
| − | list-style: none;
| |
| − | position: absolute;
| |
| − | top: 100%;
| |
| − | }
| |
| − | nav li:hover ul
| |
| − | {
| |
| − | display: block;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | }
| |
| − | nav li:first-child:hover ul
| |
| − | {
| |
| − | left: -1px;
| |
| − | }
| |
| − | nav li ul a
| |
| − | {
| |
| − | height:80%;
| |
| − | font-size: 1.25em; /* 20 */
| |
| − | border-top: 1px solid white;
| |
| − | color:black;
| |
| − | padding: 0.3em; /* 15 (20) */
| |
| − | }
| |
| − | nav li ul li a:hover,
| |
| − | nav li ul:not:hover li.active a
| |
| − | {
| |
| − | background-color: yellow;
| |
| − | -moz-border-radius: 20px;
| |
| − | -webkit-border-radius: 20px;
| |
| − | }
| |
| − |
| |
| − | nav > ul > li > a > img
| |
| − | {
| |
| − | height: auto;
| |
| − | width: auto;
| |
| − | max-height:500px;
| |
| − | max-width:200px;
| |
| − | padding: 0 0.633em; /* 20 (24) */
| |
| − | }
| |
| | /* Team */ | | /* Team */ |
| | | | |
| Line 250: |
Line 9: |
| | } | | } |
| | | | |
| − | #membercontent{
| + | team.membercontent{ |
| | width:100%; | | width:100%; |
| | } | | } |
| − | #member{
| + | team.member{ |
| | width:47%; | | width:47%; |
| | float: left; | | float: left; |
| Line 262: |
Line 21: |
| | } | | } |
| | | | |
| − | #member1{
| + | team.member1{ |
| | width:47%; | | width:47%; |
| | float: right; | | float: right; |
| Line 271: |
Line 30: |
| | } | | } |
| | | | |
| − | #member2{
| + | team.member2{ |
| | width:47%; | | width:47%; |
| | float: left; | | float: left; |
| Line 280: |
Line 39: |
| | } | | } |
| | | | |
| − | #member3{
| + | team.member3{ |
| | width:47%; | | width:47%; |
| | float: right; | | float: right; |
| Line 289: |
Line 48: |
| | } | | } |
| | | | |
| − | #wrapper {
| + | team.wrapper { |
| | width: 100%; | | width: 100%; |
| | margin: 0 auto; | | margin: 0 auto; |
| Line 295: |
Line 54: |
| | | | |
| | | | |
| − | #memberfoto {
| + | team.memberfoto { |
| | float: left; | | float: left; |
| | padding: 2px 2px 2px 2px; | | padding: 2px 2px 2px 2px; |
| Line 304: |
Line 63: |
| | } | | } |
| | | | |
| − | #memberfoto1 {
| + | team.memberfoto1 { |
| | float: left; | | float: left; |
| | padding: 2px 2px 2px 2px; | | padding: 2px 2px 2px 2px; |
| Line 314: |
Line 73: |
| | } | | } |
| | | | |
| − | | + | team.membertextfieldgraz { |
| − | | + | |
| − | #membertextfieldgraz {
| + | |
| | width: 50%; | | width: 50%; |
| | margin-left: 210px; | | margin-left: 210px; |
Revision as of 17:32, 23 June 2016
/* Team */
.teamfoto {
}
.teamtext {
}
team.membercontent{
width:100%;
}
team.member{
width:47%;
float: left;
margin-left: 10px;
margin-bottom: 20px;
background-color: white;
min-height:250px;
}
team.member1{
width:47%;
float: right;
margin-left: 10px;
margin-bottom: 20px;
background-color: #123;
min-height:250px;
}
team.member2{
width:47%;
float: left;
margin-left: 10px;
margin-bottom: 20px;
background-color: #123;
min-height:250px;
}
team.member3{
width:47%;
float: right;
margin-left: 10px;
margin-bottom: 20px;
background-color: white;
min-height:250px;
}
team.wrapper {
width: 100%;
margin: 0 auto;
}
team.memberfoto {
float: left;
padding: 2px 2px 2px 2px;
max-width: 200px;
margin-left: 10px;
margin-top:10px;
margin-bottom: 10px;
}
team.memberfoto1 {
float: left;
padding: 2px 2px 2px 2px;
max-width: 200px;
margin-left: 10px;
margin-top:10px;
margin-bottom: 10px;
}
team.membertextfieldgraz {
width: 50%;
margin-left: 210px;
margin-top:10px;
padding-left:10px;
padding-top:10px;
margin-bottom: 10px;
}
