Difference between revisions of "Team:SCU-WestChina/style.css"

 
(2 intermediate revisions by the same user not shown)
Line 140: Line 140:
  
 
.mid-wrapper img {
 
.mid-wrapper img {
−
     width: 80%;
+
     width: 70%;
 
     height: auto;
 
     height: auto;
 
     display: block;
 
     display: block;
Line 161: Line 161:
 
.link-more {
 
.link-more {
 
     color: #8b0000;
 
     color: #8b0000;
 +
}
 +
 +
.img-row {
 +
    margin: 30px 5% 60px 5%;
 +
    width: 90%;
 +
    font-size: 0;
 +
}
 +
 +
.img-row .half-block {
 +
    width: 50%;
 +
    display: inline-block;
 +
}
 +
 +
.img-wrapper{
 +
    display: inline-block;
 +
    width: 40%;
 +
    vertical-align: top;
 +
}
 +
 +
.img-wrapper .person-img {
 +
    width: 90%;
 +
    margin: 30px auto;
 +
    height: auto;
 +
    border-radius: 50%;
 +
    border: 4px solid #8b0000;
 +
}
 +
 +
.person-info {
 +
    width: 55%;
 +
    display: inline-block;
 +
    vertical-align: top;
 +
}
 +
 +
.person-info .person-name {
 +
    font-size: 24px;
 +
}
 +
 +
.person-info .person-major {
 +
    margin-top: 10px;
 +
    font-size: 12px;
 +
    font-weight: 300;
 +
}
 +
 +
.person-info .person-introduction {
 +
    font-size: 16px;
 +
}
 +
 +
.img-advisor-block {
 +
    position: relative;
 +
    border-top: 2px dotted #000;
 +
    border-bottom: 2px dotted #000;
 +
    width: 95%;
 +
    margin: 20px auto;
 +
}
 +
 +
.advisor-title {
 +
    position: absolute;
 +
    top: 5px;
 +
    left: 5px;
 +
    font-size: 20px;
 +
    color: #8b0000;
 +
    font-weight: 600;
 +
}
 +
 +
.img-advisor-row {
 +
    width: 720px;
 +
    height: 200px;
 +
    font-size: 0;
 +
    margin: 0 auto;
 +
}
 +
 +
.img-advisor-row .img-advisor {
 +
    display: inline-block;
 +
    width: 120px;
 +
    height: 200px;
 +
    margin: 10px;
 +
}
 +
 +
.img-advisor-row .img-advisor img {
 +
    width: 100%;
 +
    height: 160px;
 +
}
 +
 +
.img-advisor-row .img-advisor .advisor-name {
 +
    font-size: 12px;
 +
    text-align: center;
 
}
 
}
 
   </style>
 
   </style>
 
</head>
 
</head>
 
</html>
 
</html>

Latest revision as of 15:10, 1 November 2017