blob: fd2ecf7d47fd2dbea5f9ca7ae54fbb1516f289bb [file] [log] [blame]
Matteo Scandolofb46ae62017-08-08 09:10:50 -07001
2/*
3 * Copyright 2017-present Open Networking Foundation
4
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
8
9 * http://www.apache.org/licenses/LICENSE-2.0
10
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
16 */
17
18
Matteo Scandolo8b2370c2017-02-02 17:19:07 -080019@import './app/style/vars';
20@import '../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss';
21@import './app/style/style.scss';
22@import './app/style/stroke-icons/style.css';
23@import './app/style/pe-icons/pe-icon-7-stroke.css';
Matteo Scandolo042ea632017-03-01 19:02:34 -080024@import '../node_modules/ngprogress/ngProgress.css';
Matteo Scandolo8b2370c2017-02-02 17:19:07 -080025
Matteo Scandoloa8a6fbb2016-12-21 16:59:08 -080026html, body.blank {
27 height: 100%;
28 min-height: 100%;
29}
30
Matteo Scandolo75171782017-03-08 14:17:01 -080031body {
32 min-height: 90%;
Matteo Scandolo6d3e80e2017-03-10 11:34:43 -080033 height: 90%;
Matteo Scandolo75171782017-03-08 14:17:01 -080034}
35
Matteo Scandolo6d3e80e2017-03-10 11:34:43 -080036ui-view, xos, .wrapper, .content, .content > .container-fluid, [ui-view] {
Matteo Scandolo75171782017-03-08 14:17:01 -080037 display: block;
38 min-height: 100%;
Matteo Scandolo6d3e80e2017-03-10 11:34:43 -080039 height:100%;
Matteo Scandolo75171782017-03-08 14:17:01 -080040}
41
Matteo Scandolo266907e2016-12-20 13:41:42 -080042.content > div {
43 opacity: 1 !important;
Matteo Scandolo8b2370c2017-02-02 17:19:07 -080044}
45
46// BOOTSTRAP OVERRIDES
47// TODO Clean app/style/style.scss
48
Matteo Scandolo042ea632017-03-01 19:02:34 -080049// ngProgress
50#ngProgress-container {
51 position: absolute;
52 width: 100%;
53 top: 0;
54 z-index: 10000;
55}
56
Matteo Scandolo8b2370c2017-02-02 17:19:07 -080057// Alternate styles
58//
59// Generate contextual modifier classes for colorizing the alert.
60
61.alert-success {
62 @include alert-variant($background-dark-color, $alert-success-text, $alert-success-text);
63}
64
65.alert-info {
66 @include alert-variant($background-dark-color, $alert-info-border, $alert-info-border);
67}
68
69.alert-warning {
70 @include alert-variant($background-dark-color, $alert-warning-border, $alert-warning-border);
71}
72
73.alert-danger {
74 @include alert-variant($background-dark-color, $alert-danger-text, $alert-danger-border);
75}
Matteo Scandolo35fdf242017-11-30 12:29:45 -080076
Matteo Scandolobf4e8402019-06-24 12:22:49 -070077.alert-accent {
78 @include alert-variant($background-dark-color, $color-accent, #fff);
79}
80
Matteo Scandolo35fdf242017-11-30 12:29:45 -080081.modal-backdrop.in {
82 filter: alpha(opacity=50);
83 opacity: .5;
84}