Difference between revisions of "Template:NCKU Tainan/css/homepage"

 
(18 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
   background-color: #272625;
 
   background-color: #272625;
 
}
 
}
 +
 +
.backgroundpic {
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 +
 
#HQ_page p {
 
#HQ_page p {
 
   font-size: 18px;
 
   font-size: 18px;
Line 24: Line 30:
 
   border-left: 4px solid transparent;
 
   border-left: 4px solid transparent;
 
}
 
}
   .t-cover {
+
.t-cover {
     height: 90vh !important;
+
  height: 100vh !important;
 +
}
 +
@media (max-width: 1000px) {
 +
   .t-cover {    
 +
    margin-top: 40px;
 +
     height: 80vh !important;
 
   }
 
   }
@media (max-width: 1900px) {
+
}
 +
@media (max-width: 800px) {
 
   .t-cover {     
 
   .t-cover {     
 
     margin-top: 40px;
 
     margin-top: 40px;
Line 33: Line 45:
 
   }
 
   }
 
}
 
}
@media (max-width: 768px) {
+
@media (max-width: 700px) {
 +
  .t-cover {   
 +
    margin-top: 40px;
 +
    height: 30vh !important;
 +
  }
 +
}
 +
@media (max-width: 500px) {
 
   .t-cover {     
 
   .t-cover {     
 
     margin-top: 40px;
 
     margin-top: 40px;
 
     height: 20vh !important;
 
     height: 20vh !important;
 +
  }
 +
}
 +
@media (max-width: 400px) {
 +
  .t-cover {   
 +
    margin-top: 40px;
 +
    height: 5vh !important;
 
   }
 
   }
 
}
 
}

Latest revision as of 17:04, 15 November 2018

body {

 background-color: #272625;

}

.backgroundpic {

 max-width: 100%;
 height: auto;

}

  1. HQ_page p {
 font-size: 18px;
 margin: 0;
 background-color: #010E00;

} h3, h4, p {

 color: white;
 padding-bottom: 10px;

} .container.content {

 margin-top: 70px;

} .caret {

 display: inline-block;
 width: 0;
 height: 0;
 margin-left: 2px;
 vertical-align: middle;
 border-top: 4px solid;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;

} .t-cover {

 height: 100vh !important;

} @media (max-width: 1000px) {

 .t-cover {     
   margin-top: 40px;
   height: 80vh !important;
 }

} @media (max-width: 800px) {

 .t-cover {     
   margin-top: 40px;
   height: 60vh !important;
 }

} @media (max-width: 700px) {

 .t-cover {     
   margin-top: 40px;
   height: 30vh !important;
 }

} @media (max-width: 500px) {

 .t-cover {     
   margin-top: 40px;
   height: 20vh !important;
 }

} @media (max-width: 400px) {

 .t-cover {     
   margin-top: 40px;
   height: 5vh !important;
 }

}

  1. star-svg {
 margin-top: 120px;

}

  1. landing-page-video {
 min-width: 100%;

}

 video {
   display: inline-block;
   vertical-align: baseline;
 }
 .landing-video {
   width: 80%;
 }