aboutsummaryrefslogtreecommitdiff
path: root/source/stylesheets/partials/main/_layout.sass
blob: 31548d666d57b2f7e74a53299288add549521ca6 (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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
!page_width = 560px
!sidebar_width = 0
!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
  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
        right: 0
        //left= !page_width - 25px
        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
  background-color= !page_bg
  .page_width
    padding:
      top: 25px
      bottom: 25px
    background-color= !blog_bg
    +box-shadow(#ccc)
    border:
      left= "1px solid" !page_border_sides
      right= "1px solid" !page_border_sides
.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