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

Revision as of 20:23, 17 October 2018 (view source) 714981996 (Talk | contribs) (Created page with "#main p{ line-height: 27px; } #main{ margin-top: 76px; display: flex; flex-direction: column; align-items: center; } #top-description { width: 80%;...")		Revision as of 23:49, 17 October 2018 (view source) 714981996 (Talk | contribs) Newer edit →
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;

---

Revision as of 23:49, 17 October 2018

1. main p{

   line-height: 27px;

}

1. main{

   margin-top: 76px;
   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("");
   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;

}