Difference between revisions of "Template:Oxford/Tile"
| (31 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: 120px; | width: 120px; | ||
| − | height: 120px; | + | height: 120px; |
border: 5px solid white; | border: 5px solid white; | ||
border-radius: 0px; | border-radius: 0px; | ||
| Line 23: | Line 30: | ||
} | } | ||
| − | .blank { | + | #content .blank { |
background-color: none; | background-color: none; | ||
border: none; | border: none; | ||
| Line 38: | Line 45: | ||
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 67: | 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 79: | Line 109: | ||
@media (max-width: 1000px) { | @media (max-width: 1000px) { | ||
#content td { | #content td { | ||
| − | width: | + | width: 60px; |
| − | height: | + | height: 60px; |
} | } | ||
#content td h1 { | #content td h1 { | ||
display: none; | display: none; | ||
} | } | ||
| + | .oxford_logo{ | ||
| + | background-image: none; | ||
| + | background-color: #012245; | ||
} | } | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
#content td { | #content td { | ||
| − | width: | + | width: 20px; |
| − | height: | + | height: 20px; |
| + | } | ||
| + | } | ||
| + | @media (max-width: 500px) { | ||
| + | #content td { | ||
| + | display: none; | ||
} | } | ||
} | } | ||
</style></head></html> | </style></head></html> | ||
