2 * ================================================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ================================================================================
20 .w-ecomp-applications-home {
22 position: @page-main-position;
24 left: @page-main-left;
25 right: @page-main-right;
26 bottom: @page-main-bottom;
27 padding-top: @padding-top;
28 overflow-y: @page-main-overflow-y;
29 padding-left: @padding-left-side;
31 .gridster-item-container .gridster-item-body {
43 .applications-home-container {
46 padding: 15px 0 32px 0;
49 .applications-home-title {
57 justify-content: center;
64 .app-gridster-header {
70 .app-gridster-footer {
77 box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
78 display: inline-block;
81 background-size: cover;
91 box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
98 text-overflow: ellipsis;
103 text-overflow: ellipsis;
130 .w-ecomp-main-disclaimer {
133 //position: absolute;
155 .slide.ng-hide-remove,
158 transition: all 0.5s ease;
162 transform: translate(-100%, 0);
164 .slide.ng-enter-active {
165 transform: translate(0, 0);
168 transform: translate(0, 0);
170 .slide.ng-leave-active {
171 transform: translate(+100%, 0);
177 .dashboard-information-boarder{
178 border: 2px solid #ccc!important;
179 border-radius: 16px!important;
182 #information-section {
186 .information-section-title{
197 background-color:white;
215 display: inline-block;
226 display: inline-block;
228 vertical-align: bottom;
236 -webkit-transition-property: width, height,margin-top;
237 -webkit-transition-duration: 0.5s;
238 -o-transition-property: width, height,margin-top;
239 -o-transition-duration: 0.5s;
240 -moz-transition-property: width, height,margin-top;
241 -moz-transition-duration: 0.5s;
243 .dock ul li a:hover {
254 padding: 0px 0px 0px 30px;
258 -webkit-transform: rotate(33deg);
259 -moz-transform: rotate(33deg);
260 -o-transform: rotate(33deg);
271 -webkit-transform: rotate(-33deg);
272 -moz-transform: rotate(-33deg);
273 -o-transform: rotate(-33deg);
286 * {margin: 0; padding: 0;}
287 body {background: #ccc;}
296 box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
302 transition: all 0.5s;
305 .slider input[name='slide_switch'] {
310 margin: 18px 0 0 18px;
311 border: 3px solid #999;
315 transition: all 0.5s;
324 .slider input[name='slide_switch']:checked+label {
329 .slider input[name='slide_switch'] ~ img {
331 transform: scale(1.1);
333 /*That hides all main images at a 110% size
334 On click the images will be displayed at normal size to complete the effect
336 .slider input[name='slide_switch']:checked+label+img {
342 width: 895px; height: 320px;
344 box-shadow: 0 10px 6px -6px #111;
347 .accordion ul { width: 200% }
354 box-shadow: 0 0 30px 8px #222;
355 transition: all 0.4s ease .300ms;
358 .accordion ul:hover li {width: 40px }
359 .accordion ul li:hover {width: 640px }
362 background: rgba(0, 0, 0, 0.5);
371 text-decoration: none;
372 font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
373 -webkit-font-smoothing: antialiased;
384 display: inline-block;
385 vertical-align: middle;
406 .events-content-body{
415 -webkit-user-select: none;
420 -webkit-user-select: none
425 border-bottom: 2px solid grey;
429 .events ul li:hover {
435 text-decoration: none;
436 font: 14px Helvetica, Arial, sans-serif;
437 -webkit-font-smoothing: antialiased;
438 -webkit-user-select: none;
442 color: #067ab4 !important;
449 border-radius: 6px 6px 6px 6px;
455 background-color: #FFFFFF;
457 display: inline-block;
458 -moz-background-clip: padding-box;
459 -webkit-background-clip: padding-box;
460 background-clip: padding-box;
461 -webkit-box-sizing: border-box;
462 -moz-box-sizing: border-box;
463 box-sizing: border-box;
470 background-color: #ffffff;
471 background-image: none;
473 vertical-align: middle;
475 text-decoration: none;
476 text-transform: capitalize;
480 -webkit-user-select: none;
481 -moz-user-select: none;
482 -ms-user-select: none;
483 -o-user-select: none;
485 -webkit-transition: background-color 0.3s ease-out;
486 -moz-transition: background-color 0.3s ease-out;
487 transition: background-color 0.3s ease-out;
490 .widgetHeaderBtnPosition {
493 border: 1px solid #AAAAAA;
502 .widgetHeaderBtn:hover, .widgetHeaderBtn:focus {
503 background: rgba(0, 0, 0, 0);
505 box-shadow: inset 0 0 0 2px #3a7999;
510 25% {margin-top: -55px}
511 50% {margin-top: -110px}
512 75% {margin-top: -165px}
516 body { background: #333; width: 100%; height: 100% }
525 -webkit-user-select: none;
534 -webkit-user-select: none
537 .news ul li {line-height: 30px; list-style: none;
538 border-bottom: 2px solid grey;
549 text-decoration: none;
552 display: inline-block;
557 -webkit-font-smoothing: antialiased;
558 -webkit-user-select: none;
560 /* font-family: arial;*/
563 .news ul:hover { animation-play-state: paused }
564 .news span:hover+ul { animation-play-state: paused }
572 -webkit-user-select: none;
582 -webkit-user-select: none
585 .resources ul li {line-height: 30px; list-style: none;
586 border-bottom: 2px solid grey;
590 .resources ul li:hover {
597 text-decoration: none;
602 display: inline-block;
605 -webkit-font-smoothing: antialiased;
606 -webkit-user-select: none;
610 .blue { background: #347fd0 }
611 .blue span { background: #2c66be }
612 .red { background: #d23435 }
613 .red span { background: #c22b2c }
614 .green { background: #699B67 }
615 .green span { background: #547d52 }
616 .magenta { background: #b63ace }
617 .magenta span { background: #842696 }
621 -webkit-transition:all linear 0.4s;
622 transition:all linear 0.4s;
623 height:100px; width:200px; background:white; border: 2px solid #ccc!important;
624 border-radius: 16px!important;
627 display: block!important;
643 .grider-content-ecomp{
644 transition: transform 0.5s ease-out;
646 .grider-content-ecomp:hover{
647 transform: scale(1.1);
651 .information-section{
654 .information-section-gridsterContent{
657 .information-sections-gridster-header{
663 /*application empty div*/
668 .activity-error-block {
673 .activity-error-msg1{
694 .newstape-drag { cursor: ns-resize; }
696 .text-center { text-align: center; }
698 .text-right { text-align: right; }
700 .text-justify { text-align: justify; }
707 border: 1px solid #067ab4;
710 border-radius: 6px 0px 6px 6px;
723 .optionsMenu > li:hover a {
724 color: #ffffff !important;
730 .optionsMenu > li:hover {
731 background-color: #0faaf7;
732 border-color: none !important;
738 height: 50px !important;
739 border: 1px solid #d3d3d3;
741 background-color: #E5E5E5;
743 text-overflow: ellipsis;
747 .simulateGridHeaderTitle{
756 .simulateGridHeaderHandle{
763 vertical-align: middle;
764 -ms-interpolation-mode: bicubic;