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

 
(22 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
     background-color:#fff;
 
     background-color:#fff;
 
}
 
}
 +
 +
p{
 +
  margin:0px;
 +
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
    border-bottom:0px;
 +
}
 +
 +
  
 
.firstHeading{
 
.firstHeading{
Line 17: Line 27:
 
     display: table;
 
     display: table;
 
     table-layout: fixed;
 
     table-layout: fixed;
    margin-top:10px;
+
    margin-top:15px;
 +
    font-size:18px;
 
  }
 
  }
 +
 +
 +
a.navbar-brand{
 +
    padding:0px;
 +
}
  
 
#content{
 
#content{
Line 26: Line 42:
  
 
#globalWrapper {
 
#globalWrapper {
     font-size:0;
+
     font-size:100%;
 
}
 
}
  
Line 35: Line 51:
  
 
.inner-content .banner{
 
.inner-content .banner{
     margin:0px 8% ;
+
     margin:0px 1% ;
 
     display:inline-block;
 
     display:inline-block;
 
}
 
}
Line 44: Line 60:
 
     font-family:Helvetica,sans-serif;
 
     font-family:Helvetica,sans-serif;
 
     color:#fff;
 
     color:#fff;
     margin:0px 12px;
+
     margin:32px 8%;
 
     word-spacing:0.2em;
 
     word-spacing:0.2em;
 
     position:relative;
 
     position:relative;
Line 62: Line 78:
  
 
#brief{
 
#brief{
     margin-top:20px;
+
     margin:66px 0 40px 0;
    padding:20px 0;
+
 
     font-size:20px;
 
     font-size:20px;
 
     font-weight:100;
 
     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{
 
.container{
    margin-top:2em;
 
 
     height:100%;
 
     height:100%;
 
     }
 
     }
Line 118: Line 114:
 
     text-align: right;
 
     text-align: right;
 
     min-width: 106px;
 
     min-width: 106px;
 +
    border:0px;
  
 
}
 
}
Line 148: Line 145:
 
#sponsor{
 
#sponsor{
 
     background-color:#fff;
 
     background-color:#fff;
     padding:0px 70px;
+
     padding:0px;
 +
    margin:auto;
 +
    height:auto;
 
}
 
}
  
.navbar-default{
+
 
    border-radius:0px;
+
}
+
  
 
.QV-border{
 
.QV-border{
 
     height:100%;
 
     height:100%;
     margin-top:30px;
+
     margin-top:60px;
 
     margin-bottom:60px;
 
     margin-bottom:60px;
 
}
 
}
Line 180: Line 177:
 
.footer .container-fluid p{
 
.footer .container-fluid p{
 
     font-size:28px;
 
     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;
 
    }
 
 
}
 
}

Latest revision as of 22:12, 18 September 2015

body{

   background-color:#fff;

}

p{

  margin:0px;

}

h1, h2, h3, h4, h5, h6 {

   border-bottom:0px;

}


.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:15px;
    font-size:18px;
}


a.navbar-brand{

   padding:0px;

}

  1. content{
   width:100%;
   padding:0;

}

  1. globalWrapper {
   font-size:100%;

}

.inner-content{

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

}

.inner-content .banner{

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

}


.inner-content .texts{

   display:inline-block;
   font-family:Helvetica,sans-serif;
   color:#fff;
   margin:32px 8%;
   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:66px 0 40px 0;
   font-size:20px;
   font-weight:100;

}



.container{

   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;
   border:0px;

}

.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;
   margin:auto;
   height:auto;

}


.QV-border{

    height:100%;
    margin-top:60px;
    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;

}