34a6af45db6855e0206e7ee8564a7118830b38de
[vid.git] / vid-app-common / src / main / webapp / app / vid / scripts / modals / new-change-management / new-change-management.css
1 .scale-out-modules .table-row {
2     border: 1px solid #D2D2D2;
3     display: flex;
4 }
5 .scale-out-modules .table-row > div {
6     text-indent: 12px;
7     color: #5A5A5A;
8     font-size: 13px;
9     border-right: 1px solid #D2D2D2;
10     line-height: 30px;
11 }
12 .scale-out-modules .table-row > div:last-child {
13     border-right: none;
14 }
15 .scale-out-modules .table-row > div:nth-child(1) {
16     flex: 40px 0 0;
17     font-size: 22px;
18 }
19 .scale-out-modules .table-row > div:nth-child(2) {
20     flex: 220px 1 0;
21 }
22 .scale-out-modules .table-row > div:nth-child(3) {
23     flex: 200px 1 0;
24 }
25 .scale-out-modules .table-row > div:nth-child(4), .scale-out-modules .table-row > div:nth-child(5) {
26     flex: 150px 0 0;
27 }
28 .scale-out-modules .table-row > div:nth-child(6), .scale-out-modules .table-row > div:nth-child(7) {
29     flex: 120px 0 0;
30 }
31 .scale-out-modules .table-row.open > div {
32     line-height: 29px;
33     border-top: 1px #009FDB solid;
34     border-bottom: 1px #009FDB solid;
35 }
36 .scale-out-modules .table-row.open > div:last-child {
37     box-shadow: 0px 0px 0px 0px red, 1px 0px 0px 0px #009FDB;
38 }
39 .scale-out-modules .table-row.open > div:nth-child(1) {
40     border-color: green;
41 }
42 .scale-out-modules .table-row.open > div:nth-child(2) {
43     color: #009FDB;
44 }
45 .scale-out-modules .table-header {
46     border-bottom: none;
47 }
48 .scale-out-modules .table-header > div {
49     background-color: #F2F2F2;
50     color: black;
51     font-size: 12px;
52 }
53 .scale-out-modules .modules-table:not(.open) + .table-row {
54     border-top: none;
55 }
56 .scale-out-modules .modules-table {
57     display: none;
58     margin-top: 10px;
59     margin-bottom: 15px;
60 }
61 .scale-out-modules .modules-table .table-row {
62     margin-left: 60px;
63 }
64 .scale-out-modules .modules-table .table-row  > div:nth-child(1) {
65     flex: 539px 0 0;
66     font-size: 13px;
67 }
68 .scale-out-modules .modules-table .table-row  > div:nth-child(2) {
69     flex: 90px 0 0;
70 }
71 .scale-out-modules .modules-table .table-row  > div:nth-child(3) {
72     flex: 90px 0 0;
73 }
74 .scale-out-modules .modules-table .table-row  > div:nth-child(4) {
75     flex: 180px 0 0;
76 }
77 .scale-out-modules .modules-table .table-row  > div:nth-child(5) {
78     flex: 110px 0 0;
79 }
80 .scale-out-modules .modules-table.open {
81     display: block;
82 }
83
84
85 /*LESS*/
86 /*
87
88
89 .scale-out-modules{
90
91         .table-row{
92                 border: 1px solid #D2D2D2;
93                 display:flex;
94
95         > div {
96                         text-indent:12px;
97                         color: #5A5A5A;
98                         font-size:13px;
99                         border-right:1px solid #D2D2D2;
100                         line-height:30px;
101
102                         &:last-child {
103                                 border-right:none;
104                         }
105
106                         &:nth-child(1){
107                                 flex:40px 0 0;
108                                 font-size:22px;
109                         }
110                         &:nth-child(2){
111                                 flex:220px 1 0;
112                         }
113                         &:nth-child(3){
114                                 flex:200px 1 0;
115                         }
116                         &:nth-child(4), &:nth-child(5){
117                                 flex:150px 0 0;
118                         }
119                         &:nth-child(6), &:nth-child(7){
120                                 flex:120px 0 0;
121                         }
122                 }
123
124                 &.open > div {
125                         line-height:29px;
126                         border-top: 1px #009FDB solid;
127                         border-bottom: 1px #009FDB solid;
128                         &:last-child{
129                                 box-shadow: 0px 0px 0px 0px red, 1px 0px 0px 0px #009FDB;
130                         }
131                         //box-sizing: border-box;
132                         &:nth-child(1){
133                          border-color: green;
134                         }
135                         &:nth-child(2){
136                                 color:#009FDB;
137                         }
138                 }
139     }
140
141         .table-header{
142                 border-bottom:none;
143
144         > div {
145                         background-color:#F2F2F2;
146                         color: black;
147                         font-size:12px;
148                 }
149     }
150
151         .modules-table:not(.open) + .table-row {
152                 border-top:none;
153         }
154
155         .modules-table{
156                 display:none;
157                 margin-top:10px;
158                 margin-bottom:15px;
159
160                 .table-row {
161                         margin-left:60px;
162                         & > div{
163
164                                 &:nth-child(1){
165                                         flex:539px 0 0;
166                                         font-size:13px;
167                                 }
168                                 &:nth-child(2){
169                                         flex:90px 0 0;
170                                 }
171                                 &:nth-child(3){
172                                         flex:90px 0 0;
173                                 }
174                                 &:nth-child(4){
175                                         flex:180px 0 0;
176                                 }
177                                 &:nth-child(5){
178                                         flex:110px 0 0;
179                                 }
180                         }
181                 }
182
183                 &.open{
184                         display:block;
185                 }
186         }
187
188 }
189
190 */