diff --git a/gui/slick/css/dark.css b/gui/slick/css/dark.css
index 5d571973..e2f1656b 100644
--- a/gui/slick/css/dark.css
+++ b/gui/slick/css/dark.css
@@ -632,6 +632,29 @@ h2.day, h2.network {
color: #999;
}
+.carousel-control {
+ color: #297AB8;
+ filter: alpha(opacity=100);
+ opacity: 1;
+}
+
+.carousel-control:hover,
+.carousel-control:focus {
+ color: #15528F;
+ filter: alpha(opacity=100);
+ opacity: 1;
+}
+
+.carousel-indicators li {
+ background: #555;
+ border: 1px solid #555;
+}
+
+.carousel-indicators .active {
+ background: #8DBEEE;
+ border-color: #8DBEEE;
+}
+
/* =======================================================================
config*.tmpl
========================================================================== */
diff --git a/gui/slick/css/fonts/glyphicons-halflings-regular.eot b/gui/slick/css/fonts/glyphicons-halflings-regular.eot
new file mode 100644
index 00000000..4a4ca865
Binary files /dev/null and b/gui/slick/css/fonts/glyphicons-halflings-regular.eot differ
diff --git a/gui/slick/css/fonts/glyphicons-halflings-regular.svg b/gui/slick/css/fonts/glyphicons-halflings-regular.svg
new file mode 100644
index 00000000..25691af8
--- /dev/null
+++ b/gui/slick/css/fonts/glyphicons-halflings-regular.svg
@@ -0,0 +1,229 @@
+
+
+
\ No newline at end of file
diff --git a/gui/slick/css/fonts/glyphicons-halflings-regular.ttf b/gui/slick/css/fonts/glyphicons-halflings-regular.ttf
new file mode 100644
index 00000000..67fa00bf
Binary files /dev/null and b/gui/slick/css/fonts/glyphicons-halflings-regular.ttf differ
diff --git a/gui/slick/css/fonts/glyphicons-halflings-regular.woff b/gui/slick/css/fonts/glyphicons-halflings-regular.woff
new file mode 100644
index 00000000..8c54182a
Binary files /dev/null and b/gui/slick/css/fonts/glyphicons-halflings-regular.woff differ
diff --git a/gui/slick/css/light.css b/gui/slick/css/light.css
index 6cafaee8..44c86e0b 100644
--- a/gui/slick/css/light.css
+++ b/gui/slick/css/light.css
@@ -611,6 +611,25 @@ h2.day, h2.network {
color: #666;
}
+.carousel-control {
+ color: #000;
+}
+
+.carousel-control:hover,
+.carousel-control:focus {
+ color: #000;
+}
+
+.carousel-indicators li {
+ background: #555;
+ border: 1px solid #555;
+}
+
+.carousel-indicators .active {
+ background: #C7DB40;
+ border-color: #C7DB40;
+}
+
/* =======================================================================
config*.tmpl
========================================================================== */
diff --git a/gui/slick/css/style.css b/gui/slick/css/style.css
index 6ecfea13..61293a86 100644
--- a/gui/slick/css/style.css
+++ b/gui/slick/css/style.css
@@ -1631,6 +1631,54 @@ h2.day, h2.network {
margin-left: 0;
}
+.daybydayCarouselContainer {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+}
+
+.controlsBlock {
+ position: relative;
+ display: block;
+ width: 220px;
+ margin: 0 auto;
+ height: 45px;
+ text-align: center;
+}
+
+.carousel-control {
+ top: -24px;
+ background: none !important;
+ text-align: center;
+ opacity: 0.75;
+}
+
+.carousel-indicators {
+ position: absolute;
+ bottom: 12px;
+}
+
+.carousel-indicators li {
+ border-radius: 0;
+ width: 12px;
+ height: 12px;
+}
+
+.carousel-indicators .active {
+ width: 14px;
+ height: 14px;
+}
+
+@media screen and (min-width: 768px) {
+ .carousel-control .glyphicon-chevron-left,
+ .carousel-control .glyphicon-chevron-right {
+ width: 30px;
+ height: 30px;
+ margin-top: 0;
+ font-size: 20px;
+ }
+}
+
/* =======================================================================
config*.tmpl
========================================================================== */
diff --git a/gui/slick/interfaces/default/episodeView.tmpl b/gui/slick/interfaces/default/episodeView.tmpl
index 9b28d309..14157702 100644
--- a/gui/slick/interfaces/default/episodeView.tmpl
+++ b/gui/slick/interfaces/default/episodeView.tmpl
@@ -590,8 +590,6 @@
#end if
-
-
#if 'daybyday' == $layout:
#set $today = datetime.date.today()
@@ -600,8 +598,23 @@
-
-
+