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

(Created page with "#boody { position: relative; } .affix { top:0; width: 100%; z-index: 9999 !important; } .navbar { margin-bottom: 0px; } .affix ~ .container-fluid { pos...")
 
Line 90: Line 90:
 
.footer p {
 
.footer p {
 
     font-size:22px;
 
     font-size:22px;
 +
}
 +
 +
 +
<!----- navbar/btn --> .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;
 +
    }
 
}
 
}

Revision as of 10:48, 16 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;

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

}