Difference between revisions of "Template:UCL/Style"

 
(8 intermediate revisions by 2 users not shown)
Line 527: Line 527:
 
/* SUBPAGE===============================================================================================================================================*/
 
/* SUBPAGE===============================================================================================================================================*/
 
.background_img_igem {
 
.background_img_igem {
−
     background-image: url('resources/Images/silkbackground2.svg') !important;
+
     background-image: url('https://static.igem.org/mediawiki/2018/9/98/T--UCL--silkbackground2.svg') !important;
 
     min-height: 100% !important;
 
     min-height: 100% !important;
 
     width: 100% !important;
 
     width: 100% !important;
Line 571: Line 571:
 
     margin-bottom: 1rem !important;
 
     margin-bottom: 1rem !important;
 
     margin-top: 2rem !important;
 
     margin-top: 2rem !important;
 +
    font-size: 1rem !important;
 +
}
 +
.bypass{
 +
  text-align: center !important;
 +
  margin-bottom: 1rem !important;
 +
}
 +
.card-text_igem2 {
 +
    font-family: 'Lato', sans-serif !important;
 +
    font-weight: 300;
 +
    line-height: 1.6em;
 +
    margin-bottom: 0.1rem !important;
 +
    margin-top: 0.2rem !important;
 +
    font-size: 1rem !important;
 
}
 
}
 
.basicparts{
 
.basicparts{
Line 598: Line 611:
 
     color: rgba(242, 77, 25,1);
 
     color: rgba(242, 77, 25,1);
 
     text-align: center;
 
     text-align: center;
 +
    padding-top: 2rem;
 +
    padding-bottom: 2rem;
 +
    line-height: 1rem;
 
}
 
}
  
Line 607: Line 623:
 
     text-align: center;
 
     text-align: center;
 
     padding-top: 7rem;
 
     padding-top: 7rem;
 +
    padding-bottom: 1rem;
 +
    line-height: 1rem;
 +
}
 +
 +
.h1_igem_subpage2 {
 +
    font-weight: 400;
 +
    font-family: "Quicksand", sans-serif;
 +
    font-size: 5rem;
 +
    color: rgba(242, 77, 25,1);
 +
    text-align: center;
 +
    line-height: 1rem;
 +
}
 +
 +
.h1_igem_subpage3 {
 +
    font-weight: 400;
 +
    font-family: "Quicksand", sans-serif;
 +
    font-size: 5rem;
 +
    color: rgba(242, 77, 25,1);
 +
    text-align: center;
 +
    padding-top: 7rem;
 +
    padding-bottom: 2rem;
 +
    line-height: 1rem;
 
}
 
}
  
Line 622: Line 660:
 
     display: block;
 
     display: block;
 
     margin-top: 1rem;
 
     margin-top: 1rem;
 +
}
 +
 +
.subpage_img_igem1 {
 +
    margin-right: auto;
 +
    margin-left: auto;
 +
    width: 100vh;
 +
    height: 100vh;
 +
    display: block;
 
}
 
}
  
Line 654: Line 700:
 
     margin-top: 1rem;
 
     margin-top: 1rem;
 
}
 
}
−
.card-title .vanish {
+
.vanish {
−
     font-size: 1.5rem;
+
     font-size: 1.5rem !important;
−
     font-family: 'Quicksand', sans-serif;
+
     font-family: 'Quicksand', sans-serif !important;
 
     font-weight: 400;
 
     font-weight: 400;
 
     margin-top: 1rem;
 
     margin-top: 1rem;
 +
    text-align: center !important;
 
}
 
}
  
Line 685: Line 732:
 
     vertical-align:middle !important;
 
     vertical-align:middle !important;
 
     align-items: center !important;
 
     align-items: center !important;
 +
}
 +
 +
.model_img{
 +
    padding:1rem;
 
}
 
}
  
Line 1,031: Line 1,082:
 
     font-size: 1.5rem;
 
     font-size: 1.5rem;
 
     margin-bottom: 1rem;
 
     margin-bottom: 1rem;
 +
    text-align: left;
 
}
 
}
 
/*  */
 
/*  */
Line 1,173: Line 1,225:
 
.loqclass{
 
.loqclass{
 
   text-align: center !important;
 
   text-align: center !important;
 +
  margin-bottom: 3rem !important;
 
}
 
}
 
