1 .w-ecomp-dashboard-home {
2 .bg_portalWhite;//white for 1702
3 position: @page-main-position;
6 right: @page-main-right;
7 bottom: @page-main-bottom;
8 padding-top: @padding-top;
9 overflow-y: @page-main-overflow-y;
10 padding-left: @padding-left-side;
12 .gridster-item-container .gridster-item-body {
17 .dashboard-home-container {
21 padding-bottom: @container-bottom;
23 .dashboard-home-title {
32 justify-content: center;
38 .app-gridster-header {
44 .app-gridster-footer {
51 box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
52 display: inline-block;
55 background-size: cover;
65 box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
72 text-overflow: ellipsis;
77 text-overflow: ellipsis;
104 .w-ecomp-main-disclaimer {
107 //position: absolute;
126 .slide.ng-hide-remove,
129 transition: all 0.5s ease;
133 transform: translate(-100%, 0);
135 .slide.ng-enter-active {
136 transform: translate(0, 0);
139 transform: translate(0, 0);
141 .slide.ng-leave-active {
142 transform: translate(+100%, 0);
145 // border: 2px solid #ccc!important;
146 // border-radius: 16px!important;
150 .dashboard-information-boarder{
151 border: 2px solid #ccc!important;
152 border-radius: 16px!important;
155 #information-section {
159 .information-section-title{
161 font-family: Omnes-ECOMP-W02-Bold,Arial;
170 background-color: white;
191 display: inline-block;
202 display: inline-block;
204 vertical-align: bottom;
212 -webkit-transition-property: width, height,margin-top;
213 -webkit-transition-duration: 0.5s;
214 -o-transition-property: width, height,margin-top;
215 -o-transition-duration: 0.5s;
216 -moz-transition-property: width, height,margin-top;
217 -moz-transition-duration: 0.5s;
219 .dock ul li a:hover {
230 padding: 0px 0px 0px 30px;
234 -webkit-transform: rotate(33deg);
235 -moz-transform: rotate(33deg);
236 -o-transform: rotate(33deg);
247 -webkit-transform: rotate(-33deg);
248 -moz-transform: rotate(-33deg);
249 -o-transform: rotate(-33deg);
263 * {margin: 0; padding: 0;}
264 body {background: #ccc;}
267 width: 640px; /*Same as width of the large image*/
269 /*Instead of height we will use padding*/
270 padding-top: 320px; /*That helps bring the labels down*/
274 /*Lets add a shadow*/
275 box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
279 /*Last thing remaining is to add transitions*/
283 transition: all 0.5s;
286 .slider input[name='slide_switch'] {
291 /*Lets add some spacing for the thumbnails*/
292 margin: 18px 0 0 18px;
293 border: 3px solid #999;
297 transition: all 0.5s;
299 /*Default style = low opacity*/
307 /*Time to add the click effects*/
308 .slider input[name='slide_switch']:checked+label {
312 /*Clicking any thumbnail now should change its opacity(style)*/
313 /*Time to work on the main images*/
314 .slider input[name='slide_switch'] ~ img {
316 transform: scale(1.1);
318 /*That hides all main images at a 110% size
319 On click the images will be displayed at normal size to complete the effect
321 .slider input[name='slide_switch']:checked+label+img {
325 /*Clicking on any thumbnail now should activate the image related to it*/
332 width: 895px; height: 320px;
334 box-shadow: 0 10px 6px -6px #111;
337 .accordion ul { width: 200% }
344 box-shadow: 0 0 30px 8px #222;
345 transition: all 0.4s ease .300ms;
348 .accordion ul:hover li {width: 40px }
349 .accordion ul li:hover {width: 640px }
352 background: rgba(0, 0, 0, 0.5);
361 text-decoration: none;
362 font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
363 -webkit-font-smoothing: antialiased;
373 display: inline-block;
374 vertical-align: middle;
395 .events-content-body{
404 -webkit-user-select: none;
409 -webkit-user-select: none
414 border-bottom: 2px solid grey;
418 .events ul li:hover {
424 text-decoration: none;
425 font: 14px Helvetica, Arial, sans-serif;
426 -webkit-font-smoothing: antialiased;
427 -webkit-user-select: none;
428 font-family: "Omnes-ECOMP-W02", Arial;
431 color: #067ab4 !important;
442 border-radius: 6px 6px 6px 6px;
448 background-color: #FFFFFF;
450 display: inline-block;
451 -moz-background-clip: padding-box;
452 -webkit-background-clip: padding-box;
453 background-clip: padding-box;
454 -webkit-box-sizing: border-box;
455 -moz-box-sizing: border-box;
456 box-sizing: border-box;
463 background-color: #ffffff;
464 background-image: none;
466 vertical-align: middle;
468 text-decoration: none;
469 text-transform: capitalize;
470 text-shadow: none !important;
473 -webkit-user-select: none;
474 -moz-user-select: none;
475 -ms-user-select: none;
476 -o-user-select: none;
478 -webkit-transition: background-color 0.3s ease-out;
479 -moz-transition: background-color 0.3s ease-out;
480 transition: background-color 0.3s ease-out;
486 .widgetHeaderBtnPosition {
489 border: 1px solid #AAAAAA;
498 .widgetHeaderBtn:hover, .widgetHeaderBtn:focus {
499 background: rgba(0, 0, 0, 0);
501 box-shadow: inset 0 0 0 2px #3a7999;
507 25% {margin-top: -55px}
508 50% {margin-top: -110px}
509 75% {margin-top: -165px}
513 body { background: #333; width: 100%; height: 100% }
523 -webkit-user-select: none;
532 // animation: ticker 25s cubic-bezier(1, 0, .5, 0) infinite;
533 -webkit-user-select: none
536 .news ul li {line-height: 30px; list-style: none;
537 border-bottom: 2px solid grey;
548 text-decoration: none;
551 display: inline-block;
556 -webkit-font-smoothing: antialiased;
557 -webkit-user-select: none;
560 .news ul:hover { animation-play-state: paused }
561 .news span:hover+ul { animation-play-state: paused }
570 -webkit-user-select: none;
580 -webkit-user-select: none
583 .resources ul li {line-height: 30px; list-style: none;
584 border-bottom: 2px solid grey;
588 .resources ul li:hover {
595 text-decoration: none;
600 display: inline-block;
603 -webkit-font-smoothing: antialiased;
604 -webkit-user-select: none;
609 .blue { background: #347fd0 }
610 .blue span { background: #2c66be }
611 .red { background: #d23435 }
612 .red span { background: #c22b2c }
613 .green { background: #699B67 }
614 .green span { background: #547d52 }
615 .magenta { background: #b63ace }
616 .magenta span { background: #842696 }
622 -webkit-transition:all linear 0.4s;
623 transition:all linear 0.4s;
624 height:100px; width:200px; background:white; border: 2px solid #ccc!important;
625 border-radius: 16px!important;
628 display: block!important;
637 z-index:0 !important;
648 .grider-content-ecomp{
649 transition: transform 0.5s ease-out;
651 .grider-content-ecomp:hover{
652 transform: scale(1.1);
656 /*information section*/
658 .information-section{
661 .information-section-gridsterContent{
664 .information-sections-gridster-header{
666 font-family: Omnes-ECOMP-W02-Bold,Arial;
670 /*application empty div*/
676 .activity-error-block {
681 .activity-error-msg1{
684 font-family: "Omnes-ECOMP-W02", Arial;
702 .newstape-drag { cursor: ns-resize; }
704 .text-center { text-align: center; }
706 .text-right { text-align: right; }
708 .text-justify { text-align: justify; }
721 border: 1px solid #067ab4;
724 border-radius: 6px 0px 6px 6px;
737 .optionsMenu > li:hover a {
738 color: #ffffff !important;
744 .optionsMenu > li:hover {
745 background-color: #0faaf7;
746 border-color: none !important;
750 .dashboardSortHeader{
763 #dashboardAddWidgetPreference{
764 display: inline-block;
769 padding: 15px 0px 15px 0px;
770 font-family: "Omnes-ECOMP-W02", Arial;
773 #dashboardAddWidgetPreference:hover{
774 background-color: #0568ae;
775 color:white !important;
778 #dashboardDefaultPreference{
779 display: inline-block;
784 padding: 15px 0px 15px 0px;
785 font-family: "Omnes-ECOMP-W02", Arial;
788 #dashboardDefaultPreference:hover{
789 background-color: #0568ae;
790 color:white !important;
795 height: 50px !important;
796 border: 1px solid #d3d3d3;
798 background-color: #E5E5E5;
800 text-overflow: ellipsis;
804 .simulateGridHeaderTitle{
807 font-family: "Omnes-ECOMP-W02", Arial;
813 .simulateGridHeaderHandle{
820 vertical-align: middle;
821 -ms-interpolation-mode: bicubic;
831 border: 1px solid #ccc;
832 background-color: #fff;
833 transition: transform 0.5s ease-out;
835 .gridster-box-header {
836 background-color: #fff;
837 padding: 0 0px 0 10px;
838 border-bottom: 1px solid #ccc;
840 height: 50px !important;
842 .gridster-box-header h3 {
844 display: inline-block;
845 font-family: "Omnes-ECOMP-W02", Arial;
848 .gridster-box-header i {
852 .gridster-box-content {
856 transform: scale(1.1);
858 .gridster-box-header-btns {
870 border: 1px solid #ccc;
871 background-color: #fff;
872 font-family: "Omnes-ECOMP-W02", Arial;
876 background-color: #fff;
877 padding: 0 30px 0 10px;
878 border-bottom: 1px solid #ccc;
883 display: inline-block;
893 border: 1px solid #d3d3d3;
894 box-sizing: border-box;
908 background-color: #eee;
909 border: 1px dashed white;
911 .icon-content-gridguide{