Difference between revisions of "Template:SJTU-software"

Line 6: Line 6:
 
     #sideMenu, #top_title, .patrollink  {display:none;}
 
     #sideMenu, #top_title, .patrollink  {display:none;}
 
     #content {background:transparent; margin-left:0px; margin-top:0px; padding:0px; width:100%;}
 
     #content {background:transparent; margin-left:0px; margin-top:0px; padding:0px; width:100%;}
−
 
 
     body {
 
     body {
 
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
−
         font-size: 16px;
+
         font-size: 18px;
 
         line-height: 1.5em;
 
         line-height: 1.5em;
 
         color: #6b3b25;
 
         color: #6b3b25;
 
         background: #FFEEDD;
 
         background: #FFEEDD;
 
         }
 
         }
−
 
−
    #background{
 
−
        position:absolute;
 
−
        z-index:-1;
 
−
        width:100%;
 
−
        height:100%;
 
−
        top:0px;
 
−
        left:0px;}
 
−
 
 
     .wrapper {
 
     .wrapper {
 
         width: 1000px;
 
         width: 1000px;
Line 33: Line 23:
 
         }
 
         }
 
     /*-----------------------------------------------------------------------------------*/
 
     /*-----------------------------------------------------------------------------------*/
−
     /* HEADER()
+
     /* HEADER(url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/bg.png))
 
     /*-----------------------------------------------------------------------------------*/
 
     /*-----------------------------------------------------------------------------------*/
 
     header {
 
     header {
Line 54: Line 44:
 
         margin-top: 45px;
 
         margin-top: 45px;
 
         margin-left: 260px;
 
         margin-left: 260px;
−
         font-size: 36px;
+
         font-size: 42px;
 
         font-weight: 700;
 
         font-weight: 700;
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
Line 62: Line 52:
 
         margin-top: 26px;
 
         margin-top: 26px;
 
         margin-left: 260px;
 
         margin-left: 260px;
−
         font-size: 23px;
+
         font-size: 26px;
 
         font-weight: 500;
 
         font-weight: 500;
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
Line 207: Line 197:
 
         margin-left: 30px;
 
         margin-left: 30px;
 
         }
 
         }
−
    /* #main .member{
+
 
−
        width: 420px;
+
−
        float: left;
+
−
        margin-top: 30px;
+
−
        margin-left: 30px;
+
−
        margin-bottom: 40px;
+
−
    } */
+
−
    #main .photo{
+
−
        border: 5px solid #fff;
+
−
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        line-height: 0em;
+
−
        width: 390px;
+
−
        float: left;
+
−
        margin-top: 30px;
+
−
        margin-left: 30px;
+
−
        margin-bottom: 10px;
+
−
    }
+
−
    #main .photo img{
+
−
        width:100%
+
−
    }
+
−
    #YangzhenWei{
+
−
        height:400px;
+
−
    }
+
−
    #ChenyiXie{
+
−
        height:540px;
+
−
    }
+
−
    #EnmingYuan{
+
−
        height:550px;
+
−
    }
+
−
    #FeifeiGeng{
+
−
        height:550px;
+
−
    }
+
−
    #JunchenYang{
+
−
        height:550px;
+
−
    }
+
−
    #KaiKang{
+
−
        height:400px;
+
−
    }
+
−
    #NaiqiaoHou{
+
−
        height:480px;
+
−
    }
+
−
    #RuitianGao{
+
−
        height:550px;
+
−
    }
+
−
    #ShengXiang{
+
−
        height:450px;
+
−
    }
+
−
    #XiaohanChi{
+
−
        height:500px;
+
−
    }
+
−
    #YuntianXia{
+
−
        height:400px;
+
−
    }
+
−
    .member_info {
+
−
        margin-top: 40px;
+
−
        width: 500px;
+
−
        float: right;
+
−
        margin-right: 20px;
+
−
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    }
+
−
    .member_info #member_name {
