Difference between revisions of "Template:HSNU-TAIPEI/main"

Line 35: Line 35:
  
 
.wrapper {
 
.wrapper {
−
  background: #f2f2e8;
 
 
   width: 100%;
 
   width: 100%;
 +
  background: #f2f2e8;
 
}
 
}
  
 
.main-content {
 
.main-content {
−
   width: 80%;
+
   /*width: 80%;*/
 +
  width: 100%;
 
   margin: 0 auto;
 
   margin: 0 auto;
−
   padding: 5%;
+
   padding: 110px 5% 5%;
 
}
 
}
  
 
.main-content h1 {
 
.main-content h1 {
 
   font-weight: bold;
 
   font-weight: bold;
−
   font-size: 4em;
+
   font-size: 4rem;
 
   text-align: center;
 
   text-align: center;
 
   margin: 0 auto 30px;
 
   margin: 0 auto 30px;
−
  border: none;
 
 
}
 
}
  
Line 62: Line 62:
 
}
 
}
  
−
.sec > p {
+
article p {
−
   font-size: 1.25em;
+
   font-size: 1.1rem;
 
   line-height: 1.5;
 
   line-height: 1.5;
 
}
 
}
  
−
.sec > img {
+
article img {
 +
  width: 100%;
 
   float: right;
 
   float: right;
−
  margin: 1%;
 
 
}
 
}
  
−
 
+
@media screen and (min-width: 1024px) {
−
/******************************
+
  .main-content {
−
Team_Type1
+
    width: 90%;
−
******************************/
+
  }
−
 
+
  article p {
−
.team-content {
+
    font-size: 1.25rem;
−
   width: 70%;
+
   }
 +
  article img {
 +
    width: 50%;
 +
  }
 
}
 
}
  
−
.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>
 
</style>
 
</html>
 
</html>

Revision as of 12:37, 3 June 2015