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

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;

}

content{

   width:100%;
   padding:0;

}

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;

}

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

}

division{

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

}

sponsor{

   background-color:#fff;
   padding:0px;
   margin:auto;
   height:auto;

}

.QV-border{

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

}

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;

}

@@ Line 2: / Line 2: @@
      background-color:#fff;
 }
+p{
+   margin:0px;
+}
+h1, h2, h3, h4, h5, h6 {
+    border-bottom:0px;
+}
 .firstHeading{
@@ Line 50: / Line 60: @@
      font-family:Helvetica,sans-serif;
      color:#fff;
-     margin:0px 8%;
+     margin:32px 8%;
      word-spacing:0.2em;
      position:relative;
@@ Line 68: / Line 78: @@
 #brief{
-     margin-top:20px;
+     margin:66px 0 40px 0;
-    padding:20px 0;
      font-size:20px;
      font-weight:100;
@@ Line 136: / Line 145: @@
 #sponsor{
      background-color:#fff;
-     padding:0px 70px;
+     padding:0px;
+    margin:auto;
+    height:auto;
 }
-.navbar-default{
-    border-radius:0px;
-}
 .QV-border{
@@ Line 168: / Line 177: @@
 .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;
-border-right:2px solid #fff;
-}
-.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;
-    }
 }