From cdf08aaf4202e7fea9bb6ae30bfa509abec03efe Mon Sep 17 00:00:00 2001
From: Madeleine Shang <mns_catdogmice@yahoo.ca>
Date: Fri, 3 Feb 2017 06:07:34 +0000
Subject: [PATCH] added grey overlay on L-R tile ends to promote scrolling,
 added background colors to tiles to make grey overlay more noticeble

---
 community/index.html | 49 ++++++++++++++++++++++++--------------------
 1 file changed, 27 insertions(+), 22 deletions(-)

diff --git a/community/index.html b/community/index.html
index 928459e..7a9359f 100644
--- a/community/index.html
+++ b/community/index.html
@@ -6,25 +6,35 @@ description: pages.community.description
 
 {% include hero/community.html %}
 
+<style>
+	.ctabox__image {
+		background-color: rgba(173,219,255,0.1);
+	}
+</style>
+
+
+
 <div class="page-community">
 
 	<!--
     CTA sections
 	-->
+	
+	
+	
 	<section id="community-discussion" class="section section--cta">
-		<div class="section__content">
+		<div class="section__content"> <!--section__content -->
 			<div>
 				<h2>{% t pages.community.discussion-heading %}<a class="permalink" title="Permalink" id="discussion"></a></h2>
 
 				{% tmd pages.community.discussion-text %}
 			</div>
-
-			<div class="ctabox" data-js-ctabox>
-				<div class="ctabox__inner ctabox__inner_no-gradient">
+			<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
+				<div class="ctabox__inner">
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="https://www.dash.org/forum" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">
-								<img src="/assets/img/community/dashforum_logo.png" class="ctabox__image">
+								<img src="/assets/img/community/dashforum_logo.png" class="ctabox__image" >
 							</div>
 							<div class="ctabox__text">
 								<h4 class="ctabox__title">Dash Forum</h4>
@@ -34,7 +44,7 @@ description: pages.community.description
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="https://www.reddit.com/r/dashpay/" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">
-								<img src="/assets/img/community/reddit_logo.png" class="ctabox__image">
+								<img src="/assets/img/community/reddit_logo.png" class="ctabox__image" >
 							</div>
 							<div class="ctabox__text">
 								<h4 class="ctabox__title">Reddit</h4>
@@ -44,7 +54,7 @@ description: pages.community.description
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="https://bitcointalk.org/index.php?topic=421615.0" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">
-								<img src="/assets/img/community/bitcointalk_logo.png" class="ctabox__image">
+								<img src="/assets/img/community/bitcointalk_logo.png" class="ctabox__image" >
 							</div>
 							<div class="ctabox__text">
 								<h4 class="ctabox__title">BitcoinTalk</h4>
@@ -54,7 +64,7 @@ description: pages.community.description
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="https://forum.bitcoin.com/dash/" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">
-								<img src="/assets/img/community/bitcoindotcom_logo.png" class="ctabox__image">
+								<img src="/assets/img/community/bitcoindotcom_logo.png" class="ctabox__image" >
 							</div>
 							<div class="ctabox__text">
 								<h4 class="ctabox__title">Bitcoin.com Forum</h4>
@@ -62,7 +72,7 @@ description: pages.community.description
 						</a>
 					</article>
 					<article class="ctabox__cta" data-js-ctabox-item>
-						<a href="http://dash-nation-invite.herokuapp.com/" target="_blank" class="ctabox__link">
+						<a href="http://dash-nation-invite.herokuapp.com/" target="_blank" class="ctabox__link" >
 							<div class="ctabox__imagewrapper">
 								<img src="/assets/img/community/slack_logo.png" class="ctabox__image">
 							</div>
@@ -72,7 +82,7 @@ description: pages.community.description
 						</a>
 					</article>
 					<article class="ctabox__cta" data-js-ctabox-item>
-						<a href="https://digitalcash24.herokuapp.com/" target="_blank" class="ctabox__link">
+						<a href="https://digitalcash24.herokuapp.com/" target="_blank" class="ctabox__link" >
 							<div class="ctabox__imagewrapper">
 								<img src="/assets/img/community/slack_logo.png" class="ctabox__image">
 							</div>
@@ -93,9 +103,8 @@ description: pages.community.description
 
 				{% tmd pages.community.social-text %}
 			</div>
-
 			<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
-				<div class="ctabox__inner ctabox__inner_no-gradient">
+				<div class="ctabox__inner">
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="https://twitter.com/dashpay" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">
@@ -150,10 +159,8 @@ description: pages.community.description
 
 				{% tmd pages.community.news-text %}
 			</div>
-
-			<div class="ctabox" data-js-ctabox>
-
-				<div class="ctabox__inner ctabox__inner_no-gradient">
+			<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
+				<div class="ctabox__inner">
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="http://www.dashnation.com/" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">
@@ -216,9 +223,8 @@ description: pages.community.description
 
 				{% tmd pages.community.development-text %}
 			</div>
-
 			<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
-				<div class="ctabox__inner ctabox__inner_no-gradient">
+				<div class="ctabox__inner">
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="https://github.com/dashpay/" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">
@@ -258,12 +264,11 @@ description: pages.community.description
 		<div class="section__content">
 			<div>
 				<h2>{% t pages.community.masternode-heading %}<a class="permalink" title="Permalink" id="masternodes"></a></h2>
-
+				
 				{% tmd pages.community.masternode-text %}
 			</div>
-
-			<div class="ctabox" data-js-ctabox>
-				<div class="ctabox__inner ctabox__inner_no-gradient">
+			<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
+				<div class="ctabox__inner">
 					<article class="ctabox__cta" data-js-ctabox-item>
 						<a href="https://www.dashcentral.org/" target="_blank" class="ctabox__link">
 							<div class="ctabox__imagewrapper">