From 98af9b74b7b8c2d7abc4dc8a279f17bfc3e65840 Mon Sep 17 00:00:00 2001
From: Krasimir Tsonev <krasimir@outset.ws>
Date: Sun, 18 Oct 2015 10:14:51 +0300
Subject: [PATCH] New schedule colors

---
 css/styles.css | 598 +++++++++++++++++++++++++------------------------
 1 file changed, 307 insertions(+), 291 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 7de0ea7..2bd919c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -168,134 +168,134 @@
 }
 
 body {
-	width: 100%;
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	font-size: 16px;
-	font-family: 'Arimo', sans-serif;
+    width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  font-family: 'Arimo', sans-serif;
 }
 @media all and (max-width: 400px) {
-	body {
-		font-size: 14px;
-	}
+  body {
+    font-size: 14px;
+  }
 }
 .content {
-	max-width: 960px;
-	margin: 0 auto;
-	position: relative;
+  max-width: 960px;
+  margin: 0 auto;
+  position: relative;
 }
 p {
-	margin: 0 0 1em 0;
-	padding: 0;
+  margin: 0 0 1em 0;
+  padding: 0;
   line-height: 1.5em;
   font-weight: 300;
 }
 h1.big {
-	font-size: 2.4em;
-	margin-top: 0;
-	margin-bottom: 0.6em;
-	padding-top: 0;
+  font-size: 2.4em;
+  margin-top: 0;
+  margin-bottom: 0.6em;
+  padding-top: 0;
 }
 a {
-	color: #000;
+  color: #000;
 }
 a:hover {
-	color: #7789b5;
+  color: #7789b5;
 }
 a img {
-	border: none;
+  border: none;
 }
 h3 small {
-	font-size: 0.65em;
+  font-size: 0.65em;
 }
 .tac {
-	text-align: center;
+  text-align: center;
 }
 @media all and (max-width: 960px) {
-	.content {
-		padding: 0 1em;
-	}
+  .content {
+    padding: 0 1em;
+  }
 }
 .left { float: left; }
 .right { float: right; }
 .cf::after, .cf::before {
-	content: " ";
-	clear: both;
-	display: block;
+  content: " ";
+  clear: both;
+  display: block;
 }
 
 /* Navigation */
 nav {
-	position: relative;
-	height: 84px;
-	background: url("../img/navbg.jpg") repeat-x;
+  position: relative;
+  height: 84px;
+  background: url("../img/navbg.jpg") repeat-x;
 }
 nav ul {
-	float: right;
-	list-style: none;
-	margin: 0;
-	padding: 0;
+  float: right;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 nav ul li {
-	position: relative;
+  position: relative;
 }
 
 nav .menu > li {
-	float: left;
-	margin: 0;
-	padding: 0;
+  float: left;
+  margin: 0;
+  padding: 0;
 }
 
 nav .menu > li {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	transition: border-top 200ms;
-	-webkit-transition: border-top 200ms;
-	border-top: 0 solid #FFF;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: border-top 200ms;
+  -webkit-transition: border-top 200ms;
+  border-top: 0 solid #FFF;
 }
 
 nav .menu > li:hover {
-	border-top: 0.4em solid #A8D6FF;
+  border-top: 0.4em solid #A8D6FF;
 }
 
 .menu li.fa::before {
-	display: block;
-	padding: 30px 4px 0 4px;
+  display: block;
+  padding: 30px 4px 0 4px;
 }
 
 
 .menu li.fa a {
-	position: absolute;
-	display: block;
-	top: 0;
-	left: 0;
-	height: 52px;
-	width: 10px;
-	text-indent: -9999px;
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  height: 52px;
+  width: 10px;
+  text-indent: -9999px;
 }
 
 nav ul a {
-	color: #000;
-	text-decoration: none;
-	display: block;
-	padding: 1.9em 0.4em 1.5em 0.4em;
+  color: #000;
+  text-decoration: none;
+  display: block;
+  padding: 1.9em 0.4em 1.5em 0.4em;
 }
 
 nav ul .sub-menu {
-	display: none;
-	position: absolute;
-	background: #fff;
-	width: 200px;
-	left: 50%;
-	margin-left: -100px;
-	box-shadow: 0 3px 5px -3px #000
+  display: none;
+  position: absolute;
+  background: #fff;
+  width: 200px;
+  left: 50%;
+  margin-left: -100px;
+  box-shadow: 0 3px 5px -3px #000
 }
 
 nav ul li:hover .sub-menu {
-	display: block;
-	position: absolute;
+  display: block;
+  position: absolute;
 }
 
 nav ul .sub-menu  li,
@@ -306,51 +306,51 @@ nav ul .sub-menu  li a { padding: 1em 0; text-align: center; }
 nav ul .sub-menu  li { border-bottom: 1px solid #ccc; }
 
 nav ul .separator {
-	display: block;
-	width: 0.05em;
-	background: #B7B7B7;
-	height: 2em;
-	margin: 1.1em 0.4em 0 0.4em;
+  display: block;
+  width: 0.05em;
+  background: #B7B7B7;
+  height: 2em;
+  margin: 1.1em 0.4em 0 0.4em;
 }
 nav .logo {
-	display: block;
-	position: absolute;
-	top: 0;
-	left: 0;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 nav .selected {
-	font-weight: bold;
+  font-weight: bold;
 }
 @media all and (max-width: 840px) {
-	nav .logo {
-		display: none;
-	}
-	nav .logo img {
-		display: block;
-		max-height: 100%;
-	}
-	nav {
-		height: auto;
-		background: none;
-		padding: 0.4em 0;
-		border-bottom: 0.2em solid #d7ecff;
-	}
-	nav ul {
-		float: none;
-	}
-	nav ul a {
-		padding: 0.2em;
-	}
-	nav ul .separator {
-		display: block;
-		width: 0.05em;
-		background: #B7B7B7;
-		height: 1em;
-		margin: 0.2em 0.2em 0 0.2em;
-	}
-	nav ul a:hover {
-		border-top: 0 solid #A8D6FF;
-	}
+  nav .logo {
+    display: none;
+  }
+  nav .logo img {
+    display: block;
+    max-height: 100%;
+  }
+  nav {
+    height: auto;
+    background: none;
+    padding: 0.4em 0;
+    border-bottom: 0.2em solid #d7ecff;
+  }
+  nav ul {
+    float: none;
+  }
+  nav ul a {
+    padding: 0.2em;
+  }
+  nav ul .separator {
+    display: block;
+    width: 0.05em;
+    background: #B7B7B7;
+    height: 1em;
+    margin: 0.2em 0.2em 0 0.2em;
+  }
+  nav ul a:hover {
+    border-top: 0 solid #A8D6FF;
+  }
   nav .fa-twitter, nav .fa-facebook, nav .fa-rss {
     display: none;
   }
@@ -359,145 +359,145 @@ nav .selected {
 /* Banner */
 
 .banner {
-	height: 258px;
-	background: url("../img/banner.jpg") no-repeat;
-	background-size: cover;
-	padding: 0.2em 0 0 0;
+  height: 258px;
+  background: url("../img/banner.jpg") no-repeat;
+  background-size: cover;
+  padding: 0.2em 0 0 0;
 }
 .banner img {
-	display: block;
-	max-width: 100%;
-	height: 247px;
-	margin: 0 auto;
+  display: block;
+  max-width: 100%;
+  height: 247px;
+  margin: 0 auto;
 }
 @media all and (max-width: 840px) {
-	.banner { display: none; }
+  .banner { display: none; }
 }
 
 /* Grid */
 .grid {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
 }
 .grid::after {
-	content: " ";
-	clear: both;
-	display: block;
+  content: " ";
+  clear: both;
+  display: block;
 }
 .grid .col2 {
-	width: 50%;
-	float: left;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+  width: 50%;
+  float: left;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 .grid .col2+.col2, .grid .col3+.col3, .grid .col4+.col4 {
-	padding: 0 0 0 1em;
+  padding: 0 0 0 1em;
 }
 .grid .col3 {
-	width: 33%;
-	float: left;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+  width: 33%;
+  float: left;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 .grid .col3:nth-child(3n + 1) {
-	clear: both;
-	padding: 0;
+  clear: both;
+  padding: 0;
 }
 .grid .col4 {
-	width: 25%;
-	float: left;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+  width: 25%;
+  float: left;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 .grid .col4:nth-child(4n + 1) {
-	clear: both;
-	padding: 0;
+  clear: both;
+  padding: 0;
 }
 .grid .col-left {
-	width: 70%;
-	float: left;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	padding: 0 1.6em 0 0;
+  width: 70%;
+  float: left;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0 1.6em 0 0;
 }
 .grid .col-right {
-	width: 30%;
-	float: left;
+  width: 30%;
+  float: left;
     margin-bottom: 2em;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 .grid .col-right .content {
     width: 100%;
 }
 
 @media all and (max-width: 600px) {
-	.grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right {
-		width: 100%;
-		float: none;
-		padding: 0 0 1em 0;
-	}
-	.grid .col2+.col2, .grid .col3+.col3, .grid .col4+.col4 {
-		padding: 0;
-	}
+  .grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right {
+    width: 100%;
+    float: none;
+    padding: 0 0 1em 0;
+  }
+  .grid .col2+.col2, .grid .col3+.col3, .grid .col4+.col4 {
+    padding: 0;
+  }
 }
 
 /* Separator */
 .separator {
-	width: 100%;
-	margin: 1.8em 0;
-	height: 0.1em;
-	background: #7789b5;
+  width: 100%;
+  margin: 1.8em 0;
+  height: 0.1em;
+  background: #7789b5;
 }
 
 /* News */
 h4 {
-	margin: 1em 0 0 0;
-	padding: 0;
-	height: 70px;
+  margin: 1em 0 0 0;
+  padding: 0;
+  height: 70px;
 }
 
 p.info + p {
-	height: 240px;
+  height: 240px;
   overflow: hidden;
 }
 
 .entry-content {
-	 padding: 0 0 2em 0;
+   padding: 0 0 2em 0;
 }
 .info {
-	color: #8F8F8F;
-	font-size: 0.6em;
-	margin: 0 0 1em 0;
+  color: #8F8F8F;
+  font-size: 0.6em;
+  margin: 0 0 1em 0;
 }
 .button {
-	display: inline-block;
-	padding: 0.4em 0.6em;
-	border-radius: 0.4em;
-	background: #DEDEDE;
-	font-size: 0.8em;
-	margin: 1em 0 1em 0;
-	text-decoration: none;
-	border-bottom: 0.15em solid #999;
+  display: inline-block;
+  padding: 0.4em 0.6em;
+  border-radius: 0.4em;
+  background: #DEDEDE;
+  font-size: 0.8em;
+  margin: 1em 0 1em 0;
+  text-decoration: none;
+  border-bottom: 0.15em solid #999;
 }
 
 /* Footer */
 
 footer {
-	margin: -0.3em 0 0;
-	padding-top: 1em;
-	padding-bottom: 1em;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	background: #ddd;
+  margin: -0.3em 0 0;
+  padding-top: 1em;
+  padding-bottom: 1em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background: #ddd;
 }
 
 footer h3 {
@@ -528,82 +528,82 @@ footer .content li a {
 
 /* Sub navigation */
 .subnav {
-	margin-top: 1.6em;
-	list-style: none;
-	padding-left: 0;
+  margin-top: 1.6em;
+  list-style: none;
+  padding-left: 0;
 }
 .subnav .menu {
     margin-left: -2.2em;
 }
 .subnav li {
-	float: left;
-	padding: 0;
-	margin: 0 1em 0 0;
+  float: left;
+  padding: 0;
+  margin: 0 1em 0 0;
     list-style: none outside;
 }
 .subnav li.selected {
-	font-weight: bold;
+  font-weight: bold;
 }
 .subnav a {
-	text-decoration: none;
+  text-decoration: none;
 }
 @media all and (max-width: 960px) {
-	.subnav {
-		padding: 0 1em;
-	}
+  .subnav {
+    padding: 0 1em;
+  }
 }
 
 /* Speaker */
 .speaker {
-	position: relative;
-	margin: 0 0 2em 0;
+  position: relative;
+  margin: 0 0 2em 0;
 }
 .speaker::after {
-	content: " ";
-	clear: both;
-	display: block;
+  content: " ";
+  clear: both;
+  display: block;
 }
 .speaker > img {
 /*  width: 100px; */
-	float: left;
-	padding: 0.3em;
-	background: #FFF;
-	-moz-box-shadow:	0px 0px 1px 1px #999;
-	-webkit-box-shadow: 0px 0px 1px 1px #999;
-	box-shadow:			0px 0px 1px 1px #999;
-	margin: 0 1em 2em 0;
+  float: left;
+  padding: 0.3em;
+  background: #FFF;
+  -moz-box-shadow:  0px 0px 1px 1px #999;
+  -webkit-box-shadow: 0px 0px 1px 1px #999;
+  box-shadow:     0px 0px 1px 1px #999;
+  margin: 0 1em 2em 0;
 }
 .speaker .icons {
-	text-align: center;
-	display: inline-block;
-	margin: 0 0 0 0.1em;
+  text-align: center;
+  display: inline-block;
+  margin: 0 0 0 0.1em;
 }
 .speaker .icons a {
-	display: inline-block;
-	margin: 0 0.3em 0 0;
+  display: inline-block;
+  margin: 0 0.3em 0 0;
 }
 .speaker h3 {
-	margin: 0 0 0.4em 0;
-	padding: 0;
+  margin: 0 0 0.4em 0;
+  padding: 0;
 }
 
 /* Sponsors */
 .sponsors-item {
-	padding: 0 0 2em 0;
+  padding: 0 0 2em 0;
 }
 .sponsors-item .col2 > img {
-	display: inline-block;
-	margin: 0 0 2em 0;
+  display: inline-block;
+  margin: 0 0 2em 0;
 }
 
 .sponsors-frontpage a {
-	display: inline-block;
-	padding: 0 2.2em 1em 0;
+  display: inline-block;
+  padding: 0 2.2em 1em 0;
 }
 
 /* Plugins */
 .gmp_map_opts {
-	float: none !important;
+  float: none !important;
     margin-top: 2em !important;
 }
 
@@ -657,30 +657,30 @@ a.button:hover { opacity: 0.8; }
  *********************************************/
 
 .members {
-	margin: 0 0 2em 0;
+  margin: 0 0 2em 0;
 }
 .member {
-	margin: 0 0 1em 0;
+  margin: 0 0 1em 0;
 }
 .member a {
-	display: block;
+  display: block;
 }
 .member a > img {
   width: 100px;
   max-width: 100%;
-	padding: 0.3em;
-	background: #FFF;
-	-moz-box-shadow:	0px 0px 1px 1px #999;
-	-webkit-box-shadow: 0px 0px 1px 1px #999;
-	box-shadow:			0px 0px 1px 1px #999;
+  padding: 0.3em;
+  background: #FFF;
+  -moz-box-shadow:  0px 0px 1px 1px #999;
+  -webkit-box-shadow: 0px 0px 1px 1px #999;
+  box-shadow:     0px 0px 1px 1px #999;
 }
 .member span {
-	display: block;
+  display: block;
 }
 
 .member .icons a {
-	display: inline-block;
-	margin: 0 0.3em 0 0;
+  display: inline-block;
+  margin: 0 0.3em 0 0;
 }
 
 /* from the old site */
@@ -700,7 +700,7 @@ a.button:hover { opacity: 0.8; }
 }
 .program table td.time {
         width: 130px;
-		vertical-align: baseline;
+    vertical-align: baseline;
 }
 .program table caption {
         font-size: 120%;
@@ -713,103 +713,119 @@ a.button:hover { opacity: 0.8; }
  * Team members
  *********************************************/
 .schedule {
-	width: 100%;
-	font-size: 0.8em;
-	margin: 0 0 3em 0;
-	clear: both;
+  width: 100%;
+  font-size: 0.8em;
+  margin: 0 0 3em 0;
+  clear: both;
 }
 .schedule-legend {
-	width: 300px;
+  width: 300px;
 }
 .schedule th, .schedule td {
-	border-bottom: 1px solid #000;
-	border-right: 1px dotted #999;
-	padding: 0.6em 0.4em;
-	text-align: center;
-	vertical-align: middle;
+  border-bottom: 1px solid #000;
+  border-right: 1px dotted #999;
+  padding: 0.6em 0.4em;
+  text-align: center;
+  vertical-align: middle;
 }
 .schedule-legend td {
-	padding: 0.4em;
+  padding: 0.4em;
 }
 .schedule a {
-	border-bottom: dotted 1px #000;
-	color: #000;
+  border-bottom: dotted 1px #000;
+  color: #000;
 }
 .schedule a:hover {
-	border-bottom: none;
+  border-bottom: none;
 }
 .schedule tr td:first-child {
-	min-width: 82px;
+  min-width: 82px;
 }
 .schedule-day {
-	font-weight: bold;
+  font-weight: bold;
 }
 .schedule-empty {
-	background: #FFF;
+  background: #FFF;
 }
 .schedule-social {
-	background: #EDD7A7;
+  background: #decf72;
 }
 .schedule-technical {
-	background: #A4D183;
+  background: #953c4f;
+  color: #FFF;
+}
+.schedule-technical a {
+  color: #FFF;
 }
 .schedule-workshop {
-	background: #E2E0E9;
-}
-.schedule-en::after {
-	content: " ";
-	background: url('../img/en_US.png');
-	width: 16px;
-	height: 11px;
-	display: block;
-	margin: 0.3em auto 0.3em auto;
-}
-.schedule-bg::after {
-	content: " ";
-	background: url('../img/bg_BG.png');
-	width: 16px;
-	height: 11px;
-	display: block;
-	margin: 0.3em auto 0.3em auto;
+  background: #E2E0E9;
 }
 .schedule-civic {
-	background: #E8AAAB;
+  background: #6548a3;
+  color: #FFF;
+}
+.schedule-civic a {
+  color: #FFF;
 }
 .schedule-advanced-technical {
-	background: #91C4DF;
+  background: #750023;
+  color: #FFF;
+}
+.schedule-advanced-technical a {
+  color: #FFF;
 }
 .schedule-open-biz {
-	background: #DECDCB;
+  background: #9a9d29;
+  color: #FFF;
+}
+.schedule-open-biz a {
+  color: #FFF;
 }
 .schedule-misc {
-	background: #B0E9EC;
+  background: #ede6b6;
 }
 .schedule-open-art {
-	background: #ED9134;
+  background: #88cbf0;
+}
+.schedule-en::after {
+  content: " ";
+  background: url('../img/en_US.png');
+  width: 16px;
+  height: 11px;
+  display: block;
+  margin: 0.3em auto 0.3em auto;
+}
+.schedule-bg::after {
+  content: " ";
+  background: url('../img/bg_BG.png');
+  width: 16px;
+  height: 11px;
+  display: block;
+  margin: 0.3em auto 0.3em auto;
 }
 .schedule-avatar {
-	float: left;
-	padding: 0.3em;
-	background: #FFF;
-	-moz-box-shadow:	0px 0px 1px 1px #999;
-	-webkit-box-shadow: 0px 0px 1px 1px #999;
-	box-shadow:			0px 0px 1px 1px #999;
-	margin: 0 1em 2em 0;
+  float: left;
+  padding: 0.3em;
+  background: #FFF;
+  -moz-box-shadow:  0px 0px 1px 1px #999;
+  -webkit-box-shadow: 0px 0px 1px 1px #999;
+  box-shadow:     0px 0px 1px 1px #999;
+  margin: 0 1em 2em 0;
 }
 
 p img {
-	max-width: 100%;
+  max-width: 100%;
 }
 
 .front-page-sponsors {
-	text-align: center;
+  text-align: center;
 }
 .front-page-big-title h1 {
-	font-size: 1.4em;
-	text-align: center;
+  font-size: 1.4em;
+  text-align: center;
 }
 .content.front-page-big-title {
-	padding: 1em 0 0 0;
+  padding: 1em 0 0 0;
 }
 
 section.entry-meta {
-- 
2.40.1