(67 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html><head><style> | <html><head><style> | ||
− | + | #content table { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | # | + | |
margin: auto; | margin: auto; | ||
border-collapse: separate; | border-collapse: separate; | ||
border-spacing: 10px 10px; | border-spacing: 10px 10px; | ||
border: none; | border: none; | ||
− | |||
} | } | ||
− | # | + | .table_style { |
− | width: | + | width:80%; |
− | height: | + | 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; | ||
− | |||
} | } | ||
− | # | + | #content td a { |
color: #fff; | color: #fff; | ||
} | } | ||
− | # | + | #content .blank { |
− | + | ||
− | + | ||
− | + | ||
− | .blank { | + | |
background-color: none; | background-color: none; | ||
border: none; | border: none; | ||
Line 43: | Line 37: | ||
h1 { | h1 { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #content td h1 { | ||
font-family: Verdana; | font-family: Verdana; | ||
− | + | 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 69: | Line 90: | ||
} | } | ||
− | # | + | #content td:hover { |
− | -webkit-filter: brightness( | + | -webkit-filter: brightness(120%); |
− | filter: brightness( | + | filter: brightness(120%); |
transition: 0.3s; | transition: 0.3s; | ||
} | } | ||
.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: | + | |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
} | } | ||
Line 92: | Line 107: | ||
} | } | ||
− | + | @media (max-width: 1000px) { | |
− | + | #content td { | |
− | background- | + | width: 60px; |
− | background- | + | 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> |