+
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
        font-size: 36px;
+
−
        font-weight: 700;
+
−
        border-top: 4px solid #6b3b25;
+
−
        border-bottom: 1px solid #6b3b25;
+
−
        line-height: 1.3em;
+
−
        padding: 7px 0px;
+
−
        margin-bottom: 20px;
+
−
    }
+
−
    .member_info blockquote {
+
−
        margin: 0px 0px 20px 0px;
+
−
        padding: 0px;
+
−
        font-size: 19px;
+
−
        line-height: 1.5em;
+
−
    }
+
 
     /* cf: contain floats*/
 
     /* cf: contain floats*/
  
Line 446: Line 358:
 
     /* Widgets block
 
     /* Widgets block
 
     /*-----------------------------------------------------------------------------------*/
 
     /*-----------------------------------------------------------------------------------*/
−
 
 
     .widget-cols {
 
     .widget-cols {
 
         position: relative;
 
         position: relative;
Line 482: Line 393:
 
     }
 
     }
 
     .widget-cols > li {
 
     .widget-cols > li {
−
        width: 220px;
 
−
        float: left;
 
−
        margin-left: 20px;
 
−
        margin-bottom: 40px;
 
−
    }
 
−
    .widget-cols > ul {
 
 
         width: 220px;
 
         width: 220px;
 
         float: left;
 
         float: left;
Line 548: Line 453:
 
         color: #fff;
 
         color: #fff;
 
         border-bottom: 1px dotted #fff;
 
         border-bottom: 1px dotted #fff;
 +
    }
 +
/*========================================================================================*/
 +
/*TEAM*/
 +
    /* #main .member{
 +
        width: 420px;
 +
        float: left;
 +
        margin-top: 30px;
 +
        margin-left: 30px;
 +
        margin-bottom: 40px;
 +
    } */
 +
    #main .photo{
 +
        border: 5px solid #fff;
 +
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        line-height: 0em;
 +
        width: 390px;
 +
        float: left;
 +
        margin-top: 30px;
 +
        margin-left: 30px;
 +
        margin-bottom: 10px;
 +
    }
 +
    #main .photo img{
 +
        width:100%
 +
    }
 +
    #YangzhenWei{
 +
        height:400px;
 +
    }
 +
    #ChenyiXie{
 +
        height:540px;
 +
    }
 +
    #EnmingYuan{
 +
        height:550px;
 +
    }
 +
 
 +
    #FeifeiGeng{
 +
        height:550px;
 +
    }
 +
    #HaoyuMeng{
 +
        height:360px;
 +
    }
 +
    #HaoZhou{
 +
        height:370px;
 +
    }
 +
    #JunchenYang{
 +
        height:550px;
 +
    }
 +
    #KaiKang{
 +
        height:400px;
 +
    }
 +
    #NaiqiaoHou{
 +
        height:450px;
 +
    }
 +
    #RuitianGao{
 +
        height:550px;
 +
    }
 +
    #ShengXiang{
 +
        height:450px;
 +
    }
 +
    #XiaohanChi{
 +
        height:470px;
 +
    }
 +
    #YuntianXia{
 +
        height:370px;
 +
    }
 +
    #WangZhe{
 +
        height:410px;
 +
    }
 +
    .member_info {
 +
        margin-top: 40px;
 +
        width: 500px;
 +
        float: right;
 +
        margin-right: 20px;
 +
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    }
 +
    .member_info #member_name {
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
        font-size: 36px;
 +
        font-weight: 700;
 +
        border-top: 4px solid #6b3b25;
 +
        border-bottom: 1px solid #6b3b25;
 +
        line-height: 1.3em;
 +
        padding: 7px 0px;
 +
        margin-bottom: 20px;
 +
    }
 +
    .member_info blockquote {
 +
        margin: 0px 0px 20px 0px;
 +
        padding: 0px;
 +
        font-size: 19px;
 +
        line-height: 1.5em;
 
     }
 
     }
  
