diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css
index 5e8756d0f7..a758efddf5 100644
--- a/dashboard-ui/css/card.css
+++ b/dashboard-ui/css/card.css
@@ -137,6 +137,10 @@
height: 100%;
}
+.coveredCardImage {
+ background-size: cover;
+}
+
.card-1-1 {
width: 50%;
}
diff --git a/dashboard-ui/css/chromecast.css b/dashboard-ui/css/chromecast.css
index cf93771d2e..ec924216b7 100644
--- a/dashboard-ui/css/chromecast.css
+++ b/dashboard-ui/css/chromecast.css
@@ -37,9 +37,8 @@
}
}
-
@media all and (max-width: 400px) {
.btnCastImage {
- width: 28px;
+ width: 26px;
}
}
diff --git a/dashboard-ui/css/images/menu.png b/dashboard-ui/css/images/menu.png
deleted file mode 100644
index c3d0133719..0000000000
Binary files a/dashboard-ui/css/images/menu.png and /dev/null differ
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 1ec9fe7c86..b7a8ec91c3 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -678,12 +678,12 @@ a.itemTag:hover {
}
}
-@media all and (min-width: 1000px) {
+/*@media all and (min-width: 1000px) {
.primaryDetailPageContent {
max-width: 850px;
}
-}
+}*/
.detailPageParentLink {
text-decoration: none;
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index f63ef39c5d..55db256f59 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -52,6 +52,13 @@
padding-left: 10px;
}
+.menuArrow {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbklEQ…yGDxkLaBtENI9kPMk0gaoW0Dyj0aWowFLYNYzWB6MWMAAAq1H3+Mhu2hQAAAAASUVORK5CYII=);
+ height: 24px;
+ width: 24px;
+ display: inline-block;
+}
+
.headerButtonRight {
border-width: 0 !important;
padding: 0 15px;
@@ -62,39 +69,70 @@
border-width: 0 !important;
}
-.barsMenuButton img {
- border: 1px solid #444 !important;
- padding: .5em;
- background-color: #181818;
- border-radius: 5px;
- height: 14px !important;
+.libraryMenuButton, .dashboardMenuButton {
+ padding-left: 10px !important;
+}
+
+.barMenuInner {
+ padding: 7px 10px;
+ border: 1px solid #000;
+ border-radius: 4px;
+ box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.0745098) 0px 1px 0px 0px;
+ background-color: rgb(14, 14, 14);
+ background-image: linear-gradient(rgb(21, 21, 21), rgb(4, 4, 4));
+ background-repeat: repeat-x;
+ border-bottom-color: rgba(0, 0, 0, 0.247059);
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ border-image-outset: 0px;
+ border-image-repeat: stretch;
+ border-image-slice: 100%;
+ border-image-source: none;
+ border-image-width: 1;
+ border-left-color: rgba(0, 0, 0, 0.0980392);
+ border-left-style: solid;
+ border-left-width: 1px;
+ border-right-color: rgba(0, 0, 0, 0.0980392);
+ border-right-style: solid;
+ border-right-width: 1px;
+ border-top-color: rgba(0, 0, 0, 0.0980392);
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-top-style: solid;
+ border-top-width: 1px;
}
.barsMenuButton:hover {
- opacity: 1 !important;
+ opacity: .5 !important;
}
-.barsMenuButton img:hover {
- background-color: #38c;
+.icon-bar {
+ display: block;
+ width: 18px;
+ height: 2px;
+ background-color: #f5f5f5;
+ -webkit-border-radius: 1px;
+ -moz-border-radius: 1px;
+ border-radius: 1px;
+ -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
-@media all and (min-width: 600px) {
- .barsMenuButton {
- opacity: .9;
+ .icon-bar + .icon-bar {
+ margin-top: 3px;
}
-}
.libraryMenuButtonText {
color: #fff !important;
text-decoration: none;
- font-weight: 400 !important;
+ font-weight: 300 !important;
font-size: 15px;
display: inline-block;
vertical-align: middle;
- line-height: 51px;
padding-left: 0 !important;
- position: relative;
- top: 2px;
margin-left: -8px;
cursor: default;
}
@@ -139,10 +177,6 @@
opacity: 1;
}
-.barsMenuButton:hover {
- opacity: .6;
-}
-
.headerButtonRight:hover {
opacity: .5;
}
@@ -276,16 +310,20 @@
border-bottom: 5px solid transparent;
}
- .libraryViewNav a:hover {
+ .libraryViewNav a:not(.ui-btn-active):hover {
color: #2ad !important;
}
.libraryViewNavLinkContent {
display: inline-block;
- padding: 2px 15px 2px 17px;
+ padding: 2px 15px 2px 15px;
}
-.libraryViewNav a+a .libraryViewNavLinkContent {
+.libraryViewNav a + a .libraryViewNavLinkContent {
+ padding-left: 17px;
+}
+
+.libraryViewNav a + a .libraryViewNavLinkContent {
border-left: 1px solid #333;
position: relative;
left: -2px;
diff --git a/dashboard-ui/css/notifications.css b/dashboard-ui/css/notifications.css
index f0bb2becd6..c5b823bf84 100644
--- a/dashboard-ui/css/notifications.css
+++ b/dashboard-ui/css/notifications.css
@@ -16,7 +16,7 @@
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
- padding: 5px 12px;
+ padding: 4px 12px 5px;
text-align: center;
text-decoration: none !important;
-moz-user-select: none;
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 0a602e6834..456c850762 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -83,14 +83,18 @@ body {
}
h1, h1 a {
+ font-weight: 300!important;
+ font-size: 28px;
+}
+
+.libraryPage h1, .libraryPage h1 a {
font-weight: 100!important;
font-size: 28px;
- font-family: Roboto;
}
.ui-loader h1 {
font-family: Roboto;
- font-weight: bold!important;
+ font-weight: 500!important;
font-size: 18px;
}
@@ -164,14 +168,6 @@ pre, textarea.pre {
display: none;
}
-/*
- Page / Base styles
- */
-.page:not(.libraryPage) {
- background: #f2f2f2;
- background-attachment: fixed;
-}
-
/*
Header
*/
@@ -437,7 +433,7 @@ h1 .imageLink {
.content-primary {
padding: 80px 0 3em 0;
- margin: 0 0 0 270px;
+ margin: 0 0 0 260px;
}
.content-primary ul:first-child {
diff --git a/dashboard-ui/dlnaprofile.html b/dashboard-ui/dlnaprofile.html
index cadc9e8950..187d273d51 100644
--- a/dashboard-ui/dlnaprofile.html
+++ b/dashboard-ui/dlnaprofile.html
@@ -130,9 +130,14 @@