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

Revision as of 12:29, 5 August 2017

/*!

* 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, body {

   height: 100%;

}

body {

   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 {

   opacity: 0.8;

}

/* Home Page Carousel */

header.carousel {

   height: 50%;

}

header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {

   height: 100%;

}

header.carousel .fill {

   width: 100%;
   height: 100%;
   background-position: center;
   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 {

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

}

@@ 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,
 body {
@@ Line 4: / Line 12: @@
 }
-.carousel,
+body {
-.item,
+    padding-top: 16px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
-.active {
+}
-     height: 100%;
+.navbar-fixed-top {
+    top: 16px;
+}
+.img-portfolio {
+     margin-bottom: 30px;
 }
-.carousel-inner {
+.img-hover:hover {
-     height: 100%;
+     opacity: 0.8;
 }
-/* Background images are set within the HTML using inline CSS, not here */
+/* Home Page Carousel */
-.fill {
+header.carousel {
+    height: 50%;
+}
+header.carousel .item,
+header.carousel .item.active,
+header.carousel .carousel-inner {
+    height: 100%;
+}
+header.carousel .fill {
      width: 100%;
      height: 100%;
      background-position: center;
-    -webkit-background-size: cover;
-    -moz-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 {
      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%;
+    }
 }