−
</style>
+
/*============================================================================================*/
 +
    /*gold-HP*/
 +
    .headline{
 +
        color: #6b3b25;
 +
        text-decoration: none;
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
        font-size: 30px;
 +
        font-weight: 900;
 +
        margin: 20px;
 +
    }
 +
    #posts-list {
 +
        position: relative;
 +
        width: 720px;
 +
        margin-top: 30px;
 +
        margin-left: 30px;
 +
        margin-bottom: 40px;
 +
        float: left;
 +
    }
  
 +
    #posts-list article {
 +
    position: relative;
 +
    margin-bottom: 40px;
 +
    padding-bottom: 40px;
 +
    border-bottom: 1px solid #6b3b25;
 +
    }
 +
    #posts-list article:last-child {
 +
    border: none;
 +
    }
 +
    #posts-list article .feature-image {
 +
    position: relative;
 +
    line-height: 0px;
 +
    border: 5px solid #fff;
 +
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    margin-bottom: 20px;
 +
    }
 +
    #posts-list article .feature-image:after {
 +
    position: absolute;
 +
    bottom: -22px;
 +
    left: 0px;
 +
    content: '';
 +
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom;
 +
    width: 100%;
 +
    height: 17px;
 +
    }
 +
    #posts-list article .feature-image img {
 +
    max-width: 100%;
 +
    }
 +
    #posts-list article .meta {
 +
    color: #c78301;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 +
    font-size: 18px;
 +
    margin-bottom: 14px;
 +
    }
 +
    #posts-list article .meta a {
 +
    color: #c78301;
 +
    text-decoration: none;
 +
    }
 +
    #posts-list article .entry-title {
 +
    color: #6b3b25;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    margin-bottom: 14px;
 +
    }
 +
    #posts-list article .entry-title .post-heading {
 +
    color: #6b3b25;
 +
    text-decoration: none;
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-size: 32px;
 +
    font-weight: 700;
 +
    }
 +
    #posts-list article .subtitle{
 +
        color: #6b3b25;
 +
        text-decoration: none;
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
        font-size: 20px;
 +
        font-weight: 600;
 +
    }
 +
    #posts-list article .excerpt {
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    margin-bottom: 21px;
 +
    }
 +
    #posts-list.single-post article {
 +
    border: none;
 +
    }
 +
    /*-----------------------------------------------------------------------------------*/
 +
    /* PAGE NAVIGATION
 +
    /*-----------------------------------------------------------------------------------*/
 +
    #posts-list .page-navigation {
 +
    position: relative;
 +
    left: 50%;
 +
    display: block;
 +
    margin-bottom: 100px;
 +
    float: left;
 +
    }
 +
    #posts-list .page-navigation div {
 +
    position: relative;
 +
    right: 50%;
 +
    }
 +
    #posts-list .page-navigation div span {
 +
    margin-bottom: 15px;
 +
    display: inline-block;
 +
    }
 +
    #posts-list .page-navigation div:hover a {
 +
    color: #6b3b25;
 +
    }
 +
    #posts-list .page-navigation a {
 +
    -webkit-transition: all 0.3s ease;
 +
    -moz-transition: all 0.3s ease;
 +
    -o-transition: all 0.3s ease;
 +
    transition: all 0.3s ease;
 +
    color: #fff;
 +
    display: block;
 +
    font-size: 12px;
 +
    line-height: 41px;
 +
    width: 112px;
 +
    text-decoration: none;
 +
    text-align: center;
 +
    }
 +
    #posts-list .page-navigation .nav-next {
 +
    float: left;
 +
    margin-right: 20px;
 +
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px;
 +
    }
 +
    #posts-list .page-navigation .nav-previous {
 +
    float: right;
 +
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px;
 +
    }
 +
    /*-----------------------------------------------------------------------------------*/
 +
 +
    /*-----------------------------------------------------------------------------------*/
 +
    /* SIDEBAR
 +
    /*-----------------------------------------------------------------------------------*/
 +
    #sidebar {
 +
    position: relative;
 +
    width: 220px;
 +
    margin-right: 30px;
 +
    margin-top: 30px;
 +
    margin-bottom: 30px;
 +
    float: right;
 +
    }
 +
    #sidebar .block {
 +
    font-size: 14px;
 +
    margin-bottom: 30px;
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    }
 +
    #sidebar .block a {
 +
    text-decoration: none;
 +
    color: #c78301;
 +
    }
 +
    #sidebar .block a:hover {
 +
    border-bottom: 1px dotted #c78301;
 +
    }
 +
    #sidebar .block .heading {
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-weight: 700;
 +
    line-height: 48px;
 +
    font-size: 18px;
 +
    border-top: 4px solid #6b3b25;
 +
    border-bottom: 1px solid #6b3b25;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    margin-top: 0px;
 +
    }
 +
    #sidebar .ads img {
 +
    margin-bottom: 10px;
 +
    margin-right: 0px;
 +
    }
 +
    /*-----------------------------------------------------------------------------------*/
 +
 +
    ul{
 +
        list-style: none;;
 +
    }
 +
 +
    /*---------------------------------------------------------------------------------*/
 +
    /*expert interview*/
 +
    #main .photo{
 +
        border: 5px solid #fff;
 +
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
        line-height: 0em;
 +
        width: 300px;
 +
        float: left;
 +
        margin-top: 15px;
 +
        margin-left: 10px;
 +
        margin-bottom: 15px;
 +
    }
 +
    #main .photo img{
 +
        width:100%
 +
    }
 +
    .member_info {
 +
        margin-top: 20px;
 +
        width: 335px;
 +
        float: right;
 +
        margin-right: 20px;
 +
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    }
 +
    .expert_name {
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
        font-size: 32px;
 +
        font-weight: 700;
 +
        border-top: 4px solid #6b3b25;
 +
        border-bottom: 1px solid #6b3b25;
 +
        line-height: 1.3em;
 +
        padding: 7px 0px;
 +
        margin-bottom: 20px;
 +
    }
 +
    .member_info blockquote {
 +
        margin: 0px 0px 0px 0px;
 +
        padding: 0px;
 +
        font-size: 18px;
 +
        line-height: 1.5em;
 +
    }
 +
 +
    #FeiTao{
 +
        height:350px;
 +
    }
 +
    #FeiTao .member_info{
 +
        margin-top: 50px;
 +
    }
 +
 +
    #DanielFigeys{
 +
        height:370px;
 +
    }
 +
