From a9691f5fe78af32c474754f841a71a68e2d2a484 Mon Sep 17 00:00:00 2001 From: Koren Lev Date: Mon, 2 Oct 2017 11:37:03 +0300 Subject: ui move to docker Change-Id: Iff31ebb3fff782e848704801b7800fdf480264a1 Signed-off-by: Koren Lev --- ui/client/css/accordionNavMenu.styl | 259 ------------------------------------ 1 file changed, 259 deletions(-) delete mode 100644 ui/client/css/accordionNavMenu.styl (limited to 'ui/client/css/accordionNavMenu.styl') diff --git a/ui/client/css/accordionNavMenu.styl b/ui/client/css/accordionNavMenu.styl deleted file mode 100644 index b5ba1d5..0000000 --- a/ui/client/css/accordionNavMenu.styl +++ /dev/null @@ -1,259 +0,0 @@ -// for WIKI - -.os-accordion-nav-menu - .sm-menu-items-list - >.os-accordion-tree-node - >a - display none - -.left-nav-content-wiki { - width: 300px; - height: 100vh - background brand-blue - top 90px - position fixed -} - - -.left-nav-menu - float: left; - min-width: 100px; - outline: 0; - position: relative; - //margin-top -40px - shadow-level(1) - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - outline: 0; - .menu-footer, .menu-header - background: brand-blue; - color: #f0f0f0; - float: left; - font-weight: normal; - line-height: 50px; - font-size: 0.8em; - width: 100%; - border-bottom 1px solid black - .menu-footer - text-align: center; - .menu-header - height: 39px; - p - font-size 1.7em - padding 6px - margin 0px - - - i - cursor pointer - position absolute - top -5px - right 0 - display block - color white - padding-right 5px - trans() - &:hover - color spark-blue - opacity 0.8 - - ul - list-style: none; - margin: 0; - padding: 0; - li - display: block; - float: left; - position: relative; - width: 100%; - .menu-label - background: #f0f0f0; - border-radius: 100%; - color: #555555; - font-size: 11px; - font-weight: 800; - line-height: 18px; - min-width: 20px; - padding: 1px 2px 1px 1px; - position: absolute; - right: 18px; - text-align: center; - top: 14px; - a - background: brand-blue; - color: #f0f0f0; - float: left; - font-size: 13px; - overflow: hidden; - padding: 14px 22px; - position: relative; - text-decoration: none; - white-space: nowrap; - width: 100%; - trans() - &:hover - background: @background - 20%; - i - float: left; - font-size: 16px; - line-height: 18px; - text-align: left; - width: 34px; - -.left-nav-menu ul li .menu-label { - background: #f0f0f0; - border-radius: 100%; - color: #555555; - font-size: 11px; - font-weight: 800; - line-height: 18px; - min-width: 20px; - padding: 1px 2px 1px 1px; - position: absolute; - right: 18px; - text-align: center; - top: 14px; -} - -.left-nav-menu - ul - .submenu - display: none; - position: static; - width: 100%; - .submenu-indicator - line-height: 16px - li - clear: both; - width: 100%; - ul.submenu - display: none; - position: static; - width: 100%; - overflow: hidden; - a - background: brand-blue - 10% - border-left: solid 6px transparent; - border-top: none; - float: left; - font-size: 11px; - position: relative; - width: 100%; - &:hover - background @background - 20% - - -.left-nav-menu ul .submenu li .menu-label { - background: #f0f0f0; - border-radius: 100%; - color: #555555; - font-size: 11px; - font-weight: 800; - line-height: 18px; - min-width: 20px; - padding: 1px 2px 1px 1px; - position: absolute; - right: 18px; - text-align: center; - top: 12px; - top: 14px; -} - -.left-nav-menu ul .submenu li a - padding-left 40px - background brand-blue - 20% - -.left-nav-menu ul .submenu > li > ul.submenu > li > a - padding-left: 40px - background brand-blue - 30% - -.left-nav-menu ul .submenu > li > ul.submenu > li > ul.submenu > li > a - padding-left: 40px; - background brand-blue - 40% -.left-nav-menu ul .submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > a - padding-left: 50px; - background brand-blue - 50% -.left-nav-menu ul .submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > a - padding-left: 60px; - background brand-blue - 60% -.left-nav-menu ul .submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > a - padding-left: 70px; - background brand-blue - 70% -.left-nav-menu ul .submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > a - padding-left: 80px; - background brand-blue - 80% - -.left-nav-menu .sm-open-close-indicator - float: right; - - i.fa - font-size: 10px; - width: 10px; - -.left-nav-menu .submenu-indicator { - -moz-transition: "transform .3s linear"; - -o-transition: "transform .3s linear"; - -webkit-transition: "transform .3s linear"; - transition: "transform .3s linear"; - float: right; - font-size: 20px; - line-height: 19px; - position: absolute; - right: 22px; -} - -.left-nav-menu .submenu-indicator-minus > .submenu-indicator { - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} - -.left-nav-menu > ul > li.active > a { - background: #3b424d; - color: #ffffff; -} - - -.left-nav-menu > ul > li > a { border-bottom: solid 1px #3b424d; } - -.ink { - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - -webkit-transform: scale(0); - background: rgba(255, 255, 255, 0.3); - border-radius: 100%; - display: block; - position: absolute; - transform: scale(0); -} - -.animate-ink { - -moz-animation: ripple .3s linear; - -ms-animation: ripple .3s linear; - -o-animation: ripple .3s linear; - -webkit-animation: ripple .3s linear; - animation: ripple .3s linear; -} - -// @-moz-keyframes 'ripple' { -// 100% { -// opacity: 0; -// transform: scale(2.5); -// } -// } -// @-webkit-keyframes 'ripple' { -// 100% { -// opacity: 0; -// transform: scale(2.5); -// } -// } -// @keyframes 'ripple' { -// 100% { -// opacity: 0; -// transform: scale(2.5); -// } -// } -- cgit 1.2.3-korg