Team:NAWI-Graz
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
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 */
.teamfoto {
}
.teamtext {
}
- membercontent{
width:100%; }
- member{
width:47%; float: left; margin-left: 10px; margin-bottom: 20px; background-color: white; min-height:250px; }
- member1{
width:47%; float: right; margin-left: 10px; margin-bottom: 20px; background-color: #123; min-height:250px; }
- member2{
width:47%; float: left; margin-left: 10px; margin-bottom: 20px; background-color: #123; min-height:250px; }
- member3{
width:47%; float: right; margin-left: 10px; margin-bottom: 20px; background-color: white; min-height:250px; }
- wrapper {
width: 100%; margin: 0 auto; }
- memberfoto {
float: left; padding: 2px 2px 2px 2px; max-width: 200px; margin-left: 10px; margin-top:10px; margin-bottom: 10px; }
- memberfoto1 {
float: left; padding: 2px 2px 2px 2px; max-width: 200px; margin-left: 10px; margin-top:10px; margin-bottom: 10px;
}
- membertextfieldgraz {
width: 50%; margin-left: 210px; margin-top:10px; padding-left:10px; padding-top:10px; margin-bottom: 10px; }
