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 |
-----
-----
@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: #000 url(../images/theme/pattern.jpg)
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: 15px
margin: auto
width: 900px
height: 100%
.ribbon
height: 19px
background: url(../images/theme/ribbon.png) repeat-x
#main
background: #fff 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
#comments
width: 900px
margin: auto
|