.filler1{
 
.filler1{
Line 1,230: Line 1,283:
 
.cards_logos3{
 
.cards_logos3{
 
   width:100%;
 
   width:100%;
 +
  display:block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 1rem;
 +
}
 +
 +
.cards_logos4{
 +
  width:105%;
 +
  display:block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 1rem;
 +
}
 +
 +
.cards_logos5{
 +
  width:80%;
 +
  display:block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 1rem;
 +
}
 +
 +
.cards_logos6{
 +
  width:110.4%;
 
   display:block;
 
   display:block;
 
   margin-left: auto;
 
   margin-left: auto;
Line 1,273: Line 1,350:
 
}
 
}
 
.yang:hover{
 
.yang:hover{
−
   background-color: black;
+
   background-color: #ff9f80;
−
   color:white;
+
   color:black;
−
   transition: 0.3s;
+
   transition: 0.5s;
 
}
 
}
 
.removepadding
 
.removepadding
Line 1,287: Line 1,364:
 
}
 
}
 
.argss{
 
.argss{
−
   text-align: center;
+
   text-align: center !important;
 
}
 
}
 
.sshh{
 
.sshh{
 
   text-decoration: none;
 
   text-decoration: none;
−
   color:black;
+
   color:rgb(255, 133, 102);
 
   transition: 0.15s;
 
   transition: 0.15s;
 
}
 
}
Line 1,297: Line 1,374:
 
.sshh:hover{
 
.sshh:hover{
 
   text-decoration: none;
 
   text-decoration: none;
−
   color:tomato;
+
   color:rgb(255, 0, 53);
 +
  transition: 0.15s;
 +
}
 +
 
 +
.sshh1{
 +
  text-decoration: none;
 +
  color:rgb(153, 0, 0) !important;
 +
  transition: 0.15s;
 +
}
 +
 
 +
.sshh1:hover{
 +
  text-decoration: none;
 +
  color:rgb(77, 0, 0);
 
   transition: 0.15s;
 
   transition: 0.15s;
 
}
 
}
Line 1,401: Line 1,490:
 
     color:tomato;
 
     color:tomato;
 
   }
 
   }
 +
 +
  .orange_bkgr{
 +
      background-color: white;
 +
      border-radius: 0.5rem;
 +
      color: tomato !important;
 +
  }
 +
 +
.carousel_title_igem {
 +
    font-size: 2rem !important;
 +
    font-weight: 800 !important;
 +
    font-family: "Quicksand", sans-serif !important;
 +
    color: tomato !important;
 +
    background-color: rgba(28,28,28,0.75);
 +
}
 +
 
   .wwww{
 
   .wwww{
 
     background-color: rgba(28,28,28,1);
 
     background-color: rgba(28,28,28,1);
 +
    font-size: 1rem !important;
 +
    font-weight: 400 !important;
 +
    font-family: "Lato", sans-serif !important;
 
   }
 
   }
 
.sucks{
 
.sucks{
Line 1,526: Line 1,633:
 
.ooooo{
 
.ooooo{
 
   border: 2px solid rgba(138, 138, 138, 1);
 
   border: 2px solid rgba(138, 138, 138, 1);
 +
  margin-top: 2rem;
 
}
 
}
 
.oooo th{
 
.oooo th{
Line 1,533: Line 1,641:
 
   font-size: 11px;
 
   font-size: 11px;
 
}
 
}
 +
 +
.video_igem{
 +
    padding-top: 1.5rem;
 +
    padding-bottom: 1.5rem;
 +
}
 +
 +
.list_padding_igem {
 +
    padding-bottom: 1.5rem;
 +
}
 +
 +
.table_text_igem{
 +
    font-family: 'Lato', sans-serif !important;
 +
    font-weight: 300;
 +
    line-height: 1.6em;
 +
}
 +
 
.m1{
 
.m1{
 
   width:25vw;
 
   width:25vw;
Line 1,562: Line 1,686:
 
.margintopp{
 
.margintopp{
 
   margin-top: 5vh;
 
   margin-top: 5vh;
 +
}
 +
 +
.model_h6 {
 +
    padding-top: 1rem;
 +
    padding-bottom: 1rem;
 +
}
 +
 +
.model_caption_title_igem {
 +
    font-weight: bold;
 +
    color: tomato;
 +
}
 +
code {
 +
    border-radius: 3px;
 +
    font-family: courier, monospace;
 +
    padding: 0 3px;
 +
    color: black;
 +
    font-size: 1.4rem;
 +
    line-height: 2rem;
 
}
 
}
 
/* FOOTER===============================================================================================================================================*/
 
/* FOOTER===============================================================================================================================================*/

Latest revision as of 10:08, 9 December 2018