gistfile1.sass

/*
	Welcome to Compass.
	In this file you should write your main styles. (or centralize your imports)
	Import this file using the following HTML or equivalent:
	<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />

@import compass/reset
@import compass/css3
@import 960/grid

$golden_ratio: 1.6180339887
$color: #480077

body
	+grid-container
	background-color: #FFF8E2
	text-align: center
	width: 950px
	padding: 0
	margin: 0 auto
	line-height: 21px
	// background-image: url(http://960.gs/img/12_col.gif)

header
	margin-bottom: 12px

@import compass/typography/links

nav
	font-family: STHeiti, SimHei, verdana
	line-height: 1.5
	h1
		font-size: 16px
		color: white
		+border-radius(3px)
		background-color: #5F1985
	ul
		font-size: 14px
		margin: 4px 0px 8px 32px
		text-align: left
		a
			&:link, &:visited
				color: black
				text-decoration: none
			+hover-link
			&:hover
				color: $color

#content
	+grid(9)
	+omega
	
$sepia-color: #3A2714
article
	// font-family: BiauKai, DFKai-SB
	font-family: STHeiti, SimHei
	text-align: left
	float: left
	margin: 0 20px 20px 0
	padding: 16px
	height: 317px - 32px
	width: 220px - 32px
	+border-radius(30px 10px 10px 30px, 10px 10px 10px 10px)
	background: url(/static/images/Default-Book-Sepia-iPhone.png)
	background-size: 220px
	&.omega
		margin: 0 0 20px 0
	h1
		margin: 0 0 16px 0
		background-color: transparent
		color: $color
		+single-text-shadow(lighten($color,80%), 0, 1px)
	p
		color: $sepia-color
		margin-bottom: 21px
		text-align: justify
	em
		color: lighten($sepia-color, 10%)

nav
	+grid(3)
	+alpha

#search input[type="text"]
	background: url(/static/images/search-white.png) no-repeat 10px 6px #fcfcfc
	border: 0 none
	font: bold 12px Arial,Helvetica,Sans-serif
	color: #d7d7d7
	width: 140px
	padding: 6px 15px 6px 35px
	+border-radius(20px)
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3)
	+box-shadow(0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset)
	+transition( all 0.7s ease 0s)
	&:focus
		background: url(/static/images/search-dark.png) no-repeat 10px 6px #fcfcfc
		color: #6a6f75
		width: 200px
		+box-shadow(0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset)
		text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
		margin-left: -20px