From b88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 Mon Sep 17 00:00:00 2001 From: Koren Lev Date: Thu, 27 Jul 2017 16:42:15 +0300 Subject: adding calipso ui Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4 Signed-off-by: Koren Lev --- ui/client/style/d3plusgraph.css | 14 ++++ ui/client/style/landingpage.css | 138 +++++++++++++++++++++++++++++++++++++ ui/client/style/multilevelorig.css | 43 ++++++++++++ ui/client/style/threeTest.css | 65 +++++++++++++++++ ui/client/style/threeTest2.css | 41 +++++++++++ 5 files changed, 301 insertions(+) create mode 100644 ui/client/style/d3plusgraph.css create mode 100644 ui/client/style/landingpage.css create mode 100644 ui/client/style/multilevelorig.css create mode 100644 ui/client/style/threeTest.css create mode 100644 ui/client/style/threeTest2.css (limited to 'ui/client/style') diff --git a/ui/client/style/d3plusgraph.css b/ui/client/style/d3plusgraph.css new file mode 100644 index 0000000..f811c80 --- /dev/null +++ b/ui/client/style/d3plusgraph.css @@ -0,0 +1,14 @@ +/****************************************************************************************/ +/* Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others */ +/* */ +/* All rights reserved. This program and the accompanying materials */ +/* are made available under the terms of the Apache License, Version 2.0 */ +/* which accompanies this distribution, and is available at */ +/* http://www.apache.org/licenses/LICENSE-2.0 */ +/****************************************************************************************/ +#viz{ + /*margin: 166px 134px;*/ + color: white; + width: 90%; + height: 90%; +} \ No newline at end of file diff --git a/ui/client/style/landingpage.css b/ui/client/style/landingpage.css new file mode 100644 index 0000000..1fd3035 --- /dev/null +++ b/ui/client/style/landingpage.css @@ -0,0 +1,138 @@ +/****************************************************************************************/ +/* Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others */ +/* */ +/* All rights reserved. This program and the accompanying materials */ +/* are made available under the terms of the Apache License, Version 2.0 */ +/* which accompanies this distribution, and is available at */ +/* http://www.apache.org/licenses/LICENSE-2.0 */ +/****************************************************************************************/ +/* wizard */ +.mdl-dialog { + width: 90vw !important; +} + +.mdl-tabs__panel{ + margin-top: 30px; +} + +.mdl-dialog__content { + border-left: 5px solid #2196F3; +} + + +/* ======= Home page =======*/ +.background-blue{ + background-color: #2196F3; + color: #f9f9f9; +} +.background-white { + border-color: #FFF; +} + +.background-grey { + background-color: #f9f9f9; +} + +.home-fullscreen { + /* padding: 25px; */ +} + +.mtop-50{ + margin-top: 100px; +} + +.font20{ + font-size: 20px; +} + +.title-border-bottom{ + border-bottom: 5px solid #2196F3; +} +.text-align-center{ + text-align: center; +} + +/* +.home_mockups { + position: relative; + margin-top: 4rem; + margin-bottom: -1rem; + z-index: 3; +} + +.home_mockups_1 { + position: relative; + animation-delay: 0.5s; +} + +.home_mockups_2 { + animation-delay: 1s; +} + +.home_mockups_2, .home_mockups_3 { + position: absolute; + margin: 0 auto; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +*/ + +.box { + margin: 50px; +} + +.box-side{ + margin: 10px 50px; +} +/* ======= End of section =========*/ + + +/* ======= Login - Register pages ======= */ +.login-bg-primary { + width: 100%; + height: 30vh; + background-color: #2196F3; +} + +.login-bg-accent { + width: 100%; + height: 30vh; + background-color: #9C27B0; +} + +.login-card{ + margin-top: -70px; + padding: 10px; +} +/* ======= End of section =======*/ + +/*====== Main page =======*/ +.logo{ + padding: 10px; +} + +.view-100{ + height: 100vh; +} + +.user-bar{ + background: #42A5F5; + color: #fff; + padding-left: 15px; +} +/* ======= End of section =======*/ + +/*// Rules for sizing the icon.*/ +.material-icons.md-18 { font-size: 21px; } +.material-icons.md-24 { font-size: 24px; } +.material-icons.md-36 { font-size: 36px; } +.material-icons.md-48 { font-size: 48px; } +/*// Rules for using icons as black on a light background.*/ +.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); } +.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } +/*// Rules for using icons as white on a dark background.*/ +.material-icons.md-light { color: rgba(255, 255, 255, 1); } +.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } +/* ======= End of section ===========*/ diff --git a/ui/client/style/multilevelorig.css b/ui/client/style/multilevelorig.css new file mode 100644 index 0000000..c73c7e6 --- /dev/null +++ b/ui/client/style/multilevelorig.css @@ -0,0 +1,43 @@ +/****************************************************************************************/ +/* Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others */ +/* */ +/* All rights reserved. This program and the accompanying materials */ +/* are made available under the terms of the Apache License, Version 2.0 */ +/* which accompanies this distribution, and is available at */ +/* http://www.apache.org/licenses/LICENSE-2.0 */ +/****************************************************************************************/ +/* +body { + margin: 0; + padding: 0; + background: rgb(161, 183, 206); + overflow: hidden; +} +*/ +#menu{ + margin-top: -50px; +} +#pushobj { + position: absolute; + top: 92px; + left: 384px; + color: #fff; + background: rgb(161, 183, 206); + font-family: 'Open Sans Condensed', sans-serif; + font-size: 2em; + z-index: 1; + width: 100%; + height: 89%; +} +/* +.breadcrumb > li + li:before { + color: #CCCCCC; + content: "/ "; + padding: 0 5px; +} +.breadcrumb{ + margin-bottom: 0px; + padding: 14px 15px; + font-size: 0.6em; +} +*/ diff --git a/ui/client/style/threeTest.css b/ui/client/style/threeTest.css new file mode 100644 index 0000000..7a04d9c --- /dev/null +++ b/ui/client/style/threeTest.css @@ -0,0 +1,65 @@ +/****************************************************************************************/ +/* Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others */ +/* */ +/* All rights reserved. This program and the accompanying materials */ +/* are made available under the terms of the Apache License, Version 2.0 */ +/* which accompanies this distribution, and is available at */ +/* http://www.apache.org/licenses/LICENSE-2.0 */ +/****************************************************************************************/ +/* +body, html { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + position: relative; + overflow: hidden; + background: rgb(161, 183, 206); +} +*/ +/* +svg { + !*background-color: antiquewhite;*! + background-color: rgb(161, 183, 206); + padding-top: 100px; + +} + +.node circle { + fill: steelblue; +} +.node text { + font: bold 12px sans-serif; + fill: rgb(16, 15, 15); + text-shadow: 0 0px 0 #fff; + font-size: 0.6em; +} +.link { + fill: #1313AB; + stroke: #1313AB; +} +.default { + stroke: #fbb; + stroke-width: 4px; +} +.outline { + stroke: #844; + stroke-width: 6px; +} +.link-group text{ + font-size: 0.5em; + fill: rgba(8, 8, 8, 0.73); +} +div.tooltip { + position: absolute; + text-align: left; + font: bold 18px sans-serif !important; + !* width: 60px; *! + !* height: 28px; *! + padding: 2px; + font: 16px sans-serif; + background: #50DFE0; + border: 0px; + border-radius: 10px; + pointer-events: none; +}*/ diff --git a/ui/client/style/threeTest2.css b/ui/client/style/threeTest2.css new file mode 100644 index 0000000..83ec163 --- /dev/null +++ b/ui/client/style/threeTest2.css @@ -0,0 +1,41 @@ +/****************************************************************************************/ +/* Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others */ +/* */ +/* All rights reserved. This program and the accompanying materials */ +/* are made available under the terms of the Apache License, Version 2.0 */ +/* which accompanies this distribution, and is available at */ +/* http://www.apache.org/licenses/LICENSE-2.0 */ +/****************************************************************************************/ +#canvas { +} + +#canvas-force { + width: 100%; + height: 100%; + /*float: left;*/ +} + +/* +body { + margin: 0px; +} +*/ + +#tooltip-container { + position: absolute; + background-color: #404040; + color: #fff; + opacity: 0.9; + padding-left: 10px; + padding-right: 10px; + padding-top: 5px; + padding-bottom: 5px; + border: 1px solid; + display: none; + font-family: "Arial"; + font-size: 12px; +} + +.tooltip_key { + font-weight: bold; +} \ No newline at end of file -- cgit 1.2.3-korg