Difference between revisions of "Template:Oxford/Tile"

 
(38 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
     border: none;
 
     border: none;
 
}
 
}
 +
 +
.table_style {
 +
width:80%;
 +
margin-left:10%;
 +
margin-right:10%;
 +
}
 +
  
 
#content td {
 
#content td {
−
     width: 100px;
+
     width: 120px;
−
     height: 100px;  
+
     height: 120px;
 
     border: 5px solid white;
 
     border: 5px solid white;
 
     border-radius: 0px;
 
     border-radius: 0px;
Line 19: Line 26:
  
  
−
#HQ_page td a {
+
#content td a {
 
     color: #fff;
 
     color: #fff;
 
}
 
}
  
−
.blank {
+
#content .blank {
 
     background-color: none;
 
     background-color: none;
 
     border: none;
 
     border: none;
Line 33: Line 40:
 
}
 
}
  
−
#HQ_page td h1 {
+
#content td h1 {
 
     font-family: Verdana;
 
     font-family: Verdana;
 
     font-size: 16px;
 
     font-size: 16px;
 
     line-height: 36px;
 
     line-height: 36px;
 
}
 
}
 +
 +
.purple {
 +
background-color: #b666d2;
 +
opacity: 0.1;
 +
}
 +
.purple_vid {
 +
background-color:  #b666d2;
 +
border 3px solid white;
 +
opacity: 0.5;
 +
}
 +
 +
.purple_none {
 +
background-color: #b666d2;
 +
opacity:0.1;
 +
}
 +
 +
 +
.purple:hover {
 +
background-color:  #b666d2;
 +
border 3px solid white;
 +
opacity: 1;
 +
}
 +
  
 
.green_blue {
 
.green_blue {
Line 60: Line 90:
 
}
 
}
  
−
#HQ_page td:hover {
+
#content td:hover {
 
     -webkit-filter: brightness(120%);
 
     -webkit-filter: brightness(120%);
 
     filter: brightness(120%);
 
     filter: brightness(120%);
Line 67: Line 97:
  
 
.oxford_logo{
 
.oxford_logo{
−
     background:url(http://logodatabases.com/wp-content/uploads/2012/05/oxford-university-logo-2012.jpg);
+
     background:url(https://static.igem.org/mediawiki/2016/8/8f/T--Oxford--iGEM.jpeg);
 
     background-size: 110px 110px;
 
     background-size: 110px 110px;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
Line 77: Line 107:
 
}
 
}
  
−
 
+
@media (max-width: 1000px) {
 +
  #content td {
 +
    width: 60px;
 +
    height: 60px;
 +
  }
 +
  #content td h1 {
 +
    display: none;
 +
  }
 +
.oxford_logo{
 +
background-image: none;
 +
    background-color: #012245;
 +
}
 +
@media (max-width: 600px) {
 +
  #content td {
 +
    width: 20px;
 +
    height: 20px;
 +
  }
 +
}
 +
@media (max-width: 500px) {
 +
  #content td {
 +
    display: none;
 +
  }
 +
}
 
</style></head></html>
 
</style></head></html>

Latest revision as of 13:02, 26 September 2016