UC: Added event section based on carousel; Added placeholder for deliverables

1 files changed, 111 insertions, 1 deletions

diff --git a/static/styles.css b/static/styles.css
index fcff74fd..12d702c6 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,3 +1,4 @@
+
 .lang-slector {
 	float: right;
 	padding-top: 2mm;
@@ -275,4 +276,113 @@ ul.timeline > li:before {
   line-height: 1.5rem;
   height: 4.5rem;
   min-height: 4.5rem;
-}
\ No newline at end of file
+}
+
+
+.consortium h4 {
+	color: #555;
+	text-align: left;
+	text-transform: uppercase;
+	font-weight: bold;
+	position: relative;
+	margin: 30px 0 60px;
+  padding: 5px;
+}
+
+.consortium h4::after {
+	content: "";
+	width: 170px;
+	position: absolute;
+  text-align: left;
+  height: 13%;
+  bottom: 0;
+  left: 0.2em;
+  background: rgba(170, 57, 57, 0.3);
+  z-index: -1;
+}
+
+.announce .col-center {
+	margin: 0 auto;
+	float: none !important;
+}
+
+.announce .carousel {
+	padding: 0 70px;
+}
+
+.announce .carousel .carousel-item {
+	color: #999;
+	font-size: 14px;
+	text-align: center;
+	overflow: hidden;
+	min-height: 290px;
+}
+
+.announce .carousel .carousel-item .img-box {
+	width: 135px;
+	height: 135px;
+	margin: 0 auto;
+	padding: 5px;
+	border: 1px solid #ddd;
+	border-radius: 50%;
+}
+
+.announce .carousel .img-box img {
+	width: 100%;
+	height: 100%;
+	display: block;
+	border-radius: 50%;
+}
+
+.announce .carousel .testimonial {
+	padding: 30px 0 10px;
+}
+
+.announce .carousel .overview {
+	font-style: italic;
+}
+
+.announce .carousel .overview b {
+	text-transform: uppercase;
+	color: rgba(170, 57, 57, 0.3);
+}
+
+.announce .carousel-control-prev, .announce .carousel-control-next {
+	width: 40px;
+	height: 40px;
+	margin-top: -20px;
+	top: 50%;
+	background: none;
+}
+
+.announce .carousel-control-prev i, .announce .carousel-control-next i {
+	font-size: 68px;
+	line-height: 42px;
+	position: absolute;
+	display: inline-block;
+	color: rgba(0, 0, 0, 0.8);
+	text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
+}
+
+.announce .carousel-indicators {
+	bottom: -40px;
+}
+
+.announce .carousel-indicators button, .announce .carousel-indicators button.active {
+	width: 12px;
+	height: 12px;
+	margin: 1px 3px;
+	border-radius: 50%;
+	border: none;
+}
+
+.announce .carousel-indicators button {
+	background: #999;
+	border-color: transparent;
+	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
+}
+
+.announce .carousel-indicators button.active {
+	background: #555;
+	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
+}