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

 
(31 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;
 
   margin: 0;
 
   margin: 0;
 +
  background-color: #010E00;
 
}
 
}
 
h3, h4, p {
 
h3, h4, p {
Line 23: Line 30:
 
   border-left: 4px solid transparent;
 
   border-left: 4px solid transparent;
 
}
 
}
−
/*滑到navbar就展開*/
+
.t-cover {
−
.dropdown-menu li:hover .sub-menu {visibility: visible;}
+
  height: 100vh !important;
−
.dropdown:hover .dropdown-menu {display: block;}
+
}
−
 
+
@media (max-width: 1000px) {
−
@media (min-width: 992px) {
+
   .t-cover {    
−
   .navbar {
+
     margin-top: 40px;
−
     padding-left: 80px;
+
     height: 80vh !important;
−
     padding-right: 80px;
+
 
   }
 
   }
 
}
 
}
−
@media (max-width: 768px) {
+
@media (max-width: 800px) {
−
   .navbar-right form {
+
   .t-cover {    
−
     display: none;
+
    margin-top: 40px;
 +
     height: 60vh !important;
 
   }
 
   }
 
}
 
}
−
@media (max-width: 568px) {
+
@media (max-width: 700px) {
−
   footer {
+
   .t-cover {    
−
     text-align: center;
+
     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;
 +
  }
 +
}
 +
#star-svg {
 +
  margin-top: 120px;
 +
}
 +
#landing-page-video {
 +
  min-width: 100%;
 +
}
 +
  video {
 +
    display: inline-block;
 +
    vertical-align: baseline;
 +
  }
 +
  .landing-video {
 +
    width: 80%;
 +
  }

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%;
 }