1 files changed, 108 insertions, 0 deletions
diff --git a/assets/css/_schedule.less b/assets/css/_schedule.less
new file mode 100644
index 0000000..0151154
--- /dev/null
+++ b/assets/css/_schedule.less
@@ -0,0 +1,108 @@
+.schedule {
+	&.scroll-container {
+		overflow: hidden;
+		overflow-x: scroll;
+	}
+
+	.scroll-element {
+		position: relative;
+	}
+
+	.room {
+		overflow: hidden;
+	}
+
+	.now {
+		position: absolute;
+		left: 0;
+		width: 150px;
+		height: 100%;
+		background-color: @schedule-now-bg;
+		font-size: 14px;
+
+		//z-index: -5;
+
+		span {
+			display: block;
+			position: absolute;
+			right: -28px;
+			color: @schedule-now;
+		}
+	}
+
+	.block {
+		overflow: hidden;
+		float: left;
+		height: 100px;
+
+		/* and now for small screens: */
+		@media (max-width: @screen-xs-max) {
+			height: 75px;
+		}
+
+
+		padding: 10px;
+		border: 1px solid @schedule-border;
+
+		h3 {
+			margin: 0;
+			padding: 0;
+			font-size: 18px;
+
+			/* and now for small screens: */
+			@media (max-width: @screen-xs-max) {
+				font-size: 16px;
+			}
+		}
+
+		h4 {
+
+			margin: 3px 0;
+			color: @schedule-room;
+			font-size: 14px;
+
+			@media (max-width: @screen-xs-max) {
+				font-size: 15px;
+			}
+
+			a {
+				color: @schedule-room;
+			}
+		}
+
+		h5 {
+			@media (max-width: @screen-xs-max) {
+				margin: 0;
+			}
+
+			color: @schedule-author;
+		}
+
+		&.event h3 {
+			overflow: hidden;
+		}
+
+		&.gap {
+			background-image: url("@{img}/stripes/gap.png");
+			background-color: @schedule-gap-bg;
+			color: @schedule-gap;
+			text-shadow: 0 0 3px @schedule-gap;
+		}
+
+		&.daychange { 
+			background-image: url("@{img}/stripes/gap.png");
+			background-color: @schedule-daychange-bg;
+			color: @schedule-daychange;
+			text-shadow: 0 0 3px @schedule-daychange;
+		}
+
+		&.pause {
+			background-color: @schedule-pause-bg;
+			color: @schedule-pause;
+		}
+	}
+
+	.room.highlight .block {
+		background-color: @schedule-selected-room;
+	}
+}