Difference between revisions of "Team:SZU China/custom.css"

(Created page with "body{ background-color:#fff; } .navbar-nav{ float:none; margin:auto; display: table; table-layout: fixed; margin-top:10px; } .inner-conten...")
(No difference)

Revision as of 00:28, 12 September 2015

body{ 

   background-color:#fff;

}


.navbar-nav{ 

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

}

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

}