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);
55 padding-right: 0!important;
59 .md-open-menu-container{
66 color: @unactiveTabFontColor;
69 color: @unactiveTabFontColor;
84 -webkit-transition: all 150ms linear;
85 -moz-transition: all 150ms linear;
86 -ms-transition: all 150ms linear;
87 -o-transition: all 150ms linear;
88 transition: all 150ms linear;
107 background-image: none;
115 .md-select-menu-container{
124 color: @dashedBorderColor;
131 background: @colorActive;
151 height: 50px !important;
159 display: inline-block;
173 -webkit-transition: all 150ms linear;
174 -moz-transition: all 150ms linear;
175 -ms-transition: all 150ms linear;
176 -o-transition: all 150ms linear;
177 transition: all 150ms linear;
203 background-color: @dataStoreListBorderColor;
212 border-color: @reqError!important;
227 .md-dialog-container{
233 background-color: @appBackColor;
247 height: calc(~'100% - 62px');
251 height: calc(~'100% - 62px');
259 h1, h2, h3, h4, h5, h6{
274 color: @darkBlueColor;
276 md-tabs-content-wrapper{
280 // modules switcher -> list && detail
289 -webkit-transition: all 250ms ease-out;
290 -moz-transition: all 250ms ease-out;
291 -ms-transition: all 250ms ease-out;
292 -o-transition: all 250ms ease-out;
293 transition: all 250ms ease-out;
297 left: calc(~'100% - 24px');
298 -moz-transform: rotate(180deg);
299 -webkit-transform: rotate(180deg);
300 -o-transform: rotate(180deg);
301 -ms-transform: rotate(180deg);
302 transform: rotate(180deg);
312 color: @popupHeaderColor;
328 background: @leftPanelBackColor;
333 background: @listBackColor;
341 color: @dashedBorderColor;
344 .collection-button-container {
361 .md-has-icon.modules-list-search{
377 &:hover, &:focus, &:active, &:visited{
378 background: transparent;
381 .md-ripple-container{
389 md-tab-content > div,
396 border-bottom: 1px solid #dbdbdb;
406 background: transparent;
411 color: @unactiveTabFontColor;
421 &__detail-list-tabs-container{
426 .inline-tabs > md-tabs-wrapper{
474 &__loading-container {
477 border: 2px solid @infoBoxBorderColor;
478 transition: opacity 0.1s linear;
485 background-color: @infoBoxBackColor;
489 display: inline-block;
503 height: calc(~'100% - 195px');
507 .codemirror-container{
516 background: @leftPanelBackColor;
519 background: transparent;
541 border-color: @colorActive;
571 min-width: 0!important;
576 vertical-align: bottom;
598 padding-bottom: 10px;
602 > div:not(.ui-resizable-handle) {
603 height: calc(~'100% - 28px');
620 background-color: rgba(235, 235, 228, 0.62);
624 .CodeMirror { height: 100%; }
633 .box-container.union{
648 md-pagination-wrapper,
660 color: @dashedBorderColor;
673 .md-menu.menu-container{
681 text-transform: none;
686 display: inline-block;
696 box-shadow: 1px 1px 10px #888;
704 padding: 4px 0 4px 0;
721 margin: auto 16px auto 0;
736 transition: all 150ms linear;
766 &__element-container{
767 margin: 25px 5px 5px 15px;
771 border-left: 1px dashed @dashedBorderColor;
775 &.input-icon-container{
785 margin: -20px 0 10px -17px;
807 background: transparent;
832 background: @listBackColor;
833 height: calc(~"100% - 62px")!important;
841 padding: 0!important;
844 -webkit-transition: all 150ms ease;
845 -moz-transition: all 150ms ease;
846 -ms-transition: all 150ms ease;
847 -o-transition: all 150ms ease;
848 transition: all 150ms ease;
852 background: @listActiveColor;
857 background-color: @colorActive!important;
858 color: #fff!important;
879 background: @listActiveColor;
888 border-top: 1px solid @dataStoreListBorderColor;
889 background: @listBackColor;
890 -webkit-box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
891 box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
899 background: @dataStoreListHoverColor;
903 margin: 6px 16px 6px 48px;
909 // module history collections tabs
918 > md-tabs-content-wrapper{
919 height: calc(~'100% - 78px');
935 height: calc(~'100% - 49px');
942 > md-tabs-content-wrapper{
943 height: calc(~'100% - 48px');
972 background: @listBackColor;
990 padding: 0!important;
995 background-color: @colorActive;
997 .yangmanModule__requests-list__group__item__path{
1001 .yangmanModule__requests-list__group__item__method{
1002 .GET, .PUT, .POST, .DELETE, .error{
1009 white-space: -webkit-pre-wrap; /*Chrome & Safari */
1010 word-break: break-all;
1011 white-space: normal;
1027 color: @reqMethodGet;
1030 color: @reqMethodPut;
1033 color: @reqMethodPost;
1036 color: @reqMethodDelete;
1047 margin: -20px 0 0 0;
1064 vertical-align: middle;
1065 color: @fontColorLight;
1082 vertical-align: middle;
1083 color: @fontColorLight;
1090 &__collections-list{
1092 background: @listBackColor;
1098 background: @listBackColor;
1102 border-top: 1px solid @dataStoreListBorderColor;
1103 background: @listBackColor;
1104 -webkit-box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
1105 box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
1112 .md-subheader-inner{
1121 background: @listActiveColor;
1129 color: @fontColorLight;
1144 vertical-align: middle;
1152 .md-autocomplete-suggestions{
1166 md-dialog-content, md-dialog-actions{
1179 display:inline-block;
1180 white-space: nowrap;
1184 margin: 6px 16px!important;
1191 background: @listActiveColor;
1198 white-space: nowrap;
1202 .md-list-item-inner{
1207 display: inline-block;
1210 border-left: 1px dashed @dashedBorderColor;
1220 padding-right: 15px;
1237 vertical-align: middle;
1248 margin-top: 13px!important;
1249 margin-right: 0px!important;
1264 margin-top: 5px!important;