Difference between revisions of "Team:Jilin China/CSS Details"

 
(89 intermediate revisions by the same user not shown)
Line 20: Line 20:
 
transition: color 0.3s ease;
 
transition: color 0.3s ease;
 
}
 
}
 +
.bodycontent .s2 > ul > li .bg_dark{
 +
color:white;
 +
background:black;
 +
}
 +
 +
 
.HP_Reflections{
 
.HP_Reflections{
 
padding:0;
 
padding:0;
Line 36: Line 42:
 
padding:1rem;
 
padding:1rem;
 
box-sizing:border-box;
 
box-sizing:border-box;
 +
text-align:left !important;
 
}
 
}
  
Line 71: Line 78:
 
opacity:0.5;
 
opacity:0.5;
 
}
 
}
−
 
+
.HP_Quote_text{
 +
/*font-family: Trebuchet MS;*/
 +
font-style:Italic;
 +
background:rgba(0,0,0,0.05);
 +
display:block;
 +
text-indent:0;
 +
padding:4rem !important;
 +
box-sizing:border-box;
 +
position:relative;
 +
width:calc(100% - 2rem) !important;
 +
margin:3rem 1rem !important;
 +
border-left:6px solid #C0C0C0;
 +
}
 +
.bodycontent .s2 > ul > li > div > .definition{
 +
font-size: 1.5rem !important;
 +
width:70% !important;
 +
display:block;
 +
background-color:rgba(0,0,0,0.05);
 +
font-family: Trebuchet MS !important;
 +
font-weight:bolder;
 +
padding:3rem;
 +
z-index:2;
 +
margin:3rem auto !important;
 +
box-sizing:border-box;
 +
position:relative;
 +
overflow:hidden;
 +
}
 +
.definition::after{
 +
content:"Def";
 +
position:absolute;
 +
bottom:0;
 +
right:0;
 +
z-index:1;
 +
font-size:10vw;
 +
color:rgba(0,0,0,0.1);
 +
font-family: Trebuchet MS !important;
 +
}
  
  
Line 77: Line 120:
 
.bodycontent .s2 > ul > li{
 
.bodycontent .s2 > ul > li{
 
background: white;
 
background: white;
−
padding: 7.5vw 0 7.5vw 0 !important;
+
padding: 3.5vw 0 3.5vw 0 !important;
 
margin-bottom: 2rem;
 
margin-bottom: 2rem;
 
}
 
}
Line 89: Line 132:
 
margin:0 0 0 calc(42.5vw - 11rem) !important;
 
margin:0 0 0 calc(42.5vw - 11rem) !important;
 
}
 
}
 +
}
 +
.pdfs{
 +
width:100%;
 +
height:50rem;
 +
padding:
 +
}
 +
.pdfs object {
 +
width:100%;
 +
height:100%;
 +
object-fit:cover;
 +
overflow:auto;
 +
min-height: 100%
 
}
 
}
 
@media screen and (min-width:680px){
 
@media screen and (min-width:680px){
Line 98: Line 153:
 
}
 
}
 
