Difference between revisions of "Template:SZU China/Playground/Humanpractice/CSS"

Revision as of 11:43, 16 September 2015 (view source) Inari (Talk | contribs) ← Older edit		Revision as of 10:18, 17 September 2015 (view source) Sndel (Talk | contribs) Newer edit →
Line 65:		Line 65:
	}		}
	p {		p {
−	font-family:helvetica sans-serif;	+	font-family:helvetica,sans-serif;
	}		}
	p#HumanP {		p#HumanP {
Line 71:		Line 71:
	font-size:60px;		font-size:60px;
	color:#fff;		color:#fff;
−	font-family:Helvetica sans-serif;	+	font-family:Helvetica,sans-serif;
	margin: 0;		margin: 0;
	}		}

---

Revision as of 10:18, 17 September 2015

1. boody {

   position: relative;

} .affix {

   top:0;
   width: 100%;
   z-index: 9999 !important;

} .navbar {

   margin-bottom: 0px;

} .affix ~ .container-fluid {

   position: relative;
   top: 50px;

}

1. section1 {

   padding-top:50px;
   padding-left:30px;
   height:500px;
   color: #1b5b99;
   background-color: #fff;

}

1. section2 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #fff;
   background-color: #3399ff;

}

1. section3 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #1b5b99;
   background-color:#fff;

}

1. section41 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #fff;
   background-color: #3399ff;

}

1. section42 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #1b5b99;
   background-color: #fff;

}

1. HpHeading {

   padding:10px 100px;
   background-color:#3399ff;
   position:relative;
   bottom:0px;

} p {

   font-family:helvetica,sans-serif;

} p#HumanP {

   padding:30px 0 0;
   font-size:60px;
   color:#fff;
   font-family:Helvetica,sans-serif;
   margin: 0;

} p#content {

   font-size:22px;
   color:#fff;
   font-weight:100;
   padding:0 0 60px;
   background-color:#3399ff;

} .navbar {

   margin:0;

} .footer {

   text-align: center;
   background-color:#3399ff;
   color:#fff;
   padding:8px;

} .footer p {

   font-size:22px;

}

.navbar-nav {
   float:none;
   margin:auto;
   display: table;
   table-layout: fixed;
   margin-top:10px;

} .inner-content .btn-default {

   background:none;
   padding-right:30px;
   padding-left:30px;
   border: 1px solid #fff;
   color:#fff;
   box-shadow:none;
   margin-top:10px;

} .inner-content .btn-default:hover {

   padding-right:30px;
   padding-left:30px;
   border: 2px solid #fff;
   color:#3399ff;
   background-color:#fff;

} .container .btn-default {

   display:block;
   background:none;
   padding-right:30px;
   padding-left:30px;
   border: 2px solid #3399ff;
   color:#3399ff;
   box-shadow:none;
   margin:10px auto;

} .dropdown-menu {

   box-shadow:none;
   border-radius: 0px;
   text-align: right;
   min-width: 106px;

} .dropdown {

   -webkit-text-shadow: none;
   text-shadow: none;

} .container .btn-default:hover {

   padding-right:30px;
   padding-left:30px;
   border: 2px solid #3399ff;
   color:#f5f5f5;
   background-color:#3399ff;

} .navbar-default {

   border-radius:0px;

} .navbar-default {

   background-color: #3399ff;
   border-color: #3399ff;

} .navbar-default .navbar-brand {

   color: #ffffff;

} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

   color: #ffffff;

} .navbar-default .navbar-text {

   color: #ffffff;

} .navbar-default .navbar-nav > li > a {

   color: #ffffff;

} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

   color: #ffffff;

} .navbar-default .navbar-nav > li > .dropdown-menu {

   background-color: #3399ff;
   border-color:#fff;

} .navbar-default .navbar-nav > li > .dropdown-menu > li > a {

   color: #ffffff;

} .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {

   color: #ffffff;
   background-color: #3399ff;

} .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {

   background-color: #3399ff;

} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

