Difference between revisions of "Team:Imperial College/Templates/NavBar"

Line 188: Line 188:
 
     background-color: none;
 
     background-color: none;
 
     border-radius: 20px;
 
     border-radius: 20px;
 +
}
 +
 +
.row {
 +
    display: table;
 +
    margin: auto;
 +
    height:100%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
}
 +
 +
.row [class*="col-"] {
 +
    width: 50%;
 +
    float: none;
 +
    display: table-cell;
 +
    vertical-align: top;
 +
 +
}
 +
 +
 +
#display-pic{
 +
    vertical-align: middle;
 +
    text-align: center;
 +
}
 +
 +
#display-pic img{
 +
    width: 40%;
 +
    margin-right:5%;
 +
    border-radius: 50%;
 +
    border: solid 10px  #A8D0E6;
 +
    box-sizing: border-box;
 +
    transition: border 0.2s ease;
 
      
 
      
 
}
 
}
  
 +
#display-pic img:hover{
 +
    border:  solid 10px #F5D76E;
 +
    cursor:pointer;
 +
}
 +
 +
 +
.row [class*="col-"]  h2{
 +
    font-size: 20px;
 +
    font-family:"Varela Round", sans-serif;
 +
    color: #374785;
 +
    font-weight: bold;
 +
    transition: color 0.2s ease;
 +
}
 +
 +
.row [class*="col-"]  h2:hover{
 +
    color:#F76C6C;
 +
}
 +
 +
.row [class*="col-"]  p{
 +
    width: 100%;
 +
    font-size: 18px;
 +
    font-family: "Varela Round", sans-serif;
 +
    color:#374785;
 +
    text-align:justify;
 +
 +
}
 +
#guard:hover{
 +
    color:#F76C6C;
 +
}
 +
 +
.display-pic{
 +
    float: right;
 +
    text-align: left;
 +
    clear: both;
 +
}
 +
.display-pic img{
 +
    width: 20%;
 +
    margin-right:5%;
 +
    float: left;
 +
    border-radius: 50%;
 +
    border: solid 10px  #A8D0E6;
 +
    box-sizing: border-box;
 +
    transition: border 0.2s ease;
 +
}
 +
 +
.display-pic img:hover{
 +
    border:  solid 10px #F5D76E;
 +
    cursor:pointer;
 +
}
  
  

Revision as of 20:33, 17 October 2018