Difference between revisions of "Team:Peking/test1"

Line 1: Line 1:
 
<html>
 
<html>
−
<style>
+
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
    <style>
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
 
#globalWsection {
 
#globalWsection {
Line 43: Line 47:
 
     padding: 0
 
     padding: 0
 
}
 
}
 +
        *, *:before, *:after {
 +
            box-sizing: inherit
 +
        }
 +
        .clearfix:after, .quickstart-step:after {
 +
            clear: both;
 +
            content: "";
 +
            display: table;
 +
            height: 0;
 +
            visibility: hidden
 +
        }
  
−
*, *:before, *:after {
+
        img {
−
    box-sizing: inherit
+
            max-width: 272px
−
}
+
        }
−
.clearfix:after, .quickstart-step:after {
+
−
    clear: both;
+
−
    content: "";
+
−
    display: table;
+
−
    height: 0;
+
−
    visibility: hidden
+
−
}
+
  
−
img {
+
        :link, :visited {
−
    max-width: 272px
+
            color: #039be5;
−
}
+
            outline: 0;
 +
            text-decoration: none
 +
        }
  
−
:link, :visited {
+
        a:focus {
−
    color: #039be5;
+
            text-decoration: underline
−
    outline: 0;
+
        }
−
    text-decoration: none
+
        ul {
−
}
+
            list-style: disc outside
 +
        }
  
−
a:focus {
+
        @media screen and (max-width: 720px) {
−
    text-decoration: underline
+
            .devsite-settings-kabob {
−
}
+
                margin: 12px 0
−
ul {
+
            }
−
    list-style: disc outside
+
        }
−
}
+
  
−
li, li p {
+
        .devsite-footer-promos {
−
    margin: 8px 0;
+
            background: #f7f7f7;
−
    padding: 0
+
            font: 14px/20px Roboto, sans-serif
−
}
+
        }
−
@media screen and (max-width: 720px) {
+
        .devsite-footer-promos1 {
−
    .devsite-settings-kabob {
+
            background: black;
−
        margin: 12px 0
+
            font: 14px/20px Roboto, sans-serif
−
    }
+
        }
−
}
+
        .devsite-footer-promos-list {
 +
            padding: 20px 4px;
 +
            text-align: center
 +
        }
  
−
.devsite-footer-promos {
+
        .devsite-footer-promo {
−
    background: #f7f7f7;
+
            display: inline-block;
−
    font: 14px/20px Roboto, sans-serif
+
            margin: 0 auto;
−
}
+
            vertical-align: top;
 +
            width: 192px
 +
        }
 +
        .devsite-footer-promo1 {
 +
            display: inline-block;
 +
            margin: 0 auto;
 +
            vertical-align: top;
 +
            width: 250px
 +
        }
 +
        .devsite-footer-promo-icon {
 +
            color: rgba(0, 0, 0, .87);
 +
            display: block;
 +
            font-size: 48px;
 +
            height: 48px;
 +
            margin: 0 auto 8px;
 +
            width: 48px
 +
        }
  
−
.devsite-footer-promos-list {
+
        .devsite-footer-promo-title {
−
    padding: 20px 4px;
+
            color: rgba(0, 0, 0, .87);
−
    text-align: center
+
            display: block;
−
}
+
            font-weight: 500
 +
        }
  
−
.devsite-footer-promo {
+
        .devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus {
−
    display: inline-block;
+
            color: #039be5;
−
    margin: 20px;
+
            text-decoration: none
−
    vertical-align: top;
+
        }
−
    width: 192px
+
−
}
+
  
−
.devsite-footer-promo-icon {
+
        .devsite-footer-linkboxes > .devsite-full-site-width {
−
    color: rgba(0, 0, 0, .87);
+
            max-width: 1432px
−
    display: block;
+
        }
−
    font-size: 48px;
+
−
    height: 48px;
+
−
    margin: 0 auto 8px;
+
−
    width: 48px
+
−
}
+
  
−
.devsite-footer-promo-title {
+
        .devsite-footer-linkbox-item a {
−
    color: rgba(0, 0, 0, .87);
+
            color: #cfd8dc
−
    display: block;
+
        }
−
    font-weight: 500
+
−
}
+
  
−
.devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus {
+
        .devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus {
−
    color: #039be5;
+
            color: #fff;
−
    text-decoration: none
+
            text-decoration: none
−
}
+
        }
  
