4 * Copyright 2016 RIFT.IO Inc
6 * Licensed under the Apache License, Version 2.0 (the "License");
7 * you may not use this file except in compliance with the License.
8 * You may obtain a copy of the License at
10 * http://www.apache.org/licenses/LICENSE-2.0
12 * Unless required by applicable law or agreed to in writing, software
13 * distributed under the License is distributed on an "AS IS" BASIS,
14 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 * See the License for the specific language governing permissions and
16 * limitations under the License.
19 @import 'style/_colors.scss';
20 @import '../../node_modules/open-iconic/font/css/open-iconic.css';
21 $LaunchpadCardWidth: 693px;
37 -ms-flex-align: center;
38 -webkit-box-align: center;
40 -ms-flex-pack: center;
41 -webkit-box-pack: center;
42 justify-content: center;
48 -ms-flex-direction:column;
49 -webkit-box-orient:vertical;
50 -webkit-box-direction:normal;
51 flex-direction:column;
55 -ms-flex-pack: center;
56 -webkit-box-pack: center;
57 justify-content: center;
58 -ms-flex-align: center;
59 -webkit-box-align: center;
69 width: $LaunchpadCardWidth;
74 -ms-flex-align:center;
75 -webkit-box-align:center;
77 text-decoration: none;
85 text-overflow: ellipsis;
91 margin:0 0 -0.25rem 0.5rem;
98 background-color: $brand-green-light;
99 /*background-color: $primary-header;*/
101 -ms-flex-direction: row;
102 -webkit-box-orient: horizontal;
103 -webkit-box-direction: normal;
105 -ms-flex-align: center;
106 -webkit-box-align: center;
108 -ms-flex-pack: start;
109 -webkit-box-pack: start;
110 justify-content: flex-start;
113 background-color:white;
138 display: -ms-flexbox;
139 display: -webkit-box;
142 -webkit-box-pack: end;
143 justify-content: flex-end;
146 padding-right:0.25rem;
147 text-transform: capitalize;
152 background-color: $brand-green;
153 width:$LaunchpadCardWidth;
158 -ms-flex-pack:justify;
159 -webkit-box-pack:justify;
160 justify-content:space-between;
162 width: $LaunchpadCardWidth;
169 text-decoration:underline;
174 &-operational-status {
179 -ms-flex-direction:column;
180 -webkit-box-orient:vertical;
181 -webkit-box-direction:normal;
182 flex-direction:column;
183 -ms-flex-pack: center;
184 -webkit-box-pack: center;
185 justify-content: center;
186 justify-content: center;
187 -ms-flex-align: center;
188 -webkit-box-align: center;
191 width: $LaunchpadCardWidth;
202 display: -ms-flexbox;
203 display: -webkit-box;
205 -ms-flex-direction: column;
206 -webkit-box-orient: vertical;
207 -webkit-box-direction: normal;
208 flex-direction: column;
209 -ms-flex-align: center;
210 -webkit-box-align: center;
212 -ms-flex-pack: center;
213 -webkit-box-pack: center;
214 justify-content: center;
215 -ms-flex-line-pack: center;
216 align-content: center;
217 width: $LaunchpadCardWidth;
223 margin:0.25rem 1rem 0 0.825rem;
224 list-style-type:disc;
229 padding-left: 0.5rem;
231 margin-right: 0.5rem;
236 list-style-type: circle;
247 &-vnfr_management-links {
253 -ms-flex-direction:column;
254 -webkit-box-orient:vertical;
255 -webkit-box-direction:normal;
256 flex-direction:column;
257 -ms-flex-pack: center;
258 -webkit-box-pack: center;
259 justify-content: center;
260 -ms-flex-align: center;
261 -webkit-box-align: center;
276 display: -ms-flexbox;
277 display: -webkit-box;
279 -ms-flex-direction: column;
280 -webkit-box-orient: vertical;
281 -webkit-box-direction: normal;
282 flex-direction: column;
283 -ms-flex-align: center;
284 -webkit-box-align: center;
286 justify-content: flex-start;
287 -ms-flex-line-pack: center;
288 align-content: center;
299 text-decoration: underline;
313 margin:0.25rem 1rem 0 0.825rem;
314 list-style-type:disc;
321 margin-right: 0.5rem;
325 -ms-flex-pack: justify;
326 -webkit-box-pack: justify;
327 justify-content: space-between;
328 display: -ms-flexbox;
329 display: -webkit-box;
340 background-color:white;
343 color:black !important;
349 .launchpadCard_content {
359 -ms-flex-pack: center;
360 -webkit-box-pack: center;
361 justify-content: center;
362 -ms-flex-align: center;
363 -webkit-box-align: center;
369 background:$secondary-header;
371 /* margin: 0 0 0.5rem 0;*/
372 /* border-top:1px solid #666;*/
373 /* border-bottom:1px solid #666;*/
374 border-top:1px solid #f1f1f1;
375 border-bottom:1px solid #f1f1f1;
383 -ms-flex-direction:row;
384 -webkit-box-orient:horizontal;
385 -webkit-box-direction:normal;
389 -ms-flex-align:start;
390 -webkit-box-align:start;
391 align-items:flex-start;
400 margin: 0.5rem 0 0.5rem 0;
402 margin: 0 0 0 0.5rem;
403 text-transform:uppercase;
406 margin: 0 0 0 0.5rem;
409 &.CONFIG-PRIMITIVES {
413 margin: 0 0 0 0.5rem;
420 &_data-list.EPA-PARAMS {
425 margin: 0 0 0 0.5rem;
435 -ms-flex-direction:row;
436 -webkit-box-orient:horizontal;
437 -webkit-box-direction:normal;
443 [role=tab][aria-selected=true] {
446 color: rgb(85, 26, 139);
449 text-decoration:underline;
453 -webkit-box-shadow:none;
467 display: -ms-flexbox;
468 display: -webkit-box;
471 -webkit-box-pack: end;
472 justify-content: flex-end;
474 [role=tab]:first-child {
484 .slick-initialized.slick-slider {
485 /* min-height:200px;*/
497 background-color: white;
503 flex-direction: column;
506 align-items: flex-end;
512 &:not(:first-child) {
514 align-items: flex-start;