all repos — h3rald @ cc42c5ceb459bce4569251a8741109b870081858

The sources of https://h3rald.com

content/css/_layout.sass

 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
 131
 132
 133
 134
 135
 136
 137
 138
 139
 140
 141
 142
 143
 144
 145
 146
 147
 148
 149
 150
 151
 152
 153
 154
 155
 156
 157
 158
 159
 160
@import definitions

*
  font-family: inherit
  font-style: inherit
  font-size: 100%
  border: none
  padding: 0
  margin: 0

html, body
  height: 100%
  line-height: 1.2
  background: #121212

p, ol, ul
  margin: 0.5em 0

table
  border-collapse: collapse
  border-spacing: 0

body
  margin: 0
  padding: 0

=button_img($img)
  background: url(../images/theme/#{$img}.png)

#logo
  display: block
  width: 313px
  height: 75px
  +button_img(logo)
  &:hover
    +button_img(logo_h)

.logo
  +button_img(logo_h)

#header
  width: 100%
  padding: 5px 0
  height: 70px

#header-container, #footer-container
  margin: auto
  width: 900px

#header-left
  float: left
  width: 300px

#header-right
  float: right
  text-align: right
  width: 600px

#navigation li
  float: left
  list-style-type: none
  padding-left: 10px

#ie-warning
  border-bottom: 1px solid #f5b800
  background-color: #ffe38f
  padding: 1em
  margin-top: -5px
  margin-bottom: 5px
  font-weight: bold

#container
  padding: 5px 15px
  margin: auto
  width: 900px
  height: 100%

.ribbon
  height: 19px
  background: url(../images/theme/ribbon.png) repeat-x

#main
  background: white url(../images/theme/main.jpg)

#content
  text-align: justify
  padding: 0 1em

#content-body
  clear: both

#content-footer
  text-align: center
  margin: auto

#wrapper
  min-height: 100%
  margin-bottom: -40px

#border-bottom
  clear: both
  height: auto
  padding: 0
  width: 100%
  +darkbg_font

#services
  margin: auto
  width: 1000px

#footer
  position: relative
  height: 40px
  width: 100%
  font-size: 0.8em
  text-align: center
  padding-top: 1em
  +darkbg_font

.clearfooter
  height: 40px
  clear: both

.footer-left, .footer-right, .footer-center
  float: left
  text-align: left
  font-size: 90%
  display: block
  height: 600px

.footer-left, .footer-right
  width: 30%

.footer-center
  width: 40%

.footer-div
  clear: both
  font-size: 95%
  color: #cacaca

.share
  clear: both
  margin: auto
  padding: 5px
  text-align: center
  table, td, tr
    border: none

#page-links
  text-align: right
  img
    vertical-align: text-bottom

#page-links span
  padding: 0 5px

#comments
  width: 900px
  margin: auto