Skip to content

Instantly share code, notes, and snippets.

@jacksimms
jacksimms / gist:2911813
Created June 11, 2012 18:37
Donation Amounts Example 1
.donate_amounts {
border: 1px solid #d4d4d4;
padding: 13px;
font-size: 16px;
font-weight: bold;
background: #FAFAFA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
@jacksimms
jacksimms / gist:2911973
Created June 11, 2012 19:00
Donation Amounts Example 2
.donate_amounts {
border: 1px solid #d4d4d4;
padding: 16px;
font-size: 13px;
font-weight: bold;
background: #FAFAFA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
@jacksimms
jacksimms / b2c-widget.css
Created July 9, 2012 18:09
Blue Two Column Widget
/* -----------------
Widget Widths
---------------------*/
.full_widget_wrap #widget {
width: 730px !important;/* This sets the overall width of the widget*/
}
.col_1 {
width: 350px; /* This sets the width of the Left Column*/;
margin-right: 30px; /* This sets the Space between the Left Column and Right Column*/
}
@jacksimms
jacksimms / r1c-widget.css
Created July 9, 2012 18:13
Red One Column Widget
/* -----------------
Widget Widths
---------------------*/
.full_page_form {
padding: 0 !important;
}
/* Sets width of widget */
.full_widget_wrap #widget {
width: 500px !important;
}
@jacksimms
jacksimms / n2c-widget.css
Created July 9, 2012 18:16
Narrow Two Column Widget
/* -----------------
Widget Widths
---------------------*/
.full_page_form {
padding: 6px 6px !important;
}
/* Sets width of widget */
.full_widget_wrap #widget {
width: 475px !important;
}
@jacksimms
jacksimms / 3_column_widget.css
Created October 25, 2012 19:07
Three Column Widget Design
.donation_section {
position:absolute;
left:130px;
border-right: 1px solid #c1c1c1;
padding-right:10px;
height:360px
}
.payment_section {
position:absolute;
left:640px;