mirror of
https://github.com/WatchOutNewsAgency/wona.github.com.git
synced 2026-01-01 01:16:26 +00:00
updated rake file, reorganized stylesheets, added google site search, added google analytics
This commit is contained in:
119
source/stylesheets/_layout.sass
Normal file
119
source/stylesheets/_layout.sass
Normal file
@ -0,0 +1,119 @@
|
||||
!page_width = 900px
|
||||
!sidebar_width = 250px
|
||||
!sidebar_margin = 30px
|
||||
!pad = 15px
|
||||
!default_border_radius = 4px
|
||||
|
||||
html body
|
||||
background-color= !body_bg
|
||||
color= !body_color
|
||||
a
|
||||
color= !link_color
|
||||
|
||||
#footer a
|
||||
color= #ddd
|
||||
&:hover
|
||||
color = #fff
|
||||
#header
|
||||
background-color= !header_bg
|
||||
border-bottom= "1px solid" !header_border
|
||||
padding: 30px 0
|
||||
.page_width
|
||||
position: relative
|
||||
a.title
|
||||
font-size= !h1
|
||||
+heading-font
|
||||
display: inline-block
|
||||
color= !title_color
|
||||
text-decoration: none
|
||||
|
||||
#nav
|
||||
+clearfix
|
||||
position: relative
|
||||
z-index: 1
|
||||
padding: 6px 0
|
||||
background:
|
||||
color= !nav_bg
|
||||
image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
|
||||
image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
|
||||
border:
|
||||
top= "1px solid" !nav_border_top
|
||||
bottom= "1px solid" !nav_border_bottom
|
||||
ul
|
||||
position: relative
|
||||
+horizontal-list
|
||||
margin: 0 auto
|
||||
overflow: visible
|
||||
li
|
||||
padding: 0 15px
|
||||
border-left= "1px solid" !nav_border_left
|
||||
border-right= "1px solid" !nav_border_right
|
||||
&.alpha
|
||||
border-left: none
|
||||
padding-left: 0
|
||||
&.omega
|
||||
border-right: 0
|
||||
&.subscribe
|
||||
position: absolute
|
||||
left= !page_width - !sidebar_width - !sidebar_margin/2
|
||||
border: none
|
||||
a
|
||||
display: inline-block
|
||||
padding-left: 28px
|
||||
background: url("/images/rss.png") left top no-repeat
|
||||
a
|
||||
display: inline-block
|
||||
color= !nav_color
|
||||
line-height: 150%
|
||||
text-decoration: none
|
||||
&:hover
|
||||
color= !nav_color_hover
|
||||
|
||||
.page_width
|
||||
width= !page_width
|
||||
margin: 0 auto
|
||||
padding:
|
||||
left: 30px
|
||||
right: 30px
|
||||
|
||||
#page
|
||||
+clearfix
|
||||
background-color= !page_bg
|
||||
.page_width
|
||||
+clearfix
|
||||
padding:
|
||||
top: 25px
|
||||
bottom: 25px
|
||||
background-color= !blog_bg
|
||||
+easy-box-shadow(#ccc)
|
||||
border:
|
||||
left= "1px solid" !page_border_sides
|
||||
right= "1px solid" !page_border_sides
|
||||
#main
|
||||
width= !page_width - !sidebar_width - !sidebar_margin
|
||||
#sidebar
|
||||
width= !sidebar_width
|
||||
margin-left= !sidebar_margin
|
||||
|
||||
#main, #sidebar
|
||||
float: left
|
||||
|
||||
.blog
|
||||
.article
|
||||
padding= !base_font_size * 1.5 0 !base_font_size * 1.5
|
||||
border-bottom= "1px solid" !article_border
|
||||
&:first-child
|
||||
padding-top: 0
|
||||
.footer
|
||||
padding-top= !base_font_size
|
||||
|
||||
|
||||
#footer
|
||||
position: relative
|
||||
z-index: 2
|
||||
font-size= !base_font_size_small
|
||||
clear: both
|
||||
padding= !base_font_size * 1.5 0
|
||||
color= !footer_color
|
||||
+h-linear-gradient(darken(!body_bg, 25), !body_bg)
|
||||
border-top= "14px solid" !footer_bg
|
||||
Reference in New Issue
Block a user