From db31aec46992b4f29cfb90d8137a1e195e204af5 Mon Sep 17 00:00:00 2001 From: Michael Hackstein Date: Fri, 7 Mar 2014 15:16:03 +0100 Subject: [PATCH] Generated css --- .../system/aardvark/frontend/scss/cluster.css | 766 +++++++------- .../aardvark/frontend/scss/generated.css | 973 +++++++++--------- 2 files changed, 861 insertions(+), 878 deletions(-) diff --git a/js/apps/system/aardvark/frontend/scss/cluster.css b/js/apps/system/aardvark/frontend/scss/cluster.css index 4bda9781ab..81f300bf9e 100644 --- a/js/apps/system/aardvark/frontend/scss/cluster.css +++ b/js/apps/system/aardvark/frontend/scss/cluster.css @@ -1,32 +1,35 @@ -body, input, textarea, .page-title span, .pingback a.url { - /*font-family: "Helvetica",sans-serif;*/ +body, +input, +textarea, +.page-title span, +.pingback a.url { font-family: 'Open Sans', sans-serif !important; font-weight: 400; } -ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu, div.navlogo, ul.navlist li, div.footer-left, li.tile, li.bigtile, li.tile a span.add-Icon, li.bigtile a span.add-Icon, .scenarioMachine { +ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu, div.navlogo, ul.navlist li, div.footer-left, a.headerButton, a.button-gui, li li.tile, li li.bigtile, li li.tile a span.add-Icon, li li.bigtile a span.add-Icon, div.centralContent, .contentDiv li, .machineClass, .scenarioMachine { float: left; } -div.navmenu, div.footer-right, li.tile div.iconSet span, li.bigtile div.iconSet span { +div.navmenu, div.footer-right, li li.tile div.iconSet span, li li.bigtile div.iconSet span { float: right; } ul.tileList:after, div.resizecontainer:after, .machineClass:after, .scenarioSingleMachine:after { clear: both; - content: "."; + content: '.'; display: block; - font-size: 0px; - height: 0px; + font-size: 0; + height: 0; visibility: hidden; } -.addButton, .deleteButton, a.headerButton, a.button-gui, div.toolbox > div.gv_action_button, .clusterDownBtn button, .clusterDownBtn button.green, li.tile a span.icon, li.bigtile a span.icon, li.tile a svg, li.bigtile a svg, li.tile div.iconSet span, li.bigtile div.iconSet span, li.bigtile, .contentDiv .icon, div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label, .scenarioImage { +.addButton, .deleteButton, a.headerButton, a.button-gui, div.toolbox > div.gv_action_button, .clusterDownBtn button, li li.tile a span.icon, li li.bigtile a span.icon, li li.tile a svg, li li.bigtile a svg, li li.tile div.iconSet span, li li.bigtile div.iconSet span, li.bigtile, .contentDiv .icon, div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label, .scenarioImage { cursor: pointer; } nav.navbar, footer.footer { - position: fixed; - left: 0px; - right: 0px; - width: 100%; background-color: #333232; color: white; + left: 0; + position: fixed; + right: 0; + width: 100%; z-index: 1000; } .button-danger { @@ -86,8 +89,8 @@ a.warning.coordinator, a.warning.dbserver { .button-header, a.headerButton, a.button-gui { background-color: #dddddd; - color: #555555; - border: 1px solid #222222; } + border: 1px solid #222222; + color: #555555; } .button-header:hover, a.headerButton:hover, a.button-gui:hover { background-color: white; color: black; } @@ -113,42 +116,39 @@ a.inactive.coordinator, a.inactive.dbserver { fill: grey; } ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu { - position: absolute; - top: 80%; - right: 0px; - z-index: 1000; - display: none; - padding: 5px 0px; - margin: 5px 0px 0px; - list-style: none; - background-color: white; - border-style: solid; - border-color: rgba(0, 0, 0, 0.2); - border-width: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; } + border-radius: 3px; + background-color: white; + border-color: rgba(0, 0, 0, 0.2); + border-style: solid; + border-width: 1px; + display: none; + list-style: none; + margin: 5px 0 0; + padding: 5px 0; + position: absolute; + right: 0; + top: 80%; + z-index: 1000; } ul.link-dropdown-menu li, ul.user-dropdown-menu li, ul.gv-dropdown-menu li { - line-height: 20px; + line-height: 20; white-space: nowrap; width: 100%; } ul.link-dropdown-menu li.dropdown-header, ul.user-dropdown-menu li.dropdown-header, ul.gv-dropdown-menu li.dropdown-header { - font-weight: 600; - font-size: 15px; color: #999999; - padding: 0px 20px; - font-variant: small-caps; } + font-size: 15px; + font-weight: 600; + font-variant: small-caps; + padding: 0 20; } ul.link-dropdown-menu li.divider, ul.user-dropdown-menu li.divider, ul.gv-dropdown-menu li.divider { background-color: #e5e5e5; height: 1px; - margin: 10px 1px; } + margin: 10 1px; } ul.link-dropdown-menu a, ul.user-dropdown-menu a, ul.gv-dropdown-menu a { color: #333232; - padding: 0px 20px; } + padding: 0 20; } ul.link-dropdown-menu:before, ul.user-dropdown-menu:before, ul.gv-dropdown-menu:before { - position: absolute; - top: -7px; - right: 7px; position: absolute; border-width: 7px; border-style: solid; @@ -156,10 +156,11 @@ ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu { border-top: none; border-bottom-color: rgba(0, 0, 0, 0.2); display: inline-block; - content: ''; } + content: ''; + position: absolute; + right: 7px; + top: -7px; } ul.link-dropdown-menu:after, ul.user-dropdown-menu:after, ul.gv-dropdown-menu:after { - top: -6px; - right: 8px; position: absolute; border-width: 7px; border-style: solid; @@ -167,12 +168,14 @@ ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu { border-top: none; border-bottom-color: white; display: inline-block; - content: ''; } + content: ''; + right: 8px; + top: -6px; } nav.navbar { - top: 0px; height: 38px; - margin-bottom: 3px; } + margin-bottom: 3px; + top: 0; } div.navlogo { margin-left: 5px; @@ -184,13 +187,13 @@ ul.navlist { ul.navlist li { margin-left: 1px; } ul.navlist li.navbar-spacer { - width: 1px; - box-shadow: 1px 0px 0px #c8c8c8; - -moz-box-shadow: 1px 0px 0px #c8c8c8; - -webkit-box-shadow: 1px 0px 0px #c8c8c8; + -webkit-box-shadow: 1px 0 0 #c8c8c8; + -moz-box-shadow: 1px 0 0 #c8c8c8; + box-shadow: 1px 0 0 #c8c8c8; + background-color: #a0a0a0; height: 21px; margin-top: 9px; - background-color: #a0a0a0; } + width: 1px; } ul.navlist li.navbar-spacer.big { margin-left: 15px; margin-right: 15px; } @@ -204,66 +207,66 @@ ul.navlist { ul.navlist > li:hover { background-color: #8aa051; } ul.navlist li.dropdown-item { - margin-left: 0px; } + margin-left: 0; } ul.navlist li.dropdown-item a { display: block; } a.tab { - padding-top: 9px; - padding-left: 10px; - padding-bottom: 10px; - padding-right: 10px; color: white; - display: block; } + display: block; + padding-top: 9px; + padding-left: 10; + padding-bottom: 10; + padding-right: 10; } a.tab.userImg { padding-bottom: 5px; } ul.gv-dropdown-menu { - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - margin-top: 6px; - margin-right: -20px; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; background-color: rgba(0, 0, 0, 0.7); - border: solid 1px #686766; } + border: solid 1px #686766; + margin-right: -20; + margin-top: 6px; } ul.gv-dropdown-menu:after { border-bottom-color: #333232; } ul.gv-dropdown-menu li:hover { - background-image: none; - background-color: #8aa051; } + background-color: #8aa051; + background-image: none; } ul.gv-dropdown-menu li a { - padding: 0px; } + padding: 0; } ul.gv-dropdown-menu li a label { color: white; padding-left: 5px; } ul.gv-dropdown-menu li a:focus { - background-image: none; - background-color: #8aa051 !important; } + background-color: #8aa051 !important; + background-image: none; } #arangoCollectionSelect { display: none; float: right; - padding-bottom: 0; margin-bottom: 0; - margin-right: 15px; } + margin-right: 15px; + padding-bottom: 0; } .caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; + border-left: 5px solid transparent; border-top: 5px solid white; border-right: 5px solid transparent; - border-left: 5px solid transparent; - content: ""; } + content: ''; + display: inline-block; + height: 0; + vertical-align: top; + width: 0; } footer.footer { - bottom: 0px; + bottom: 0; height: 40px; } footer.footer p { - padding-top: 10px; + margin-bottom: 0; padding-bottom: 10px; - margin-bottom: 0; } + padding-top: 10px; } .button-neutral, .button-primary, .button-notification, .button-success, .button-danger, .button-warning, .button-inactive, .button-close, .button-header { -moz-border-radius: 4px; @@ -272,13 +275,13 @@ footer.footer { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; - font-weight: 300 !important; - font-size: 14px; } + font-size: 14px; + font-weight: 300 !important; } .button-neutral, .button-primary, .button-notification, .button-success, .button-danger, .button-warning, .button-inactive, .button-close { - border: none; + border: 0; color: white; - margin-left: 10px; + margin-left: 10; padding: 5px 16px; } .button-header { @@ -288,20 +291,19 @@ footer.footer { margin-right: 5px; } .addButton { - position: relative; - margin-right: 7px; font-size: 22px; - margin-top: 2px; } + margin-right: 7px; + margin-top: 2px; + position: relative; } .deleteButton { font-size: 22px; padding-right: 3px; - top: 3px; - position: relative; } + position: relative; + top: 3px; } ul.headerButtonList { display: inline-block; - *display: inline; margin-bottom: 0; margin-left: 0; padding-left: 0 !important; } @@ -309,65 +311,67 @@ ul.headerButtonList { display: inline; margin-right: 2px; } -button.shutdown, .clusterDownBtn button.shutdown.green { +button.shutdown { margin-top: 6px; padding: 3px 14px; } a.headerButton, a.button-gui { - float: left; - margin-top: 2px; - margin-left: 5px; - margin-right: 3px; - position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; + margin-left: 5px; + margin-right: 3px; + padding-left: 9px; + padding-right: 9px; } + +a.headerButton { height: 17px; - width: 9px; - padding: 4px 9px 2px 9px; } - a.headerButton .icon_arangodb_filter, a.button-gui .icon_arangodb_filter { + margin-top: 2px; + padding-top: 4px; + padding-bottom: 2px; + position: relative; + width: 9px; } + a.headerButton .icon_arangodb_filter { top: 3px !important; } - a.headerButton .icon_arangodb_import, a.button-gui .icon_arangodb_import { + a.headerButton .icon_arangodb_import { top: 1px !important; } - a.headerButton .icon_arangodb_checklist, a.button-gui .icon_arangodb_checklist { - top: 3px !important; - right: 5px; } - a.headerButton .icon_arangodb_arrowleft, a.button-gui .icon_arangodb_arrowleft, - a.headerButton .icon_arangodb_arrowright, - a.button-gui .icon_arangodb_arrowright { + a.headerButton .icon_arangodb_checklist { + right: 5px; + top: 3px !important; } + a.headerButton .icon_arangodb_arrowleft, + a.headerButton .icon_arangodb_arrowright { font-weight: bold; } - a.headerButton.activated, a.activated.button-gui { + a.headerButton.activated { background-color: #788f3d; color: white; } - a.headerButton.activated:hover, a.activated.button-gui:hover { + a.headerButton.activated:hover { background-color: white; color: #788f3d; } -/* Graph Viewer */ div.toolbox > div.gv_action_button { - text-align: center; - position: relative; - width: 50px; - height: 50px; background-color: #333232; color: white; + height: 50; + margin-bottom: 2px; margin-top: 2px; - margin-bottom: 2px; } + position: relative; + text-align: center; + width: 50; } div.toolbox > div.gv_action_button.active { background-color: #8aa051; } div.toolbox > div.gv_action_button:first-child { - margin-top: 0px; } + margin-top: 0; } div.toolbox > div.gv_action_button:last-child { - margin-bottom: 0px; } + margin-bottom: 0; } h6.gv_icon_icon, h6.gv_button_title { + left: 0; + margin: 0; position: absolute; - margin: 0px; - left: 0px; - right: 0px; } + right: 0; } h6.gv_icon_icon { font-size: 22px; @@ -375,36 +379,36 @@ h6.gv_icon_icon { h6.gv_button_title { bottom: 1px; } -button.graphViewer-icon-button, .clusterDownBtn button.graphViewer-icon-button.green { - border: medium none; - width: 20px; - height: 20px; - margin-top: -2px; +button.graphViewer-icon-button { + background-color: transparent; + border: 0; + height: 20; margin-left: 5px; - padding: 0px; - background-color: transparent; } + margin-top: -2px; + padding: 0; + width: 20; } -button.graphViewer-icon-button > img, .clusterDownBtn button.graphViewer-icon-button.green > img { - width: 20px; - height: 20px; - padding-bottom: 10px; } +button.graphViewer-icon-button > img { + height: 20; + padding-bottom: 10; + width: 20; } -button.gv_dropdown_entry, .clusterDownBtn button.gv_dropdown_entry.green { - width: 160px; - height: 30px; - margin: 4px 4px 4px 30px; } +button.gv_dropdown_entry { + height: 30; + margin: 4px 4px 4px 30px; + width: 160; } -button.gv_context_button, .clusterDownBtn button.gv_context_button.green { +button.gv_context_button { width: 65px; } .btn-icon { - padding: 4px 4px; - background-color: #383434; } + background-color: #383434; + padding: 4px; } -button.gv-icon-small, .clusterDownBtn button.gv-icon-small.green { +button.gv-icon-small { background-size: 16px 16px; - width: 16px; - height: 16px; } + height: 16px; + width: 16px; } button.gv-icon-small.delete { background-image: url("../img/icon_delete.png"); } @@ -412,13 +416,13 @@ button.gv-icon-small.delete { button.gv-icon-small.add { background-image: url("../img/plus_icon.png"); } -button.gv-icon-btn, .clusterDownBtn button.gv-icon-btn.green { - width: 36px; - height: 36px; +button.gv-icon-btn { + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; background-size: 36px 36px; - border-radius: 0px !important; - -webkit-border-radius: 0px !important; - -moz-border-radius: 0px !important; } + height: 36px; + width: 36px; } button.gv-icon-btn.active { background-color: #8aa051; } @@ -426,47 +430,43 @@ button.gv-icon-btn.active { button.btn-zoom:hover { background: inherit; } -button.btn-zoom, .clusterDownBtn button.btn-zoom.green { - width: 16px; +button.btn-zoom { + background: none; height: 16px; - padding: 0px; - margin: 0px; + margin: 0; + padding: 0; position: absolute; - background: none; } + width: 16px; } -button.btn-zoom-top, .clusterDownBtn button.btn-zoom-top.green { +button.btn-zoom-top { left: 13px; - top: 0px; } + top: 0; } -button.btn-zoom-left, .clusterDownBtn button.btn-zoom-left.green { - left: 0px; +button.btn-zoom-left { + left: 0; top: 12px; } -button.btn-zoom-bottom, .clusterDownBtn button.btn-zoom-bottom.green { +button.btn-zoom-bottom { left: 13px; top: 24px; } -button.btn-zoom-right, .clusterDownBtn button.btn-zoom-right.green { - right: 0px; +button.btn-zoom-right { + right: 0; top: 12px; } -button.gv-zoom-btn, .clusterDownBtn button.gv-zoom-btn.green { - width: 14px; - height: 14px; +button.gv-zoom-btn { background-size: 14px 14px; - vertical-align: baseline; } - -button.gv-zoom-btn.pan-right { - background-image: url("../img/gv_arrow_right.png"); } - -button.gv-zoom-btn.pan-left { - background-image: url("../img/gv_arrow_left.png"); } - -button.gv-zoom-btn.pan-top { - background-image: url("../img/gv_arrow_top.png"); } - -button.gv-zoom-btn.pan-bottom { - background-image: url("../img/gv_arrow_bottom.png"); } + height: 14px; + vertical-align: baseline; + width: 14px; } + button.gv-zoom-btn.pan-right { + background-image: url("../img/gv_arrow_right.png"); } + button.gv-zoom-btn.pan-left { + background-image: url("../img/gv_arrow_left.png"); } + button.gv-zoom-btn.pan-top { + background-image: url("../img/gv_arrow_top.png"); } + button.gv-zoom-btn.pan-bottom { + background-image: url("../img/gv_arrow_bottom.png"); } a.paginationButton, ul.arangoPagination a { @@ -474,13 +474,16 @@ ul.arangoPagination a { -webkit-border-radius: 2px; border-radius: 2px; } -.badge, .label, .btn { +.badge, +.label, +.btn { text-shadow: none !important; } -.thumbnail, .navbar-inner { - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; +.thumbnail, +.navbar-inner { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } @@ -488,61 +491,63 @@ ul.arangoPagination a { .modal-body th.actionCell > button { margin-top: -12px; } -button, .clusterDownBtn button.green { +button { font-family: 'Open Sans', sans-serif !important; } .btn-old-padding { - padding-top: 4px !important; - padding-bottom: 4px !important; } + padding-bottom: 4px !important; + padding-top: 4px !important; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #736b68; } -/* Cluster View */ -button.btn-overview, .clusterDownBtn button.btn-overview.green, button.btn-server, .clusterDownBtn button.btn-server.green { +button.btn-overview, +button.btn-server { margin: 5px; } -button.btn-server, .clusterDownBtn button.btn-server.green { - width: 120px; } +button.btn-server { + width: 120; } a.button-gui { - position: absolute; - right: 2px; - top: 2px; - margin-top: 0; + height: auto; margin-bottom: 0; + margin-top: 0; padding-top: 1px; padding-bottom: 1px; - width: auto; - height: auto; - text-decoration: none !important; } + position: absolute; + right: 2px; + text-decoration: none !important; + top: 2px; + width: auto; } .clusterDownBtn { - padding-top: 10px; - padding-bottom: 10px; + padding-bottom: 10; + padding-top: 10; text-align: center; } - .clusterDownBtn button, .clusterDownBtn button.green { - background-color: #f1f1f1; - color: #333333; - padding: 12px 18px; - margin: 0px; - border: 1px solid rgba(0, 0, 0, 0.1875); + .clusterDownBtn button { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - text-decoration: none !important; - font-size: 20px; + background-color: #f1f1f1; + border: 1px solid rgba(0, 0, 0, 0.1875); + color: #333333; + font-size: 20; font-weight: 300; - width: 250px; - text-align: center; } + margin: 0; + padding: 12px 18px; + text-align: center; + text-decoration: none !important; + width: 250; } .clusterDownBtn button:hover { - color: #4a6c30; background-color: #e8e8e8; - -webkit-transition-delay: 0s; - -webkit-transition-duration: 0.2s; + color: #4a6c30; + -webkit-transition-delay: 0; + -webkit-transition-duration: .2s; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in; } .clusterDownBtn button.green { - color: white; - background-color: #617e2b; } + background-color: #617e2b; + color: white; } .clusterDownBtn button.green:hover { background-color: #8ba142; } @@ -550,97 +555,85 @@ ul.tileList { margin-left: -6px; margin-right: -6px; } -li.tile, li.bigtile { +li li.tile, li li.bigtile { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; - position: relative; - text-align: center; - height: 100px; - width: 230px; - list-style: none; background-color: rgba(0, 0, 0, 0.05); + list-style: none; + margin-bottom: 13px; margin-left: 6px; margin-right: 6px; - margin-bottom: 13px; } - li.tile img.icon, li.bigtile img.icon { + position: relative; + text-align: center; } + li li.tile img.icon, li li.bigtile img.icon { height: 50px; width: 50px; } - li.tile a span.add-Icon, li.bigtile a span.add-Icon { - position: relative; - margin-left: 22px; + li li.tile a span.add-Icon, li li.bigtile a span.add-Icon { font-size: 22px; + margin-left: 22px; + margin-right: 10px; margin-top: -5px; - margin-right: 10px; } - li.tile a span.icon, li.bigtile a span.icon { + position: relative; } + li li.tile a span.icon, li li.bigtile a span.icon { font-size: 50px; } - li.tile a svg.icon, li.bigtile a svg.icon { + li li.tile a svg.icon, li li.bigtile a svg.icon { height: 50px; width: 50px; } - li.tile h5, li.bigtile h5 { - font-size: 12px; - white-space: nowrap !important; - overflow: hidden !important; - text-overflow: ellipsis !important; - color: white; + li li.tile h5, li li.bigtile h5 { background: #686766; + color: white; + font-size: 12px; + margin: 0; + overflow: hidden !important; padding: 4px 8px; - margin: 0; } - li.tile div.iconSet, li.bigtile div.iconSet { + text-overflow: ellipsis !important; + white-space: nowrap !important; } + li li.tile div.iconSet, li li.bigtile div.iconSet { position: absolute; - top: 5px; - right: 5px; } - li.tile div.iconSet span, li.bigtile div.iconSet span { - opacity: 0.5; + right: 5px; + top: 5px; } + li li.tile div.iconSet span, li li.bigtile div.iconSet span { font-size: 18px; + opacity: .5; padding-left: 7px; } - li.tile div.iconSet span:hover, li.bigtile div.iconSet span:hover { + li li.tile div.iconSet span:hover, li li.bigtile div.iconSet span:hover { opacity: 1.0; } - li.tile div.iconSet span.disabled, li.bigtile div.iconSet span.disabled { - opacity: 0.2; - cursor: default; } - li.tile .badge-success, li.bigtile .badge-success { + li li.tile div.iconSet span.disabled, li li.bigtile div.iconSet span.disabled { + cursor: default; + opacity: .2; } + li li.tile .badge-success, li li.bigtile .badge-success { font-weight: 300; } - li.tile .unloaded div, li.bigtile .unloaded div { - border-bottom: 16px solid #FF8F35; } - li.tile .deleted div, li.bigtile .deleted div { - border-bottom: 16px solid red; } - li.tile div.tileBadge, li.bigtile div.tileBadge { - position: absolute; - right: 0px; + li li.tile .unloaded div, li li.bigtile .unloaded div { + border-bottom: 16px solid #ff8f35; } + li li.tile .deleted div, li li.bigtile .deleted div { + border-bottom: 16px solid #770000; } + li li.tile div.tileBadge, li li.bigtile div.tileBadge { bottom: 29px; font-size: 11px; font-weight: 300; - color: white; } - li.tile div.tileBadge button, li.bigtile div.tileBadge button { - margin-left: 0px; + position: absolute; + right: 0; } + li li.tile div.tileBadge button, li li.bigtile div.tileBadge button { + margin-left: 0; margin-right: 5px; } - li.tile div.tileBadge span, li.bigtile div.tileBadge span { + li li.tile div.tileBadge span, li li.bigtile div.tileBadge span { display: inline-block; line-height: 13px; } - li.tile div.tileBadge span div.corneredBadge, li.bigtile div.tileBadge span div.corneredBadge { - padding-left: 4px; - padding-right: 9px; - height: 0px; + li li.tile div.tileBadge span div.corneredBadge, li li.bigtile div.tileBadge span div.corneredBadge { border-left: 17px solid transparent; + border-bottom-style: solid; border-bottom-width: 17px; - border-bottom-style: solid; } - li.tile div.tileBadge span div.corneredBadge.loaded, li.bigtile div.tileBadge span div.corneredBadge.loaded { + height: 0; + padding-left: 4px; + padding-right: 9px; } + li li.tile div.tileBadge span div.corneredBadge.loaded, li li.bigtile div.tileBadge span div.corneredBadge.loaded { border-bottom-color: #8aa051; } - li.tile div.tileBadge span div.corneredBadge.unloaded, li.bigtile div.tileBadge span div.corneredBadge.unloaded { + li li.tile div.tileBadge span div.corneredBadge.unloaded, li li.bigtile div.tileBadge span div.corneredBadge.unloaded { border-bottom-color: #ff8f35; } - -.searchField { - margin-left: 25px; } - -.collectionName { - text-align: left; - font-weight: 300; - position: absolute; - bottom: 0px; - left: 0px; - right: 0px; } - +li.tile { + height: 100px; + width: 230px; } li.bigtile { height: 309px; width: 460px; } @@ -649,8 +642,16 @@ li.bigtile { li.bigtile div.shardContainer span { padding: 2px; } +.collectionName { + bottom: 0; + font-weight: 300; + left: 0; + position: absolute; + right: 0; + text-align: left; } + div.resizecontainer { - margin: 0px auto; } + margin: 0 auto; } @media (max-width: 798px) { #arangoCollectionUl { @@ -664,7 +665,7 @@ div.resizecontainer { @media (min-width: 799px) and (max-width: 1041px) { #arangoCollectionUl a { font-size: 12px; - padding: 10px 5px 10px; } } + padding: 10px 5px; } } @media (min-width: 1042px) and (max-width: 1284px) { #arangoCollectionUl a { font-size: 14px; } } @@ -673,138 +674,135 @@ div.resizecontainer { width: 0px; } div.modalChartDetail { - width: 0px; left: 50%; - margin-left: 0px; } } + margin-left: 0px; + width: 0px; } } @media (min-width: 248px) and (max-width: 489px) { div.resizecontainer { width: 242px; } div.modalChartDetail { - width: 242px; left: 50%; - margin-left: -121px; } } + margin-left: -121px; + width: 242px; } } @media (min-width: 490px) and (max-width: 731px) { div.resizecontainer { width: 484px; } div.modalChartDetail { - width: 484px; left: 50%; - margin-left: -242px; } } + margin-left: -242px; + width: 484px; } } @media (min-width: 732px) and (max-width: 973px) { div.resizecontainer { width: 726px; } div.modalChartDetail { - width: 726px; left: 50%; - margin-left: -363px; } } + margin-left: -363px; + width: 726px; } } @media (min-width: 974px) and (max-width: 1215px) { div.resizecontainer { width: 968px; } div.modalChartDetail { - width: 968px; left: 50%; - margin-left: -484px; } } + margin-left: -484px; + width: 968px; } } @media (min-width: 1216px) and (max-width: 1457px) { div.resizecontainer { width: 1210px; } div.modalChartDetail { - width: 1210px; left: 50%; - margin-left: -605px; } } + margin-left: -605px; + width: 1210px; } } @media (min-width: 1458px) and (max-width: 1699px) { div.resizecontainer { width: 1452px; } div.modalChartDetail { - width: 1452px; left: 50%; - margin-left: -726px; } } + margin-left: -726px; + width: 1452px; } } @media (min-width: 1700px) and (max-width: 1941px) { div.resizecontainer { width: 1694px; } div.modalChartDetail { - width: 1694px; left: 50%; - margin-left: -847px; } } + margin-left: -847px; + width: 1694px; } } @media (min-width: 1942px) and (max-width: 2183px) { div.resizecontainer { width: 1936px; } div.modalChartDetail { - width: 1936px; left: 50%; - margin-left: -968px; } } + margin-left: -968px; + width: 1936px; } } @media (min-width: 2184px) and (max-width: 2425px) { div.resizecontainer { width: 2178px; } div.modalChartDetail { - width: 2178px; left: 50%; - margin-left: -1089px; } } + margin-left: -1089px; + width: 2178px; } } @media (min-width: 2426px) and (max-width: 2667px) { div.resizecontainer { width: 2420px; } div.modalChartDetail { - width: 2420px; left: 50%; - margin-left: -1210px; } } + margin-left: -1210px; + width: 2420px; } } @media (min-width: 2668px) and (max-width: 2909px) { div.resizecontainer { width: 2662px; } div.modalChartDetail { - width: 2662px; left: 50%; - margin-left: -1331px; } } + margin-left: -1331px; + width: 2662px; } } div.centralRow { margin-top: 65px; margin-bottom: 65px; } div.centralContent { - padding: 5px; + background-color: rgba(0, 0, 0, 0.0675); + height: 100%; margin-left: -5px; margin-right: -5px; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.0675); - min-height: 80px; - float: left; } + min-height: 80; + padding: 5px; + width: 100%; } .contentDiv { - padding: 13px 0px 0px 0px; list-style: none; - *zoom: 1; } + padding: 13px 0 0; } .contentDiv li { - background-color: rgba(0, 0, 0, 0.05); - float: left; } + background-color: rgba(0, 0, 0, 0.05); } .contentDiv a.add { - padding: 40px 0; display: block; font-weight: 400; + padding: 40 0; text-align: left; } .contentDiv .icon { - padding-right: 5px; padding-left: 5px; - padding-top: 10px; } + padding-right: 5px; + padding-top: 10; } .contentDiv:after { clear: both; } .contentDiv:after, .contentDiv:before { + content: ''; display: table; - line-height: 0; - content: ""; } + line-height: 0; } .clusterInfoIcon { float: left; - padding-top: 2px; - padding-left: 5px; } + padding-left: 5px; + padding-top: 2px; } .waitModal { text-align: center; } @@ -816,25 +814,27 @@ div.centralContent { div.headerDropdown { background-color: white; - position: relative; display: none; padding: 10px; + position: relative; width: auto; } div.headerDropdown > div.dropdownInner { - position: relative; + -webkit-box-shadow: 0; + -moz-box-shadow: 0; + box-shadow: 0; min-height: 125px; - width: auto; - box-shadow: 0; } + position: relative; + width: auto; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox { display: none; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label { - padding-left: 20px; - margin-top: 0px; - height: 15px; - display: inline-block; - background-repeat: no-repeat; background-position: 0 0; + background-repeat: no-repeat; + display: inline-block; font-size: 15px; + height: 15px; + margin-top: 0; + padding-left: 20px; vertical-align: middle; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; } @@ -842,59 +842,62 @@ div.headerDropdown { div.queryline { color: black; height: 35px; } - div.queryline select, div.queryline input { + div.queryline select, + div.queryline input { margin-bottom: 5px; } div.queryline.querylineAdd span { - position: relative; - top: -21px; color: white; - padding-left: 10px; } + padding-left: 10px; + position: relative; + top: -21px; } div.queryline .removeFilterItem i { - margin-top: 0px !important; - margin-left: 5px !important; } + margin-left: 5px !important; + margin-top: 0 !important; } div.queryline div.searchByAttribute { position: relative; } div.queryline div.searchByAttribute > ul.gv-dropdown-menu { - position: absolute; - border-radius: 0px; - top: 20px; - left: 0px; - width: 247px; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; background-color: #333232; color: white; - display: none; } + display: none; + left: 0; + position: absolute; + top: 20px; + width: 247px; } div.dropdownImport { - display: none; background-color: white; + display: none; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; position: relative; } div.dropdownImport input { - line-height: 0px; - margin-top: 5px; - margin-bottom: -15px; } + line-height: 0; + margin-bottom: -15px; + margin-top: 5px; } select.filterSelect { - width: 100px; margin-left: 10px; - margin-right: 10px; } + margin-right: 10px; + width: 100px; } #filterHeader button { float: right; - margin-top: 1px; - margin-left: 10px !important; } + margin-left: 10px !important; + margin-top: 1px; } .scenarioImage { height: 70%; width: auto; } svg.clusterChart { - width: auto; height: auto; - margin: auto; } + margin: auto; + width: auto; } .lineGraph { position: absolute; } @@ -906,84 +909,85 @@ svg.clusterChart { display: inline; } a.coordinator, a.dbserver { - width: 50px; - height: 50px; + color: black; + height: 50; position: absolute; - top: 10px; - color: black; } + top: 10; + width: 50; } a.coordinator h6.serverName, a.dbserver h6.serverName { - margin: 0px; + bottom: 0; font-size: 11px; + left: 0; + margin: 0; position: absolute; - bottom: 0px; - left: 0px; - right: 0px; } + right: 0; } a.coordinator.single { - left: 90px; } + left: 90; } a.coordinator.double { - left: 60px; } + left: 60; } a.dbserver.single { - right: 90px; } + right: 90; } a.dbserver.double { - right: 60px; } + right: 60; } .machineClass { - padding: 10px; - float: left; - background-color: #E1E1E1; + background-color: #e1e1e1; margin-left: 31px; - margin-right: 31px; } + margin-right: 31px; + padding: 10px; } .scenarioBox { - position: absolute; - margin-top: 30px; - width: auto; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.075); + border: 1px solid rgba(0, 0, 0, 0.19); height: 65px; left: 10px; + margin-top: 30px; + position: absolute; right: 10px; - -moz-border-radius: 3px 3px 3px 3px; - -webkit-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; - border: 1px solid rgba(0, 0, 0, 0.19); - background-color: rgba(0, 0, 0, 0.075); } + width: auto; } .scenarioBox.bottomBox { bottom: 30px; } .scenarioBoxHeader { - width: auto; + border-bottom: 1px solid rgba(0, 0, 0, 0.19); height: 18px; line-height: 18px; + margin-top: 0; + padding-bottom: 0; text-align: center; - margin-top: 0px; - padding-bottom: 0px; - border-bottom: 1px solid rgba(0, 0, 0, 0.19); } + width: auto; } .scenarioBoxText { - width: auto; font-size: 13px; font-weight: 400; + margin-top: 17px; text-align: center; - margin-top: 17px; } + width: auto; } .scenarioMachine { - position: relative; - margin-right: 20px; - height: 257px; - width: 110px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; + background-color: white; border: 1px solid rgba(0, 0, 0, 0.19); - background-color: white; } + height: 257px; + margin-right: 20px; + position: relative; + width: 110px; } .scenarioMachine:last-child { - margin-right: 0px; } + margin-right: 0; } .scenarioSingleMachine { + -moz-border-radius: 3px 3px 0 0; + -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; - border: 1px solid rgba(0, 0, 0, 0.19); - background-color: white; } + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.19); } .scenarioSingleMachine .scenarioMachine { border: 1px solid transparent; height: 238px; } @@ -992,8 +996,8 @@ a.dbserver.double { cursor: auto; } .informationText { + background: white; font-size: 12px; - text-align: left; margin: 10px; padding: 5px; - background: white; } + text-align: left; } diff --git a/js/apps/system/aardvark/frontend/scss/generated.css b/js/apps/system/aardvark/frontend/scss/generated.css index ee9bbdaadf..b17b544308 100644 --- a/js/apps/system/aardvark/frontend/scss/generated.css +++ b/js/apps/system/aardvark/frontend/scss/generated.css @@ -1,32 +1,35 @@ -body, input, textarea, .page-title span, .pingback a.url { - /*font-family: "Helvetica",sans-serif;*/ +body, +input, +textarea, +.page-title span, +.pingback a.url { font-family: 'Open Sans', sans-serif !important; font-weight: 400; } -ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu, div.navlogo, ul.navlist li, div.footer-left, li.tile, li.bigtile, li.tile a span.add-Icon, li.bigtile a span.add-Icon, .dashboardModal { +ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu, div.navlogo, ul.navlist li, div.footer-left, a.headerButton, a.button-gui, li li.tile, li li.bigtile, li li.tile a span.add-Icon, li li.bigtile a span.add-Icon, div.centralContent, .contentDiv li, .fixedDropdown .notificationItemContent, .fixedDropdown .notificationItem i, .innerDropdownInnerUL, .dashboardModal { float: left; } -div.navmenu, div.footer-right, li.tile div.iconSet span, li.bigtile div.iconSet span { +div.navmenu, div.footer-right, li li.tile div.iconSet span, li li.bigtile div.iconSet span, .fixedDropdown button { float: right; } ul.tileList:after, div.resizecontainer:after, #distributionChartDiv:after, .lineChartDiv:after { clear: both; - content: "."; + content: '.'; display: block; - font-size: 0px; - height: 0px; + font-size: 0; + height: 0; visibility: hidden; } -.addButton, .deleteButton, a.headerButton, a.button-gui, div.toolbox > div.gv_action_button, .clusterDownBtn button, .clusterDownBtn button.green, li.tile a span.icon, li.bigtile a span.icon, li.tile a svg, li.bigtile a svg, li.tile div.iconSet span, li.bigtile div.iconSet span, li.bigtile, .contentDiv .icon, div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label, .contentTables tr.contentRowInactive a { +.addButton, .deleteButton, a.headerButton, a.button-gui, div.toolbox > div.gv_action_button, .clusterDownBtn button, li li.tile a span.icon, li li.bigtile a span.icon, li li.tile a svg, li li.bigtile a svg, li li.tile div.iconSet span, li li.bigtile div.iconSet span, li.bigtile, .contentDiv .icon, div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label, .fixedDropdown .notificationItem i, .fullNotification:hover, .contentTables tr.contentRowInactive a { cursor: pointer; } nav.navbar, footer.footer { - position: fixed; - left: 0px; - right: 0px; - width: 100%; background-color: #333232; color: white; + left: 0; + position: fixed; + right: 0; + width: 100%; z-index: 1000; } .button-danger { @@ -66,8 +69,8 @@ nav.navbar, footer.footer { .button-header, a.headerButton, a.button-gui { background-color: #dddddd; - color: #555555; - border: 1px solid #222222; } + border: 1px solid #222222; + color: #555555; } .button-header:hover, a.headerButton:hover, a.button-gui:hover { background-color: white; color: black; } @@ -83,42 +86,39 @@ nav.navbar, footer.footer { background-color: grey; } ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu { - position: absolute; - top: 80%; - right: 0px; - z-index: 1000; - display: none; - padding: 5px 0px; - margin: 5px 0px 0px; - list-style: none; - background-color: white; - border-style: solid; - border-color: rgba(0, 0, 0, 0.2); - border-width: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; } + border-radius: 3px; + background-color: white; + border-color: rgba(0, 0, 0, 0.2); + border-style: solid; + border-width: 1px; + display: none; + list-style: none; + margin: 5px 0 0; + padding: 5px 0; + position: absolute; + right: 0; + top: 80%; + z-index: 1000; } ul.link-dropdown-menu li, ul.user-dropdown-menu li, ul.gv-dropdown-menu li { - line-height: 20px; + line-height: 20; white-space: nowrap; width: 100%; } ul.link-dropdown-menu li.dropdown-header, ul.user-dropdown-menu li.dropdown-header, ul.gv-dropdown-menu li.dropdown-header { - font-weight: 600; - font-size: 15px; color: #999999; - padding: 0px 20px; - font-variant: small-caps; } + font-size: 15px; + font-weight: 600; + font-variant: small-caps; + padding: 0 20; } ul.link-dropdown-menu li.divider, ul.user-dropdown-menu li.divider, ul.gv-dropdown-menu li.divider { background-color: #e5e5e5; height: 1px; - margin: 10px 1px; } + margin: 10 1px; } ul.link-dropdown-menu a, ul.user-dropdown-menu a, ul.gv-dropdown-menu a { color: #333232; - padding: 0px 20px; } + padding: 0 20; } ul.link-dropdown-menu:before, ul.user-dropdown-menu:before, ul.gv-dropdown-menu:before { - position: absolute; - top: -7px; - right: 7px; position: absolute; border-width: 7px; border-style: solid; @@ -126,10 +126,11 @@ ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu { border-top: none; border-bottom-color: rgba(0, 0, 0, 0.2); display: inline-block; - content: ''; } + content: ''; + position: absolute; + right: 7px; + top: -7px; } ul.link-dropdown-menu:after, ul.user-dropdown-menu:after, ul.gv-dropdown-menu:after { - top: -6px; - right: 8px; position: absolute; border-width: 7px; border-style: solid; @@ -137,12 +138,14 @@ ul.link-dropdown-menu, ul.user-dropdown-menu, ul.gv-dropdown-menu { border-top: none; border-bottom-color: white; display: inline-block; - content: ''; } + content: ''; + right: 8px; + top: -6px; } nav.navbar { - top: 0px; height: 38px; - margin-bottom: 3px; } + margin-bottom: 3px; + top: 0; } div.navlogo { margin-left: 5px; @@ -154,13 +157,13 @@ ul.navlist { ul.navlist li { margin-left: 1px; } ul.navlist li.navbar-spacer { - width: 1px; - box-shadow: 1px 0px 0px #c8c8c8; - -moz-box-shadow: 1px 0px 0px #c8c8c8; - -webkit-box-shadow: 1px 0px 0px #c8c8c8; + -webkit-box-shadow: 1px 0 0 #c8c8c8; + -moz-box-shadow: 1px 0 0 #c8c8c8; + box-shadow: 1px 0 0 #c8c8c8; + background-color: #a0a0a0; height: 21px; margin-top: 9px; - background-color: #a0a0a0; } + width: 1px; } ul.navlist li.navbar-spacer.big { margin-left: 15px; margin-right: 15px; } @@ -174,66 +177,66 @@ ul.navlist { ul.navlist > li:hover { background-color: #8aa051; } ul.navlist li.dropdown-item { - margin-left: 0px; } + margin-left: 0; } ul.navlist li.dropdown-item a { display: block; } a.tab { - padding-top: 9px; - padding-left: 10px; - padding-bottom: 10px; - padding-right: 10px; color: white; - display: block; } + display: block; + padding-top: 9px; + padding-left: 10; + padding-bottom: 10; + padding-right: 10; } a.tab.userImg { padding-bottom: 5px; } ul.gv-dropdown-menu { - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - margin-top: 6px; - margin-right: -20px; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; background-color: rgba(0, 0, 0, 0.7); - border: solid 1px #686766; } + border: solid 1px #686766; + margin-right: -20; + margin-top: 6px; } ul.gv-dropdown-menu:after { border-bottom-color: #333232; } ul.gv-dropdown-menu li:hover { - background-image: none; - background-color: #8aa051; } + background-color: #8aa051; + background-image: none; } ul.gv-dropdown-menu li a { - padding: 0px; } + padding: 0; } ul.gv-dropdown-menu li a label { color: white; padding-left: 5px; } ul.gv-dropdown-menu li a:focus { - background-image: none; - background-color: #8aa051 !important; } + background-color: #8aa051 !important; + background-image: none; } #arangoCollectionSelect { display: none; float: right; - padding-bottom: 0; margin-bottom: 0; - margin-right: 15px; } + margin-right: 15px; + padding-bottom: 0; } .caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; + border-left: 5px solid transparent; border-top: 5px solid white; border-right: 5px solid transparent; - border-left: 5px solid transparent; - content: ""; } + content: ''; + display: inline-block; + height: 0; + vertical-align: top; + width: 0; } footer.footer { - bottom: 0px; + bottom: 0; height: 40px; } footer.footer p { - padding-top: 10px; + margin-bottom: 0; padding-bottom: 10px; - margin-bottom: 0; } + padding-top: 10px; } .button-neutral, .button-primary, .button-notification, .button-success, .button-danger, .button-warning, .button-inactive, .button-close, .button-header { -moz-border-radius: 4px; @@ -242,13 +245,13 @@ footer.footer { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; - font-weight: 300 !important; - font-size: 14px; } + font-size: 14px; + font-weight: 300 !important; } .button-neutral, .button-primary, .button-notification, .button-success, .button-danger, .button-warning, .button-inactive, .button-close { - border: none; + border: 0; color: white; - margin-left: 10px; + margin-left: 10; padding: 5px 16px; } .button-header { @@ -258,20 +261,19 @@ footer.footer { margin-right: 5px; } .addButton { - position: relative; - margin-right: 7px; font-size: 22px; - margin-top: 2px; } + margin-right: 7px; + margin-top: 2px; + position: relative; } .deleteButton { font-size: 22px; padding-right: 3px; - top: 3px; - position: relative; } + position: relative; + top: 3px; } ul.headerButtonList { display: inline-block; - *display: inline; margin-bottom: 0; margin-left: 0; padding-left: 0 !important; } @@ -279,65 +281,67 @@ ul.headerButtonList { display: inline; margin-right: 2px; } -button.shutdown, .clusterDownBtn button.shutdown.green { +button.shutdown { margin-top: 6px; padding: 3px 14px; } a.headerButton, a.button-gui { - float: left; - margin-top: 2px; - margin-left: 5px; - margin-right: 3px; - position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; + margin-left: 5px; + margin-right: 3px; + padding-left: 9px; + padding-right: 9px; } + +a.headerButton { height: 17px; - width: 9px; - padding: 4px 9px 2px 9px; } - a.headerButton .icon_arangodb_filter, a.button-gui .icon_arangodb_filter { + margin-top: 2px; + padding-top: 4px; + padding-bottom: 2px; + position: relative; + width: 9px; } + a.headerButton .icon_arangodb_filter { top: 3px !important; } - a.headerButton .icon_arangodb_import, a.button-gui .icon_arangodb_import { + a.headerButton .icon_arangodb_import { top: 1px !important; } - a.headerButton .icon_arangodb_checklist, a.button-gui .icon_arangodb_checklist { - top: 3px !important; - right: 5px; } - a.headerButton .icon_arangodb_arrowleft, a.button-gui .icon_arangodb_arrowleft, - a.headerButton .icon_arangodb_arrowright, - a.button-gui .icon_arangodb_arrowright { + a.headerButton .icon_arangodb_checklist { + right: 5px; + top: 3px !important; } + a.headerButton .icon_arangodb_arrowleft, + a.headerButton .icon_arangodb_arrowright { font-weight: bold; } - a.headerButton.activated, a.activated.button-gui { + a.headerButton.activated { background-color: #788f3d; color: white; } - a.headerButton.activated:hover, a.activated.button-gui:hover { + a.headerButton.activated:hover { background-color: white; color: #788f3d; } -/* Graph Viewer */ div.toolbox > div.gv_action_button { - text-align: center; - position: relative; - width: 50px; - height: 50px; background-color: #333232; color: white; + height: 50; + margin-bottom: 2px; margin-top: 2px; - margin-bottom: 2px; } + position: relative; + text-align: center; + width: 50; } div.toolbox > div.gv_action_button.active { background-color: #8aa051; } div.toolbox > div.gv_action_button:first-child { - margin-top: 0px; } + margin-top: 0; } div.toolbox > div.gv_action_button:last-child { - margin-bottom: 0px; } + margin-bottom: 0; } h6.gv_icon_icon, h6.gv_button_title { + left: 0; + margin: 0; position: absolute; - margin: 0px; - left: 0px; - right: 0px; } + right: 0; } h6.gv_icon_icon { font-size: 22px; @@ -345,36 +349,36 @@ h6.gv_icon_icon { h6.gv_button_title { bottom: 1px; } -button.graphViewer-icon-button, .clusterDownBtn button.graphViewer-icon-button.green { - border: medium none; - width: 20px; - height: 20px; - margin-top: -2px; +button.graphViewer-icon-button { + background-color: transparent; + border: 0; + height: 20; margin-left: 5px; - padding: 0px; - background-color: transparent; } + margin-top: -2px; + padding: 0; + width: 20; } -button.graphViewer-icon-button > img, .clusterDownBtn button.graphViewer-icon-button.green > img { - width: 20px; - height: 20px; - padding-bottom: 10px; } +button.graphViewer-icon-button > img { + height: 20; + padding-bottom: 10; + width: 20; } -button.gv_dropdown_entry, .clusterDownBtn button.gv_dropdown_entry.green { - width: 160px; - height: 30px; - margin: 4px 4px 4px 30px; } +button.gv_dropdown_entry { + height: 30; + margin: 4px 4px 4px 30px; + width: 160; } -button.gv_context_button, .clusterDownBtn button.gv_context_button.green { +button.gv_context_button { width: 65px; } .btn-icon { - padding: 4px 4px; - background-color: #383434; } + background-color: #383434; + padding: 4px; } -button.gv-icon-small, .clusterDownBtn button.gv-icon-small.green { +button.gv-icon-small { background-size: 16px 16px; - width: 16px; - height: 16px; } + height: 16px; + width: 16px; } button.gv-icon-small.delete { background-image: url("../img/icon_delete.png"); } @@ -382,13 +386,13 @@ button.gv-icon-small.delete { button.gv-icon-small.add { background-image: url("../img/plus_icon.png"); } -button.gv-icon-btn, .clusterDownBtn button.gv-icon-btn.green { - width: 36px; - height: 36px; +button.gv-icon-btn { + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; background-size: 36px 36px; - border-radius: 0px !important; - -webkit-border-radius: 0px !important; - -moz-border-radius: 0px !important; } + height: 36px; + width: 36px; } button.gv-icon-btn.active { background-color: #8aa051; } @@ -396,47 +400,43 @@ button.gv-icon-btn.active { button.btn-zoom:hover { background: inherit; } -button.btn-zoom, .clusterDownBtn button.btn-zoom.green { - width: 16px; +button.btn-zoom { + background: none; height: 16px; - padding: 0px; - margin: 0px; + margin: 0; + padding: 0; position: absolute; - background: none; } + width: 16px; } -button.btn-zoom-top, .clusterDownBtn button.btn-zoom-top.green { +button.btn-zoom-top { left: 13px; - top: 0px; } + top: 0; } -button.btn-zoom-left, .clusterDownBtn button.btn-zoom-left.green { - left: 0px; +button.btn-zoom-left { + left: 0; top: 12px; } -button.btn-zoom-bottom, .clusterDownBtn button.btn-zoom-bottom.green { +button.btn-zoom-bottom { left: 13px; top: 24px; } -button.btn-zoom-right, .clusterDownBtn button.btn-zoom-right.green { - right: 0px; +button.btn-zoom-right { + right: 0; top: 12px; } -button.gv-zoom-btn, .clusterDownBtn button.gv-zoom-btn.green { - width: 14px; - height: 14px; +button.gv-zoom-btn { background-size: 14px 14px; - vertical-align: baseline; } - -button.gv-zoom-btn.pan-right { - background-image: url("../img/gv_arrow_right.png"); } - -button.gv-zoom-btn.pan-left { - background-image: url("../img/gv_arrow_left.png"); } - -button.gv-zoom-btn.pan-top { - background-image: url("../img/gv_arrow_top.png"); } - -button.gv-zoom-btn.pan-bottom { - background-image: url("../img/gv_arrow_bottom.png"); } + height: 14px; + vertical-align: baseline; + width: 14px; } + button.gv-zoom-btn.pan-right { + background-image: url("../img/gv_arrow_right.png"); } + button.gv-zoom-btn.pan-left { + background-image: url("../img/gv_arrow_left.png"); } + button.gv-zoom-btn.pan-top { + background-image: url("../img/gv_arrow_top.png"); } + button.gv-zoom-btn.pan-bottom { + background-image: url("../img/gv_arrow_bottom.png"); } a.paginationButton, ul.arangoPagination a { @@ -444,13 +444,16 @@ ul.arangoPagination a { -webkit-border-radius: 2px; border-radius: 2px; } -.badge, .label, .btn { +.badge, +.label, +.btn { text-shadow: none !important; } -.thumbnail, .navbar-inner { - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; +.thumbnail, +.navbar-inner { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } @@ -458,61 +461,63 @@ ul.arangoPagination a { .modal-body th.actionCell > button { margin-top: -12px; } -button, .clusterDownBtn button.green { +button { font-family: 'Open Sans', sans-serif !important; } .btn-old-padding { - padding-top: 4px !important; - padding-bottom: 4px !important; } + padding-bottom: 4px !important; + padding-top: 4px !important; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #736b68; } -/* Cluster View */ -button.btn-overview, .clusterDownBtn button.btn-overview.green, button.btn-server, .clusterDownBtn button.btn-server.green { +button.btn-overview, +button.btn-server { margin: 5px; } -button.btn-server, .clusterDownBtn button.btn-server.green { - width: 120px; } +button.btn-server { + width: 120; } a.button-gui { - position: absolute; - right: 2px; - top: 2px; - margin-top: 0; + height: auto; margin-bottom: 0; + margin-top: 0; padding-top: 1px; padding-bottom: 1px; - width: auto; - height: auto; - text-decoration: none !important; } + position: absolute; + right: 2px; + text-decoration: none !important; + top: 2px; + width: auto; } .clusterDownBtn { - padding-top: 10px; - padding-bottom: 10px; + padding-bottom: 10; + padding-top: 10; text-align: center; } - .clusterDownBtn button, .clusterDownBtn button.green { - background-color: #f1f1f1; - color: #333333; - padding: 12px 18px; - margin: 0px; - border: 1px solid rgba(0, 0, 0, 0.1875); + .clusterDownBtn button { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - text-decoration: none !important; - font-size: 20px; + background-color: #f1f1f1; + border: 1px solid rgba(0, 0, 0, 0.1875); + color: #333333; + font-size: 20; font-weight: 300; - width: 250px; - text-align: center; } + margin: 0; + padding: 12px 18px; + text-align: center; + text-decoration: none !important; + width: 250; } .clusterDownBtn button:hover { - color: #4a6c30; background-color: #e8e8e8; - -webkit-transition-delay: 0s; - -webkit-transition-duration: 0.2s; + color: #4a6c30; + -webkit-transition-delay: 0; + -webkit-transition-duration: .2s; -webkit-transition-property: all; -webkit-transition-timing-function: ease-in; } .clusterDownBtn button.green { - color: white; - background-color: #617e2b; } + background-color: #617e2b; + color: white; } .clusterDownBtn button.green:hover { background-color: #8ba142; } @@ -520,97 +525,85 @@ ul.tileList { margin-left: -6px; margin-right: -6px; } -li.tile, li.bigtile { +li li.tile, li li.bigtile { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; - position: relative; - text-align: center; - height: 100px; - width: 230px; - list-style: none; background-color: rgba(0, 0, 0, 0.05); + list-style: none; + margin-bottom: 13px; margin-left: 6px; margin-right: 6px; - margin-bottom: 13px; } - li.tile img.icon, li.bigtile img.icon { + position: relative; + text-align: center; } + li li.tile img.icon, li li.bigtile img.icon { height: 50px; width: 50px; } - li.tile a span.add-Icon, li.bigtile a span.add-Icon { - position: relative; - margin-left: 22px; + li li.tile a span.add-Icon, li li.bigtile a span.add-Icon { font-size: 22px; + margin-left: 22px; + margin-right: 10px; margin-top: -5px; - margin-right: 10px; } - li.tile a span.icon, li.bigtile a span.icon { + position: relative; } + li li.tile a span.icon, li li.bigtile a span.icon { font-size: 50px; } - li.tile a svg.icon, li.bigtile a svg.icon { + li li.tile a svg.icon, li li.bigtile a svg.icon { height: 50px; width: 50px; } - li.tile h5, li.bigtile h5 { - font-size: 12px; - white-space: nowrap !important; - overflow: hidden !important; - text-overflow: ellipsis !important; - color: white; + li li.tile h5, li li.bigtile h5 { background: #686766; + color: white; + font-size: 12px; + margin: 0; + overflow: hidden !important; padding: 4px 8px; - margin: 0; } - li.tile div.iconSet, li.bigtile div.iconSet { + text-overflow: ellipsis !important; + white-space: nowrap !important; } + li li.tile div.iconSet, li li.bigtile div.iconSet { position: absolute; - top: 5px; - right: 5px; } - li.tile div.iconSet span, li.bigtile div.iconSet span { - opacity: 0.5; + right: 5px; + top: 5px; } + li li.tile div.iconSet span, li li.bigtile div.iconSet span { font-size: 18px; + opacity: .5; padding-left: 7px; } - li.tile div.iconSet span:hover, li.bigtile div.iconSet span:hover { + li li.tile div.iconSet span:hover, li li.bigtile div.iconSet span:hover { opacity: 1.0; } - li.tile div.iconSet span.disabled, li.bigtile div.iconSet span.disabled { - opacity: 0.2; - cursor: default; } - li.tile .badge-success, li.bigtile .badge-success { + li li.tile div.iconSet span.disabled, li li.bigtile div.iconSet span.disabled { + cursor: default; + opacity: .2; } + li li.tile .badge-success, li li.bigtile .badge-success { font-weight: 300; } - li.tile .unloaded div, li.bigtile .unloaded div { - border-bottom: 16px solid #FF8F35; } - li.tile .deleted div, li.bigtile .deleted div { - border-bottom: 16px solid red; } - li.tile div.tileBadge, li.bigtile div.tileBadge { - position: absolute; - right: 0px; + li li.tile .unloaded div, li li.bigtile .unloaded div { + border-bottom: 16px solid #ff8f35; } + li li.tile .deleted div, li li.bigtile .deleted div { + border-bottom: 16px solid #770000; } + li li.tile div.tileBadge, li li.bigtile div.tileBadge { bottom: 29px; font-size: 11px; font-weight: 300; - color: white; } - li.tile div.tileBadge button, li.bigtile div.tileBadge button { - margin-left: 0px; + position: absolute; + right: 0; } + li li.tile div.tileBadge button, li li.bigtile div.tileBadge button { + margin-left: 0; margin-right: 5px; } - li.tile div.tileBadge span, li.bigtile div.tileBadge span { + li li.tile div.tileBadge span, li li.bigtile div.tileBadge span { display: inline-block; line-height: 13px; } - li.tile div.tileBadge span div.corneredBadge, li.bigtile div.tileBadge span div.corneredBadge { - padding-left: 4px; - padding-right: 9px; - height: 0px; + li li.tile div.tileBadge span div.corneredBadge, li li.bigtile div.tileBadge span div.corneredBadge { border-left: 17px solid transparent; + border-bottom-style: solid; border-bottom-width: 17px; - border-bottom-style: solid; } - li.tile div.tileBadge span div.corneredBadge.loaded, li.bigtile div.tileBadge span div.corneredBadge.loaded { + height: 0; + padding-left: 4px; + padding-right: 9px; } + li li.tile div.tileBadge span div.corneredBadge.loaded, li li.bigtile div.tileBadge span div.corneredBadge.loaded { border-bottom-color: #8aa051; } - li.tile div.tileBadge span div.corneredBadge.unloaded, li.bigtile div.tileBadge span div.corneredBadge.unloaded { + li li.tile div.tileBadge span div.corneredBadge.unloaded, li li.bigtile div.tileBadge span div.corneredBadge.unloaded { border-bottom-color: #ff8f35; } - -.searchField { - margin-left: 25px; } - -.collectionName { - text-align: left; - font-weight: 300; - position: absolute; - bottom: 0px; - left: 0px; - right: 0px; } - +li.tile { + height: 100px; + width: 230px; } li.bigtile { height: 309px; width: 460px; } @@ -619,8 +612,16 @@ li.bigtile { li.bigtile div.shardContainer span { padding: 2px; } +.collectionName { + bottom: 0; + font-weight: 300; + left: 0; + position: absolute; + right: 0; + text-align: left; } + div.resizecontainer { - margin: 0px auto; } + margin: 0 auto; } @media (max-width: 798px) { #arangoCollectionUl { @@ -634,7 +635,7 @@ div.resizecontainer { @media (min-width: 799px) and (max-width: 1041px) { #arangoCollectionUl a { font-size: 12px; - padding: 10px 5px 10px; } } + padding: 10px 5px; } } @media (min-width: 1042px) and (max-width: 1284px) { #arangoCollectionUl a { font-size: 14px; } } @@ -643,138 +644,135 @@ div.resizecontainer { width: 0px; } div.modalChartDetail { - width: 0px; left: 50%; - margin-left: 0px; } } + margin-left: 0px; + width: 0px; } } @media (min-width: 248px) and (max-width: 489px) { div.resizecontainer { width: 242px; } div.modalChartDetail { - width: 242px; left: 50%; - margin-left: -121px; } } + margin-left: -121px; + width: 242px; } } @media (min-width: 490px) and (max-width: 731px) { div.resizecontainer { width: 484px; } div.modalChartDetail { - width: 484px; left: 50%; - margin-left: -242px; } } + margin-left: -242px; + width: 484px; } } @media (min-width: 732px) and (max-width: 973px) { div.resizecontainer { width: 726px; } div.modalChartDetail { - width: 726px; left: 50%; - margin-left: -363px; } } + margin-left: -363px; + width: 726px; } } @media (min-width: 974px) and (max-width: 1215px) { div.resizecontainer { width: 968px; } div.modalChartDetail { - width: 968px; left: 50%; - margin-left: -484px; } } + margin-left: -484px; + width: 968px; } } @media (min-width: 1216px) and (max-width: 1457px) { div.resizecontainer { width: 1210px; } div.modalChartDetail { - width: 1210px; left: 50%; - margin-left: -605px; } } + margin-left: -605px; + width: 1210px; } } @media (min-width: 1458px) and (max-width: 1699px) { div.resizecontainer { width: 1452px; } div.modalChartDetail { - width: 1452px; left: 50%; - margin-left: -726px; } } + margin-left: -726px; + width: 1452px; } } @media (min-width: 1700px) and (max-width: 1941px) { div.resizecontainer { width: 1694px; } div.modalChartDetail { - width: 1694px; left: 50%; - margin-left: -847px; } } + margin-left: -847px; + width: 1694px; } } @media (min-width: 1942px) and (max-width: 2183px) { div.resizecontainer { width: 1936px; } div.modalChartDetail { - width: 1936px; left: 50%; - margin-left: -968px; } } + margin-left: -968px; + width: 1936px; } } @media (min-width: 2184px) and (max-width: 2425px) { div.resizecontainer { width: 2178px; } div.modalChartDetail { - width: 2178px; left: 50%; - margin-left: -1089px; } } + margin-left: -1089px; + width: 2178px; } } @media (min-width: 2426px) and (max-width: 2667px) { div.resizecontainer { width: 2420px; } div.modalChartDetail { - width: 2420px; left: 50%; - margin-left: -1210px; } } + margin-left: -1210px; + width: 2420px; } } @media (min-width: 2668px) and (max-width: 2909px) { div.resizecontainer { width: 2662px; } div.modalChartDetail { - width: 2662px; left: 50%; - margin-left: -1331px; } } + margin-left: -1331px; + width: 2662px; } } div.centralRow { margin-top: 65px; margin-bottom: 65px; } div.centralContent { - padding: 5px; + background-color: rgba(0, 0, 0, 0.0675); + height: 100%; margin-left: -5px; margin-right: -5px; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.0675); - min-height: 80px; - float: left; } + min-height: 80; + padding: 5px; + width: 100%; } .contentDiv { - padding: 13px 0px 0px 0px; list-style: none; - *zoom: 1; } + padding: 13px 0 0; } .contentDiv li { - background-color: rgba(0, 0, 0, 0.05); - float: left; } + background-color: rgba(0, 0, 0, 0.05); } .contentDiv a.add { - padding: 40px 0; display: block; font-weight: 400; + padding: 40 0; text-align: left; } .contentDiv .icon { - padding-right: 5px; padding-left: 5px; - padding-top: 10px; } + padding-right: 5px; + padding-top: 10; } .contentDiv:after { clear: both; } .contentDiv:after, .contentDiv:before { + content: ''; display: table; - line-height: 0; - content: ""; } + line-height: 0; } .clusterInfoIcon { float: left; - padding-top: 2px; - padding-left: 5px; } + padding-left: 5px; + padding-top: 2px; } .waitModal { text-align: center; } @@ -786,25 +784,27 @@ div.centralContent { div.headerDropdown { background-color: white; - position: relative; display: none; padding: 10px; + position: relative; width: auto; } div.headerDropdown > div.dropdownInner { - position: relative; + -webkit-box-shadow: 0; + -moz-box-shadow: 0; + box-shadow: 0; min-height: 125px; - width: auto; - box-shadow: 0; } + position: relative; + width: auto; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox { display: none; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label { - padding-left: 20px; - margin-top: 0px; - height: 15px; - display: inline-block; - background-repeat: no-repeat; background-position: 0 0; + background-repeat: no-repeat; + display: inline-block; font-size: 15px; + height: 15px; + margin-top: 0; + padding-left: 20px; vertical-align: middle; } div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; } @@ -812,175 +812,158 @@ div.headerDropdown { div.queryline { color: black; height: 35px; } - div.queryline select, div.queryline input { + div.queryline select, + div.queryline input { margin-bottom: 5px; } div.queryline.querylineAdd span { - position: relative; - top: -21px; color: white; - padding-left: 10px; } + padding-left: 10px; + position: relative; + top: -21px; } div.queryline .removeFilterItem i { - margin-top: 0px !important; - margin-left: 5px !important; } + margin-left: 5px !important; + margin-top: 0 !important; } div.queryline div.searchByAttribute { position: relative; } div.queryline div.searchByAttribute > ul.gv-dropdown-menu { - position: absolute; - border-radius: 0px; - top: 20px; - left: 0px; - width: 247px; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; background-color: #333232; color: white; - display: none; } + display: none; + left: 0; + position: absolute; + top: 20px; + width: 247px; } div.dropdownImport { - display: none; background-color: white; + display: none; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; position: relative; } div.dropdownImport input { - line-height: 0px; - margin-top: 5px; - margin-bottom: -15px; } + line-height: 0; + margin-bottom: -15px; + margin-top: 5px; } select.filterSelect { - width: 100px; margin-left: 10px; - margin-right: 10px; } + margin-right: 10px; + width: 100px; } #filterHeader button { float: right; - margin-top: 1px; - margin-left: 10px !important; } + margin-left: 10px !important; + margin-top: 1px; } .navlogo .stat_cpu { + height: 26px; margin-top: 1px; - width: 26px; - height: 26px; } - + width: 26px; } + .navlogo .stat_cpu path { + fill: #aaaa00; } .navlogo .stat_ram { - width: 26px; - height: 26px; } - + height: 26px; + width: 26px; } + .navlogo .stat_ram path { + fill: #007700; } .navlogo .stat_req { - width: 22px; - height: 22px; } - -.navlogo .stat_cpu path { - fill: #770000; } - -.navlogo .stat_ram path { - fill: #007700; } - -.navlogo .stat_req path { - fill: #aaaa00; } + height: 22px; + width: 22px; } + .navlogo .stat_req path { + fill: #aaaa00; } .statisticbar { display: none; } .fixedDropdown { - margin: 37px 0 0 0 !important; + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; border-radius: 0 !important; + margin: 37px 0 0 0 !important; width: 210px; } - -.fixedDropdown:after { - visibility: hidden; } - -.fixedDropdown .dropdown-item { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); } - -.fixedDropdown .dropdown-header { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 0 !important; } - -.fixedDropdown a { - padding-left: 5px !important; } - -.fixedDropdown .notificationItemContent { - width: 155px; - float: left; - margin-left: 15px; - max-width: 155px; - white-space: normal; - word-wrap: break-word; } - -.fixedDropdown button, .fixedDropdown .clusterDownBtn button.green, .clusterDownBtn .fixedDropdown button.green { - float: right; - margin-right: 5px; } + .fixedDropdown:after { + visibility: hidden; } + .fixedDropdown .dropdown-item { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } + .fixedDropdown .dropdown-header { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + padding: 0 !important; } + .fixedDropdown a { + padding-left: 5px !important; } + .fixedDropdown .notificationItemContent { + margin-left: 15px; + max-width: 155px; + white-space: normal; + width: 155px; + word-wrap: break-word; } + .fixedDropdown button { + margin-right: 5px; } + .fixedDropdown .notificationItem { + color: black; } + .fixedDropdown .notificationItem i { + color: rgba(0, 0, 0, 0.2); + font-size: 20px; + position: relative; + right: 4px; + top: -9px; } + .fixedDropdown .notificationItem i:hover { + color: black; } .innerDropdownInnerUL { - min-height: 220px; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); height: 220px !important; - width: 100%; - overflow-y: scroll; + min-height: 220px; overflow-x: hidden; - float: left; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); } - -.innerDropdownInnerUL .dropdown-item:hover { - background-color: #E1E1E1 !important; } - -.innerDropdownInnerUL li { - width: auto !important; } - -.fixedDropdown .notificationItem { - color: black; } - -.notificationItem i { - color: rgba(0, 0, 0, 0.2); - float: left; - font-size: 20px; - position: relative; - right: 4px; - top: -9px; } - -.notificationItem i:hover { - color: black; - cursor: pointer; } + overflow-y: scroll; + width: 100%; } + .innerDropdownInnerUL .dropdown-item:hover { + background-color: #e1e1e1 !important; } + .innerDropdownInnerUL li { + width: auto !important; } #stat_hd { - width: 24px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: #333232; + border: 2px solid #8aa051; height: 24px; margin-top: 2px; - background-color: #333232; - border-radius: 3px; - border: 2px solid #8AA051; - text-align: center; } + text-align: center; + width: 24px; } + #stat_hd #stat_hd_counter { + color: white; + line-height: 24px; + margin-left: 0; } .notificationItemContent { font-weight: 300; } -.fullNotification:hover { - cursor: pointer; } - .fullNotification { - border: 2px solid #cc0000 !important; - background-color: #cc0000 !important; } - -#stat_hd #stat_hd_counter { - color: white; - margin-left: 0px; - line-height: 24px; } + background-color: #cc0000 !important; + border: 2px solid #cc0000 !important; } .contentButtons { clear: both; - width: 100%; - margin-bottom: 10px; } - .contentButtons #createDatabase, .contentButtons #createUser { + margin-bottom: 10px; + width: 100%; } + .contentButtons #createDatabase, + .contentButtons #createUser { margin-left: 0; } .contentTables { - width: 100%; - margin-bottom: 10px; } + margin-bottom: 10px; + width: 100%; } .contentTables thead { text-align: left; } .contentTables thead tr { - border-bottom: 1px solid #c2c2c2; - background-color: white; } + background-color: white; + border-bottom: 1px solid #c2c2c2; } .contentTables tbody tr:nth-child(odd) { background-color: #d9d9d9; } .contentTables tbody tr:nth-child(even) { @@ -1004,25 +987,27 @@ select.filterSelect { float: right; font-size: 22px; } .contentTables .collectionThSec { - width: 80%; - margin-right: 0; } + margin-right: 0; + width: 80%; } .contentTables .collectionTh { - width: 5%; - margin-right: 0; } + margin-right: 0; + width: 5%; } .createModalDialog table { width: 100%; } .userMenuImg { background-color: lightgrey; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; border-radius: 3px; - border: 2px solid #8AA051; + border: 2px solid #8aa051; margin-top: -4px; } .tooltip-inner { max-width: 300px !important; - word-wrap: break-word !important; - white-space: normal !important; } + white-space: normal !important; + word-wrap: break-word !important; } .indexTooltip { color: #736b68; } @@ -1032,126 +1017,120 @@ select.filterSelect { font-size: 18px !important; } .dbselection { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - max-width: 160px; float: left; - margin-right: 3px; } + margin-right: 3px; + max-width: 160px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .dashboardModal { - min-width: 780px; - width: 90%; - margin-left: -45%; - overflow: auto; - height: 80%; - top: 10%; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; - padding: 10px; } + height: 80%; + margin-left: -45%; + min-width: 780px; + overflow: auto; + padding: 10px; + top: 10%; } #dashboardHttpGroup { - width: 100%; + border: 1px solid black; height: 100%; - border: 1px solid black; } + width: 100%; } #dashboardDetailedChart { - width: 100%; + border: 1px solid black; height: 300px; - border: 1px solid black; } + width: 100%; } .innerDashboardChart { - position: absolute; - top: 5px; + bottom: 5px; left: 5px; + position: absolute; right: 5px; - bottom: 5px; } + top: 5px; } .dashboardChart { background-color: white; - position: relative; - width: 31%; - height: 210px; border: 1px solid rgba(0, 0, 0, 0.2); float: left; - margin: 1.05%; } + height: 210px; + margin: 1.05%; + position: relative; + width: 31%; } .dygraph-label.dygraph-title { + color: black; + font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; - font-family: 'Open Sans', sans-serif; - text-align: left; - color: black; } + text-align: left; } -.dygraph-axis-label.dygraph-axis-label-x { - font-size: 12px; - font-weight: 400; +.dygraph-axis-label.dygraph-axis-label-x, .dygraph-axis-label.dygraph-axit-label-y { + color: #666666; font-family: 'Open Sans', sans-serif; - color: #666666; } - -.dygraph-axis-label.dygraph-axis-label-y { font-size: 12px; - font-weight: 400; - font-family: 'Open Sans', sans-serif; - color: #666666; } + font-weight: 400; } .dygraph-legend { background-color: #fafafa !important; - text-align: right !important; + color: #666666 !important; + font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: 400 !important; - font-family: 'Open Sans', sans-serif !important; - color: #666666 !important; } + text-align: right !important; } #dashboardDetailedLineChart { padding-top: 10px; } .dashboardDistribution { - width: 270px; - float: left; } - -.dashboardDistribution svg { - width: 250px; - height: 220px; } + float: left; + width: 270px; } + .dashboardDistribution svg { + height: 220px; + width: 250px; } .modalChartDetail { height: 70%; - width: 70%; - margin-left: 0px; } + margin-left: 0; + width: 70%; } .waitModal { - background: transparent; - color: white; + -webkit-box-shadow: none; + -moz-box-shadow: none; box-shadow: none; - border: none; } + background: transparent; + border: 0; + color: white; } .waitModalBackdrop { - opacity: 0.7 !important; } + opacity: .7 !important; } .addCollection table tr { - height: 53px; - border-bottom: 0 !important; } + border-bottom: 0 !important; + height: 53px; } .addCollection .icon_arangodb_info { - top: 2px !important; + margin-left: 20 !important; position: relative; - margin-left: 20px !important; } + top: 2px !important; } .addCollection .accordion { - margin-top: 10px; } + margin-top: 10; } .addCollection .collectionThSec { - width: 320px !important; } + width: 320 !important; } .addCollection .collectionTh { width: 96px; } .addCollection .modalInput { - width: 320px; } + width: 320; } .addCollection .modalSelect { width: 334px; } .addCollection .accordion-toggle { width: 457px !important; } .modalTooltips span { - font-size: 20px; - color: #736b68; } + color: #736b68; + font-size: 20; } .modalTooltips span:hover { color: black; } @@ -1159,6 +1138,6 @@ div img.searchSubmitIcon { height: 14px; margin-left: -18px; margin-top: 11px; - opacity: 0.2; + opacity: .2; position: absolute; width: 14px; }