aboutsummaryrefslogtreecommitdiff
path: root/stylesheets/_layout.sass
blob: 348c1a92503463760f0245dc5e73fe3f4a890f5f (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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
!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

#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
  &.collapsed
    .page_width
      width= !page_width - !sidebar_width
    #main
      width: 100%
      .pre_expander
        display: none
    #sidebar
      float: none
  .page_width
    +clearfix
    position: relative
    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
  float: left
  &.expanded
    width: 100%

#sidebar
  float: left
  width= !sidebar_width
  margin-left= !sidebar_margin
  font-size: 80%
  line-height: 1.625em
  h4
    margin: 20px 0 0
    &:first-child
      margin-top: 10px
    .small
      +sans-font
      font-size: 50%

#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
  a
    color= #ddd
    &:hover
      color = #fff