prettifying google signup handling

static/css/book_list.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/book_panel.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/campaign.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/comments.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/documentation.css

@@ -47,22 +47,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;
@@ -154,22 +138,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/download.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/landingpage.css

@@ -47,22 +47,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;
@@ -154,22 +138,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;
@@ -540,36 +508,6 @@ h3.module-title {
   font-size: 19px;
   font-weight: normal;
 }
-.google_signup {
-  padding: 14px 0;
-  padding: 14px 0;
-}
-.google_signup div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
-.google_signup div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .landingheader {
   border-bottom: solid 5px #6994a3;
   float: left;

static/css/learnmore.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/manage_campaign.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/notices.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/pledge.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/registration.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/search.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/sitewide.css

@@ -48,22 +48,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;
@@ -155,22 +139,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;
@@ -842,36 +810,6 @@ form.login span.helptext {
   font-style: italic;
   font-size: 13px;
 }
-.google_signup {
-  padding: 14px 0;
-  padding: 14px 0;
-}
-.google_signup div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
-.google_signup div {
-  height: 24px;
-  line-height: 24px;
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .js-search {
   float: left;
   padding-top: 25px;

static/css/supporter_layout.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/css/variables.css

@@ -41,20 +41,6 @@
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
-.google_signup_div {
-  padding: 14px 0;
-}
-.google_signup_div div {
-  height: 24px;
-  line-height: 24px;
-  float: left;
-  padding-left: 5px;
-}
-.google_signup_div img {
-  float: left;
-  height: 24px;
-  width: 24px;
-}
 .actionbuttons {
   width: auto;
   height: 36px;

static/less/landingpage.less

@@ -9,7 +9,7 @@
 	width:968px;
 	background:#fff url("@{image-base}landingpage/container-top.png") top center no-repeat;
 }
-#js-maincol-fl,  { 
+#js-maincol-fl { 
 	padding:30px 30px 0 30px;
 	overflow:hidden;
 
@@ -122,6 +122,9 @@
     		width: 111px;
 		}
 
+        .google_signup(24px) {
+            .google_signup_div;
+        }
 	}
 	
 	div.button { 
@@ -299,10 +302,6 @@ h3.module-title {
 	font-weight: normal;
 }
 
-.google_signup {
-	.google_signup_div;
-}
-
 .landingheader {
 	border-bottom: solid 5px @medium-blue;
 	float: left;

static/less/sitewide.less

@@ -438,7 +438,7 @@ form.login {
     }
 }
 
-.google_signup {
+.google_signup(36px) {
     .google_signup_div;
 }
 

static/less/variables.less

@@ -96,19 +96,20 @@
 	border: solid 5px #EDF3F4;
 }
 
-.google_signup_div {
+.google_signup_div(@x) {
 	padding: 14px 0;
 	
 	div {
-		.height(24px);
+		.height(@x);
 		float: left;
-		padding-left:5px;
+		padding-left: 5px;
+		font-size: 15px;
 	}
 	
-	img {
+	img {	
 		float: left;
-		height: 24px;
+		height: @x;
-		width:24px;
+		width: @x;
 	}
 }