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: col wrap;
151 .nsListPanelToolbar {
152 background-color: $gray;
153 display: -ms-flexbox;
157 -ms-flex-direction: row;
162 display: -ms-flexbox;
169 margin-right: 0.85rem;
177 display: -ms-flexbox;
181 -ms-flex-direction: column;
182 flex-direction: column;
192 display: -ms-flexbox;
194 -ms-flex-direction: row;
199 text-overflow: ellipsis;
201 .nsList-body .nsListItemRow:nth-child(odd):not(.openedCard) {
202 background-color: $gray-lighter;
204 .nsList-body .nsListItemRow:nth-child(even):not(.openedCard) {
205 background-color: $gray-lightest;
207 .nsListItemRow.openedCard {
208 background-color: $lighter-blue;
211 background-color: $gray;
212 border-top: 1px solid $gray-lightest;
213 border-bottom: 1px solid $gray-lightest;
214 display: -ms-flexbox;
218 -ms-flex-direction: row;
222 @extend .baseGridCell;
224 text-overflow: ellipsis;
229 @extend .baseGridCell;
230 text-transform: uppercase;
232 .nsListHeaderField.nsColAction {
234 .nsListItemField.nsColAction {
235 padding-left: 0.2rem;
239 border-right: 1px solid $gray-lightest;
243 @extend .colBorderRight;
247 @extend .colBorderRight;
251 @extend .colBorderRight;
255 @extend .colBorderRight;
265 /* margin-top is a hack to fix the top of the glyph from*/
266 /* being chopped off*/
271 text-decoration: none;
275 /* Network service detail card styles */
278 /*border: 1px solid black;*/
279 display: -ms-flexbox;
283 -ms-flex-wrap: nowrap;
287 background-color: white;
292 background-color: $gray;
293 display: -ms-flexbox;
297 -ms-flex-direction: row;
306 /* Angular wrapping */