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 "style/layout.scss";
21 @import '../node_modules/open-iconic/font/css/open-iconic.css';
26 -ms-flex-direction:column;
27 flex-direction:column;
29 flex-direction: column;
30 -ms-flex-align: stretch;
55 .app-body.create-fleet {
59 background:white !important;
60 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #ffffff, 0 1px 0 #ffffff;
70 -ms-flex-align: center;
80 text-overflow: ellipsis;
89 -ms-flex-direction: row;
93 /* Network service list styles */
95 .leftMinimizedNsListPanel {
104 background-color: white;
107 /* vertical | horizontal*/
108 /* top | horizonal | bottom*/
109 /* top right bottom left*/
118 display: -ms-flexbox;
124 /* max-width: 500px;*/
125 /* min-width: 500px;*/
128 background-color: white;
133 -ms-flex-flow: column wrap;
134 flex-flow: column wrap;
141 padding-right: 0.5rem;
159 .nsListPanelToolbar {
160 background-color: $gray;
161 display: -ms-flexbox;
165 -ms-flex-direction: row;
170 display: -ms-flexbox;
177 margin-right: 0.85rem;
185 display: -ms-flexbox;
189 -ms-flex-direction: column;
190 flex-direction: column;
200 display: -ms-flexbox;
202 -ms-flex-direction: row;
207 text-overflow: ellipsis;
209 .nsList-body .nsListItemRow:nth-child(odd):not(.openedCard) {
210 background-color: $gray-lighter;
212 .nsList-body .nsListItemRow:nth-child(even):not(.openedCard) {
213 background-color: $gray-lightest;
215 .nsListItemRow.openedCard {
216 background-color: $lighter-blue;
219 background-color: $gray;
220 border-top: 1px solid $gray-lightest;
221 border-bottom: 1px solid $gray-lightest;
222 display: -ms-flexbox;
226 -ms-flex-direction: row;
230 @extend .baseGridCell;
232 text-overflow: ellipsis;
237 @extend .baseGridCell;
238 text-transform: uppercase;
240 .nsListHeaderField.nsColAction {
242 .nsListItemField.nsColAction {
243 padding-left: 0.2rem;
247 border-right: 1px solid $gray-lightest;
251 @extend .colBorderRight;
255 @extend .colBorderRight;
259 @extend .colBorderRight;
263 @extend .colBorderRight;
273 /* margin-top is a hack to fix the top of the glyph from*/
274 /* being chopped off*/
279 text-decoration: none;
283 /* Network service detail card styles */
286 /*border: 1px solid black;*/
287 display: -ms-flexbox;
291 -ms-flex-wrap: nowrap;
295 background-color: white;
300 background-color: $gray;
301 display: -ms-flexbox;
305 -ms-flex-direction: row;
314 /* Angular wrapping */