eleventy billion css tweaks, part tres

frontend/templates/campaign_list.html

@@ -32,9 +32,8 @@
                             </div>
                             <div class="user-block3">
                                 <div class="user-block">
-                                <span class="rounded"><span class="orange" title="We're ungluing {{ campaign_list.count }} {% if campaign_list.count == 1 %}book{% else %}books{% endif %}.">{{ campaign_list.count }}</span></span>
+                                <span class="rounded"><span class="orange" title="We're ungluing {{ campaign_list.count }} {% if campaign_list.count == 1 %}book{% else %}books{% endif %}."><span class="hovertext">We're ungluing&nbsp;</span>{{ campaign_list.count }}</span></span>
                                 </div>
-                                <span class="user-status-title">We are ungluing {{ campaign_list.count }} {% if campaign_list.count == 1 %}book{% else %}books{% endif %}</span>
                             </div>
                         </div>
                     </div>

frontend/templates/supporter.html

@@ -67,11 +67,10 @@ how do I integrate the your wishlist thing with the tabs thing?
                                 <span class="user-short-info">{{ supporter.profile.tagline }}</span>
                             </div>
                             <div class="user-block3">
-                            	<div class="ungluingtext">Ungluing:</div>
                                 <div class="badges">
-                                <span class="rounded"><span class="blue tabs1" {% ifequal request.user supporter %}title="I've unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} has unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% endifequal %}>{{ backed }}</span></span>
+                                <span class="rounded"><span class="blue tabs1" {% ifequal request.user supporter %}title="I've unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} has unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% endifequal %}><span class="hovertext">I've unglued&nbsp;</span>{{ backed }}</span></span>
-                                <span class="rounded"><span class="orange tabs2" {% ifequal request.user supporter %}title="I'm supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% endifequal %}>{{ backing }}</span></span>
+                                <span class="rounded"><span class="orange tabs2" {% ifequal request.user supporter %}title="I'm supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% endifequal %}><span class="hovertext">I'm ungluing&nbsp;</span>{{ backing }}</span></span>
-                                <span class="rounded"><span class="grey tabs3" {% ifequal request.user supporter %}title="I'm wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% endifequal %}>{{ wished }}</span></span>
+                                <span class="rounded"><span class="grey tabs3" {% ifequal request.user supporter %}title="I'm wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% endifequal %}><span class="hovertext">I'm wishing for&nbsp;</span>{{ wished }}</span></span>
                                 </div>
                             </div>
                             <div class="user-block4">

frontend/templates/work_list.html

@@ -32,9 +32,9 @@
                             </div>
                             <div class="user-block3">
                                 <div class="user-block">
-                                    <span class="rounded"><span class="blue" title="Enjoy {{ counts.unglued }} unglued {% if counts.unglued == 1 %}book{% else %}books{% endif %}.">{{ counts.unglued }}</span></span>
+                                    <span class="rounded"><span class="blue tabs1" title="Enjoy {{ counts.unglued }} unglued {% if counts.unglued == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Enjoy&nbsp;</span>{{ counts.unglued }}</span></span>
-                                    <span class="rounded"><span class="orange" title="We're ungluing {{ counts.unglueing }} {% if counts.unglueing == 1 %}book{% else %}books{% endif %}.">{{ counts.unglueing }}</span></span>
+                                    <span class="rounded"><span class="orange tabs2" title="We're ungluing {{ counts.unglueing }} {% if counts.unglueing == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Ungluing&nbsp;</span>{{ counts.unglueing }}</span></span>
-                                    <span class="rounded"><span class="grey" title="We're wishing for {{ counts.wished }} {% if counts.wished == 1 %}book{% else %}books{% endif %}.">{{ counts.wished }}</span></span>
+                                    <span class="rounded"><span class="grey tabs3" title="We're wishing for {{ counts.wished }} {% if counts.wished == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Wishing for&nbsp;</span>{{ counts.wished }}</span></span>
                                 </div>
                             </div>
                         </div>

static/css/campaign.css

@@ -114,15 +114,15 @@
   float: right;
   margin-top: 11px;
 }
-.book-detail-info .btn_support a {
+.book-detail-info .btn_support input {
   background: url("/static/images/btn_bg.png") 0 0 no-repeat;
   width: 104px;
   height: 41px;
-  line-height: 41px;
   display: block;
   color: #fff;
   font-weight: bold;
   text-align: center;
+  border: none;
 }
 #tabs {
   border-bottom: 4px solid #6994a3;

static/css/sitewide.css

@@ -235,7 +235,7 @@ a.readon span {
 }
 /* Main content area: top */
 #js-topsection {
-  padding: 15px 0;
+  padding: 15px 0 0 0;
   overflow: hidden;
 }
 .js-topnews {
@@ -255,6 +255,9 @@ a.readon span {
   padding: 10px;
 }
 /* Main content area: main*/
+#main-container {
+  margin: 15px 0 0 0;
+}
 #js-maincol-fr {
   float: right;
   width: 725px;

static/css/supporter_layout.css

@@ -62,6 +62,9 @@
   color: #3d4e53;
   padding-right: 5px;
 }
+.user-block4 {
+  margin-top: 7px;
+}
 img.user-avatar {
   float: left;
   margin-right: 10px;
@@ -93,7 +96,7 @@ span.rounded {
   display: inline-block;
 }
 span.rounded > span {
-  padding: 7px 10px;
+  padding: 7px 7px;
   min-width: 15px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
@@ -101,6 +104,12 @@ span.rounded > span {
   text-align: center;
   display: inline-block;
 }
+span.rounded > span .hovertext {
+  display: none;
+}
+span.rounded > span:hover .hovertext {
+  display: inline;
+}
 span.blue {
   background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
 }

static/less/campaign.less

@@ -120,15 +120,15 @@
 		margin-top: 11px;
 	}
 	
-	.btn_support a {
+	.btn_support input {
 		background:url("@{image-base}btn_bg.png") 0 0 no-repeat;
 		width:104px;
 		height:41px;
-		line-height:41px;
 		display:block;
 		color:#fff;
 		font-weight:bold;
 		text-align:center;
+		border:none;
 	}
 
 }

static/less/sitewide.less

@@ -252,7 +252,8 @@ a.readon {
 
 /* Main content area: top */
 #js-topsection {
-    padding:15px 0; overflow:hidden;
+    padding:15px 0 0 0;
+    overflow:hidden;
 }
 
 .js-topnews {
@@ -274,6 +275,11 @@ a.readon {
 }
 
 /* Main content area: main*/
+
+#main-container {
+    margin: 15px 0 0 0;
+}
+
 #js-maincol-fr {
     float:right;
     width:725px;

static/less/supporter_layout.less

@@ -63,6 +63,10 @@
 	}
 }
 
+.user-block4 {
+	margin-top: 7px;
+}
+
 img.user-avatar { 
 	float:left; 
 	margin-right:10px;
@@ -101,11 +105,19 @@ span.rounded {
 	display:inline-block;
 	
 	> span { 
-		padding:7px 10px; 
+		padding:7px 7px; 
 		min-width:15px; 
 		.border-radius(5px, 5px, 5px, 5px);
 		text-align:center; 
 		display:inline-block;
+		
+		.hovertext {
+			display: none;
+		}
+			
+		&:hover .hovertext {
+			display: inline;
+		}
 	}
 	
 }