making upcoming session more visible

added contents for #46

css/custom.css

@@ -1,5 +1,5 @@
 /*blue 2098d1
-lila 9775af*/
+lila 5a4b68*/
 body {
  color: #fff;
  font-family: 'Abel', sans-serif;
@@ -9,11 +9,11 @@ h3 {
  color: #fff;
 }
 a {
- color: #9775af;
+ color: #5a4b68;
 }
 a:hover {
  text-decoration: none;
- color: #9775af;
+ color: #5a4b68;
  cursor: pointer;
 }
 .small-text{
@@ -25,6 +25,9 @@ a:hover {
 .right{
  float:right;
 }
+.center{
+  text-align: center;
+}
 .menu-icon{
  font-size: 20px;
  padding-left: 10px;
@@ -64,8 +67,8 @@ a:hover {
  border-bottom: 4px solid #f8f8f8;
 }
 .navbar-nav li a:hover {
- color: #9775af;
- border-bottom: 4px solid #9775af;
+ color: #5a4b68;
+ border-bottom: 4px solid #5a4b68;
 }
 .navigator {
  padding: 20px;
@@ -77,27 +80,32 @@ a:hover {
 .navigator h4 {
 
 }
-.navigator a {
- color: #000;
+.navigator a{
+  color: #000;
+}
+.navigator a:hover{
+  background: #5a4b68;
+  color: #fff;
 }
 .navigator p {
  color: #000;
  padding-left:10px;
 }
-.navigator a:hover {
- color: #fff;
-}
 .navigator li {
  float: left;
  margin: 4px;
 }
 .navigator h3 {
- color: #9775af;
+ color: #5a4b68;
 }
 .navigator h4 {
- color: #9775af;
+ color: #5a4b68;
  padding: 10px;
 }
+.section-separation{
+  width: 100%;
+  background: #000;
+}
 .share-page li{
  float:left;
 }
@@ -105,8 +113,11 @@ a:hover {
  font-size:30px;
  padding: 4px;
 }
-.upcoming {
- padding: 10px;
+#upcoming{
+  width: 100%;
+  background: rgba(0, 0, 0, 1);
+  padding: 10px;
+  margin: 40px 0px 0px 0px;
 }
 .upcoming-media {
  width: 100px;
@@ -199,8 +210,8 @@ a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF)";
 }
 .transp-bg {
- background: rgb(255,255,255) transparent;
- background: rgba(255,255,255, 0.2);
+ background: rgb(0,0,0) transparent;
+ background: rgba(0,0,0, 1);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF)";
 }
@@ -268,8 +279,8 @@ a:hover {
  margin-bottom: 10px;
 }
 .page-title {
- text-align: right;
- padding-right: 20px;
+ text-align: left;
+ padding-left: 20px;
 }
 .page-title h3 {
  margin-top: 0px;
@@ -342,7 +353,7 @@ a:hover {
  font-weight: normal;
 }
 #mc_embed_signup .button {
- background-color: #9775af;
+ background-color: #5a4b68;
  clear: both;
  border: 0px none;
  border-radius: 4px;