summaryrefslogtreecommitdiff
path: root/frontend/static/sass/src/diornights.sass
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/static/sass/src/diornights.sass')
-rw-r--r--frontend/static/sass/src/diornights.sass88
1 files changed, 88 insertions, 0 deletions
diff --git a/frontend/static/sass/src/diornights.sass b/frontend/static/sass/src/diornights.sass
new file mode 100644
index 0000000..e52d602
--- /dev/null
+++ b/frontend/static/sass/src/diornights.sass
@@ -0,0 +1,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