Difference between revisions of "Template:Oxford/Tile"
| (53 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html><head><style> | <html><head><style> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#content table { | #content table { | ||
| Line 13: | Line 6: | ||
border-spacing: 10px 10px; | border-spacing: 10px 10px; | ||
border: none; | border: none; | ||
| − | |||
} | } | ||
| + | |||
| + | .table_style { | ||
| + | width:80%; | ||
| + | margin-left:10%; | ||
| + | margin-right:10%; | ||
| + | } | ||
| + | |||
#content td { | #content td { | ||
width: 120px; | width: 120px; | ||
| − | height: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; | ||
| − | |||
} | } | ||
| − | # | + | #content td a { |
color: #fff; | color: #fff; | ||
} | } | ||
| − | .blank { | + | #content .blank { |
background-color: none; | background-color: none; | ||
border: none; | border: none; | ||
| Line 42: | Line 40: | ||
} | } | ||
| − | # | + | #content td h1 { |
font-family: Verdana; | font-family: Verdana; | ||
| − | font-size: | + | 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 68: | Line 90: | ||
} | } | ||
| − | # | + | #content td:hover { |
| − | -webkit-filter: brightness( | + | -webkit-filter: brightness(120%); |
filter: brightness(120%); | filter: brightness(120%); | ||
transition: 0.3s; | transition: 0.3s; | ||
| Line 75: | Line 97: | ||
.oxford_logo{ | .oxford_logo{ | ||
| − | background:url( | + | 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 85: | 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> | ||
