Template:UESTC Software/wen css
- {
margin: 0; padding: 0; }
- mw-content-text{
height:100%;
} .ofh{ overflow: hidden; } .fl{ float: left; } .fr{ float: right; } .clearfix::after{ display: block; content: ""; height: 0; clear: both; } li{ list-style: none; } /*sup{
font-size: 0.5rem;
}*/ /************* notebook BEGIN *****************/ /* 左侧屏幕 BEGIN */ .note_des{
margin-top: 75px;
width: 80%; margin-left: auto;
margin-right: auto;
padding: 20px 0; font-family: "faricy-new-web", helvetica, sans-serif; } .note_des h1{ font-size: 3rem; text-align: center; padding: 20px 0;
color: rgb(123,153,119);
font-weight: 600;
} .note_des p{ font-size: 1.2rem; text-align: justify; text-indent: 2rem; line-height: 2rem; } .note_ul{ width: 100%; margin: auto; } .note_hr{ height: 100%; position: absolute; left: 25%; } .note_li{ width: 100%; font-family: "faricy-new-web", helvetica, sans-serif; } .note_li h3{ font-size: 2.2rem; line-height: 3rem;
color: rgb(123,153,119)
} .note_li p{ font-size: 1rem; line-height: 1.4rem; text-align: justify;
text-indent: 1.6rem;
} .note_date{
padding: 10px;
width: 40%; position: relative; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition: all 1s ease; -moz-transition: all 1s ease; /* Firefox 4 */ -webkit-transition: all 1s ease; /* Safari 和 Chrome */ -o-transition: all 1s ease; /* Opera */ border-radius: 5px; } .right_div{ float: right; } /* 左侧屏幕 END */ /* 右侧屏幕 BEGIN */ .hdpli{
width:100%;
height:100%;
position: absolute; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition: all 2s ease; -moz-transition: all 2s ease; /* Firefox 4 */ -webkit-transition: all 2s ease; /* Safari 和 Chrome */ -o-transition: all 2s ease; /* Opera */ } .hdpli img{/*dou 2015.08.25*/
width:100%;
height:100%;
} .hdpli:first-child{
background:url(/wiki/images/0/04/Uestc_software_notebook1.jpg) center no-repeat;
background-size:cover;
} .hdpli:nth-child(2){
background:url(/wiki/images/9/98/Uestc_software_notebook3.jpg) center no-repeat;
background-size:cover;
} .hdpli:nth-child(3){
background:url(/wiki/images/3/3b/Uestc_software_notebook2.jpg) center no-repeat;
background-size:cover;
} .hdpli:nth-child(4){
background:url(/wiki/images/4/4c/Uestc_software_notebook4.jpg) center no-repeat;
background-size:cover;
} .hdpli:nth-child(5){
background:url(/wiki/images/2/22/Uestc_software_notebook7.jpg) center no-repeat;
background-size:cover;
} .hdpli:nth-child(6){
background:url(/wiki/images/6/67/Uestc_software_Meet_up_union.jpg) center no-repeat;
background-size:cover;
} .hdp_show{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
/* 右侧屏幕 END */ /*********** notebook END **************/
/*********** Modeling BEGIN ***********/ .modeling_div{ width: 80%; max-width: 980px; margin: auto; font-family: "faricy-new-web", helvetica, sans-serif;
padding-top:4rem;
} .modeling_div .wenx_div{
margin-top: 4rem;
} .modeling_div .wenx_div p{
font-size:1rem;
} .modeling_div img{
margin:auto;
display:block;
width:70%;
} .modeling_div img.zwbgx{
width:60%;
} .modeling_div h1{ font-size: 3rem; line-height: 4rem; font-weight: 600;
color:rgb(123,153,119);
} .modeling_div h2{ font-size: 2.4rem; line-height: 2.6rem; font-weight: 600; margin: 2rem 0;
color:rgb(123,153,119);
} .modeling_div section{ margin: 2rem 0; } .modeling_div h3{ font-size: 2rem; line-height: 2.2rem; font-weight: 600;
color:rgb(123,153,119);
margin: 1.2rem 0;
} .modeling_div p{ font-size: 1rem; line-height: 1.4rem; text-align: justify; } .modeling_div b{ font-weight: 600; } /************ Modeling END ************/
/*********** members BEGIN **************/ .members_body{ padding-top: 30px; } .scroll_logo{
width: 115px;
display: block;
position: absolute;
bottom: 0;
margin: auto;
left: 0;
right: 0;
} .scroll_logo img{
width: 4rem;
display: block;
margin: auto;
} .scroll_logo p{
color: #FFF;
} body .hbbg{ background: url(/wiki/images/a/ae/Uestc_software_blackboard.png) no-repeat 50% 50%; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;
height: calc(100% - 60px);
margin-top: 60px;
} .members_des{ margin: auto; width: 90%; height: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .members_ul{ width: 100%; height: 100%; } .members_li{ width: 100%; height: 100%; } .hezhao{ position: relative; } .hezhao_pic{ width: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .wen_half_content{ width: 50%; height: 100%; float: left;
position: relative;
} .mem_Per_des{ height: 50%; width: 90%; padding: 0; color: #FFF; margin: auto;
display: table;
} .wen_half_content .yrm_per{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
} .mem_Per_des h2{
font-family: "faricy-new-web",helvetica,sans-serif;
line-height: 2.4rem; font-size: 2rem; color: #FFF; } .mem_Per_des p{
font-family: "faricy-new-web",helvetica,sans-serif;
text-align: justify; font-size: 1rem; line-height: 1.6rem; } .mem_Per_pho img{
display: block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right:0;
} .tablecell_box{
display: table-cell;
vertical-align: middle;
} .mem_Per_pho{ height: 100%; width: 50%; float: left; position: relative; } .wen_half_content .yrm_pho{
margin: auto;
} @media only screen and (min-width: 321px) and (max-width: 1024px){ .combg{ -webkit-background-size: 420px; background-size: 420px; }
body .hbbg{
height: calc(100% - 60px);
}
.images_content .results_img{ width: 385px; height: 217px; } .mem_Per_des h2{ line-height: 2.4rem; font-size: 2rem; } .mem_Per_des p{ line-height: 1rem; font-size: 0.7rem; } } @media only screen and (min-width: 1440px) and (max-width: 1600px){
body .hbbg{
height: calc(100% - 60px);
}
.combg{ -webkit-background-size: 700px; background-size: 700px; } .images_content .results_img{ width: 640px; height: 360px; } .mem_Per_des h2{ line-height: 3rem; } .mem_Per_des p{ line-height: 1rem;
font-size: 0.8rem;
} } @media only screen and (min-width: 1280px) and (max-width: 1400px){
.note_des h1{
font-size: 2.4rem
}
.note_des p{
font-size: 1rem;
line-height: 1.4rem;
}
.combg{ -webkit-background-size: 600px; background-size: 600px; } .images_content .results_img{ width: 550px; height: 310px; } .mem_Per_des h2{ line-height: 3rem; font-size: 2.4rem; } .mem_Per_des p{ line-height: 1rem; font-size: 1rem; } .hezhao_pic{ width: 70%; } }
/* members END */ /*********** members END **************/ /********** safety BEGIN **************/ .safetyDiv{ width: 80%; margin: 60px auto;
max-width: 980px;
} .safetyDiv .QandA{ font-family: "faricy-new-web", helvetica, sans-serif; position: relative; padding:50px 20px 40px 20px;
/*text-align:center*/
} .safetyDiv .QandA h3{
margin-bottom:20px !important;
margin-left:auto;
margin-right:auto;
/*padding: 25px;*/ } .safetyDiv .QandA .saf_h3{
background: rgb(123,153,119);
font-size:1.6rem;
line-height: 1.6rem;
color: #FFF; font-weight: 600;
-webkit-box-shadow:0 0 30px rgb(123,153,119);
-moz-box-shadow:0 0 30px rgb(123,153,119); box-shadow:0 0 30px rgb(123,153,119);
padding:20px;
} .safetyDiv .QandA p{
color:#000;
text-align:justify;
font-size: 1rem; line-height: 1.4rem;
/*text-indent: 2rem;*/
} /*********** safety END **************/ /*********** attribution BEGIN ************/ .attr-main{ width: 80%; margin: auto; padding: 30px 0;
max-width:980px;
} .attr-main>ul{ width: 100%; margin:0 auto !important; } .attr-main .attr-li{/*dou*/ margin: 65px auto; font-size: 2rem; font-family: "faricy-new-web", helvetica, sans-serif; line-height: 3rem; } .attr-main .attr-li h2{ font-family: "faricy-new-web",helvetica,sans-serif; font-size: 2rem; font-weight: 600; line-height: 3rem;
margin-bottom:30px !important;
color:#7b9977;
} .attr-main .attr-li p{
/*text-indent: 2rem;dou*/
font-family: "faricy-new-web",helvetica,sans-serif; font-size:1rem; line-height:1.4rem; text-align:justify; color:#222; } .pho-show{ padding: 0 100px 0 0; } .pho-show .stamp{
display:inline-block;
width: 8rem;
height: 8rem;
/*margin: 1.2rem;dou*/
} /*dou 2015.09.11*/ .pho-show>li{
margin:1.2rem;
} .pho-show>li>div{
display:inline-block;
height:8rem;
margin-left:10px;
vertical-align:top;
} .pho-show>li>div>p{
height:4rem; line-height:4rem;
}
@media screen and (max-width:1024px){/*平板上居中*/
.pho-show>li{
text-align:center;
}
.pho-show .stamp{
display:inline;
}
.pho-show>li>div{
display:block;
}
.attr-main .attr-oth .attr-li p{
text-align:center;
}
.pho-show>li>div>p{/*字体的更改*/
height:3rem;
line-height:3rem;
} } @media screen and (max-width:1280px){/*使过长文字不会滑动下去*/
.long_des{
line-height:2rem !important;
}
.pho-show>li{
}
.pho-show>li>div{
}
} /*dou end*/ /************ attribution END *************/ /************ description BEGIN ************/ .safetyDiv .des_QandA .des_h3{
font-size: 2.4rem;
line-height: 3rem;
color: rgb(123,153,119);
} .posr{
position: relative;
} .safetyDiv .wenx_div{
margin-top: 4rem;
} .safetyDiv .wenx_div p{
font-size:1rem;
} .safetyDiv .des_QandA{
font-family: "faricy-new-web", helvetica, sans-serif;
position: relative; padding:0 20px; } .safetyDiv .des_QandA h3{
margin-top: 20px;
} .des_QandA img.des_img{
float: right;
width: 50%;
padding: 0.6rem 1rem;
} .des_QandA img.des_img1{
float: left;
width: 40%;
margin: 1.5rem 5%;
} .des_QandA img.des_img2{
float: right;
width: 45%;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 5%;
} /************ description END **************/ /************ software BEGIN **************/ .software_div{ width: 80%; max-width: 980px; margin: auto; font-family: "faricy-new-web", helvetica, sans-serif;
padding-top:4rem;
} .software_div img{
margin: 2rem auto;
display:block;
width:70%;
} .software_div h2{ font-size: 2.4rem; line-height: 3rem; font-weight: 600; margin: 2rem 0;
color:rgb(123,153,119);
} .software_div section{ margin: 2rem 0; } .software_div h3{ font-size: 1.6rem; line-height: 2.2rem; font-weight: 600;
color:rgb(123,153,119);
} .software_div p{ font-size: 1rem; line-height: 1.4rem; text-align: justify; } /************ software END ****************/ /************ design BEGIN *****************/ .design_div{
/*max-width: 960px;*/
} .design_div .wenx_div{
margin-top: 4rem;
} .design_div .wenx_div p{
font-size:1rem;
} .QandA h4{
color: rgb(123,153,119);
} .bb-item h1{ width: 50%; font-size: 3rem; } .bb-custom-firstpage{ width: 50%; } .design_img{
width: 60%;
margin:20px 0;
} .design_img_full{
width:100%;
margin:50px 0;
} .dou_img_def{
width:39%;
} .dou_img_def_full{
position:absolute;
right:0;
bottom:0;
} .safetyDiv .QandA .design_h3{
/*background: rgb(123,153,119);*/
font-size: 2rem;
line-height: 2.2rem;
color: #7b9977; font-weight: 600;
/*-webkit-box-shadow:0 0 30px rgb(123,153,119);
-moz-box-shadow:0 0 30px rgb(123,153,119); box-shadow:0 0 30px rgb(123,153,119);
padding:20px;*/
} .dou_ref{ font-family:"faricy-new-web", helvetica, sans-serif; }
.dou_ref p{
font-size:1rem;
font-weight:500;
margin-bottom:40px;
} .dou_ref ul li{
font-size:1rem;
line-height:1.4rem;
margin-bottom:20px;
color:#222;
} /*************** design END *****************/ /************ results BEGIN ****************/ .results_div{
width: 80%;
max-width: 980px; margin: 40px auto; font-family: "faricy-new-web", helvetica, sans-serif;
padding-top:4rem;
} .results_div h2{
font-size: 2.4rem;
line-height: 3rem;
color: rgb(123,153,119);
margin: 20px 0;
font-weight:bold;
} .results_div p{ font-size: 1rem; line-height: 1.4rem; text-align: justify; } .results_div .img_and_p{
margin: 4rem auto;
width: 100%;
} .img_and_p img{
display:block;
width: 100%;
} .results_div .img_and_p p{
text-align: center;
font-size: 1rem;
} /************* results END *****************/
/*史前巨坑*/
.cd_half_section{/*通用*/
position: relative;
} .cd_half_section h1{
position: absolute; width: 80%; height: 90px; line-height: 90px; text-align: center; margin: auto; top: 0; bottom: 0; left: 0; right: 0; color: #f7f7f7; font-family: "faricy-new-web",helvetica,sans-serif; font-size: 70px;
} .cd_half_section p{
font-family: "faricy-new-web", helvetica, sans-serif; color:#f7f7f7; position:absolute; right:10px; bottom:10px; font-size:0.8rem;
}
- c_h_s_desc{/*project_description图片*/
background: url(/wiki/images/9/90/Team-UESTC_Software_fj1.jpeg) center center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_desi{/*rpoject_design*/
background: url(/wiki/images/4/4e/Team-UESTC_Software_fj2.jpeg) center center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_attr{/*attributions*/
background: url(/wiki/images/2/29/Team-UESTC_Software_fj3.jpeg) center center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_meet{/*meetup图片*/
background: url(/wiki/images/1/11/Team-UESTC_Software_fj4.jpeg) center center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_safety{/*safety*/
background: url(/wiki/images/8/84/Team-UESTC_Software_fj5.jpeg) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_results{/*results*/
background: url(/wiki/images/4/4e/Team-UESTC_Software_fj6.jpeg) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_modeling{/*modeling*/
background: url(/wiki/images/1/12/Team-UESTC_Software_fj7.jpeg) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_validation{/*validation*/
background: url(/wiki/images/f/fe/Team-UESTC_Software_fj8.jpeg) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
}
- c_h_s_soft{/*software*/
background: url(/wiki/images/1/10/Team-UESTC_Software_fj9.jpeg) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-bakcground-size:cover; -o-background-size:cover;
} .back_to_top{
display: none; position: fixed; cursor: pointer; bottom: 10px; right:15% ; width: 50px; text-align: center; height: 50px; line-height: 50px; color: #aaa;
} .back_to_top i{
font-size:40px;
} @media screen and (max-width: 1600px){
.back_to_top{
right:5% !important;
} } .bianse{
color: rgb(123,153,119);
}