making slideshow work on pledge_complete

frontend/templates/pledge_complete.html

@@ -5,9 +5,20 @@
 {% block extra_extra_head %}
 <link type="text/css" rel="stylesheet" href="/static/css/campaign.css"  />
 <link type="text/css" rel="stylesheet" href="/static/css/searchandbrowse.css"  />
+<link type="text/css" rel="stylesheet" href="/static/css/book_panel.css"  />
 
 <script src="/static/js/slides.min.jquery.js"></script>
 <script src="/static/js/slideshow.js"></script>
+
+<!-- toggle to panelview state instead of listview default -->
+<script type="text/javascript">
+	jQuery(document).ready(function($) { 
+        $('.listview').addClass("panelview").removeClass("listview");
+    });    
+</script>    
+
+<script type="text/javascript" src="/static/js/wishlist.js"></script>
+<script type="text/javascript" src="/static/js/greenpanel.js"></script>
 {% endblock %}
 
 {% comment %}
@@ -20,11 +31,11 @@ we need the share options and also something like the home page slide show to gi
 <div id="pledge-maincol">
 
     <p class="thank-you">Thank you!</p>
-    <p>You just pledged ${{transaction.amount}} to <a href="{% url work work.id %}">{{work.title}}</a>.</p>
-    <p>If the campaign reaches its target of ${{campaign.target}} by {{campaign.deadline|date:"F d, Y"}},
+    <p class="pledge_complete">You just pledged ${{transaction.amount}} to <a href="{% url work work.id %}">{{work.title}}</a>.</p>
+    <p class="pledge_complete">If the campaign reaches its target of ${{campaign.target}} by {{campaign.deadline|date:"F d, Y"}},
     your PayPal account will be charged ${{transaction.amount}}.</p>
-    <p>Please help <a href="{% url work work.id %}">{{work.title}}</a> again by telling your friends!</p>
-    <p>Looking for another campaign? Try one of these.</p>
+    <p class="pledge_complete">Please help <a href="{% url work work.id %}">{{work.title}}</a> again by telling your friends!</p>
+    <p class="pledge_complete">Looking for another campaign? Try one of these.</p>
 </div>
 
 <div id="pledge-rightcol">

frontend/templates/press.html

@@ -21,7 +21,7 @@
 	<div class="pressemail">
 		Additional press questions?  Please email <a href="mailto:press@gluejar.com">press@gluejar.com</a>.
 	</div>
-	<div class="spacer"></div>
+	<div class="press_spacer"></div>
 	<div class="pressemail">
 		Thanks for your interest! As of January 2011 Unglue.It is in alpha release.  Things are mostly working but they're rough around the edges and may change without notice.  Please do kick the tires and forgive us any mess.
 	</div>
@@ -180,7 +180,7 @@ For more background, read our president Eric Hellman's thoughts on <a href="http
 	Eric Hellman explains the Gluejar model to David Weinberger at <a href="http://lod-lam.net/summit/">LOD-LAM</a> 2011.
 </div>
 </div>
-<div class="spacer"></div>
+<div class="press_spacer"></div>
 
 <a id="newsletters"></a><h2>Newsletters</h2>
 

static/css/campaign.css

@@ -548,6 +548,7 @@ a {
 .thank-you {
   font-size: 18px;
   font-weight: bold;
+  margin: 20px auto;
 }
 .work_supporter {
   height: auto;

static/css/documentation.css

@@ -453,7 +453,7 @@ dd {
   text-decoration: underline;
 }
 /* items on press page */
-.spacer {
+.press_spacer {
   clear: both;
   height: 0px;
 }
@@ -520,3 +520,6 @@ dd {
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
+p.pledge_complete {
+  margin: 7px auto;
+}

static/css/pledge.css

@@ -116,3 +116,6 @@ form.pledgeform {
 ul.support li, ul.support li:hover {
   background-image: none;
 }
+p {
+  margin: 7px auto;
+}

static/less/campaign.less

@@ -478,6 +478,7 @@ a{ color:#3d4e53; font-size:12px;}
 .thank-you {
 	font-size: 18px;
 	font-weight: bold;
+	margin: 20px auto;
 }
 
 .work_supporter {

static/less/documentation.less

@@ -172,7 +172,7 @@ dd {
 }
 
 /* items on press page */
-.spacer {
+.press_spacer {
 	clear:both;
 	height:0px;
 }
@@ -239,4 +239,8 @@ dd {
 		width: 150px;
 		.mediaborder;
 	}
+}
+
+p.pledge_complete {
+	margin: 7px auto;
 }

static/less/pledge.less

@@ -31,4 +31,8 @@ form.pledgeform {
 
 ul.support li, ul.support li:hover {
 	background-image: none;
+}
+
+p {
+	margin: 7px auto;
 }