Template:BIT-China/css/temp-common-style

@font-face { 

 font-family: 'helveticaregular';
 src: url('https://static.igem.org/mediawiki/2018/b/bb/T--BIT-China--iGEM2018-helvetica-webfont.eot');
 src: url('https://static.igem.org/mediawiki/2018/b/bb/T--BIT-China--iGEM2018-helvetica-webfont.eot?#iefix') format('embedded-opentype'),url('https://static.igem.org/mediawiki/2018/c/c0/T--BIT-China--iGEM2018-helvetica-font-woff.woff') format('woff'), url('https://static.igem.org/mediawiki/2018/7/7f/T--BIT-China--iGEM2018-helvetica-font-ttf.ttf') format('truetype'), url('https://static.igem.org/mediawiki/2018/1/1b/T--BIT-China--iGEM2018-helvetica-font-svg.svg#helveticaregular') format('svg');
 font-weight: normal;
 font-style: normal;

} @font-face { 

 font-family: 'kg_second_chances_solidRg';
 src: url('https://static.igem.org/mediawiki/2018/0/00/T--BIT-China--iGEM2018-kgsecondchancessolid-font-eot.eot');
 src: url('https://static.igem.org/mediawiki/2018/0/00/T--BIT-China--iGEM2018-kgsecondchancessolid-font-eot.eot?#iefix') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2018/9/96/T--BIT-China--iGEM2018-kgsecondchancessolid-font-woff.woff') format('woff'), url('https://static.igem.org/mediawiki/2018/1/1b/T--BIT-China--iGEM2018-kgsecondchancessolid-font-ttf.ttf') format('truetype'), url('https://static.igem.org/mediawiki/2018/3/3a/T--BIT-China--iGEM2018-kgsecondchancessolid-font-svg.svg#kg_second_chances_solidRg') format('svg');
 font-weight: normal;
 font-style: normal;

}

body, html { 

 /* font-family: Helvetica, 'KG Second Chances Solid'; */
 background: url("T--BIT-China--iGEM2018-temp-bg.png");
 /* background: #f6f6f6; */
 /* cursor: none; */
 overflow-x: hidden;

}

img { 

 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 100%;

}

  1. left-side {
 margin: 0;
 padding: 0;
 width: 80px;
 position: fixed;
 left: 5.12vw;
 top: 25vh;
 z-index: 1;

 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;

}

  1. left-side ul li {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;

 padding-top: 0;
 padding-bottom: 5px;
 line-height: 34px;
 font-size: 20px;
 color: #131313;
 cursor: pointer;
 font-family: 'kg_second_chances_solidRg';

 -webkit-transition: all .2s ease-out;
 transition: all .2s ease-out;

}

  1. left-side ul li:hover {
 /* font-family: 'kg_second_chances_sketchRg'; */
 color: rgb(150, 150, 150);
 -webkit-transition: all .2s ease-out;
 transition: all .2s ease-out;

}

.imgA-old-pos { 

 z-index: 9;
 position: fixed;
 top: 10px;
 left: 63vw;
 width: 345px;
 height: 360px;

}

.imgA-new-pos { 

 z-index: 9;
 position: fixed;
 left: 1.8vw;
 top: .1vh;
 width: 144px;
 height: 150px;

}

.a_style { 

 font-family: 'kg_second_chances_solidRg';
 font-size: 20px;
 color: #131313;

}

.p_style { 

 font-family: 'helveticaregular';
 font-size: 15px;
 /*行间距*/
 line-height: 30px;
 margin-top: 5px;
 color: #131313;

}

/* HP css start */ .content_container { 

 position: relative;
 left: 25vw;
 width: 60vw;
 padding: 0;
 background-color: transparent;

}

.section-upline { 

 /*display: block;*/
 width: 100%;
 /*height: 1px;*/
 /*margin-bottom: 80px;*/

}

.title-h3 { 

 font-size: 30px;
 color: #131313;
 font-weight: bold;
 letter-spacing: 3px;
 font-family: 'kg_second_chances_solidRg';

}

.my-content-p { 

 width: 100%;
 margin: auto;
 font-family: 'helveticaregular' !important;
 font-weight: 500 !important;
 font-size: 16px !important;
 line-height: 1.7 !important;
 margin-bottom: 20px;
 color: #131313;

}

.my-img-box { 

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

}

.my-img-box img { 

 width: 50%;
 height: 50%;
 margin-bottom: 2rem;
 /* border-radius: 10px; */

} /* end */