diff --git a/css/global.css b/css/global.css index 0bd361e5cf08e322b5628ee139c22c1790c82b9b..d819cecf1330d8e79a128d633266b61e52356e04 100644 --- a/css/global.css +++ b/css/global.css @@ -935,6 +935,57 @@ section.newsletter { background: #FF4906; } section.newsletter .callout #mce-responses #mce-success-response { background: #20D3A3; } +section.social h6 { + text-align: center; + padding-bottom: 40px; } +section.social .social-icon { + width: 50px; + display: block; + margin: 0 auto 30px; } +section.social #facebook { + display: inline-block; + text-align: center; + margin: 0 auto; } +section.social ul li { + background: white; + box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + border-radius: 5px; + display: block; + margin-bottom: 10px; + padding: 20px; } + section.social ul li .user { + padding-bottom: 10px; } + section.social ul li .user img { + border-radius: 50%; + width: 30px; + vertical-align: middle; + margin-right: 10px; } + section.social ul li .user a { + text-transform: none; + vertical-align: middle; + display: block; } + section.social ul li .user a span { + font-weight: normal; + display: inline-block; } + section.social ul li .user a span:nth-child(2) { + color: #3F3F3F; + font-weight: bold; } + section.social ul li p { + padding-bottom: 0; } + section.social ul li p.tweet a { + text-transform: none; + color: #0088E4; + font-weight: normal; } + section.social ul li p.tweet a:hover { + text-decoration: underline; } + section.social ul li p.timePosted a { + text-transform: none; + opacity: 0.7; + font-weight: normal; } + section.social ul li p.timePosted a:hover { + opacity: 1; } + section.social ul li p.interact { + display: none; } footer { text-align: center; diff --git a/index.html b/index.html index b7ffff8043a8c7a496c6e96891961c376dd99c93..122a0e875624595ddc4be0adeb19ccd1919cdb12 100644 --- a/index.html +++ b/index.html @@ -20,8 +20,9 @@ - + + + + @@ -206,7 +222,48 @@ - + + + +
+
Social
+ +
+
+ + + + + +
+
+
+ + + + + +
+
+ +
+
+ +
+