Difference between revisions of "Template:NUS Singapore"

Line 103: Line 103:
 
 
 
/**************************************************************** MENU ***************************************************************/
 
/**************************************************************** MENU ***************************************************************/
−
 
−
 
−
<!--  CSS Style  -->
 
−
<style>
 
  
  
Line 180: Line 176:
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
 
     display: inline-block;
 
     display: inline-block;
 +
}
 +
 +
/************************************************** Image Carousel Section **************************************************/
 +
.coverpage-container{
 +
  width:100%;
 +
  height:400px;
 +
  position:relative;
 +
}
 +
 +
img.coverpage-container{
 +
  display:block;
 +
  opacity:0.8;
 +
  filter: alpha(opacity=50);
 +
}
 +
 +
 +
/*.newsflash-image-container {
 +
position: relative;
 +
}
 +
 +
.center {
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    font-size: 18px;
 +
    color:white;
 +
}
 +
 +
.newsflash-image-container img {
 +
    width: 100%;
 +
    height: auto;
 +
} */
 +
 +
/********************************************* Summary with Image Section *********************************************/
 +
.column  {
 +
    padding: 10px 0px;
 +
}
 +
.column.larger_section {
 +
    width: 50%;
 +
}
 +
 +
.column.larger_section p {
 +
    width: 94.5%;
 +
    text-align:justify;
 +
}
 +
 +
.column.smaller_section {
 +
    width: 30%;
 +
}
 +
 +
.column.smaller_section p {
 +
    width: 94.5%;
 +
    text-align:justify;
 +
}
 +
 +
 +
 +
/************************************************** Homepage Gallery  **************************************************/
 +
div.polaroid {
 +
  width: 15%;  /*For adjust the picture size*/
 +
  background-color: white;
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 +
  margin:15px;  /*gallery的间距*/
 +
  float:left;
 +
  position: relative;
 +
}
 +
 +
div.gallery-intro-container {
 +
  text-align: center;
 +
  /*padding: 10px 20px;  /*height,width*/
 +
  font-family: arial;
 +
}
 +
 +
/********** Overlay Effect for the Gallery Image *************/
 +
.gallery-overlay {
 +
  position: absolute;
 +
  bottom: 100%;
 +
  left: 0;
 +
  right: 0;
 +
  background-color: #ADD8E6;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  height:0;
 +
  transition: .5s ease;
 +
}
 +
 +
.polaroid:hover .gallery-overlay {
 +
  bottom: 20%;
 +
  height: 80%;
 +
}
 +
.gallery-overlay-text {
 +
  font-family: arial;
 +
  white-space: nowrap;
 +
  color: white;
 +
  font-size: 20px;
 +
  position: absolute;
 +
  overflow: hidden;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
}
 +
 +
.gallery-overlay-text a{
 +
  text-decoration: none;
 +
  color: white;
 
}
 
}
  
Line 208: Line 311:
  
 
</style>
 
</style>
−
 
−
</head>
 
  
  

Revision as of 08:38, 6 July 2017

Human Practice
Safety
Applied Design Entrepeneurship Hardware Measurement Model Plant Software
Team Introduction Collaboration
Description Design Experiment Documentation Modelling Improve
HOME