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

 
(101 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*
+
 
* Start Bootstrap - Half Slider (http://startbootstrap.com/)
+
/* Global Styles */
* Copyright 2013-2016 Start Bootstrap
+
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+
*/
+
  
 
html,
 
html,
 
body {
 
body {
 +
   
 
     height: 100%;
 
     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! */
+
body {
 +
    padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
 +
}
 +
#home_logo, #sideMenu { display:none; }
 +
<!--#sideMenu, #top_title, .patrollink  {display:none;}-->
 +
#content { width:100%; padding:0px;  margin-top:0px; margin-left:0px;}
 +
body {
 +
margin-top:0px;
 +
}
 +
<!--#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }-->
 +
.img-portfolio {
 +
    margin-bottom: 30px;
 +
}
  
.carousel {
+
.img-hover:hover {
     height: 50%;
+
     opacity: 0.8;
 
}
 
}
  
.item,
+
/* Home Page Carousel */
.active,
+
 
.carousel-inner {
+
header.carousel {
 
     height: 100%;
 
     height: 100%;
 +
    width: 100%;
 +
    overflow: hidden;
 
}
 
}
  
/* Background images are set within the HTML using inline CSS, not here */
+
header.carousel .item,
 
+
header.carousel .item.active,
.fill {
+
header.carousel .carousel-inner {
 +
        height: 100%;
 +
        width: 100%;
 +
    overflow: hidden;
 +
}
 +
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;
 +
}
 +
/*font*/
 +
@font-face{
 +
    font-family: ziti; 
 +
    src:url('https://static.igem.org/mediawiki/2017/c/cd/Npu.ttf');
 +
   
 +
}
 +
h1,h2,h3,h4,h5,p{
 +
    font-family: ziti; 
 +
    line-height: 150%;
 +
    font-weight: 300;
 +
}
 +
.page-header{
 +
text-align:center;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/* 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%;
 +
    }
 
}
 
}

Latest revision as of 16:06, 30 October 2017

/* Global Styles */

html, body {

   height: 100%;

}

body {

   padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */

}

  1. home_logo, #sideMenu { display:none; }
  2. content { width:100%; padding:0px; margin-top:0px; margin-left:0px;}

body { margin-top:0px; } .img-portfolio {

   margin-bottom: 30px;

}

.img-hover:hover {

   opacity: 0.8;

}

/* Home Page Carousel */

header.carousel {

   height: 100%;
   width: 100%;
   overflow: hidden;

}

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

       height: 100%;
       width: 100%;
   overflow: hidden;

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

} /*font*/ @font-face{

   font-family: ziti;  
   src:url('https://static.igem.org/mediawiki/2017/c/cd/Npu.ttf');
   

} h1,h2,h3,h4,h5,p{

   font-family: ziti;  
   line-height: 150%;
   font-weight: 300;

} .page-header{ text-align:center; }




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

}