Template:HSNU-TAIPEI/main

<style> /****************************** GENERAL

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

• {

 box-sizing: border-box;

}

.wrapper {

 background: #f1f2f2;
 width: 100%;

}

.main-content {

 width: 80%;
 margin: 0 auto;
 padding: 5%;

}

.main-content h1 {

 font-weight: bold;
 font-size: 4em;
 text-align: center;
 margin: 0 auto 30px;

}

.sec {

 width: 100%;

}

.sec > h2 {

 font-weight: bold;
 border-bottom: 2px solid #aaa;

}

.sec > p {

 font-size: 1.25em;
 line-height: 1.5;

}

.sec > img {

 float: right;
 margin: 1%;

}

/****************************** Team_Type1

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.team-content {

 width: 70%;

}

.team-person {

 display: -webkit-flex;
 flex-flow: row nowrap;
 justify-content: center;
 align-items: center;
 width: 90%;
 margin: 30px auto;
 border: 1px solid #ddd;
 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
 background: #fcfcfc;
 -webkit-transition: all 0.5s ease;

}

.team-person:hover {

 background: #33cc66;
 color: #f1f2f2;

}

.team-person img {

 display: block;
 width: 25%;
 margin: 3%;
 border: 3px solid #33cc66;
 border-radius: 50%;

}

.team-person div {

 width: 65%;

}

.team-person h4 {

 font-size: 1.5rem;
 font-weight: normal;
 margin-left: 3%;
 margin-bottom: 0;

}

.team-person h5 {

 font-size: 1rem;
 font-weight: normal;
 margin: 1% 0 0 3%;

} .team-person p {

 font-size: 1.1rem;
 white-space: pre-wrap;

} </style>