Difference between revisions of "Template:NPU-China/css"

Line 1: Line 1:
−
/*!
 
−
* Start Bootstrap - Modern Business (http://startbootstrap.com/)
 
−
* Copyright 2013-2016 Start Bootstrap
 
−
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 
−
*/
 
−
 
−
/* Global Styles */
 
−
 
 
html,
 
html,
 
body {
 
body {
Line 12: Line 4:
 
}
 
}
  
−
body {
+
.carousel,
−
    padding-top: 16px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
+
.item,
−
}
+
.active {
−
.navbar-fixed-top {
+
     height: 100%;
−
    top: 16px;
+
−
}
+
−
.img-portfolio {
+
−
     margin-bottom: 30px;
+
 
}
 
}
  
−
.img-hover:hover {
+
.carousel-inner {
−
     opacity: 0.8;
+
     height: 100%;
 
}
 
}
  
−
/* Home Page Carousel */
+
/* Background images are set within the HTML using inline CSS, not here */
  
−
header.carousel {
+
.fill {
−
    height: 50%;
+
−
}
+
−
 
+
−
header.carousel .item,
+
−
header.carousel .item.active,
+
−
header.carousel .carousel-inner {
+
−
    height: 100%;
+
−
}
+
−
 
+
−
header.carousel .fill {
+
 
     width: 100%;
 
     width: 100%;
 
     height: 100%;
 
     height: 100%;
 
     background-position: center;
 
     background-position: center;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 
     background-size: cover;
 
     background-size: cover;
−
}
+
     -o-background-size: cover;
−
 
+
−
/* 404 Page Styles */
+
−
 
+
−
.error-404 {
+
−
     font-size: 100px;
+
 
}
 
}
−
 
−
/* Pricing Page Styles */
 
−
 
−
.price {
 
−
    display: block;
 
−
    font-size: 50px;
 
−
    line-height: 50px;
 
−
}
 
−
.price sup {
 
−
    top: -20px;
 
−
    left: 2px;
 
−
    font-size: 20px;
 
−
}
 
−
 
−
.period {
 
−
    display: block;
 
−
    font-style: italic;
 
−
}
 
−
 
−
/* Footer Styles */
 
  
 
footer {
 
footer {
 
     margin: 50px 0;
 
     margin: 50px 0;
−
}
 
−
 
−
/* Responsive Styles */
 
−
 
−
@media(max-width:991px) {
 
−
    .customer-img,
 
−
    .img-related {
 
−
        margin-bottom: 30px;
 
−
    }
 
−
}
 
−
 
−
@media(max-width:767px) {
 
−
    .img-portfolio {
 
−
        margin-bottom: 15px;
 
−
    }
 
−
 
−
    header.carousel .carousel {
 
−
        height: 70%;
 
−
    }
 
 
}
 
}

Revision as of 12:28, 5 August 2017

html, body { 

   height: 100%;

}

.carousel, .item, .active { 

   height: 100%;

}

.carousel-inner { 

   height: 100%;

}

/* Background images are set within the HTML using inline CSS, not here */

.fill { 

   width: 100%;
   height: 100%;
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;

}

footer { 

   margin: 50px 0;

}