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

 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
body{
 
body{
 
   background-color:#fff;
 
   background-color:#fff;
   font-family:Georgia, "Times New Roman", Times, serif;
+
   font-family: Helvetica, Georgia, Times, "Calibri", sans-serif;
 
     color:#555
 
     color:#555
 
  }
 
  }
  
  
p{
+
 
  margin:0px;
+
}
+
 
.firstHeading{
 
.firstHeading{
 
     width: 975px;
 
     width: 975px;
Line 15: Line 13:
 
   margin-bottom: 20px;
 
   margin-bottom: 20px;
 
   display: none;
 
   display: none;
   font-family: Georgia, Times, "Calibri", serif;
+
   font-family: Helvetica, Georgia, Times, "Calibri", sans-serif;
 
}
 
}
 
.navbar-nav{
 
.navbar-nav{
Line 46: Line 44:
 
   font-family:Helvetica,sans-serif;
 
   font-family:Helvetica,sans-serif;
 
   color:#fff;
 
   color:#fff;
   margin:0px 8%;
+
   margin:0px 4%;
 
   word-spacing:0.2em;
 
   word-spacing:0.2em;
 
   position:relative;
 
   position:relative;
Line 59: Line 57:
 
}
 
}
 
#brief{
 
#brief{
   
 
 
   font-size:20px;
 
   font-size:20px;
 
   font-weight:100;
 
   font-weight:100;
Line 69: Line 66:
 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 
   
 
   
 
    margin-top:0;
 
 
   
 
   
 
   
 
   

Latest revision as of 12:27, 17 September 2015

body{

  background-color:#fff;
  font-family: Helvetica, Georgia, Times, "Calibri", sans-serif;
   color:#555
}


.firstHeading{

    width: 975px;
  margin: 0px auto;
  padding-top: 100px;
  margin-bottom: 20px;
  display: none;
  font-family: Helvetica, Georgia, Times, "Calibri", sans-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;

} globalWrapper {

  font-size:100%;

} .text-title{

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

}


.text-title .texts{

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

}

.text-title .texts #heading{

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

}

  1. brief{
  font-size:20px;
  font-weight:100;

}



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


   font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;


   font-weight:normal;


   color:#333


}


@media (min-width:1200px) {


   .container {


       width:970px


   }


}


.blog-masthead {


   background-color:#428bca;


   -webkit-box-shadow:inset 0 -2px 5px rgba(0, 0, 0, .1);


   box-shadow:inset 0 -2px 5px rgba(0, 0, 0, .1)


}


.blog-nav-item {


   position:relative;


   display:inline-block;


   padding:10px;


   font-weight:500;


   color:#cdddeb


}


.blog-nav-item:hover, .blog-nav-item:focus {


   color:#fff;


   text-decoration:none


}


.blog-nav .active {


   color:#fff


}


.blog-nav .active:after {


   position:absolute;


   bottom:0;


   left:50%;


   width:0;


   height:0;


   margin-left:-5px;


   vertical-align:middle;


   content:" ";


   border-right:5px solid transparent;


   border-bottom:5px solid;


   border-left:5px solid transparent


}


.blog-header {


   padding-top:20px;


   padding-bottom:20px


}


.blog-title {


   margin-top:30px;


   margin-bottom:0;


   font-size:60px;


   font-weight:normal


}


.blog-description {


   font-size:20px;


   color:#999


}


.blog-main {


   font-size:18px;


   line-height:1.5


}


.sidebar-module {


   padding:15px;


   margin:0 -15px 15px


}


.sidebar-module-inset {


   padding:15px;


   background-color:#f5f5f5;


   border-radius:4px


}


.sidebar-module-inset p:last-child, .sidebar-module-inset ul:last-child, .sidebar-module-inset ol:last-child {


   margin-bottom:0


}


.pager {


   margin-bottom:60px;


   text-align:left


}


.pager>li>a {


   width:140px;


   padding:10px 20px;


   text-align:center;


   border-radius:30px


}


.blog-post {


   margin-bottom:60px


}


.blog-post-title {


   margin-bottom:5px;


   font-size:40px


}


.blog-post-meta {


   margin-bottom:20px;


   color:#999


}


.blog-footer {


   padding:40px 0;


   color:#999;


   text-align:center;


   background-color:#f9f9f9;


   border-top:1px solid #e5e5e5


}


.blog-footer p:last-child {


   margin-bottom:0


}