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 @@