diff options
author | Padraig Connolly <padraig.connolly@intel.com> | 2016-11-21 10:10:07 +0000 |
---|---|---|
committer | Padraig Connolly <padraig.connolly@intel.com> | 2016-11-21 10:10:07 +0000 |
commit | 51e00de1e4a4102e5d15c2e219787f8565f51019 (patch) | |
tree | 9761fb3b816904dcac0ed2f6285a3875f534ec38 /vpp-userdemo/ui/dist.prod/cssProd/style.css | |
parent | 08e0618fef8173d3c94d64bce69f34d26f6a1f1c (diff) |
vpp-userdemo: Small changes to README/GUI
Changes to README:
*README flow changed (i.e intro first, setup next, then running)
*Changed CLI command help (tutorials directory needed to run demo)
Changes to GUI:
*Added fd.io colors to GUI interface
*Added more relevent icons to each tutorial
*Capitalized tutorial file names (Looks better on GUI)
Change-Id: Ib6c1347e24687d489f3b0be3808aefb4bbb622f2
Signed-off-by: Padraig Connolly <padraig.connolly@intel.com>
Diffstat (limited to 'vpp-userdemo/ui/dist.prod/cssProd/style.css')
-rw-r--r-- | vpp-userdemo/ui/dist.prod/cssProd/style.css | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/vpp-userdemo/ui/dist.prod/cssProd/style.css b/vpp-userdemo/ui/dist.prod/cssProd/style.css index 4222468..9ade21c 100644 --- a/vpp-userdemo/ui/dist.prod/cssProd/style.css +++ b/vpp-userdemo/ui/dist.prod/cssProd/style.css @@ -23,7 +23,7 @@ html, body { color: white; } .nav { - background-color: #258dc4; + background-color: #ed1c24; position: relative; width: 100%; height: 50px; } @@ -141,13 +141,13 @@ html, body { width: 50%; margin-right: 50%; } .progress-indicator > li.completed { - color: #258dc4; } + color: #ed1c24; } .progress-indicator > li.completed .bubble { - background-color: #258dc4; - color: #258dc4; + background-color: #ed1c24; + color: #ed1c24; border-color: #0d3043; } .progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after { - background-color: #258dc4; + background-color: #ed1c24; border-color: #0d3043; } .progress-indicator > li.active { color: #337AB7; } @@ -236,7 +236,7 @@ html, body { color: #a3a3a3; font-size: 15px; font-weight: bold; - font-family: "Roboto"; } + font-family: "Arial"; } .tutorials-icon { color: white; @@ -265,10 +265,10 @@ html, body { outline: none; } .tutorials-row:hover { - background-color: #258dc4; } + background-color: #ed1c24; } .tutorials-active { - background-color: #258dc4; } + background-color: #ed1c24; } .card-footer { background-color: #fafafa; @@ -314,7 +314,7 @@ html, body { position: relative; top: 18px; font-size: 18px; - font-family: "Roboto"; } + font-family: "Arial"; } .card-button:focus, .card-button-group:focus { outline: none; } @@ -333,13 +333,13 @@ html, body { color: #434343; font-weight: 100; font-size: 18px; - font-family: "Roboto-Light"; + font-family: "Arial"; margin: 0; } .command-text { font-weight: bold; font-family: monospace; - color: #258dc4; } + color: #26cad3; } .command-response { display: block; @@ -379,7 +379,7 @@ html, body { cursor: pointer; } .clipboard-div:hover > .clipboard-text, .clipboard-div:hover > .clipboard-icon { - color: #258dc4; } + color: #26cad3; } .code-block { display: inline-block; @@ -957,13 +957,13 @@ html, body { width: 50%; margin-right: 50%; } .progress-indicator > li.completed { - color: #258dc4; } + color: #26cad3; } .progress-indicator > li.completed .bubble { - background-color: #258dc4; - color: #258dc4; + background-color: #1cede5; + color: #26cad3; border-color: #0d3043; } .progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after { - background-color: #258dc4; + background-color: #1cede5; border-color: #0d3043; } .progress-indicator > li.active { color: #337AB7; } |