UI: add UNI & IPVC tabs (work in-progress)
[unimgr.git] / dlux / cpeui / cpeui-module / src / main / resources / cpeui / static / cpeui-custom.css
1 /**
2  *  Add your application related css here
3  */
4
5 DIV {
6  /*   color: white;*/
7 }
8 /**
9 #EVCs-tab {
10     background: #808285 none repeat scroll 0 0;
11     overflow-y:auto;
12     z-index:1000;
13     border-bottom:0;
14     padding: 0 5px;
15 }
16  */
17 .nestedTabs .nav-tabs li a {
18     background-color: transparent !important;
19     border-radius: 4px 4px 0 0 !important;
20     color: white !important;
21 }
22 .nestedTabs .nav-tabs {
23     margin-bottom:20px;
24 }
25
26 button.btn-primary {
27       background-color: #FFA500;
28       border-color: #f29800;
29       color:black;
30 }
31
32 button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, .btn-primary.active {
33       background-color: #e99000;
34       border-color: #d28800;
35       color:black;
36 }
37
38 .table-header {
39     border-radius: 6px 6px 0 0;
40     border: medium none;
41     background: orange none repeat scroll 0 0;
42     color: #444;
43     font-family: "trebuchet MS","Lucida sans",Arial;
44     background-color: #e99000;
45     font-size: large;
46     padding-left: 25px;
47     margin-bottom: -25px;
48 }
49 .md-dialog-content {
50         background-color: #414040;
51         color: white;
52 }
53 .md-dialog-content H2{
54         color: white;
55 }
56 md-dialog-actions {
57         background-color: #414040;
58 }
59
60 md-dialog-actions .md-button {
61         background-color: #FFA500 !important;
62         /*background: orange;*/
63 }
64 md-dialog-actions .md-button SPAN {
65         color: black !important;
66 }
67 md-dialog-actions .md-button:hover {
68         /*background: orange;*/
69         background-color: #e99000 !important;
70 }
71
72 .cpe-dialog MD-TOOLBAR {
73         background-color: #e99000;
74 }
75 MD-SELECT-VALUE SPAN {
76         color: rgba(0, 0, 0, 0.26);
77 }
78 .md-text {
79         color:black;
80 }
81 MD-SELECT-MENU MD-OPTION div, MD-SELECT-VALUE SPAN, MD-SELECT-VALUE SPAN * {
82 /*      color:black !important;*/
83 }
84 .layout-padding md-input-container {
85         padding: 0 !important;
86 }
87 .delete-tr {
88         width:1px;
89 }
90 .minimal-width {
91         white-space: nowrap;
92         width: 1px;
93 }
94 ._md-select-value:not(._md-select-placeholder) span {
95         color:black;
96 }
97
98 #refresh_btn {
99         float: right;
100         border-radius: 25px;
101         cursor: pointer;
102 }
103
104 MD-DIALOG {
105         min-width: 30% !important;
106 }
107
108 .no-error-spacer .md-errors-spacer {
109         display: none;
110 }
111
112
113 MD-TOOLBAR {
114     cursor: move; /* fallback if grab cursor is unsupported */
115     cursor: grab;
116     cursor: -moz-grab;
117     cursor: -webkit-grab;
118 }
119
120  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
121 MD-TOOLBAR:active {
122     cursor: grabbing;
123     cursor: -moz-grabbing;
124     cursor: -webkit-grabbing;
125 }
126
127 .inner-table {
128         border: 1px solid;
129         margin-top: 0;
130         margin-bottom: 0;
131 }
132 .clickable {
133         cursor: pointer;
134 }
135 .btn-middle {
136         margin: auto;
137         display: block;
138 }
139 .footable md-input-container {
140         margin:0;
141 }
142
143 .footable md-input-container label:not(.md-no-float):not(._md-container-ignore) {
144         display: none;
145 }
146
147
148
149 .animate-if label, .animate-if input, .animate-if div {
150   transition:all 2s;
151 }
152 .showmm label, .showmm input, .showmm div{
153         height:inherit;
154 }
155 .hidemm label, .hidemm input, .hidemm div{
156         height:0;
157 }
158
159
160 .animate-if.ng-enter,
161 .animate-if.ng-leave.ng-leave-active {
162   height:inherit;
163 }
164
165 .animate-if.ng-leave,
166 .animate-if.ng-enter.ng-enter-active {
167   height:0;
168 }