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

Revision as of 04:30, 12 September 2015 (view source) Inari (Talk | contribs) ← Older edit		Revision as of 04:31, 12 September 2015 (view source) Inari (Talk | contribs) Newer edit →
Line 22:		Line 22:
	#content{		#content{
	width:100%;		width:100%;
		+	padding:0;
	}		}

---

Revision as of 04:31, 12 September 2015

body{

   background-color:#fff;

}

.firstHeading{

     width: 975px;
   margin: 0px auto;
   padding-top: 100px;
   margin-bottom: 20px;
   display: none;
   font-family: Georgia, Times, "Calibri", serif;

}

.navbar-nav{

   float:none;
   margin:auto;
   display: table;
   table-layout: fixed;
   margin-top:10px;
}

1. content{

   width:100%;
   padding:0;

}

.inner-content{

   background-color:#3399ff;
   margin-top:-20px;

}

.inner-content .banner{

   margin:0px 8% ;
    display:inline-block;

}

.inner-content .texts{

   display:inline-block;
   font-family:Helvetica,sans-serif;
   color:#fff;
   margin:0px 12px;
   word-spacing:0.2em;
   position:relative;
   top:80px;

}

.inner-content .texts #heading{

   letter-spacing:0.1em;
   word-spacing:0.1em;
   font-size:4.0em;
   padding-top:0.1em;
   font-weight:100;

}

1. brief{

   margin-top:20px;
   padding:20px 0;
   font-size:20px;
   font-weight:100;

}

.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{

   margin-top:2em;
   height:100%;
   }

.container #QV{

   display:block;
   margin-left:auto;
   margin-right:auto;

}

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

}

.container .inner-border{

   width:400px;
   height:200px;
   margin:auto;
   height:100%;

}

1. division{

   height:1px;
   background-color:#ddd;
   margin-bottom:50px;

}

1. sponsor{

   background-color:#fff;
   padding:0px 70px;

}

.navbar-default{

   border-radius:0px;

}

.QV-border{

    height:100%;
    margin-top:30px;
    margin-bottom:60px;

}

1. QV{

   font-size:40px;

}

.inner-border{

    height:100%;
    

}

.footer .container-fluid {

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

}

.footer .container-fluid p{

   font-size:28px;

}

.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: #ffffff;
   background-color:#3399ff;

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

}