summaryrefslogtreecommitdiff
path: root/frontend/static/sass/src/diornights.sass
blob: e52d6024126a2af9c31bbf52febfb4f891c63c55 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
@import compass/reset
@mixin rounded($width)
	-moz-border-radius: $width
	-webkit-border-radius: $width
	-o-border-radius: $width
	border-radius: $width

html
	height: 100%
	width: 100%
body
	font-family: trebuchet ms, helvetica, arial, sans-serif
	width: 100%
	height: 100%
	overflow-x: hidden
	background: #fff
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.28, rgb(255,255,255)), color-stop(0.64, rgb(250,247,250)))
	background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 28%, rgb(250,247,250) 64%) 
	background-attachment: fixed
	font-size: 11px
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif
	color: #333
#bg
	position: fixed
	top: 0
	left: 0
	opacity: 1
	z-index: -3
	width: 100%
	height: 100%
#bg img
	width: 100%
	height: 100%
	-ms-interpolation-mode: nearest-neighbor
	image-rendering: -moz-crisp-edges
	image-rendering: -webkit-optimize-contrast
#container
	position: absolute
	top: 0
	left: 50%
	width: 950px
	min-height: 100%
	margin-left: -475px
	background: #fff
	padding-bottom: 2000px
	// border-right: 1px solid #eee
	// border-left: 1px solid #eee
#header
	width: 100%
	#logo
		height: 160px
	#likebutton
		position: absolute
		top: 80px
		right: 30px
#menu
	width: 100%
	border-top: 1px solid #eee
	border-bottom: 1px solid #eee
	ul
		li
			display: inline-block
			width: (918px/6)
			padding: 5px 0 5px 0px
			text-align: center
			a
				color: #333
				text-decoration: none
				display: block
				&:hover
					color: #33f
.box
	width: 300px
	margin: 10px 0 0 10px
	img
		width: 100%
		opacity: 0.9
		&:hover
			opacity: 1.0
	&#feed
		ul
			li
				display: inline-block
				height: 32px
				vertical-align: middle
		img
			width: 32px
			height: 32px