adding a wishlist-tabs explanation section [#22431977]

frontend/templates/supporter.html

@@ -317,6 +317,18 @@ there's no tab for seeing ALL my books, only the filters! huh.
                             It looks like {{ supporter.username }} is just getting started, and hasn't added books just yet.<br /><br />
                         {% endifequal %}
                     {% else %}
+                    
+                    {% if request.user.is_anonymous %}
+                    <div class="tabs-1 anon_about">
+                    {{ supporter }} has given these books to you.  <a href="#" class="about_expander" id="about_unglued">Find out how.</a>
+                    </div>
+                    <div class="tabs-2 anon_about">
+                    {{ supporter }} is giving these books to you.  <a href="#" class="about_expander" id="about_active">Find out how.</a>
+                    </div>
+                    <div class="tabs-3 anon_about">
+                    {{ supporter }} wants to give these books to you.  <a href="#" class="about_expander" id="about_wishlist">Find out how.</a>
+                    </div>
+                    {% endif %}
 
                     {% lazy_paginate 20 works_unglued using "works_unglued" %}
                     {% for work in works_unglued %}
@@ -368,7 +380,7 @@ there's no tab for seeing ALL my books, only the filters! huh.
                         	<a href="{{ page.path }}#3" class="endless_page_link">{{ page.number }}</a>
                         {% endfor %}
                     </div>
-
+                    
                     {% endifequal %}
                 </div>
             </div>    

static/css/supporter_layout.css

@@ -494,3 +494,19 @@ div#content-block-content {
 #js-maincontainer-bot-block {
   padding-left: 16px;
 }
+.anon_about {
+  height: 43px;
+  line-height: 43px;
+  font-size: 15px;
+  padding-left: 37px;
+  border: solid 3px #d6dde0;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  width: 665px;
+  margin: 7px 0;
+}
+.anon_about a {
+  font-size: 15px;
+  color: #8dc63f;
+}

static/less/supporter_layout.less

@@ -450,4 +450,19 @@ div#content-block-content {
 
 #js-maincontainer-bot-block {
 	padding-left: 16px;
+}
+
+.anon_about {
+	.height(43px);
+	font-size: @font-size-larger;
+	padding-left: 37px;
+	border: solid 3px @blue-grey;
+	.one-border-radius(5px);
+	width: 665px;
+	margin: 7px 0;
+	
+	a {
+		font-size: @font-size-larger;
+		color: @call-to-action;
+	}
 }