blob: c57601bf326b36df0c0710e7b25be3ba757648cc [file] [log] [blame]
Davide Scano555617a2020-06-03 21:47:13 +02001/*
2 * Copyright 2020-present Open Networking Foundation
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17/*
18 ONOS GUI -- INT App View (theme) -- CSS file
19 */
20
21#ov-int-app-main {
22 padding: 5px;
23}
24
25#ov-int-app-main .button-panel {
26 margin: 10px;
27 width: 200px;
28}
29
30.light #ov-int-app-main .button-panel {
31 background-color: #ccf;
32}
33
34.dark #ov-int-app-main .button-panel {
35 background-color: #444;
36}
37
38#ov-int-app-main .int-app-button {
39 cursor: pointer;
40 padding: 4px;
41 text-align: center;
42}
43
44.dark #ov-int-app-main .int-app-button {
45 color: black;
46 background-color: #aaa;
47}
48
49#ov-int-app-main .config-button-panel {
50 margin: 10px;
51 width: 200px;
52}
53
54.light #ov-int-app-main .config-button-panel {
55 background-color: #ccf;
56}
57
58.dark #ov-int-app-main .config-button-panel {
59 background-color: #444;
60}
61
62#ov-int-app-main .int-app-config-button {
63 cursor: pointer;
64 padding: 4px;
65 text-align: center;
66}
67
68#ov-int-app-main input {
69 padding: 4px;
70 font-size: inherit;
71}
72
73.dark #ov-int-app-main .int-app-config-button {
74 color: black;
75 background-color: #aaa;
76}
77/*---------------------------------------------------------------------------*/
78#ov-int-app-main hr {
79 border: 0;
80 height: 1px;
81 background: #333;
82}
83
84#ov-int-app-main h2 {
85 display: inline-block;
86 margin: 10px 0px 10px;
87}
88
89#ov-int-app-main h3 {
90 display: inline-block;
91 margin-bottom: 5px;
92}
93
94#ov-int-app-main h4 {
95 display: inline-block;
96 margin-bottom: 5px;
97}
98
99
100/* Panel Styling */
101#ov-int-app-main-item-details-panel.floatpanel {
102 position: absolute;
103 top: 115px;
104}
105
106.light #ov-int-app-main-item-details-panel.floatpanel {
107 background-color: rgb(229, 234, 237);
108}
109
110.dark #ov-int-app-main-item-details-panel.floatpanel {
111 background-color: #3A4042;
112}
113
114#ov-int-app-main-item-details-panel h4 {
115 margin: 0;
116}
117
118#ov-int-app-main-item-details-panel h3 {
119 margin: 0;
120 font-size: medium;
121}
122#ov-int-app-main-item-details-panel td {
123 padding: 5px;
124}
125#ov-int-app-main-item-details-panel td.label {
126 font-style: italic;
127 opacity: 0.8;
128}
129
130.error-text{
131 color:red;
132}
133
134.myrow {
135 display: flex;
136 flex-wrap: wrap;
137}
138.mygrid {
139 flex: 1;
140 min-width: 25%;
141 padding : 10px;
142}
143
144/* Table Css*/
145
146#int-app-main-intents.tabular-header {
147 text-align: left;
148}
149#int-app-main-intents div.summary-list .table-header td {
150 font-weight: bold;
151 font-variant: small-caps;
152 text-transform: uppercase;
153 font-size: 10pt;
154 padding-top: 8px;
155 padding-bottom: 8px;
156 letter-spacing: 0.02em;
157 cursor: pointer;
158 background-color: #e5e5e6;
159 color: #3c3a3a;
160}
161
162#int-app-main-intents div.summary-list .table-body {
163 overflow:scroll;
164}
165
166#ov-int-app-main hr {
167 border: 0;
168 height: 1px;
169 background: #333;
170}
171
172#ov-int-app-main h2 {
173 display: inline-block;
174 margin: 15px 0px 15px;
175}
176
177#ov-int-app-main h3 {
178 display: inline-block;
179 margin-bottom: 10px;
180}
181
182#ov-int-app-main h4 {
183 display: inline-block;
184 margin-bottom: 10px;
185}
186
187.light #ov-int-app-main-item-details-panel.floatpanel {
188 background-color: rgb(229, 234, 237);
189}
190.dark #ov-int-app-main-item-details-panel.floatpanel {
191 background-color: #3A4042;
192}
193
194#ov-int-app-main-item-details-panel h3 {
195 margin: 0;
196 font-size: large;
197}
198
199#ov-int-app-main-item-details-panel h4 {
200 margin: 0;
201}
202
203#ov-int-app-main-item-details-panel td {
204 padding: 5px;
205}
206
207#int-app-main-intents, div.ctrl-btns {
208}
209
210#int-app-main-intents th, td {
211 text-align: left;
212 padding: 8px;
213}
214
215