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

Line 1: Line 1:
 
body{
 
body{
 
   background-color:#fff;
 
   background-color:#fff;
−
}
+
  font-family:Georgia, "Times New Roman", Times, serif;
 +
    color:#555
 +
}
 +
 
 +
 
 
p{
 
p{
 
   margin:0px;
 
   margin:0px;
Line 63: Line 67:
  
  
−
 
+
−
 
+
−
body{font-family:Georgia,"Times New Roman",Times,serif;color:#555}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-top:0;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}
+
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 +
 +
 +
    margin-top:0;
 +
 +
 +
    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
 +
 +
 +
}

Revision as of 03:31, 17 September 2015

body{ 

  background-color:#fff;
  font-family:Georgia, "Times New Roman", Times, serif;
   color:#555
}


p{ 

 margin: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;

} 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 8%;
  word-spacing:0.2em;
  position:relative;
  top:-16px;

}

.text-title .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:-16px;
  padding:20px 0;
  font-size:20px;
  font-weight:100;

}



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


   margin-top:0;


   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

}