|
|
| (8 intermediate revisions by the same user not shown) |
| Line 49: |
Line 49: |
| | | | |
| | article, | | article, |
| − | nav,
| |
| | section { | | section { |
| | display: block; | | display: block; |
| Line 80: |
Line 79: |
| | | | |
| | @media (max-width: 900px) { | | @media (max-width: 900px) { |
| − | .section-nav,
| |
| − | .section-nav ul,
| |
| − | .section-nav ul ul,
| |
| − | .section-nav li a,
| |
| − | .section-nav-marker {
| |
| − | display: none;
| |
| − | visibility: hidden;
| |
| − | }
| |
| − |
| |
| | #text { | | #text { |
| | padding: 2em; | | padding: 2em; |
| Line 102: |
Line 92: |
| | svg:not(:root) { | | svg:not(:root) { |
| | overflow: hidden; | | overflow: hidden; |
| − | }
| |
| − |
| |
| − | .section-nav {
| |
| − | position: fixed;
| |
| − | left: 1.5em;
| |
| − | top: 5em;
| |
| − | padding: 5em 1em 5em 0;
| |
| − | width: 14.5em;
| |
| − | font-size: 18px;
| |
| − | line-height: 2;
| |
| − | padding-bottom: 50em;
| |
| − | }
| |
| − |
| |
| − | #abr {
| |
| − | font-size: 15px;
| |
| − | }
| |
| − |
| |
| − | .section-nav-marker {
| |
| − | border-right: 1px solid #efefef;
| |
| − | max-height: 25em;
| |
| − | }
| |
| − |
| |
| − | @media (max-height: 600px) {
| |
| − | .section-nav {
| |
| − | padding: 2em 1em 12em 1em;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media (max-height: 500px) {
| |
| − | .section-nav,
| |
| − | .section-nav ul,
| |
| − | .section-nav ul ul,
| |
| − | .section-nav li a,
| |
| − | .section-nav-marker {
| |
| − | display: none;
| |
| − | visibility: hidden;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .section-nav ul {
| |
| − | list-style: none;
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .section-nav ul ul {
| |
| − | padding-left: 2em;
| |
| − | }
| |
| − |
| |
| − | .section-nav li a {
| |
| − | display: inline-block;
| |
| − | color: #aaa;
| |
| − | text-decoration: none;
| |
| − | -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
| |
| − | transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
| |
| − | }
| |
| − |
| |
| − | .section-nav li.visible > a {
| |
| − | color: rgba(155,30,30);
| |
| − | font-weight: 500;
| |
| − | -webkit-transform: translate(5px);
| |
| − | transform: translate(5px);
| |
| − | }
| |
| − |
| |
| − | .section-nav li a:hover {
| |
| − | color: rgba(155,30,30,.8);
| |
| − | font-weight: 550;
| |
| − | }
| |
| − |
| |
| − | .section-nav-marker {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | z-index: -1;
| |
| | } | | } |
| | | | |
| | .contents { | | .contents { |
| − | padding: 1em 2em 2em 17em; | + | padding: 2em 10%; |
| − | max-width: 1400px; | + | text-align: center; |
| − | font-size: 1.2em;
| + | |
| | } | | } |
| | | | |
| Line 193: |
Line 106: |
| | color: rgba(155,30,30); | | color: rgba(155,30,30); |
| | font-weight: 600; | | font-weight: 600; |
| − | display: inline-flex;
| |
| | } | | } |
| | | | |
| Line 206: |
Line 118: |
| | } | | } |
| | | | |
| − | #h3_bro { | + | #imginfo1 { |
| − | color: rgba(186,110,64); | + | text-align: center; |
| | + | display: inline-block; |
| | + | max-width: 60%; |
| | } | | } |
| | | | |
| − | #h3_sil { | + | #h2_gol { |
| − | color: rgba(150,150,150);
| + | |
| − | }
| + | |
| − | | + | |
| − | #h3_gol {
| + | |
| | color: rgba(242,192,86); | | color: rgba(242,192,86); |
| | } | | } |
| | | | |
| − | #bro a[href ="https://2020.igem.org/Team:CCU_Taiwan/Poster"]:hover, .link-https:hover {
| + | @media (max-width: 750px) { |
| − | background: none;!importment | + | #imginfo1 { |
| − | }
| + | max-width: 100% |
| − | | + | } |
| − | #bro a[href ="https://2020.igem.org/Team:CCU_Taiwan/Attributions"]:hover, .link-https:hover { | + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #sil a[href ="https://2020.igem.org/Team:CCU_Taiwan/Engineering"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment | + | |
| − | } | + | |
| − | | + | |
| − | #sil a[href ="https://2020.igem.org/Team:CCU_Taiwan/Results"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #sil a[href ="https://2020.igem.org/Team:CCU_Taiwan/Collaborations"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #sil a[href ="https://2020.igem.org/Team:CCU_Taiwan/Human_Practices"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #sil a[href ="https://2020.igem.org/Team:CCU_Taiwan/Implementation"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #gol a[href ="https://2020.igem.org/Team:CCU_Taiwan/Human_Practices"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #gol a[href ="https://2020.igem.org/Team:CCU_Taiwan/Model"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #gol a[href ="https://2020.igem.org/Team:CCU_Taiwan/Education"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| − | }
| + | |
| − | | + | |
| − | #gol a[href ="https://2020.igem.org/Team:CCU_Taiwan/Inclusion"]:hover, .link-https:hover {
| + | |
| − | background: none;!importment
| + | |
| | } | | } |
| | </style> | | </style> |
| | </html> | | </html> |
