Template:Team:Braunschweig/CSS TU-BS style

From 2014.igem.org

(Difference between revisions)
Line 209: Line 209:
.nav > li:hover ul {
.nav > li:hover ul {
-
background-color:#929292;
+
  display: inline-table;
 +
  list-style:none;
 +
  visibility: visible;
 +
  width: auto;
 +
  background-color:#fff;
 +
  opacity:0.3;
}
}
Line 236: Line 241:
     color: #fff;  
     color: #fff;  
-
}
 
-
 
-
.team_hr {
 
-
    border: 1px solid #fff;
 
-
    width: 39.5%;
 
-
    float: left;
 
-
}
 
-
 
-
.team_hr_left {
 
-
    margin-right: 30px;
 
-
    margin-left: 15px;
 
-
}
 
-
 
-
.team_hr_right {
 
-
    margin-left: 30px;
 
}
}
Line 257: Line 247:
}
}
-
.templatemo-team {
 
-
    background: url('../images/background.png') ;
 
-
    font-family:  'Open Sans', sans-serif;
 
-
    min-height:590px;
 
-
    color:#ffffff;
 
-
 
-
}
 
.templatemo-line-header {
.templatemo-line-header {
     margin-top:100px;
     margin-top:100px;
     margin-bottom:80px;
     margin-bottom:80px;
-
}
 
-
 
-
.member-thumb:hover .thumb-overlay {
 
-
    transition: all 0.3s ease-in-out 0s;
 
-
    visibility: visible;
 
-
    opacity: 1;
 
-
}
 
-
 
-
.member-thumb {
 
-
    position: relative;
 
-
    overflow: hidden;
 
-
}
 
-
 
-
.member-thumb .thumb-overlay {
 
-
    background-color: rgba(220, 157, 102, 0.8);
 
-
    position: absolute;
 
-
    visibility: hidden;
 
-
    padding-top: 35%;
 
-
    padding-left: 25%;
 
-
    height: 100%;
 
-
    width: 100%;
 
-
    opacity: 0;
 
-
    right: 0;
 
-
    top: 0;
 
}
}
Line 298: Line 257:
}
}
-
 
-
 
-
.team-inner {
 
-
    margin-top:10px;
 
-
}
 
-
 
-
.team-inner-header {
 
-
    font-family: 'Open Sans', sans-serif;
 
-
    font-weight:600;
 
-
    font-size:16px;
 
-
}
 
-
 
-
.team-inner-subtext {
 
-
    font-weight:normal;
 
-
    font-size:12px;
 
-
}
 
-
 
-
.row_team {
 
-
    margin-left:-50px;
 
-
    margin-top:70px;
 
-
}
 
-
 
-
.row_team li {
 
-
    list-style: none;
 
-
}
 
-
 
-
.templatemo-project-box {
 
-
    background-size: cover;
 
-
    position: relative;
 
-
    overflow: hidden;
 
-
    cursor:pointer;
 
-
    height: 200px;
 
-
    width: 200px;
 
-
}
 
-
 
-
.templatemo-project-box:hover .project-overlay {
 
-
    transition: all 0.3s ease-in-out 0s;
 
-
    visibility: visible;
 
-
    opacity: 1;
 
-
}
 
-
 
-
.project-overlay {
 
-
    background : rgba(0,0,0,.75);
 
-
    border : 2px solid #ff7600;
 
-
    visibility: hidden;
 
-
    position: absolute;
 
-
    text-align:center;
 
-
    padding-top:40px;
 
-
    color: #ffffff;
 
-
    height: 100%;
 
-
    width: 100%;
 
-
    opacity: 0;
 
-
    right: 0;
 
-
    top: 0;
 
-
}
 
-
 
-
 
-
.project-overlay hr {
 
-
    width : 70%;
 
-
 
-
}
 
-
 
-
.templatemo-project-gallery li {
 
-
    margin:15px;
 
-
}
 
.txt_darkgrey {
.txt_darkgrey {
Line 381: Line 275:
     float :left;  
     float :left;  
     margin-top: 10px;
     margin-top: 10px;
-
}
 
-
 
-
.team_box  div {
 
-
    text-align: center;
 
-
    padding-top: 100px;
 
-
}
 
-
 
-
.span_blog {
 
-
    margin-bottom: 80px;
 
-
}
 
-
 
-
.blog_post {
 
-
    color: #333333;
 
-
    padding: 10px;
 
-
}
 
-
 
-
.blog_header {
 
-
    font-weight: bold;
 
-
    font-size: 16px;
 
-
}
 
-
 
-
.blog_text {
 
-
    text-align: justify;
 
-
    font-size: 14px;
 
-
    margin-top: 20px;
 
-
}
 
-
 
-
#templatemo-contact {
 
-
margin-top:100px;
 
-
border-top: 1px solid #cccccc;
 
-
font-size:14px;
 
-
}
 
-
.templatemo-contact-map {
 
-
    margin-bottom: 15px;
 
-
    height: 378px;
 
-
 
-
}
 
-
 
-
.head_contact {
 
-
    padding-bottom:80px;
 
-
    margin-bottom:0;
 
-
}
 
-
 
-
.contact_right img {
 
-
margin-right:5px;
 
-
}
 
-
 
-
.contact_right form {
 
-
padding-left:15px;
 
-
padding-right:15px
 
}
}
Line 587: Line 431:
}
}
-
.blog_box {
 
-
margin-left: -12px;
 
-
}
 
@media (min-width:991px) and (max-width:1200px) {
@media (min-width:991px) and (max-width:1200px) {
Line 630: Line 471:
-
@media (min-width:768px) and (max-width:990px) {
 
-
    .member-thumb .thumb-overlay {
 
-
        padding-left: 30%;
 
-
    }
 
-
    .templatemo-project-box , .project-overlay {
 
-
      height:130px;
 
-
      width:130px;
 
-
      padding-top: 0px;
 
-
    }
 
-
 
-
    .templatemo-project-gallery {
 
-
      margin-left: 10px;
 
-
    }
 
-
 
-
    .blog_box{
 
-
      margin-right: -140px;
 
-
    }
 
-
}
 

Revision as of 19:57, 22 September 2014