Difference between revisions of "Template:TAS Taipei/CSS"

 
(32 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<style type="text/css">
 
<style type="text/css">
  
@import url('https://fonts.googleapis.com/css?family=Roboto:500');
+
@import url('https://fonts.googleapis.com/css?family=Roboto:300,500');
 
@import url('https://fonts.googleapis.com/css?family=Product+Sans:400,400i,700,700i');
 
@import url('https://fonts.googleapis.com/css?family=Product+Sans:400,400i,700,700i');
  
Line 15: Line 15:
 
#HQ_page p {
 
#HQ_page p {
 
     display: none;
 
     display: none;
 +
}
 +
 +
#HQ_page h1, h2, h3, h4, h5 {
 +
    font-family: "Product Sans", sans-serif;
 +
    border-bottom: none;
 +
    font-weight: bold;
 
}
 
}
  
 
#sideMenu {
 
#sideMenu {
 
     display: none !important;
 
     display: none !important;
 +
}
 +
 +
#content{
 +
    background-color: #333333 !important;
 +
}
 +
 +
.firstHeading {
 +
    color: #333333 !important;
 +
}
 +
 +
pre {
 +
    display: none;
 
}
 
}
  
Line 104: Line 122:
 
.box3 {
 
.box3 {
 
     text-align: right;
 
     text-align: right;
 +
    padding-right: 15px;
 
}
 
}
  
Line 177: Line 196:
 
         padding-left: 15px;
 
         padding-left: 15px;
 
         padding-top: 5px;
 
         padding-top: 5px;
         background: rgba(250, 250, 250, 0.8);
+
         background: rgba(250, 250, 250, 1);
 
         height: 100vh;
 
         height: 100vh;
 
         top: 0;
 
         top: 0;
Line 198: Line 217:
 
         left: 0;
 
         left: 0;
 
     }
 
     }
     .carousel {
+
     .w3-display-container{
 
         display: none;
 
         display: none;
 
     }
 
     }
Line 260: Line 279:
 
         right: 50px;
 
         right: 50px;
 
         width: 500px;
 
         width: 500px;
        height: 100px;
 
 
         background: #FAFAFA;
 
         background: #FAFAFA;
 
         color: black;
 
         color: black;
Line 268: Line 286:
 
         padding-left: 20px;
 
         padding-left: 20px;
 
         margin: 0 !important;
 
         margin: 0 !important;
         padding-bottom: 0;
+
         padding-bottom: 15px;
 
     }
 
     }
 
     .banner>.guide>h1 {
 
     .banner>.guide>h1 {
Line 275: Line 293:
 
         margin-bottom: 0 !important;
 
         margin-bottom: 0 !important;
 
         margin-top: 20px !important;
 
         margin-top: 20px !important;
 +
        line-height: 3vh;
 +
        font-size: 3vh;
 
     }
 
     }
 
     .project-banner {
 
     .project-banner {
         background-image: url('https://unsplash.it/1000/500');
+
         background-image: url('https://static.igem.org/mediawiki/2017/a/a9/T--TAS_Taipei--Project-Banner.jpg');
 
         background-size: cover;
 
         background-size: cover;
 
         background-repeat: none;
 
         background-repeat: none;
Line 291: Line 311:
 
     .exp-banner {
 
     .exp-banner {
 
         background-image: url('https://static.igem.org/mediawiki/2017/e/ec/T--TAS_Taipei--Exp_banner.jpg');
 
         background-image: url('https://static.igem.org/mediawiki/2017/e/ec/T--TAS_Taipei--Exp_banner.jpg');
         background-size: 70vw;
+
         background-size: cover;
 
         z-index: 1;
 
         z-index: 1;
 
         right: 0;
 
         right: 0;
 
         position: absolute;
 
         position: absolute;
         width: 70vw;
+
         width: 100% !important;
 
         background-position: center right;
 
         background-position: center right;
 
         background-color: black;
 
         background-color: black;
Line 306: Line 326:
 
     }
 
     }
 
     .model-banner {
 
     .model-banner {
         background-image: url('https://unsplash.it/1000/500?image=221');
+
         background-image: url('https://static.igem.org/mediawiki/2017/2/20/T--TAS_Taipei--Modeling-Banner-new2.jpg');
 
         background-size: cover;
 
         background-size: cover;
 
         background-repeat: none;
 
         background-repeat: none;
Line 359: Line 379:
 
         z-index: 1;
 
         z-index: 1;
 
         height: 100vh;
 
         height: 100vh;
 +
        width: 100%
 
         right: 0;
 
         right: 0;
 
         background-position: center right;
 
         background-position: center right;
Line 370: Line 391:
 
     }
 
     }
 
     .attr-banner {
 
     .attr-banner {
         background-image: url('https://unsplash.it/1000/500?image=121');
+
         background-image: url('https://static.igem.org/mediawiki/2017/e/eb/T--TAS_Taipei--Attributions-Banner.jpg');
 
         background-size: cover;
 
         background-size: cover;
 
         background-repeat: none;
 
         background-repeat: none;
Line 390: Line 411:
 
     line-height: 5vh;
 
     line-height: 5vh;
 
     padding-top: 1vh;
 
     padding-top: 1vh;
 +
}
 +
 +
.guide>h6{
 +
    font-size: 2vh !important;
 +
    line-height: 2vh;
 
}
 
}
  
Line 406: Line 432:
 
     line-height: 12vh;
 
     line-height: 12vh;
 
     padding: 0 !important;
 
     padding: 0 !important;
     font-family: 'Product Sans', sans-serif !important;
+
     font-family: 'Product Sans', Arial, sans-serif;
 
     border: 0;
 
     border: 0;
 
     margin: 0 !important;
 
     margin: 0 !important;

Latest revision as of 07:46, 17 August 2017