impress/app/stylesheets/_layout.sass

244 lines
4.2 KiB
Sass
Raw Normal View History

2010-11-05 15:45:05 -07:00
/* Reset
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td
margin: 0
padding: 0
border: 0
outline: 0
font-size: 100%
vertical-align: baseline
background: transparent
/* Typography
html, body
height: 100%
body
2010-11-08 17:40:03 -08:00
background: $background-color
2010-11-05 15:45:05 -07:00
color: $text-color
font:
family: $main-font
size: 90%
line-height: 1.5
a
color: $link-color
p
font-family: $text-font
input, button, select
font:
family: inherit
size: 100%
p
margin-bottom: 1em
h1, h2, h3
+header-text
h1
font-size: 3em
line-height: 1
margin-bottom: 0.50em
h2
font-size: 2em
margin-bottom: 0.75em
h3
font-size: 1.5em
line-height: 1
margin-bottom: 1.00em
.inline-image
margin-right: 1em
vertical-align: middle
/* Main
$container_width: 800px
#container
margin: 1em auto
2010-11-13 14:26:14 -08:00
padding-top: $container-top-padding
2010-11-05 15:45:05 -07:00
position: relative
width: $container_width
input, button, select, label
cursor: pointer
input[type=text], input[type=password], input[type=search], select
+border-radius(3px)
background: #fff
border: 1px solid $input-border-color
color: $text-color + #444444
padding: .25em
&:focus, &:active
color: inherit
a.button, input[type=submit], button
+awesome-button
&.loud
+loud-awesome-button
a.button
+arrowed-awesome-button
ul.buttons
margin-bottom: 1em
li
list-style: none
margin: 0 .5em
&, form
display: inline
#footer
clear: both
font-size: 75%
margin-bottom: 1em
padding-top: 2em
text-align: center
ul, div
display: inline
margin: 0 1em
li, div ul
display: inline
margin: 0 .5em
.success, .alert, .warning
margin-bottom: 1em
padding: .25em .5em
text-align: center
.success
+notice
2010-11-05 15:45:05 -07:00
.alert
+error
2010-11-05 15:45:05 -07:00
.warning
+warning
2010-11-05 15:45:05 -07:00
#userbar
+header-text
position: absolute
right: 0
top: 0
> *
display: inline
margin: 0 .25em
#userbar-log-in
text-decoration: none
img
margin:
bottom: -4px
right: .25em
span
text-decoration: underline
&:hover span
text-decoration: none
.object
+inline-block
padding: .5em
position: relative
text-align: center
vertical-align: top
width: $object-width
a
text-decoration: none
img
+opacity(0.75)
&:hover img
+opacity(1)
img
display: block
height: $object-img-size
margin: 0 auto
width: $object-img-size
dt
font-weight: bold
dd
margin: 0 0 1.5em 1em
#home-link
+header-text
font:
size: 175%
weight: bold
left: 0
line-height: 1
padding: .25em
position: absolute
top: 0
&:hover
background: $module-bg-color
text-decoration: none
span:before
content: "<< "
.pagination
a, span
margin: 0 .5em
.current
font-weight: bold
2010-11-06 10:07:12 -07:00
.object .nc-icon
height: 16px
position: absolute
right: ($object-width - $object-img-size) / 2 + $object-padding
top: $object-img-size - $nc-icon-size
width: 16px
&:hover
+opacity(0.5)
2010-11-05 15:45:05 -07:00
/* Fonts
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl
@font-face
font-family: Delicious
src: local("Delicious"), font-url("Delicious-Roman.otf")
2010-11-05 15:45:05 -07:00
@font-face
font-family: Delicious
font-weight: bold
src: local("Delicious"), font-url("Delicious-Bold.otf")
2010-11-05 15:45:05 -07:00
@font-face
font-family: Delicious
font-style: italic
src: local("Delicious"), font-url("Delicious-Italic.otf")
2010-11-05 15:45:05 -07:00
@font-face
font-family: 'Droid Serif'
font-style: normal
font-weight: normal
src: local("Droid Serif"), url("http://themes.googleusercontent.com/font?kit=70P0G8gxVDIV6F9om0DsKg") format("truetype")
@font-face
font-family: 'Droid Serif'
font-style: normal
font-weight: bold
src: local("Droid Serif"), url("http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwf5Jgr8ufe5A6KahQF76Xmg") format("truetype")
@font-face
font-family: 'Droid Sans'
font-style: normal
font-weight: normal
src: local("Droid Sans"), url("http://themes.googleusercontent.com/font?kit=POVDFY-UUf0WFR9DIMCU8g") format("truetype")