.s1 .title_con{
 
.s1 .title_con{
−
left:5rem;
+
left:7.5vw;
 
bottom:15vh;
 
bottom:15vh;
 
position: fixed;
 
position: fixed;
Line 105: Line 160:
 
.s1_simplified{
 
.s1_simplified{
 
width: 100%;
 
width: 100%;
−
height: 14rem !important;
+
height:auto;
 
padding-bottom: 5rem;
 
padding-bottom: 5rem;
 
}
 
}
 
.s1_simplified .title_con{
 
.s1_simplified .title_con{
−
left:5rem;
+
left:7.5vw;
 
bottom:auto;
 
bottom:auto;
 
position: relative;
 
position: relative;
Line 134: Line 189:
 
color: black;
 
color: black;
 
font-size: 6vw !important;
 
font-size: 6vw !important;
−
line-height:8vw !important;
+
line-height:1 !important;
−
font-weight: bold;
+
font-weight: bold !important;
−
z-index: 0;
+
 
float:left;
 
float:left;
 +
z-index: 0;
 
border-right: 8px black solid !important;
 
border-right: 8px black solid !important;
 
text-shadow: 0 0 1rem rgba(0,0,0,0.1);
 
text-shadow: 0 0 1rem rgba(0,0,0,0.1);
Line 147: Line 202:
 
line-height:1 !important;
 
line-height:1 !important;
 
color: rgba(255,255,255,0.8) !important;
 
color: rgba(255,255,255,0.8) !important;
 +
}
 +
.s1_simplified p span{
 +
font-size: 5vw !important;
 +
line-height:1 !important;
 +
color: rgba(0,0,0,0.8) !important;
 
}
 
}
 
.s1 table{
 
.s1 table{
Line 221: Line 281:
 
.bodycontent .s2 > ul > li{
 
.bodycontent .s2 > ul > li{
 
background: white;
 
background: white;
−
padding: 7.5vw 0 7.5vw 0;
+
padding: 3.5vw 0 3.5vw 0;
 
margin: 0;
 
margin: 0;
 
}
 
}
Line 259: Line 319:
 
.bodycontent .s2 h2{
 
.bodycontent .s2 h2{
 
box-sizing: border-box;
 
box-sizing: border-box;
−
padding: 1rem 0 1rem 0 !important;
+
padding: 1rem 4rem 1rem 2rem !important;
 
font-size: 2rem !important;
 
font-size: 2rem !important;
 
margin: 2rem 1rem !important;
 
margin: 2rem 1rem !important;
−
border-bottom: 0px solid #CFCFCF;
+
border-left: 6px solid;
 
line-height: 3rem;
 
line-height: 3rem;
 +
position: relative;
 +
}
 +
.bodycontent .s2 h2:before {
 +
content:"";
 +
position: absolute;
 +
top:0;
 +
right:0;
 +
width:3rem;
 +
height:100%;
 +
animation: IconSpin 1s ease infinite alternate;
 
}
 
}
 
.bodycontent .s2 h3{
 
.bodycontent .s2 h3{
Line 271: Line 341:
 
line-height: 2rem;
 
line-height: 2rem;
 
color:#595959;
 
color:#595959;
−
text-indent: 1rem !important;
+
padding-left:1rem;
 
border-left: 6px solid #595959;
 
border-left: 6px solid #595959;
−
background:rgba(0,0,0,0.05);
 
 
}
 
}
 
.bodycontent .s2 p:first-of-type:first-letter{
 
.bodycontent .s2 p:first-of-type:first-letter{
Line 314: Line 383:
 
float:right;
 
float:right;
 
width:100%;
 
width:100%;
 +
font-family: Trebuchet MS;
 +
}
 +
.bodycontent .s2 .tables{
 +
font-size:1.3rem !important;
 +
padding: 4rem 0 1rem;
 +
margin: 0 1rem;
 +
border-bottom:2px solid #CCCCCC;
 +
font-weight:100;
 +
width:calc(100% - 2rem);
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
 
}
 
}
Line 333: Line 411:
 
}
 
}
 
.bodycontent section table td,th{
 
.bodycontent section table td,th{
−
border-right: 1px solid #d4d8da;
+
border: 2px solid #d4d8da !important;
−
border-bottom: 1px solid #d4d8da;
+
 
padding: 0.5rem;
 
padding: 0.5rem;
 
box-sizing: border-box;
 
box-sizing: border-box;
 
text-align: center;
 
text-align: center;
 +
background:white !important;
 
}
 
}
 
.bodycontent table tr:first-child th{
 
.bodycontent table tr:first-child th{
Line 397: Line 475:
  
 
.bodycontent .reference ul li{
 
.bodycontent .reference ul li{
−
list-style: decimal;
+
list-style: none;
−
padding: 1rem 1rem 0 1rem;
+
padding: 0.3rem 1rem 0 0;
 
box-sizing: border-box;
 
box-sizing: border-box;
 +
text-align: justify;
 +
font-family:Times New Roman;
 
}
 
}
 
.triangle{
 
.triangle{
Line 408: Line 488:
 
padding: 0;
 
padding: 0;
 
}
 
}
−
.figure{
+
.bodycontent section .figure:first-letter{
−
color:rgba(0,20,86,1.00);
+
color:gray !important;
−
font-style: italic;
+
font-size: 0.9rem !important;
−
font-size: 1rem;
+
font-family: Arial !important;
 
font-weight: normal;
 
font-weight: normal;
−
text-align: center;
+
margin: 0 auto;
−
margin: 0;
+
width:auto !important;
 +
line-height: 0.9rem !important;
 +
float:none !important;
 +
padding:0 !important;
 +
}
 +
.bodycontent section .figure{
 +
color:gray;
 +
font-size: 0.9rem !important;
 +
font-family: Arial !important;
 +
font-weight: normal;
 +
width:auto !important;
 +
line-height:0.9rem !important;
 +
text-align:center !important;
 
}
 
}
  
Line 496: Line 588:
 
font-weight:100 !important;
 
font-weight:100 !important;
 
padding: 0 0 1rem 0;
 
padding: 0 0 1rem 0;
−
color:#404040
+
color:#404040;
 
}
 
}
 
.bodycontent section table{
 
.bodycontent section table{
Line 602: Line 694:
 
.figure{
 
.figure{
 
color:rgba(0,20,86,1.00);
 
color:rgba(0,20,86,1.00);
−
font-style: italic;
 
 
font-size: 0.9rem;
 
font-size: 0.9rem;
 
font-weight: normal;
 
font-weight: normal;
−
text-align: center;
+
margin: 0 auto;
−
margin: 0;
+
 
}
 
}
 
.bodycontent .s2 p .figures{
 
.bodycontent .s2 p .figures{
Line 621: Line 711:
 
float: left;
 
float: left;
 
}
 
}
−
.bodycontent .s2 p .figures .figure{
+
.bodycontent .s2 p .figures .figure_in{
 
float:right;
 
float:right;
 
width: 100%;
 
width: 100%;

Latest revision as of 19:24, 17 October 2018