/*=======================================================================================*/
 +
    /*public engagement*/
 +
    #posts-list {
 +
        position: relative;
 +
        width: 720px;
 +
        margin-top: 30px;
 +
        margin-left: 30px;
 +
        margin-bottom: 40px;
 +
        float: left;
 +
    }
 +
 +
    #posts-list article {
 +
    position: relative;
 +
    margin-bottom: 40px;
 +
    padding-bottom: 40px;
 +
    border-bottom: 1px solid #6b3b25;
 +
    }
 +
    #posts-list article:last-child {
 +
    border: none;
 +
    }
 +
    #posts-list article .feature-image {
 +
    position: relative;
 +
    line-height: 0px;
 +
    border: 5px solid #fff;
 +
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 +
    margin-bottom: 20px;
 +
    }
 +
    #posts-list article .feature-image:after {
 +
    position: absolute;
 +
    bottom: -22px;
 +
    left: 0px;
 +
    content: '';
 +
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom;
 +
    width: 100%;
 +
    height: 17px;
 +
    }
 +
    #posts-list article .feature-image img {
 +
    max-width: 100%;
 +
    }
 +
    #posts-list article .meta {
 +
    color: #c78301;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 +
    font-size: 18px;
 +
    margin-bottom: 14px;
 +
    }
 +
    #posts-list article .meta a {
 +
    color: #c78301;
 +
    text-decoration: none;
 +
    }
 +
    #posts-list article .entry-title {
 +
    color: #6b3b25;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    margin-bottom: 14px;
 +
    }
 +
    #posts-list article .entry-title .post-heading {
 +
    color: #6b3b25;
 +
    text-decoration: none;
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-size: 24px;
 +
    font-weight: 700;
 +
    }
 +
    #posts-list article .subtitle{
 +
        color: #6b3b25;
 +
        text-decoration: none;
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
        font-size: 20px;
 +
        font-weight: 600;
 +
    }
 +
    #posts-list article .excerpt {
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    margin-bottom: 21px;
 +
    }
 +
    #posts-list.single-post article {
 +
    border: none;
 +
    }
 +
    /*-----------------------------------------------------------------------------------*/
 +
    /* PAGE NAVIGATION
 +
    /*-----------------------------------------------------------------------------------*/
 +
    #posts-list .page-navigation {
 +
    position: relative;
 +
    left: 50%;
 +
    display: block;
 +
    margin-bottom: 100px;
 +
    float: left;
 +
    }
 +
    #posts-list .page-navigation div {
 +
    position: relative;
 +
    right: 50%;
 +
    }
 +
    #posts-list .page-navigation div span {
 +
    margin-bottom: 15px;
 +
    display: inline-block;
 +
    }
 +
    #posts-list .page-navigation div:hover a {
 +
    color: #6b3b25;
 +
    }
 +
    #posts-list .page-navigation a {
 +
    -webkit-transition: all 0.3s ease;
 +
    -moz-transition: all 0.3s ease;
 +
    -o-transition: all 0.3s ease;
 +
    transition: all 0.3s ease;
 +
    color: #fff;
 +
    display: block;
 +
    font-size: 12px;
 +
    line-height: 41px;
 +
    width: 112px;
 +
    text-decoration: none;
 +
    text-align: center;
 +
    }
 +
    #posts-list .page-navigation .nav-next {
 +
    float: left;
 +
    margin-right: 20px;
 +
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px;
 +
    }
 +
    #posts-list .page-navigation .nav-previous {
 +
    float: right;
 +
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px;
 +
    }
 +
    /*-----------------------------------------------------------------------------------*/
 +
 +
    /*-----------------------------------------------------------------------------------*/
 +
    /* SIDEBAR
 +
    /*-----------------------------------------------------------------------------------*/
 +
    #sidebar {
 +
    position: relative;
 +
    width: 220px;
 +
    margin-right: 30px;
 +
    margin-top: 30px;
 +
    margin-bottom: 30px;
 +
    float: right;
 +
    }
 +
    #sidebar .block {
 +
    font-size: 14px;
 +
    margin-bottom: 30px;
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    }
 +
    #sidebar .block a {
 +
    text-decoration: none;
 +
    color: #c78301;
 +
    }
 +
    #sidebar .block a:hover {
 +
    border-bottom: 1px dotted #c78301;
 +
    }
 +
    #sidebar .block .heading {
 +
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-weight: 700;
 +
    line-height: 48px;
 +
    font-size: 18px;
 +
    border-top: 4px solid #6b3b25;
 +
    border-bottom: 1px solid #6b3b25;
 +
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    margin-top: 0px;
 +
    }
 +
    #sidebar .ads img {
 +
    margin-bottom: 10px;
 +
    margin-right: 0px;
 +
    }
 +
    /*-----------------------------------------------------------------------------------*/
 +
    .headline{
 +
        color: #6b3b25;
 +
        text-decoration: none;
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
        font-size: 30px;
 +
        font-weight: 900;
 +
        margin: 20px;
 +
    }
 +
    ul{
 +
        list-style: none;;
 +
    }
 +
 +
</style>
 
</html>
 
</html>

Revision as of 07:20, 10 October 2018