2 * ============LICENSE_START==========================================
4 * ===================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ===================================================================
8 * Unless otherwise specified, all software contained herein is licensed
9 * under the Apache License, Version 2.0 (the "License");
10 * you may not use this software except in compliance with the License.
11 * You may obtain a copy of the License at
13 * http://www.apache.org/licenses/LICENSE-2.0
15 * Unless required by applicable law or agreed to in writing, software
16 * distributed under the License is distributed on an "AS IS" BASIS,
17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
18 * See the License for the specific language governing permissions and
19 * limitations under the License.
21 * Unless otherwise specified, all documentation contained herein is licensed
22 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
23 * you may not use this documentation except in compliance with the License.
24 * You may obtain a copy of the License at
26 * https://creativecommons.org/licenses/by/4.0/
28 * Unless required by applicable law or agreed to in writing, documentation
29 * distributed under the License is distributed on an "AS IS" BASIS,
30 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
31 * See the License for the specific language governing permissions and
32 * limitations under the License.
34 * ============LICENSE_END============================================
38 .w-ecomp-app-catalog {
39 .bg_portalWhite;//white for 1702
40 position: @page-main-position;
42 left: @page-main-left;
43 right: @page-main-right;
44 bottom: @page-main-bottom;
45 padding-top: @padding-top;
46 overflow-y: @page-main-overflow-y;
47 padding-left: @padding-left-side;
48 input:not([type="button"]) {
52 .gridster-item-container .gridster-item-body {
57 .appCatalogue-boarder{
58 background-color: #eee;
59 border: 1px dashed white;
64 .app-catalog-container {
73 // margin-left: 230px;
80 justify-content: center;
86 .app-gridster-header {
92 .app-gridster-footer {
110 .slide.ng-hide-remove,
113 transition: all 0.5s ease;
117 transform: translate(-100%, 0);
119 .slide.ng-enter-active {
120 transform: translate(0, 0);
123 transform: translate(0, 0);
125 .slide.ng-leave-active {
126 transform: translate(+100%, 0);
128 .appCatalogue-boarder{
129 // border: 2px solid #ccc!important;
130 // border-radius: 16px!important;
134 .app-visibility.false {
139 display: inline-block;
150 display: inline-block;
152 vertical-align: bottom;
160 -webkit-transition-property: width, height,margin-top;
161 -webkit-transition-duration: 0.5s;
162 -o-transition-property: width, height,margin-top;
163 -o-transition-duration: 0.5s;
164 -moz-transition-property: width, height,margin-top;
165 -moz-transition-duration: 0.5s;
167 .dock ul li a:hover {
178 padding: 0px 0px 0px 30px;
182 -webkit-transform: rotate(33deg);
183 -moz-transform: rotate(33deg);
184 -o-transform: rotate(33deg);
195 -webkit-transform: rotate(-33deg);
196 -moz-transform: rotate(-33deg);
197 -o-transform: rotate(-33deg);
211 * {margin: 0; padding: 0;}
212 body {background: #ccc;}
215 background: rgba(0, 0, 0, 0.5);
224 text-decoration: none;
225 font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
226 -webkit-font-smoothing: antialiased;
233 border-radius: 6px 6px 6px 6px;
240 .widgetHeaderBtn:hover, .widgetHeaderBtn:focus {
241 background: rgba(0, 0, 0, 0);
243 box-shadow: inset 0 0 0 2px #3a7999;
247 -webkit-transition:all linear 0.4s;
248 transition:all linear 0.4s;
249 height:100px; width:200px; background:white; border: 2px solid #ccc!important;
250 border-radius: 16px!important;
253 display: block!important;
268 /*application empty div*/
273 .text-center { text-align: center; }
275 .text-right { text-align: right; }
277 .text-justify { text-align: justify; }
285 border: 1px solid #067ab4;
288 border-radius: 6px 0px 6px 6px;
301 .optionsMenu > li:hover a {
302 color: #ffffff !important;
308 .optionsMenu > li:hover {
309 background-color: #0faaf7;
310 border-color: none !important;
314 .simulateCatGridHeader{
316 height: 70px !important;
317 border: 1px solid #d3d3d3;
319 background-color: #E5E5E5;
321 text-overflow: ellipsis;
325 .simulateCatGridHeaderTitle{
329 font-family: "Omnes-ECOMP-W02", Arial;
335 .simulateCatGridHeaderRadio{
339 font-family: "Omnes-ECOMP-W02", Arial;
345 .simulateCatGridHeaderDetails{
348 font-family: "Omnes-ECOMP-W02", Arial;
354 .simulateGridHeaderHandle{
361 vertical-align: middle;
362 -ms-interpolation-mode: bicubic;
366 .portal-checkbox--on .portal-checkbox__indicator, .portal-radio--on .portal-radio__indicator {
373 -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
374 -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
375 -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
376 -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
377 transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
382 .animate-enter.animate-enter-active,
389 .animate-leave.animate-leave-active,
396 /** gridster style**/
402 border: 1px solid #ccc;
403 background-color: #fff;
404 transition: transform 0.5s ease-out;
406 .gridster-box-header {
407 background-color: #fff;
408 padding: 0 0px 0 10px;
409 border-bottom: 1px solid #ccc;
411 height: 50px !important;
413 .gridster-box-header h3 {
415 display: inline-block;
416 font-family: "Omnes-ECOMP-W02", Arial;
418 .gridster-box-content {
422 transform: scale(1.1);
424 .gridster-box-header-btns {
442 .icon-content-gridguide{
446 .icon-tickets-contested{
456 .access-request-txt {
461 display:inline-block;
466 .radio input:checked + .skin:after{