impress/app/stylesheets/static/_donate.sass

118 lines
2.7 KiB
Sass
Raw Normal View History

2011-07-01 11:53:28 -07:00
@import "compass/css3/gradient"
@import "compass/css3/text-shadow"
@import "partials/campaign-progress"
2011-06-28 10:24:40 -07:00
body.static-donate
+campaign-progress
2011-06-28 10:24:40 -07:00
#title
margin-bottom: 0
h2
font-style: italic
font-weight: normal
#title, h2
float: left
2011-07-01 11:53:28 -07:00
h2
margin-bottom: .25em
2011-06-28 10:24:40 -07:00
$image-mode-preview-image-width: 300px
$image-mode-preview-image-border-width: 1px
$image-mode-preview-h-padding: 20px
$image-mode-preview-border-width: 1px
$image-mode-preview-right-margin: 20px
2011-07-01 11:53:28 -07:00
$image-mode-preview-width: $image-mode-preview-image-width + 2 * ($image-mode-preview-image-border-width + $image-mode-preview-h-padding + $image-mode-preview-border-width)
$image-mode-preview-outer-width: $image-mode-preview-width + $image-mode-preview-right-margin
#image-mode-data
2011-06-28 10:24:40 -07:00
clear: both
display: block
float: left
2011-07-01 11:53:28 -07:00
margin-right: $image-mode-preview-right-margin
width: $image-mode-preview-width
#image-mode-preview
border: $image-mode-preview-border-width solid $module-border-color
2011-07-02 12:38:16 -07:00
display: block
2011-07-01 11:53:28 -07:00
margin: 0 0 2em 0
2011-06-28 10:24:40 -07:00
padding:
top: $image-mode-preview-h-padding
right: $image-mode-preview-h-padding
bottom: $image-mode-preview-h-padding / 1.5
left: $image-mode-preview-h-padding
img
border: $image-mode-preview-border-width solid $module-border-color
margin-bottom: .5em
figcaption
display: block
font-family: Calligraffitti
font-size: 250%
text-align: center
2011-07-01 11:53:28 -07:00
#campaign-donors
display: none
margin-right: $image-mode-preview-right-margin
width: $image-mode-preview-width
ol
font-size: 85%
padding-left: 2em
span
color: $soft-text-color
float: right
2011-07-02 10:23:38 -07:00
&.has-donors
display: block
2011-06-28 10:24:40 -07:00
$image-mode-description-width: $container-width - $image-mode-preview-outer-width
$image-mode-beta-h-padding: 15px
$image-mode-beta-border-width: 1px
$image-mode-beta-inner-width: $image-mode-description-width - 2 * ($image-mode-beta-h-padding + $image-mode-beta-border-width)
#image-mode-beta
+module
border-width: $image-mode-beta-border-width
display: block
float: left
margin-bottom: 1em
padding: ($image-mode-beta-h-padding / 1.5) $image-mode-beta-h-padding
text-align: center
width: $image-mode-beta-inner-width
header
display: block
font-weight: bold
p
font-family: $main-font
font-size: 75%
margin: 0
form
2011-06-28 10:24:40 -07:00
margin: .75em 0
label
font-size: 85%
font-weight: bold
&:after
content: ":"
input
width: 5em
button
+loud-awesome-button-color
2011-07-01 11:53:28 -07:00
#image-mode-description, #image-mode-comments
float: right
2011-06-28 10:24:40 -07:00
width: $image-mode-description-width