followup for #2110 putting the styling in less file and recompile css

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 785b527b27c170f5d37e74ace4a6f4acb738aa86..7b20b4797a59abbb23aa388bb34013887f6a2dca 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -838,7 +838,6 @@ aside #profile-extra-links li {
   margin: 0px;
   list-style: none;
 }
-aside #subscribe-feed-link,
 aside #wallmessage-link {
   display: block;
   -moz-border-radius: 5px 5px 5px 5px;
@@ -851,7 +850,6 @@ aside #wallmessage-link {
   padding: 4px 2px 2px 35px;
   margin-top: 3px;
 }
-aside #subscribe-feed:hover,
 aside #wallmessage-link:hover {
   text-decoration: none;
   background-color: #19aeff;
@@ -871,6 +869,21 @@ aside #dfrn-request-link:hover {
   text-decoration: none;
   background-color: #19aeff;
 }
+aside #subscribe-feed-link {
+  display: block;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  color: #ffffff;
+  background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
+  font-weight: bold;
+  text-transform: uppercase;
+  padding: 4px 2px 2px 35px;
+}
+aside #subscribe-feed-link:hover {
+  text-decoration: none;
+  background-color: #19aeff;
+}
 aside #profiles-menu {
   width: 20em;
 }

diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index 73354403194f99485c166a0715feb40abca9c821..c29e9bfbc4453f96fd98ee8cb6b1a6d7a0085821 100644 (file)
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -854,7 +854,6 @@ aside #wallmessage-link:hover {
   text-decoration: none;
   background-color: #ccff42;
 }
-aside #subscribe-feed-link,
 aside #dfrn-request-link {
   display: block;
   -moz-border-radius: 5px 5px 5px 5px;
@@ -866,11 +865,25 @@ aside #dfrn-request-link {
   text-transform: uppercase;
   padding: 4px 2px 2px 35px;
 }
-aside #subscribe-feed-link:hover,
 aside #dfrn-request-link:hover {
   text-decoration: none;
   background-color: #ccff42;
 }
+aside #subscribe-feed-link {
+  display: block;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  color: #ffffff;
+  background: #009100 url('../../../images/connect-bg.png') no-repeat left center;
+  font-weight: bold;
+  text-transform: uppercase;
+  padding: 4px 2px 2px 35px;
+}
+aside #subscribe-feed-link:hover {
+  text-decoration: none;
+  background-color: #ccff42;
+}
 aside #profiles-menu {
   width: 20em;
 }

diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index c5027928b2ffcc2af786555f4fd7af77bec8afb8..b672edaa97fe72819d840f19468e32f676911a04 100644 (file)
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -854,7 +854,6 @@ aside #wallmessage-link:hover {
   text-decoration: none;
   background-color: #86608e;
 }
-aside #subscribe-feed-link,
 aside #dfrn-request-link {
   display: block;
   -moz-border-radius: 5px 5px 5px 5px;
@@ -866,11 +865,25 @@ aside #dfrn-request-link {
   text-transform: uppercase;
   padding: 4px 2px 2px 35px;
 }
-aside #subscribe-feed-link:hover,
 aside #dfrn-request-link:hover {
   text-decoration: none;
   background-color: #86608e;
 }
+aside #subscribe-feed-link {
+  display: block;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  color: #ffffff;
+  background: #521f5c url('../../../images/connect-bg.png') no-repeat left center;
+  font-weight: bold;
+  text-transform: uppercase;
+  padding: 4px 2px 2px 35px;
+}
+aside #subscribe-feed-link:hover {
+  text-decoration: none;
+  background-color: #86608e;
+}
 aside #profiles-menu {
   width: 20em;
 }

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index db1f42d769b12690943dabde461562ab558a5f1a..c2410244f9977d78681b6e1f5e486e0c74649856 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -352,6 +352,17 @@ aside {
 
                &:hover { text-decoration: none; background-color: @AsideConnectHoverBg; }
        }
+       #subscribe-feed-link {
+               display: block;
+               .rounded();
+               color: @AsideConnect;
+               background: @AsideConnectBg url('../../../images/connect-bg.png') no-repeat left center;
+               font-weight: bold;
+               text-transform:uppercase;
+               padding: 4px 2px 2px 35px;
+
+               &:hover { text-decoration: none; background-color: @AsideConnectHoverBg; }
+       }
 
        #profiles-menu { width: 20em; }