Difference between revisions of "Template:Oxford/Tile"

 
(70 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html><head><style>
 
<html><head><style>
  
−
body {
+
#content table {
−
    background-image: url(https://static.igem.org/mediawiki/2016/9/9c/T--Oxford--Radcam.jpg);
+
−
    background-size: 2000px;
+
−
    background-repeat: no-repeat;
+
−
    text-align: center;
+
−
}
+
−
 
+
−
#HQ_page table {
+
 
     margin: auto;
 
     margin: auto;
 
     border-collapse: separate;
 
     border-collapse: separate;
 
     border-spacing: 10px 10px;
 
     border-spacing: 10px 10px;
 
     border: none;
 
     border: none;
−
    vertical-align: middle;
 
 
}
 
}
  
−
#HQ_page td {
+
.table_style {
−
     width: 160px;
+
width:80%;
−
     height:160px;  
+
margin-left:10%;
 +
margin-right:10%;
 +
}
 +
 
 +
 
 +
#content td {
 +
     width: 120px;
 +
     height: 120px;
 
     border: 5px solid white;
 
     border: 5px solid white;
 
     border-radius: 0px;
 
     border-radius: 0px;
Line 24: Line 23:
 
     margin: 10px;
 
     margin: 10px;
 
     padding: 10px;
 
     padding: 10px;
−
    vertical-align: middle;
 
 
}
 
}
  
−
.blank {
+
 
 +
#content td a {
 +
    color: #fff;
 +
}
 +
 
 +
#content .blank {
 
     background-color: none;
 
     background-color: none;
 
     border: none;
 
     border: none;
Line 34: Line 37:
  
 
h1 {
 
h1 {
 +
    color: #fff;
 +
}
 +
 +
#content td h1 {
 
     font-family: Verdana;
 
     font-family: Verdana;
−
     color: white;
+
     font-size: 16px;
 +
    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 59: Line 90:
 
}
 
}
  
−
#HQ_page td:hover {
+
#content td:hover {
−
     filter: grayscale(200%);
+
     -webkit-filter: brightness(120%);
 +
    filter: brightness(120%);
 
     transition: 0.3s;
 
     transition: 0.3s;
 
}
 
}
  
 
.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: 150px 150px;
+
     background-size: 110px 110px;
−
    background-repeat: no-repeat;
+
−
}
+
−
 
+
−
.home {
+
−
    background:url(https://oxfordigem2016.files.wordpress.com/2016/07/12278664_509737559186478_4014315056950002958_n.jpg?w=244&h=300);
+
−
     background-size: 150px 150px;
+
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
}
 
}
Line 81: Line 107:
 
}
 
}
  
−
.alext {
+
@media (max-width: 1000px) {
−
     background:url(https://oxfordigem2016.files.wordpress.com/2016/07/11745323_1476580355969289_9200353420662153735_n.jpg?w=300&h=300);
+
  #content td {
−
     background-size: 150px 150px;
+
     width: 60px;
−
     background-repeat: no-repeat;  
+
    height: 60px;
 +
  }
 +
  #content td h1 {
 +
     display: none;
 +
  }
 +
.oxford_logo{
 +
background-image: none;
 +
     background-color: #012245;
 
}
 
}
−
 
+
@media (max-width: 600px) {
−
.iaind {
+
  #content td {
−
     background:url(https://oxfordigem2016.files.wordpress.com/2016/07/11401131_10203246604640562_8380433993112909987_n.jpg?w=300&h=300);
+
     width: 20px;
−
     background-size: 150px 150px;
+
     height: 20px;
−
    background-repeat: no-repeat;
+
  }
 
}
 
}
−
 
+
@media (max-width: 500px) {
−
.hannahw {
+
  #content td {
−
    background:url(https://oxfordigem2016.files.wordpress.com/2016/07/hannah-photo.jpg?w=300&h=300);
+
     display: none;
−
     background-size: 150px 150px;
+
  }
−
    background-repeat: no-repeat;
+
 
}
 
}
−
 
−
.juliad {
 
−
    background:url(https://oxfordigem2016.files.wordpress.com/2016/07/20160627_183619.jpg?w=700);
 
−
    background-size: 150px 150px;
 
−
    background-repeat: no-repeat;
 
−
}
 
−
 
−
.samg {
 
−
    background:url(https://oxfordigem2016.files.wordpress.com/2016/07/sam.png?w=279&h=279);
 
−
    background-size: 150px 150px;
 
−
    background-repeat: no-repeat;   
 
−
}
 
−
 
 
</style></head></html>
 
</style></head></html>

Latest revision as of 13:02, 26 September 2016