3 @fontColorLight: #a9a9a9;
4 @fontHighlight: orange;
5 @listBackColor: #f8f8f8;
6 @listActiveColor: #E7E7E7;
7 @appBackColor: #ffffff;
8 @unactiveTabFontColor: #a9a9a9;
9 @colorActive: rgb(64,196,255);
10 @popupHeaderColor: #ffffff;
13 @leftPanelBackColor: #f3f3f3;
14 @infoBoxBackColor: rgba(255, 255, 255, 0.25);
15 @infoBoxBorderColor: #aad1f9;
16 @dataStoreListHoverColor: #dadada;
17 @dataStoreListShadowColor: rgba(0,0,0,.14);
18 @dataStoreListBorderColor: rgba(0,0,0,0.12);
19 @dashedBorderColor: rgba(0,0,0,0.54);
20 @inputColor: rgba(0,0,0,0.87);
21 @reqMethodGet: #63d33b;
22 @reqMethodPut: #6fbad3;
23 @reqMethodPost: #ea9c30;
24 @reqMethodDelete: #eabb2f;
26 @darkBlueColor: rgb(33,150,243);
59 padding-right: 0!important;
64 justify-content: center;
68 .md-open-menu-container{
75 color: @unactiveTabFontColor;
78 color: @unactiveTabFontColor;
93 -webkit-transition: all 150ms linear;
94 -moz-transition: all 150ms linear;
95 -ms-transition: all 150ms linear;
96 -o-transition: all 150ms linear;
97 transition: all 150ms linear;
116 background-image: none;
124 .md-select-menu-container{
133 color: @dashedBorderColor;
140 background: @colorActive;
160 height: 50px !important;
168 display: inline-block;
182 -webkit-transition: all 150ms linear;
183 -moz-transition: all 150ms linear;
184 -ms-transition: all 150ms linear;
185 -o-transition: all 150ms linear;
186 transition: all 150ms linear;
212 background-color: @dataStoreListBorderColor;
221 border-color: @reqError!important;
236 .md-dialog-container{
242 background-color: @appBackColor;
256 height: calc(~'100% - 62px');
260 height: calc(~'100% - 62px');
268 h1, h2, h3, h4, h5, h6{
283 color: @darkBlueColor;
285 md-tabs-content-wrapper{
289 // modules switcher -> list && detail
298 -webkit-transition: all 250ms ease-out;
299 -moz-transition: all 250ms ease-out;
300 -ms-transition: all 250ms ease-out;
301 -o-transition: all 250ms ease-out;
302 transition: all 250ms ease-out;
306 left: calc(~'100% - 24px');
307 -moz-transform: rotate(180deg);
308 -webkit-transform: rotate(180deg);
309 -o-transform: rotate(180deg);
310 -ms-transform: rotate(180deg);
311 transform: rotate(180deg);
321 color: @popupHeaderColor;
337 background: @leftPanelBackColor;
342 background: @listBackColor;
350 color: @dashedBorderColor;
353 .collection-button-container {
370 .md-has-icon.modules-list-search{
386 &:hover, &:focus, &:active, &:visited{
387 background: transparent;
390 .md-ripple-container{
398 md-tab-content > div,
405 border-bottom: 1px solid #dbdbdb;
415 background: transparent;
420 color: @unactiveTabFontColor;
430 &__detail-list-tabs-container{
435 .inline-tabs > md-tabs-wrapper{
483 &__loading-container {
486 border: 2px solid @infoBoxBorderColor;
487 transition: opacity 0.1s linear;
494 background-color: @infoBoxBackColor;
498 display: inline-block;
512 height: calc(~'100% - 195px');
516 .codemirror-container{
525 background: @leftPanelBackColor;
528 background: transparent;
550 border-color: @colorActive;
580 min-width: 0!important;
585 vertical-align: bottom;
607 padding-bottom: 10px;
611 > div:not(.ui-resizable-handle) {
612 height: calc(~'100% - 28px');
629 background-color: rgba(235, 235, 228, 0.62);
633 .CodeMirror { height: 100%; }
642 .box-container.union{
657 md-pagination-wrapper,
669 color: @dashedBorderColor;
682 .md-menu.menu-container{
690 text-transform: none;
695 display: inline-block;
705 box-shadow: 1px 1px 10px #888;
713 padding: 4px 0 4px 0;
730 margin: auto 16px auto 0;
745 transition: all 150ms linear;
767 margin: 5px 10px 0 0;
768 word-wrap: break-word;
776 &__element-container{
777 margin: 25px 5px 5px 15px;
781 border-left: 1px dashed @dashedBorderColor;
785 &.input-icon-container{
795 margin: -20px 0 10px -17px;
817 background: transparent;
842 background: @listBackColor;
843 height: calc(~"100% - 62px")!important;
851 padding: 0!important;
854 -webkit-transition: all 150ms ease;
855 -moz-transition: all 150ms ease;
856 -ms-transition: all 150ms ease;
857 -o-transition: all 150ms ease;
858 transition: all 150ms ease;
862 background: @listActiveColor;
867 background-color: @colorActive!important;
868 color: #fff!important;
889 background: @listActiveColor;
898 border-top: 1px solid @dataStoreListBorderColor;
899 background: @listBackColor;
900 -webkit-box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
901 box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
909 background: @dataStoreListHoverColor;
913 margin: 6px 16px 6px 48px;
919 // module history collections tabs
928 > md-tabs-content-wrapper{
929 height: calc(~'100% - 78px');
945 height: calc(~'100% - 49px');
952 > md-tabs-content-wrapper{
953 height: calc(~'100% - 48px');
982 background: @listBackColor;
1000 padding: 0!important;
1005 background-color: @colorActive;
1007 .yangmanModule__requests-list__group__item__path{
1011 .yangmanModule__requests-list__group__item__method{
1012 .GET, .PUT, .POST, .DELETE, .error{
1019 white-space: -webkit-pre-wrap; /*Chrome & Safari */
1020 word-break: break-all;
1021 white-space: normal;
1037 color: @reqMethodGet;
1040 color: @reqMethodPut;
1043 color: @reqMethodPost;
1046 color: @reqMethodDelete;
1057 margin: -20px 0 0 0;
1074 vertical-align: middle;
1075 color: @fontColorLight;
1092 vertical-align: middle;
1093 color: @fontColorLight;
1100 &__collections-list{
1102 background: @listBackColor;
1108 background: @listBackColor;
1112 border-top: 1px solid @dataStoreListBorderColor;
1113 background: @listBackColor;
1114 -webkit-box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
1115 box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
1122 .md-subheader-inner{
1131 background: @listActiveColor;
1139 color: @fontColorLight;
1154 vertical-align: middle;
1162 .md-autocomplete-suggestions{
1176 md-dialog-content, md-dialog-actions{
1194 display:inline-block;
1195 white-space: nowrap;
1199 margin: 6px 16px!important;
1206 background: @listActiveColor;
1213 white-space: nowrap;
1217 .md-list-item-inner{
1222 display: inline-block;
1225 border-left: 1px dashed @dashedBorderColor;
1235 padding-right: 15px;
1252 vertical-align: middle;
1263 margin-top: 13px!important;
1264 margin-right: 0px!important;
1279 margin-top: 5px!important;