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

Revision as of 03:31, 17 September 2015 (view source) Inari (Talk | contribs) ← Older edit		Latest revision as of 12:27, 17 September 2015 (view source) Sndel (Talk | contribs)
(14 intermediate revisions by 2 users 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;
−	top:-16px;
	}		}
Line 55:		Line 52:
	letter-spacing:0.1em;		letter-spacing:0.1em;
	word-spacing:0.1em;		word-spacing:0.1em;
−	font-size:4.0em;
	padding-top:0.1em;		padding-top:0.1em;
		+	font-size:4.0em;
	font-weight:100;		font-weight:100;
	}		}
	#brief{		#brief{
−	margin-top:-16px;
−	padding:20px 0;
	font-size:20px;		font-size:20px;
	font-weight:100;		font-weight:100;
Line 71:		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

}