1. boody {

   position: relative;

} .affix {

   top:0;
   width: 100%;
   z-index: 9999 !important;

} .navbar {

   margin-bottom: 0px;

} .affix ~ .container-fluid {

   position: relative;
   top: 50px;

}

1. section1 {

   padding-top:50px;
   padding-left:30px;
   height:500px;
   color: #1b5b99;
   background-color: #fff;

}

1. section2 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #fff;
   background-color: #3399ff;

}

1. section3 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #1b5b99;
   background-color:#fff;

}

1. section41 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #fff;
   background-color: #3399ff;

}

1. section42 {

   padding-top:50px;
   
   padding-left:30px;
   height:500px;
   color: #1b5b99;
   background-color: #fff;

}

1. HpHeading {

   padding:10px 100px;
   background-color:#3399ff;
   position:relative;
   bottom:0px;

} p {

   font-family:helvetica sans-serif;

} p#HumanP {

   padding:30px 0 0;
   font-size:60px;
   color:#fff;
   font-family:Helvetica sans-serif;
   margin: 0;

} p#content {

   font-size:22px;
   color:#fff;
   font-weight:100;
   padding:0 0 60px;

} .navbar {

   margin:0;

} .footer {

   text-align: center;
   background-color:#3399ff;
   color:#fff;
   padding:8px;

} .footer p {

   font-size:22px;

}

.navbar-nav {
   float:none;
   margin:auto;
   display: table;
   table-layout: fixed;
   margin-top:10px;

} .inner-content .btn-default {

   background:none;
   padding-right:30px;
   padding-left:30px;
   border: 1px solid #fff;
   color:#fff;
   box-shadow:none;
   margin-top:10px;

} .inner-content .btn-default:hover {

   padding-right:30px;
   padding-left:30px;
   border: 2px solid #fff;
   color:#3399ff;
   background-color:#fff;

} .container .btn-default {

   display:block;
   background:none;
   padding-right:30px;
   padding-left:30px;
   border: 2px solid #3399ff;
   color:#3399ff;
   box-shadow:none;
   margin:10px auto;

} .dropdown-menu {

   box-shadow:none;
   border-radius: 0px;
   text-align: right;
   min-width: 106px;

} .dropdown {

   -webkit-text-shadow: none;
   text-shadow: none;

} .container .btn-default:hover {

   padding-right:30px;
   padding-left:30px;
   border: 2px solid #3399ff;
   color:#f5f5f5;
   background-color:#3399ff;

} .navbar-default {

   border-radius:0px;

} .navbar-default {

   background-color: #3399ff;
   border-color: #3399ff;

} .navbar-default .navbar-brand {

   color: #ffffff;

} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

   color: #ffffff;

} .navbar-default .navbar-text {

   color: #ffffff;

} .navbar-default .navbar-nav > li > a {

   color: #ffffff;

} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

   color: #ffffff;

} .navbar-default .navbar-nav > li > .dropdown-menu {

   background-color: #3399ff;
   border-color:#fff;

} .navbar-default .navbar-nav > li > .dropdown-menu > li > a {

   color: #ffffff;

} .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {

   color: #ffffff;
   background-color: #3399ff;

} .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {

   background-color: #3399ff;

} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

   color: #3399ff;
   background-color:#fff;

} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

   color: #ffffff;
   background-color: #3399ff;

} .navbar-default .navbar-toggle {

   border-color: #3399ff;

} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

   background-color: #3399ff;

} .navbar-default .navbar-toggle .icon-bar {

   background-color: #ffffff;

} .navbar-default .navbar-collapse, .navbar-default .navbar-form {

   border-color: #ffffff;

} .navbar-default .navbar-link {

   color: #ffffff;

} .navbar-default .navbar-link:hover {

   color: #ffffff;

} @media (max-width: 767px) {

   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
       color: #ffffff;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
       color: #ffffff;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
       color: #ffffff;
       background-color: #3399ff;
   }

}