Difference between revisions of "Template:BIT/css/silver"

(Created page with "#main p{ line-height: 27px; } #main{ margin-top: 76px; display: flex; flex-direction: column; align-items: center; } #top-description { width: 80%;...")
 
 
(2 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
}
 
}
 
#main{
 
#main{
−
     margin-top: 76px;
+
     margin-top: 46px;
 
     display: flex;
 
     display: flex;
 
     flex-direction: column;
 
     flex-direction: column;
Line 48: Line 48:
 
     width: 100%;
 
     width: 100%;
 
     height: 300px;
 
     height: 300px;
−
     background-image: url("img/silver.jpg");
+
     background-image: url("https://static.igem.org/mediawiki/2018/d/d9/T--BIT--iGEM_BIT2018_hp_silver_1.jpg");
 
     background-position: center top;
 
     background-position: center top;
 
     background-size: cover;
 
     background-size: cover;
Line 87: Line 87:
 
.right{
 
.right{
 
     margin-top: 20px;
 
     margin-top: 20px;
 +
}
 +
#top-zone p{
 +
    font-size: 18px;
 +
    font-family: 'quicksand medium';
 +
    line-height: 30px;
 +
    text-align: justify;
 +
}
 +
#top-zone h1{
 +
    font-size: 48px;
 +
    line-height: 50px;
 +
    font-family: 'OM';
 +
    letter-spacing: 1px;
 
}
 
}

Latest revision as of 23:50, 17 October 2018

  1. main p{
   line-height: 27px;

}

  1. main{
   margin-top: 46px;
   display: flex;
   flex-direction: column;
   align-items: center;

}

  1. top-description

{ 

   width: 80%;
   max-width: 1000px;

}

  1. top-zone

{ 

   display: flex;
   justify-content: center;
   background-color: #eee;
   padding: 30px 0;
   width: 100%;

}

  1. my-content{
   width: 80%;
   max-width: 1000px;
   padding: 0 36px;
   border-left: 2px solid rgb(68,114,196);
   margin-bottom: 100px;

}

  1. my-content p{
   font-size: 18px;
   font-family: 'quicksand medium';
   line-height: 30px;
   text-align: justify;

} .detail{ 

   display: flex;
   flex-direction: column;
   align-items: center;

} .detail p{ 

   width: 100%;

} .detail img{ 

   max-width: 100%;

}

  1. top-pic{
   width: 100%;
   height: 300px;
   background-image: url("T--BIT--iGEM_BIT2018_hp_silver_1.jpg");
   background-position: center top;
   background-size: cover;

} .half{ 

   display: flex;
   justify-content: space-around;

} .half1{ 

   width: 45%;
   padding-right: 5%;

} .half2{ 

   width: 45%;

} .half1 img{ 

   width: 100%;

} .half2 img{ 

   width: 100%;

}

  1. three{
   display: flex;
   justify-content: space-around;

} .shadow { 

   box-shadow: 0px 0px 5px 1px #aaa;
   padding: 12px;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;

} .shadow img{ 

   max-width: 100%;

} .right{ 

   margin-top: 20px;

}

  1. top-zone p{
   font-size: 18px;
   font-family: 'quicksand medium';
   line-height: 30px;
   text-align: justify;

}

  1. top-zone h1{
   font-size: 48px;
   line-height: 50px;
   font-family: 'OM';
   letter-spacing: 1px;

}