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

Line 1: Line 1:
−
/*!
+
/*
−
  * Start Bootstrap - Modern Business (http://startbootstrap.com/)
+
  * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 
  * Copyright 2013-2016 Start Bootstrap
 
  * Copyright 2013-2016 Start Bootstrap
 
  * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 
  * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 
  */
 
  */
−
 
−
/* Global Styles */
 
  
 
html,
 
html,
Line 12: Line 10:
 
}
 
}
  
−
body {
+
/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
−
    padding-top: 16px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
+
−
}
+
−
.navbar-fixed-top {
+
−
    top: 16px;
+
−
}
+
−
.img-portfolio {
+
−
    margin-bottom: 30px;
+
−
}
+
  
−
.img-hover:hover {
+
.carousel {
−
    opacity: 0.8;
+
−
}
+
−
 
+
−
/* Home Page Carousel */
+
−
 
+
−
header.carousel {
+
 
     height: 50%;
 
     height: 50%;
 
}
 
}
  
−
header.carousel .item,
+
.item,
−
header.carousel .item.active,
+
.active,
−
header.carousel .carousel-inner {
+
.carousel-inner {
 
     height: 100%;
 
     height: 100%;
 
}
 
}
  
−
header.carousel .fill {
+
/* Background images are set within the HTML using inline CSS, not here */
 +
 
 +
.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:45, 5 August 2017

/* 

* Start Bootstrap - Half Slider (http://startbootstrap.com/)
* Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/

html, body { 

   height: 100%;

}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel { 

   height: 50%;

}

.item, .active, .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;

}