From 5160ee5fe743704229dc9e7ea11f2b93808073e0 Mon Sep 17 00:00:00 2001 From: Pratik Borsadiya Date: Mon, 19 Sep 2016 20:21:05 +0530 Subject: [PATCH 1/2] Updated Interface and fixes #249 --- css/bootstrap.css | 6 +++--- css/download.css | 6 ++++-- css/style.css | 38 ++++++++++++++++++++++++++++++++++++++ index.html | 13 +++++-------- 4 files changed, 50 insertions(+), 13 deletions(-) diff --git a/css/bootstrap.css b/css/bootstrap.css index fb15e3d..e537642 100755 --- a/css/bootstrap.css +++ b/css/bootstrap.css @@ -1086,8 +1086,8 @@ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; + font-family: sans-serif; + font-size: 16px; line-height: 1.42857143; color: #333; background-color: #fff; @@ -3438,7 +3438,7 @@ tbody.collapse.in { min-width: 160px; padding: 5px 0; margin: 2px 0 0; - font-size: 14px; + font-size: 16px; text-align: left; list-style: none; background-color: #fff; diff --git a/css/download.css b/css/download.css index 6b9c24d..7d96a62 100755 --- a/css/download.css +++ b/css/download.css @@ -5,7 +5,7 @@ } .download .title { - padding: 5px; + padding: 5px 0; } .download .progress { @@ -29,6 +29,9 @@ cursor: pointer; width: 100%; padding: 4px 5px; + background-color: #fff; + margin-bottom: 20px; + box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12); } /* fix table layout to break words */ @@ -72,7 +75,6 @@ .download-controls .btn-group { float: right; - height: 28px; } .download-controls > .btn-group { margin-right: 5px; diff --git a/css/style.css b/css/style.css index 5914b62..a0b86a0 100755 --- a/css/style.css +++ b/css/style.css @@ -1,5 +1,10 @@ +@import 'https://fonts.googleapis.com/css?family=Lato:400,700'; + body { + font-family: 'Lato', sans-serif; overflow-y: scroll; + background-color: #f5f5f5; + padding-bottom: 5em; } input[type=checkbox], input[type=radio] { @@ -77,3 +82,36 @@ input[type=checkbox], input[type=radio] { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } + +.main-navbar { + box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); + background-color: #00897B; + border-color: #00897B; +} +.main-navbar .navbar-brand { + color: #fff; +} + +.main-navbar .nav > li > a { + color: #fff; + transition: background-color 0.3s ease-in-out; +} + +.main-navbar .navbar-toggle .icon-bar { + background-color: #fff; +} + +.main-navbar.nav .open > a, +.main-navbar.nav .open > a:hover, +.main-navbar.nav .open > a:focus, +.main-navbar .nav > li > a:focus, +.main-navbar .nav > li > a:hover { + background-color: rgba(0,0,0,0.2); +} + +.sidebar-nav { + margin-bottom: 30px; + background-color: #fff; + padding: 10px 20px 20px; + box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12); +} diff --git a/index.html b/index.html index d4d0a31..650bbdd 100755 --- a/index.html +++ b/index.html @@ -88,10 +88,10 @@ - + -