Difference between revisions of "Team:SZU China/Introductions"
Line 14: | Line 14: | ||
<link href="https://2015.igem.org/Template:SZU_China/Playground/title/CSS?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2015.igem.org/Template:SZU_China/Playground/title/CSS?action=raw&ctype=text/css" rel="stylesheet"> | ||
<link href="https://2015.igem.org/Template:SZU_China/Playground/Introduction/CSS?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2015.igem.org/Template:SZU_China/Playground/Introduction/CSS?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <style> | ||
+ | @font-face{font-family:'Calluna'; | ||
+ | src:url('fonts/callunasansregular-webfont.woff') format('woff'); | ||
+ | } | ||
+ | body { | ||
+ | background: url(img/scribble_light.png); | ||
+ | font-family: Calluna, Arial, sans-serif; | ||
+ | min-height: 1000px; | ||
+ | } | ||
+ | #columns { | ||
+ | column-width: 320px; | ||
+ | column-gap: 15px; | ||
+ | width: 90%; | ||
+ | max-width: 1100px; | ||
+ | margin: 50px auto; | ||
+ | } | ||
+ | |||
+ | div#columns figure { | ||
+ | background: #fefefe; | ||
+ | border: 2px solid #fcfcfc; | ||
+ | box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); | ||
+ | margin: 0 2px 15px; | ||
+ | padding: 15px; | ||
+ | padding-bottom: 10px; | ||
+ | transition: opacity .4s ease-in-out; | ||
+ | display: inline-block; | ||
+ | column-break-inside: avoid; | ||
+ | } | ||
+ | |||
+ | div#columns figure img { | ||
+ | width: 100%; height: auto; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | padding-bottom: 15px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | div#columns figure figcaption { | ||
+ | font-size: .9rem; | ||
+ | color: #444; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | div#columns small { | ||
+ | font-size: 1rem; | ||
+ | float: right; | ||
+ | text-transform: uppercase; | ||
+ | color: #aaa; | ||
+ | } | ||
+ | |||
+ | div#columns small a { | ||
+ | color: #666; | ||
+ | text-decoration: none; | ||
+ | transition: .4s color; | ||
+ | } | ||
+ | |||
+ | div#columns:hover figure:not(:hover) { | ||
+ | opacity: 0.4; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 750px) { | ||
+ | #columns { column-gap: 0px; } | ||
+ | #columns figure { width: 100%; } | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 07:17, 17 September 2015
Introductions
Combine Biological Unnatural Amino Acid(UAA)Orthogonal
genectical system with logic "AND" gate gene circuit
to detect bladder cancer cells precisely