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;
483 .widgetHeaderBtnPosition {
486 border: 1px solid #AAAAAA;
495 .widgetHeaderBtn:hover, .widgetHeaderBtn:focus {
496 background: rgba(0, 0, 0, 0);
498 box-shadow: inset 0 0 0 2px #3a7999;
504 25% {margin-top: -55px}
505 50% {margin-top: -110px}
506 75% {margin-top: -165px}
510 body { background: #333; width: 100%; height: 100% }
520 -webkit-user-select: none;
529 // animation: ticker 25s cubic-bezier(1, 0, .5, 0) infinite;
530 -webkit-user-select: none
533 .news ul li {line-height: 30px; list-style: none;
534 border-bottom: 2px solid grey;
545 text-decoration: none;
548 display: inline-block;
553 -webkit-font-smoothing: antialiased;
554 -webkit-user-select: none;
557 .news ul:hover { animation-play-state: paused }
558 .news span:hover+ul { animation-play-state: paused }
567 -webkit-user-select: none;
577 -webkit-user-select: none
580 .resources ul li {line-height: 30px; list-style: none;
581 border-bottom: 2px solid grey;
585 .resources ul li:hover {
592 text-decoration: none;
597 display: inline-block;
600 -webkit-font-smoothing: antialiased;
601 -webkit-user-select: none;
606 .blue { background: #347fd0 }
607 .blue span { background: #2c66be }
608 .red { background: #d23435 }
609 .red span { background: #c22b2c }
610 .green { background: #699B67 }
611 .green span { background: #547d52 }
612 .magenta { background: #b63ace }
613 .magenta span { background: #842696 }
619 -webkit-transition:all linear 0.4s;
620 transition:all linear 0.4s;
621 height:100px; width:200px; background:white; border: 2px solid #ccc!important;
622 border-radius: 16px!important;
625 display: block!important;
634 z-index:0 !important;
645 .grider-content-ecomp{
646 transition: transform 0.5s ease-out;
648 .grider-content-ecomp:hover{
649 transform: scale(1.1);
653 /*information section*/
655 .information-section{
658 .information-section-gridsterContent{
661 .information-sections-gridster-header{
663 font-family: Omnes-ECOMP-W02-Bold,Arial;
667 /*application empty div*/
673 .activity-error-block {
678 .activity-error-msg1{
681 font-family: "Omnes-ECOMP-W02", Arial;
699 .newstape-drag { cursor: ns-resize; }
701 .text-center { text-align: center; }
703 .text-right { text-align: right; }
705 .text-justify { text-align: justify; }
718 border: 1px solid #067ab4;
721 border-radius: 6px 0px 6px 6px;
734 .optionsMenu > li:hover a {
735 color: #ffffff !important;
741 .optionsMenu > li:hover {
742 background-color: #0faaf7;
743 border-color: none !important;
747 .dashboardSortHeader{
760 #dashboardAddWidgetPreference{
761 display: inline-block;
766 padding: 15px 0px 15px 0px;
767 font-family: "Omnes-ECOMP-W02", Arial;
770 #dashboardAddWidgetPreference:hover{
771 background-color: #0568ae;
772 color:white !important;
775 #dashboardDefaultPreference{
776 display: inline-block;
781 padding: 15px 0px 15px 0px;
782 font-family: "Omnes-ECOMP-W02", Arial;
785 #dashboardDefaultPreference:hover{
786 background-color: #0568ae;
787 color:white !important;
792 height: 50px !important;
793 border: 1px solid #d3d3d3;
795 background-color: #E5E5E5;
797 text-overflow: ellipsis;
801 .simulateGridHeaderTitle{
804 font-family: "Omnes-ECOMP-W02", Arial;
810 .simulateGridHeaderHandle{
817 vertical-align: middle;
818 -ms-interpolation-mode: bicubic;
828 border: 1px solid #ccc;
829 background-color: #fff;
830 transition: transform 0.5s ease-out;
832 .gridster-box-header {
833 background-color: #fff;
834 padding: 0 0px 0 10px;
835 border-bottom: 1px solid #ccc;
837 height: 50px !important;
839 .gridster-box-header h3 {
841 display: inline-block;
842 font-family: "Omnes-ECOMP-W02", Arial;
845 .gridster-box-header i {
849 .gridster-box-content {
853 transform: scale(1.1);
855 .gridster-box-header-btns {
867 border: 1px solid #ccc;
868 background-color: #fff;
869 font-family: "Omnes-ECOMP-W02", Arial;
873 background-color: #fff;
874 padding: 0 30px 0 10px;
875 border-bottom: 1px solid #ccc;
880 display: inline-block;
890 border: 1px solid #d3d3d3;
891 box-sizing: border-box;
905 background-color: #eee;
906 border: 1px dashed white;
908 .icon-content-gridguide{
924 .gridster-box-pointer {
937 .widgetHeaderBtns-span {
940 .widgetHeaderBtns-img {
944 .widget-menu-options {