−
.devsite-footer-linkboxes {
 
−
    background: linear-gradient(90deg, #263238 50%, #37424b 50%);
 
−
    font: 14px/16px Roboto, sans-serif
 
−
}
 
  
−
.devsite-footer-linkboxes > .devsite-full-site-width {
+
        .devsite-utility-footer-nav {
−
    max-width: 1432px
+
            color: #fff;
−
}
+
            overflow: auto;
  
−
.devsite-footer-linkboxes-all-backup {
 
−
    background: linear-gradient(90deg, #303c42 50%, #37424b 50%)
 
−
}
 
  
−
.devsite-footer-linkboxes-list {
+
        .devsite-utility-footer-link:focus {
−
    display: -ms-flexbox;
+
            text-decoration: underline
−
    display: flex;
+
        }
−
    -ms-flex-wrap: wrap;
+
        .devsite-utility-footer-link + .devsite-utility-footer-link::before {
−
    flex-wrap: wrap;
+
            content: '|';
−
    padding: 0
+
            margin: 0 8px
−
}
+
        }
  
−
.devsite-footer-linkbox {
+
        .devsite-utility-footer-language .kd-select {
−
    background: #263238;
+
            border-color: #fff;
−
    display: inline-block;
+
            min-width: 96px
−
    -ms-flex: 0 0 auto;
+
        }
−
    flex: 0 0 auto;
+
−
    margin: 0;
+
−
    padding: 24px 40px 40px;
+
−
    text-align: left;
+
−
    vertical-align: top;
+
−
    width: 25%
+
−
}
+
  
−
.devsite-footer-linkbox-backup {
+
        @media screen and (max-width: 1000px) {
−
    background: #303c42
+
            .devsite-footer-linkbox {
−
}
+
                width: 50%
 +
            }
 +
        }
  
−
.devsite-footer-linkbox-sites {
+
        @media screen and (max-width: 720px) {
−
    background: #37424b
+
            .devsite-footer-promos-list {
−
}
+
                padding: 20px 16px;
 +
                text-align: left
 +
            }
  
−
.devsite-footer-linkbox-logo-link {
+
            .devsite-footer-promo {
−
    border-bottom: 1px solid #455a64;
+
                margin: 8px;
−
    display: block;
+
                width: calc((100% - 32px) / 2)
−
    margin: 0 -40px 16px;
+
            }
−
    padding: 0 40px 20px
+
−
}
+
  
−
.devsite-footer-linkbox-logo {
+
            .devsite-footer-promo-icon {
−
    margin: -5px 0 0;
+
                float: left;
−
    max-width: 216px;
+
                height: 32px;
−
    width: 100%;
+
                margin-right: 16px;
−
    vertical-align: top
+
                width: 32px
−
}
+
            }
  
−
.devsite-footer-linkbox-heading {
+
            .devsite-footer-promo-title {
−
    color: #fff;
+
                font-weight: normal;
−
    font: 500 14px/16px Roboto, sans-serif;
+
                line-height: 32px
−
    margin: 0 0 16px
+
            }
−
}
+
  
−
.devsite-footer-linkbox-list {
+
            .devsite-footer-promo-description {
−
    list-style-type: none;
+
                display: none
−
    padding: 0
+
            }
−
}
+
     </style>
−
 
+
</head>
−
.devsite-footer-linkbox-item {
+
<title>Team:Peking</title>
−
    margin: 16px 0
+
<body>
−
}
+
−
 
+
−
.devsite-footer-linkbox-item:first-child {
+
−
    margin-top: 0
+
−
}
+
−
 
+
−
.devsite-footer-linkbox-item:last-child {
+
−
    margin-bottom: 0
+
−
}
+
−
 
+
−
.devsite-footer-linkbox-item a {
+
−
    color: #cfd8dc
+
−
}
+
−
 
+
−
.devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus {
+
−
    color: #fff;
+
−
    text-decoration: none
+
−
}
+
−
 
+
−
.devsite-utility-footer {
+
−
    background: #455a64
+
−
}
+
−
 
+
−
.devsite-utility-footer-nav {
+
−
    color: #fff;
+
−
    overflow: auto;
+
−
padding: 14px 24px, .devsite-utility-footer-nav-right {
+
−
    -ms-flex-align: center;
+
−
    align-items: center;
+
−
    display: -ms-flexbox;
+
−
    display: flex;
+
−
    -ms-flex-pack: center;
+
−
    justify-content: center
+
−
}
+
−
 
+
−
.devsite-utility-footer-nav-left {
+
−
    float: left
+
−
}
+
−
 
+
−
.devsite-utility-footer-nav-right {
+
−
    float: right
+
−
}
+
−
 
+
−
.devsite-utility-footer-links, .devsite-utility-footer-newsletter-signup-text {
+
−
    font-weight: 500;
+
−
    margin-right: 16px
+
−
}
+
−
 
+
−
.devsite-utility-footer-link {
+
−
    color: #fff
+
−
}
+
−
 
+
−
.devsite-utility-footer-link:focus {
+
−
    text-decoration: underline
+
−
}
+
−
 
+
−
.devsite-utility-footer-link + .devsite-utility-footer-link::before {
+
−
    content: '|';
+
−
    margin: 0 8px
+
−
}
+
−
 
+
−
.devsite-utility-footer-language {
+
−
    margin-right: 16px
+
−
}
+
−
 
+
−
.devsite-utility-footer-language .kd-select {
+
−
    border-color: #fff;
+
−
    min-width: 96px
+
−
}
+
−
 
+
−
@media screen and (max-width: 1000px) {
+
−
    .devsite-footer-linkbox {
+
−
        width: 50%
+
−
    }
+
−
}
+
−
 
+
−
@media screen and (max-width: 720px) {
+
−
    .devsite-footer-promos-list {
+
−
        padding: 20px 16px;
+
−
        text-align: left
+
−
    }
+
−
 
+
−
    .devsite-footer-promo {
+
−
        margin: 8px;
+
−
        width: calc((100% - 32px) / 2)
+
−
    }
+
−
 
+
−
    .devsite-footer-promo-icon {
+
−
        float: left;
+
−
        height: 32px;
+
−
        margin-right: 16px;
+
−
        width: 32px
+
−
    }
+
−
 
+
−
    .devsite-footer-promo-title {
+
−
        font-weight: normal;
+
−
        line-height: 32px
+
−
    }
+
−
 
+
−
    .devsite-footer-promo-description {
+
−
        display: none
+
−
    }
+
−
 
+
−
     .devsite-footer-linkbox {
+
−
        padding: 24px 16px 24px
+
−
    }
+
−
 
+
−
    .devsite-footer-linkbox-logo-link {
+
−
        margin: 0 -16px 24px;
+
−
        padding: 0 16px 17px
+
−
    }
+
−
 
+
−
    .devsite-utility-footer-nav {
+
−
        padding: 14px 16px
+
−
    }
+
−
 
+
−
    .devsite-utility-footer-nav-right {
+
−
        clear: both;
+
−
        display: -ms-flexbox;
+
−
        display: flex;
+
−
        float: left;
+
−
        margin-top: 8px
+
−
    }
+
−
 
+
−
    .devsite-utility-footer-newsletter-signup-text {
+
−
        margin: 0 0 0 16px;
+
−
        -ms-flex-order: 2;
+
−
        order: 2
+
−
    }
+
−
 
+
−
    .devsite-utility-footer-newsletter-signup-button {
+
−
        -ms-flex: 0 0 auto;
+
−
        flex: 0 0 auto;
+
−
        -ms-flex-order: 1;
+
−
        order: 1
+
−
    }
+
−
}
+
−
 
+
−
 
+
−
 
+
−
@media screen and (max-width: 1200px) {
+
−
#table-of-contents, h2#contents, h3#contents, h2.toc, h3.toc, div.toc:not(.class):not(.group):not(.type):not(.interface), section.toc, ol.toc, ul.toc, .inline-toc {
+
−
    display: none
+
−
}
+
−
.devsite-content-footer {
+
−
    border-top: 1px solid #ebebeb;
+
−
    clear: both;
+
−
    color: #757575;
+
−
    font: italic 13px/20px Roboto, sans-serif;
+
−
    margin-top: 16px
+
−
}
+
−
 
+
−
.devsite-content-footer-date {
+
−
    margin-bottom: 0
+
−
}
+
−
</style>
+
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
 
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
Line 398: Line 249:
 
</nav>
 
</nav>
 
</footer>
 
</footer>
 +
<footer class="devsite-footer-promos1 nocontent" ><nav class="devsite-full-site-width">
 +
    <ul class="devsite-footer-promos-list">
 +
        <li class="devsite-footer-promo1" >
 +
            <a href="http://dean.pku.edu.cn/pkudean/"><img src="Admin.png" height = "50"/></a>
 +
        </li>
 +
 +
        <li class="devsite-footer-promo1">
 +
            <a href="http://www.bio.pku.edu.cn/en/"> <img src="SLS-logo.png" height = "50"/> </a>
 +
        </li>
 +
 +
        <li class="devsite-footer-promo1">
 +
            <a href="http://www.bio.pku.edu.cn/en/"> <img src="SLS-logo.png" height = "50"/> </a>
 +
        </li>
 +
    </ul>
 +
</nav>
 +
</footer>
 +
<footer class="devsite-footer-promos1 nocontent" ><nav class="devsite-full-site-width">
 +
    <ul class="devsite-footer-promos-list">
 +
            <a href="mailto:PekingIGEM@gmail.com" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Footer Chrome Link">
 +
                <font color="white">Mail:PekingIGEM@gmail.com</font>
 +
            </a>
 +
            <a class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Footer Chrome Link">
 +
                <br>
 +
                <font color="white">Address:Peking University, No.5 Yiheyuan Road Haidian District, Beijing, P.R.China 100871</font>
 +
            </a>
 +
    </ul>
 +
</nav>
 +
</footer>
 +
</body>
 
</html>
 
</html>

Revision as of 05:38, 7 October 2017

Team:Peking