-.w-ecomp-dashboard-home {\r
- .bg_portalWhite;//white for 1702\r
- position: @page-main-position;\r
- top: @page-main-top;\r
- left: @page-main-left;\r
- right: @page-main-right;\r
- bottom: @page-main-bottom;\r
- padding-top: @padding-top;\r
- overflow-y: @page-main-overflow-y;\r
- padding-left: @padding-left-side;\r
-\r
- .gridster-item-container .gridster-item-body {\r
- overflow-y:auto;\r
- overflow-x:hidden;\r
- }\r
-\r
- .dashboard-home-container {\r
- position: relative;\r
- padding-right: 0;\r
- padding-left: 0;\r
- padding-bottom: @container-bottom;\r
-\r
- .dashboard-home-title {\r
- .blackText24m;\r
- margin: auto;\r
- .content_justify;\r
- }\r
- \r
- .portals-list {\r
- min-height: 70vh;\r
- //display: flex;\r
- justify-content: center;\r
- flex-flow: row wrap;\r
- width: @table-width;\r
- //margin-left: 230px;\r
- margin-bottom: 63px;\r
- margin:auto;\r
- .app-gridster-header {\r
- background-color: @u;\r
- font-size:12px;\r
- overflow:hidden\r
- }\r
-\r
- .app-gridster-footer {\r
- background-color: @u;\r
- }\r
-\r
- .portals-list-item {\r
- background-color: @u;\r
- border-radius: 2px;\r
- box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);\r
- display: inline-block;\r
- width: 360px;\r
- height: 300px;\r
- background-size: cover;\r
- cursor: pointer;\r
- margin: 15px;\r
- overflow: hidden;\r
-\r
- .portals-item-info {\r
- background-color: @u;\r
- height: 120px;\r
- top: 180px;\r
- position: relative;\r
- box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);\r
- padding: 16px;\r
-\r
- .info-title {\r
- .blackText24m;\r
- margin-bottom: 4px;\r
- \r
- text-overflow: ellipsis;\r
- overflow: hidden;\r
- }\r
- .info-description {\r
- .portalDBlue16r;\r
- text-overflow: ellipsis;\r
- white-space: nowrap;\r
- overflow: hidden;\r
- }\r
- .info-button {\r
- .btn-green;\r
- width: 96px;\r
- position: absolute;\r
- bottom: 16px;\r
- left: 16px;\r
- }\r
-\r
- &:hover {\r
- opacity: .93;\r
- z-index: 3;\r
- }\r
- }\r
- }\r
- }\r
- }\r
-}\r
-.w-ecomp-main-error{ \r
- .portalRed;\r
- position: absolute;\r
- width: 100%;\r
- line-height: 1.5em; \r
-}\r
-.w-ecomp-main-disclaimer {\r
- text-align: center;\r
- .dGray14r;\r
- //position: absolute;\r
- bottom: -75px;\r
- line-height: 1.5em;\r
- margin: 0 auto;\r
- width:1170px;\r
- position: relative;\r
-\r
-}\r
-\r
-@keyframes fadein {\r
- from {\r
- opacity: 0;\r
- }\r
- to {\r
- opacity: 1;\r
- }\r
-}\r
-\r
-.slide.ng-hide-add, \r
-.slide.ng-hide-remove,\r
-.slide.ng-enter,\r
-.slide.ng-leave {\r
- transition: all 0.5s ease;\r
-}\r
-.slide.ng-hide,\r
-.slide.ng-enter {\r
- transform: translate(-100%, 0);\r
-}\r
-.slide.ng-enter-active {\r
- transform: translate(0, 0);\r
-}\r
-.slide.ng-leave {\r
- transform: translate(0, 0);\r
-}\r
-.slide.ng-leave-active {\r
- transform: translate(+100%, 0);\r
-}\r
-.dashboard-boarder{\r
- // border: 2px solid #ccc!important; \r
- // border-radius: 16px!important; \r
- height: 210px;\r
- overflow: auto;\r
-}\r
-.dashboard-information-boarder{\r
- border: 2px solid #ccc!important; \r
- border-radius: 16px!important; \r
-}\r
-\r
-#information-section {\r
- margin-top:50px;\r
-}\r
-\r
-.information-section-title{\r
- color: #0574ac;\r
- font-family: Omnes-ECOMP-W02-Bold,Arial;\r
- font-size: 25px;\r
- margin: 20px;\r
- width: 1170px;\r
-}\r
-#left {\r
- float: left;\r
- width: 33%;\r
- height:300px;\r
- background-color: white;\r
-}\r
-\r
-#center {\r
- float: right;\r
- width: 33%;\r
- height:300px;\r
- background: white;\r
-} \r
-#right {\r
- margin-left:34%;\r
- margin-right:34%;\r
- height:300px;\r
- background:white;\r
-} \r
-\r
-\r
-/*hover*/\r
-\r
-\r
-.dock ul{\r
-display: inline-block;\r
-\r
-width: auto;\r
-margin: 0px;\r
-padding: 0px;\r
-list-style: none;\r
-\r
-}\r
-.dock ul li {\r
-width: auto;\r
-height: auto;\r
-display: inline-block;\r
-bottom: 0;\r
-vertical-align: bottom;\r
-margin-top: -43px;\r
-}\r
-.dock ul li a {\r
-display: block;\r
-height: 150px;\r
-width: 150px;\r
-position: relative;\r
--webkit-transition-property: width, height,margin-top;\r
--webkit-transition-duration: 0.5s;\r
--o-transition-property: width, height,margin-top;\r
--o-transition-duration: 0.5s;\r
--moz-transition-property: width, height,margin-top;\r
--moz-transition-duration: 0.5s;\r
-}\r
-.dock ul li a:hover {\r
-width: 200px;\r
-height: 200px;\r
-margin-top: -50px;\r
-}\r
-.dock ul li a img {\r
-width: 100%;\r
-position: absolute;\r
-bottom: 0;\r
-left: 0;\r
-border: none;\r
-padding: 0px 0px 0px 30px;\r
-}\r
-.dock_left{\r
-width: 31px;\r
--webkit-transform: rotate(33deg);\r
--moz-transform: rotate(33deg);\r
--o-transform: rotate(33deg);\r
-position: relative;\r
-background: #EEE;\r
-overflow: hidden;\r
-float: left;\r
-height: 100px;\r
-z-index: 2;\r
-margin: -18px;\r
-}\r
-.dock_right{\r
-width: 36px;\r
--webkit-transform: rotate(-33deg);\r
--moz-transform: rotate(-33deg);\r
--o-transform: rotate(-33deg);\r
-position: relative;\r
-background: #EEE;\r
-overflow: hidden;\r
-float: left;\r
-height: 100px;\r
-z-index: 2;\r
-margin: -18px;\r
-}\r
-\r
-\r
-\r
-\r
-/*Time for the CSS*/\r
-* {margin: 0; padding: 0;}\r
-body {background: #ccc;}\r
-\r
-.slider{\r
- width: 640px; /*Same as width of the large image*/\r
- position: relative;\r
- /*Instead of height we will use padding*/\r
- padding-top: 320px; /*That helps bring the labels down*/\r
- \r
- margin: 50px auto;\r
- \r
- /*Lets add a shadow*/\r
- box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);\r
-}\r
-\r
-\r
-/*Last thing remaining is to add transitions*/\r
-.slider>img{\r
- position: absolute;\r
- left: 0; top: 0;\r
- transition: all 0.5s;\r
-}\r
-\r
-.slider input[name='slide_switch'] {\r
- display: none;\r
-}\r
-\r
-.slider label {\r
- /*Lets add some spacing for the thumbnails*/\r
- margin: 18px 0 0 18px;\r
- border: 3px solid #999;\r
- \r
- float: left;\r
- cursor: pointer;\r
- transition: all 0.5s;\r
- \r
- /*Default style = low opacity*/\r
- opacity: 0.6;\r
-}\r
-\r
-.slider label img{\r
- display: block;\r
-}\r
-\r
-/*Time to add the click effects*/\r
-.slider input[name='slide_switch']:checked+label {\r
- border-color: #666;\r
- opacity: 1;\r
-}\r
-/*Clicking any thumbnail now should change its opacity(style)*/\r
-/*Time to work on the main images*/\r
-.slider input[name='slide_switch'] ~ img {\r
- opacity: 0;\r
- transform: scale(1.1);\r
-}\r
-/*That hides all main images at a 110% size\r
-On click the images will be displayed at normal size to complete the effect\r
-*/\r
-.slider input[name='slide_switch']:checked+label+img {\r
- opacity: 1;\r
- transform: scale(1);\r
-}\r
-/*Clicking on any thumbnail now should activate the image related to it*/\r
-\r
-/*We are done :)*/\r
-\r
-\r
-\r
-.accordion {\r
- width: 895px; height: 320px;\r
- overflow: hidden;\r
- box-shadow: 0 10px 6px -6px #111;\r
- margin: 20px auto\r
-}\r
-.accordion ul { width: 200% }\r
-\r
-.accordion li {\r
- position: relative;\r
- display: block;\r
- width: 160px;\r
- float: left;\r
- box-shadow: 0 0 30px 8px #222;\r
- transition: all 0.4s ease .300ms;\r
-}\r
-\r
-.accordion ul:hover li {width: 40px }\r
-.accordion ul li:hover {width: 640px }\r
-\r
-.caption {\r
- background: rgba(0, 0, 0, 0.5);\r
- position: absolute;\r
- bottom: 0; \r
- width: 640px\r
-}\r
-\r
-.caption a {\r
- display: block;\r
- color: #fff;\r
- text-decoration: none;\r
- font: normal 16px 'Lato', Helvetica, Arial, sans-serif;\r
- -webkit-font-smoothing: antialiased;\r
- padding: 15px;\r
-}\r
-\r
-\r
-/*events*/\r
-.events-date{\r
- margin-left: 10px; \r
- float:left; \r
- white-space: normal; \r
- display: inline-block; \r
- vertical-align: middle;\r
- width: 55px;\r
-}\r
-.event-title-div{\r
- float: left;\r
- width: 235px;\r
- line-height: 20px;\r
- padding: 5px;\r
- font-size: 14px; \r
- margin-left: 4px;\r
-}\r
-.events-date{\r
- height: 20px;\r
- margin-left: 4px; \r
- font-size: 14px; \r
-}\r
-.events-content{\r
- font-size: 14px; \r
- color: #444;\r
- margin-right: 10px;\r
-}\r
-.events-content-body{\r
- margin-top:5px;\r
- color:#444;\r
- margin-left:12px;\r
- line-height:1.5;\r
-}\r
-.events {\r
- border-radius: 4px;\r
- padding: 3px;\r
- -webkit-user-select: none; \r
-}\r
-.events ul {\r
- float: left;\r
- width:100%;\r
- -webkit-user-select: none\r
-}\r
-.events ul li {\r
- line-height: 30px; \r
- list-style: none;\r
- border-bottom: 2px solid grey;\r
- height: 100%;\r
- min-height: 42px;\r
-}\r
-.events ul li:hover {\r
- background: #ddd;\r
- cursor: pointer;\r
-}\r
-.events ul li a {\r
- color: black;\r
- text-decoration: none;\r
- font: 14px Helvetica, Arial, sans-serif;\r
- -webkit-font-smoothing: antialiased;\r
- -webkit-user-select: none;\r
- font-family: "Omnes-ECOMP-W02", Arial;\r
-}\r
-.events-link{\r
- color: #067ab4 !important; \r
-}\r
-\r
-\r
-/*widgets*/\r
-\r
-.handle-e{\r
- width: 5px;\r
-}\r
-\r
-.singleBtnBorder {\r
- border-radius: 6px 6px 6px 6px; \r
-}\r
-\r
-.widgetHeaderBtn{\r
- \r
- height: 30px;\r
- background-color: #FFFFFF;\r
- position: relative;\r
- display: inline-block;\r
- -moz-background-clip: padding-box;\r
- -webkit-background-clip: padding-box;\r
- background-clip: padding-box;\r
- -webkit-box-sizing: border-box;\r
- -moz-box-sizing: border-box;\r
- box-sizing: border-box;\r
- padding: 8px 20px;\r
- font-size: 14px;\r
- line-height: 14px;\r
- min-width: 60px;\r
- border: none;\r
- border-radius: 6px;\r
- background-color: #ffffff;\r
- background-image: none;\r
- color: #ffffff;\r
- vertical-align: middle;\r
- text-align: center;\r
- text-decoration: none;\r
- text-transform: capitalize;\r
- text-shadow: none !important;\r
- white-space: nowrap;\r
- cursor: pointer;\r
- -webkit-user-select: none;\r
- -moz-user-select: none;\r
- -ms-user-select: none;\r
- -o-user-select: none;\r
- user-select: none;\r
- -webkit-transition: background-color 0.3s ease-out;\r
- -moz-transition: background-color 0.3s ease-out;\r
- transition: background-color 0.3s ease-out;\r
- }\r
- \r
-.widgetHeaderBtnPosition {\r
- width: 30px;\r
- min-width: 0px;\r
- border: 1px solid #AAAAAA;\r
- padding-left: 3px;\r
- padding-right: 5px;\r
- }\r
- \r
-.icon-anchor {\r
- color: #888;\r
-}\r
- \r
-.widgetHeaderBtn:hover, .widgetHeaderBtn:focus {\r
- background: rgba(0, 0, 0, 0);\r
- color: #3a7999;\r
- box-shadow: inset 0 0 0 2px #3a7999;\r
-}\r
-/*news*/\r
-\r
-@keyframes ticker {\r
- 0% {margin-top: 0}\r
- 25% {margin-top: -55px}\r
- 50% {margin-top: -110px}\r
- 75% {margin-top: -165px}\r
- 100% {margin-top: 0}\r
-}\r
-\r
-body { background: #333; width: 100%; height: 100% }\r
-\r
-.news {\r
- \r
- width: 350px;\r
- height: 250px;\r
- margin: 0px auto;\r
- // overflow: auto;\r
- border-radius: 4px;\r
- padding: 3px;\r
- -webkit-user-select: none;\r
- \r
-} \r
-\r
-\r
-\r
-.news ul {\r
- float: left;\r
- width:100%;\r
- // animation: ticker 25s cubic-bezier(1, 0, .5, 0) infinite;\r
- -webkit-user-select: none\r
-}\r
-\r
-.news ul li {line-height: 30px; list-style: none;\r
- border-bottom: 2px solid grey;\r
- min-height: 42px;\r
- }\r
- \r
-.news ul li:hover {\r
- background: #ddd;\r
- cursor: pointer;\r
-}\r
-\r
-.news ul li a {\r
- color: black;\r
- text-decoration: none;\r
- font-size: 14px;\r
- line-height: 1.5;\r
- display: inline-block;\r
- width:100%;\r
- min-height:40px;\r
- padding-top: 5px;\r
- padding-bottom: 5px;\r
- -webkit-font-smoothing: antialiased;\r
- -webkit-user-select: none;\r
-}\r
-\r
-.news ul:hover { animation-play-state: paused }\r
-.news span:hover+ul { animation-play-state: paused }\r
-/*resources*/\r
-.resources {\r
- \r
- width: 100%;\r
- height: 200px;\r
- margin-left: 5px;\r
- border-radius: 4px;\r
- padding: 3px;\r
- -webkit-user-select: none;\r
- \r
-} \r
-\r
-\r
-\r
-.resources ul {\r
- float: left;\r
- width:100%;\r
- \r
- -webkit-user-select: none\r
-}\r
-\r
-.resources ul li {line-height: 30px; list-style: none;\r
- border-bottom: 2px solid grey;\r
- min-height: 42px;\r
- }\r
- \r
-.resources ul li:hover {\r
- background: #ddd;\r
- cursor: pointer;\r
-}\r
-\r
-.resources ul li a {\r
- color: black;\r
- text-decoration: none;\r
- font-size: 14px;\r
- line-height: 1.5;\r
- width:100%;\r
- min-height:40px;\r
- display: inline-block;\r
- padding-top: 5px;\r
- padding-bottom: 5px;\r
- -webkit-font-smoothing: antialiased;\r
- -webkit-user-select: none;\r
-}\r
-\r
-\r
-/* OTHER COLORS */\r
-.blue { background: #347fd0 }\r
-.blue span { background: #2c66be }\r
-.red { background: #d23435 }\r
-.red span { background: #c22b2c }\r
-.green { background: #699B67 }\r
-.green span { background: #547d52 }\r
-.magenta { background: #b63ace }\r
-.magenta span { background: #842696 }\r
-\r
-\r
-/*broadcast*/\r
-\r
-.box-one {\r
- -webkit-transition:all linear 0.4s;\r
- transition:all linear 0.4s;\r
- height:100px; width:200px; background:white; border: 2px solid #ccc!important;\r
- border-radius: 16px!important;\r
-}\r
-.box-one.ng-hide {\r
-display: block!important;\r
- opacity:0;\r
-}\r
-\r
-.gridsterContent{\r
- height:120px;\r
-}\r
-\r
-.gridster-item{\r
- z-index:0 !important;\r
-}\r
-.gridsterAppContent{\r
- height:120px;\r
- \r
-}\r
-\r
- .gridsterImage{\r
- height:84px; \r
- width:168px;\r
- }\r
- .grider-content-ecomp{\r
- transition: transform 0.5s ease-out;\r
- }\r
- .grider-content-ecomp:hover{\r
- transform: scale(1.1);\r
-}\r
-\r
-\r
-/*information section*/\r
-\r
-.information-section{\r
- /*margin-top:25px;*/\r
-}\r
-.information-section-gridsterContent{\r
- /*height:300px;*/\r
-}\r
-.information-sections-gridster-header{\r
- color: #0574ac;\r
- font-family: Omnes-ECOMP-W02-Bold,Arial;\r
- font-size: 25px;\r
- \r
-}\r
-/*application empty div*/\r
-.app-error-block {\r
- padding-top: 10px;\r
- \r
-}\r
-/*news empty div*/\r
-.activity-error-block {\r
- padding-top: 60px;\r
- \r
-}\r
-\r
-.activity-error-msg1{\r
- text-align: center;\r
- margin-top: 20px;\r
- font-family: "Omnes-ECOMP-W02", Arial;\r
- color: #444;\r
- font-size: 20px;\r
- \r
-}\r
-\r
-.newstape {\r
- background: white;\r
- color: black;\r
- height: 400px;\r
- overflow: hidden;\r
-}\r
-\r
-.newstape-content {\r
- position: relative;\r
- padding: 15px;\r
-}\r
-\r
-.newstape-drag { cursor: ns-resize; }\r
-\r
-.text-center { text-align: center; }\r
-\r
-.text-right { text-align: right; }\r
-\r
-.text-justify { text-align: justify; }\r
-\r
-// #newsContainer{\r
-// overflow:auto;\r
-// height: 100%;\r
-// }\r
-\r
-/*widget header*/\r
-.optionsMenu{\r
- position: absolute;\r
- list-style: none;\r
- top: 25px;\r
- right: 10px;\r
- border: 1px solid #067ab4;\r
- display: none;\r
- z-index: 2;\r
- border-radius: 6px 0px 6px 6px;\r
- background: #fff;\r
- width: 130px;\r
-}\r
-\r
-.optionsMenuLink {\r
- position: relative;\r
- padding-left: 8px;\r
- padding-right: 2px;\r
- font-size: 12px;\r
- line-height: 30px;\r
- color: #444444;\r
-}\r
-.optionsMenu > li:hover a {\r
- color: #ffffff !important;\r
-}\r
-.optionsMenu > li {\r
- width: 100%;\r
- text-align: left;\r
-}\r
-.optionsMenu > li:hover {\r
- background-color: #0faaf7;\r
- border-color: none !important;\r
- cursor: pointer;\r
-}\r
-\r
-.dashboardSortHeader{\r
- margin-left: 756px;\r
-}\r
-\r
-#dashboardAddWidgetPreference{\r
- display: inline-block; \r
- font-size: 14px; \r
- color: #3e3e3e; \r
- width: 69%; \r
- text-align: center; \r
- padding: 15px 0px 15px 0px;\r
- font-family: "Omnes-ECOMP-W02", Arial;\r
-}\r
-\r
-#dashboardAddWidgetPreference:hover{\r
- background-color: #0568ae;\r
- color:white !important; \r
-}\r
-\r
-#dashboardDefaultPreference{\r
- display: inline-block; \r
- font-size: 14px; \r
- color: #3e3e3e; \r
- width: 30%; \r
- text-align: center; \r
- padding: 15px 0px 15px 0px; \r
- font-family: "Omnes-ECOMP-W02", Arial;\r
-}\r
-\r
-#dashboardDefaultPreference:hover{\r
- background-color: #0568ae;\r
- color:white !important; \r
-}\r
-\r
-.simulateGridHeader{\r
- position: relative;\r
- height: 50px !important;\r
- border: 1px solid #d3d3d3;\r
- border-bottom: 0;\r
- background-color: #E5E5E5;\r
- white-space: nowrap;\r
- text-overflow: ellipsis;\r
- z-index: 1;\r
-}\r
-\r
-.simulateGridHeaderTitle{\r
- line-height: 44px;\r
- margin-left: 26px;\r
- font-family: "Omnes-ECOMP-W02", Arial;\r
- font-size: 18px; \r
- color: #444444;\r
- float: left;\r
-}\r
-\r
-.simulateGridHeaderHandle{\r
- cursor: move;\r
- margin: 12px;\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- border: 0;\r
- vertical-align: middle;\r
- -ms-interpolation-mode: bicubic;\r
- display: block;\r
-}\r
-\r
-/* apps gridsters */\r
-ul {\r
- list-style: none;\r
-}\r
-.gridster-box {\r
- height: 100%;\r
- border: 1px solid #ccc;\r
- background-color: #fff;\r
- transition: transform 0.5s ease-out;\r
-}\r
-.gridster-box-header {\r
- background-color: #fff;\r
- padding: 0 0px 0 10px;\r
- border-bottom: 1px solid #ccc;\r
- position: relative;\r
- height: 50px !important;\r
-}\r
-.gridster-box-header h3 {\r
- margin-top: 15px;\r
- display: inline-block;\r
- font-family: "Omnes-ECOMP-W02", Arial;\r
-}\r
-\r
-.gridster-box-header i {\r
-font-size: 22px; \r
-}\r
-\r
-.gridster-box-content {\r
- padding: 59px;\r
-}\r
-.gridster-box:hover{\r
- transform: scale(1.1);\r
-}\r
-.gridster-box-header-btns {\r
- top: 15px;\r
- right: 10px;\r
- position: absolute;\r
-}\r
-\r
-/*** widgets ***/\r
-ul {\r
- list-style: none;\r
-}\r
-.box {\r
- height: 100%;\r
- border: 1px solid #ccc;\r
- background-color: #fff;\r
- font-family: "Omnes-ECOMP-W02", Arial;\r
-}\r
-.box-header {\r
- height : 50px;\r
- background-color: #fff;\r
- padding: 0 30px 0 10px;\r
- border-bottom: 1px solid #ccc;\r
- position: relative;\r
-}\r
-.box-header h3 {\r
- margin-top: 15px;\r
- display: inline-block;\r
- font-size: 16px;\r
-}\r
-.box-content {\r
- position: absolute;\r
- width: 100%;\r
- top: 50px;\r
- left: 0;\r
- right: 0;\r
- bottom: 29px;\r
- border: 1px solid #d3d3d3;\r
- box-sizing: border-box;\r
- overflow-y: auto;\r
- overflow-x: hidden;\r
- color: #444444;\r
- bottom: 0px;\r
-}\r
-.box-header-btns {\r
- top: 10px;\r
- right: 10px;\r
- cursor: pointer;\r
- position: absolute;\r
-}\r
-\r
-#widget-boarder{\r
- background-color: #eee;\r
- border: 1px dashed white;\r
-}\r
-.icon-content-gridguide{\r
-cursor:move;\r
+.w-ecomp-dashboard-home {
+ .bg_portalWhite;//white for 1702
+ position: @page-main-position;
+ top: @page-main-top;
+ left: @page-main-left;
+ right: @page-main-right;
+ bottom: @page-main-bottom;
+ padding-top: @padding-top;
+ overflow-y: @page-main-overflow-y;
+ padding-left: @padding-left-side;
+
+ .gridster-item-container .gridster-item-body {
+ overflow-y:auto;
+ overflow-x:hidden;
+ }
+
+ .dashboard-home-container {
+ position: relative;
+ padding-right: 0;
+ padding-left: 0;
+ padding-bottom: @container-bottom;
+
+ .dashboard-home-title {
+ .blackText24m;
+ margin: auto;
+ .content_justify;
+ }
+
+ .portals-list {
+ min-height: 70vh;
+ //display: flex;
+ justify-content: center;
+ flex-flow: row wrap;
+ width: @table-width;
+ //margin-left: 230px;
+ margin-bottom: 63px;
+ margin:auto;
+ .app-gridster-header {
+ background-color: @u;
+ font-size:12px;
+ overflow:hidden
+ }
+
+ .app-gridster-footer {
+ background-color: @u;
+ }
+
+ .portals-list-item {
+ background-color: @u;
+ border-radius: 2px;
+ box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
+ display: inline-block;
+ width: 360px;
+ height: 300px;
+ background-size: cover;
+ cursor: pointer;
+ margin: 15px;
+ overflow: hidden;
+
+ .portals-item-info {
+ background-color: @u;
+ height: 120px;
+ top: 180px;
+ position: relative;
+ box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
+ padding: 16px;
+
+ .info-title {
+ .blackText24m;
+ margin-bottom: 4px;
+
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+ .info-description {
+ .portalDBlue16r;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+ .info-button {
+ .btn-green;
+ width: 96px;
+ position: absolute;
+ bottom: 16px;
+ left: 16px;
+ }
+
+ &:hover {
+ opacity: .93;
+ z-index: 3;
+ }
+ }
+ }
+ }
+ }
+}
+.w-ecomp-main-error{
+ .portalRed;
+ position: absolute;
+ width: 100%;
+ line-height: 1.5em;
+}
+.w-ecomp-main-disclaimer {
+ text-align: center;
+ .dGray14r;
+ //position: absolute;
+ bottom: -75px;
+ line-height: 1.5em;
+ margin: 0 auto;
+ width:1170px;
+ position: relative;
+
+}
+
+@keyframes fadein {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+.slide.ng-hide-add,
+.slide.ng-hide-remove,
+.slide.ng-enter,
+.slide.ng-leave {
+ transition: all 0.5s ease;
+}
+.slide.ng-hide,
+.slide.ng-enter {
+ transform: translate(-100%, 0);
+}
+.slide.ng-enter-active {
+ transform: translate(0, 0);
+}
+.slide.ng-leave {
+ transform: translate(0, 0);
+}
+.slide.ng-leave-active {
+ transform: translate(+100%, 0);
+}
+.dashboard-boarder{
+ // border: 2px solid #ccc!important;
+ // border-radius: 16px!important;
+ height: 210px;
+ overflow: auto;
+}
+.dashboard-information-boarder{
+ border: 2px solid #ccc!important;
+ border-radius: 16px!important;
+}
+
+#information-section {
+ margin-top:50px;
+}
+
+.information-section-title{
+ color: #0574ac;
+ font-family: Omnes-ECOMP-W02-Bold,Arial;
+ font-size: 25px;
+ margin: 20px;
+ width: 1170px;
+}
+#left {
+ float: left;
+ width: 33%;
+ height:300px;
+ background-color: white;
+}
+
+#center {
+ float: right;
+ width: 33%;
+ height:300px;
+ background: white;
+}
+#right {
+ margin-left:34%;
+ margin-right:34%;
+ height:300px;
+ background:white;
+}
+
+
+/*hover*/
+
+
+.dock ul{
+display: inline-block;
+
+width: auto;
+margin: 0px;
+padding: 0px;
+list-style: none;
+
+}
+.dock ul li {
+width: auto;
+height: auto;
+display: inline-block;
+bottom: 0;
+vertical-align: bottom;
+margin-top: -43px;
+}
+.dock ul li a {
+display: block;
+height: 150px;
+width: 150px;
+position: relative;
+-webkit-transition-property: width, height,margin-top;
+-webkit-transition-duration: 0.5s;
+-o-transition-property: width, height,margin-top;
+-o-transition-duration: 0.5s;
+-moz-transition-property: width, height,margin-top;
+-moz-transition-duration: 0.5s;
+}
+.dock ul li a:hover {
+width: 200px;
+height: 200px;
+margin-top: -50px;
+}
+.dock ul li a img {
+width: 100%;
+position: absolute;
+bottom: 0;
+left: 0;
+border: none;
+padding: 0px 0px 0px 30px;
+}
+.dock_left{
+width: 31px;
+-webkit-transform: rotate(33deg);
+-moz-transform: rotate(33deg);
+-o-transform: rotate(33deg);
+position: relative;
+background: #EEE;
+overflow: hidden;
+float: left;
+height: 100px;
+z-index: 2;
+margin: -18px;
+}
+.dock_right{
+width: 36px;
+-webkit-transform: rotate(-33deg);
+-moz-transform: rotate(-33deg);
+-o-transform: rotate(-33deg);
+position: relative;
+background: #EEE;
+overflow: hidden;
+float: left;
+height: 100px;
+z-index: 2;
+margin: -18px;
+}
+
+
+
+
+/*Time for the CSS*/
+* {margin: 0; padding: 0;}
+body {background: #ccc;}
+
+.slider{
+ width: 640px; /*Same as width of the large image*/
+ position: relative;
+ /*Instead of height we will use padding*/
+ padding-top: 320px; /*That helps bring the labels down*/
+
+ margin: 50px auto;
+
+ /*Lets add a shadow*/
+ box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
+}
+
+
+/*Last thing remaining is to add transitions*/
+.slider>img{
+ position: absolute;
+ left: 0; top: 0;
+ transition: all 0.5s;
+}
+
+.slider input[name='slide_switch'] {
+ display: none;
+}
+
+.slider label {
+ /*Lets add some spacing for the thumbnails*/
+ margin: 18px 0 0 18px;
+ border: 3px solid #999;
+
+ float: left;
+ cursor: pointer;
+ transition: all 0.5s;
+
+ /*Default style = low opacity*/
+ opacity: 0.6;
+}
+
+.slider label img{
+ display: block;
+}
+
+/*Time to add the click effects*/
+.slider input[name='slide_switch']:checked+label {
+ border-color: #666;
+ opacity: 1;
+}
+/*Clicking any thumbnail now should change its opacity(style)*/
+/*Time to work on the main images*/
+.slider input[name='slide_switch'] ~ img {
+ opacity: 0;
+ transform: scale(1.1);
+}
+/*That hides all main images at a 110% size
+On click the images will be displayed at normal size to complete the effect
+*/
+.slider input[name='slide_switch']:checked+label+img {
+ opacity: 1;
+ transform: scale(1);
+}
+/*Clicking on any thumbnail now should activate the image related to it*/
+
+/*We are done :)*/
+
+
+
+.accordion {
+ width: 895px; height: 320px;
+ overflow: hidden;
+ box-shadow: 0 10px 6px -6px #111;
+ margin: 20px auto
+}
+.accordion ul { width: 200% }
+
+.accordion li {
+ position: relative;
+ display: block;
+ width: 160px;
+ float: left;
+ box-shadow: 0 0 30px 8px #222;
+ transition: all 0.4s ease .300ms;
+}
+
+.accordion ul:hover li {width: 40px }
+.accordion ul li:hover {width: 640px }
+
+.caption {
+ background: rgba(0, 0, 0, 0.5);
+ position: absolute;
+ bottom: 0;
+ width: 640px
+}
+
+.caption a {
+ display: block;
+ color: #fff;
+ text-decoration: none;
+ font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
+ -webkit-font-smoothing: antialiased;
+ padding: 15px;
+}
+
+
+/*events*/
+.events-date{
+ margin-left: 10px;
+ float:left;
+ white-space: normal;
+ display: inline-block;
+ vertical-align: middle;
+ width: 55px;
+}
+.event-title-div{
+ float: left;
+ width: 235px;
+ line-height: 20px;
+ padding: 5px;
+ font-size: 14px;
+ margin-left: 4px;
+}
+.events-date{
+ height: 20px;
+ margin-left: 4px;
+ font-size: 14px;
+}
+.events-content{
+ font-size: 14px;
+ color: #444;
+ margin-right: 10px;
+}
+.events-content-body{
+ margin-top:5px;
+ color:#444;
+ margin-left:12px;
+ line-height:1.5;
+}
+.events {
+ border-radius: 4px;
+ padding: 3px;
+ -webkit-user-select: none;
+}
+.events ul {
+ float: left;
+ width:100%;
+ -webkit-user-select: none
+}
+.events ul li {
+ line-height: 30px;
+ list-style: none;
+ border-bottom: 2px solid grey;
+ height: 100%;
+ min-height: 42px;
+}
+.events ul li:hover {
+ background: #ddd;
+ cursor: pointer;
+}
+.events ul li a {
+ color: black;
+ text-decoration: none;
+ font: 14px Helvetica, Arial, sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -webkit-user-select: none;
+ font-family: "Omnes-ECOMP-W02", Arial;
+}
+.events-link{
+ color: #067ab4 !important;
+}
+
+
+/*widgets*/
+
+.handle-e{
+ width: 5px;
+}
+
+.singleBtnBorder {
+ border-radius: 6px 6px 6px 6px;
+}
+
+.widgetHeaderBtn{
+
+ height: 30px;
+ background-color: #FFFFFF;
+ position: relative;
+ display: inline-block;
+ -moz-background-clip: padding-box;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 8px 20px;
+ font-size: 14px;
+ line-height: 14px;
+ min-width: 60px;
+ border: none;
+ border-radius: 6px;
+ background-color: #ffffff;
+ background-image: none;
+ color: #ffffff;
+ vertical-align: middle;
+ text-align: center;
+ text-decoration: none;
+ text-transform: capitalize;
+ text-shadow: none !important;
+ white-space: nowrap;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ -webkit-transition: background-color 0.3s ease-out;
+ -moz-transition: background-color 0.3s ease-out;
+ transition: background-color 0.3s ease-out;
+ }
+
+.widgetHeaderBtnPosition {
+ width: 30px;
+ min-width: 0px;
+ border: 1px solid #AAAAAA;
+ padding-left: 3px;
+ padding-right: 5px;
+ }
+
+.icon-anchor {
+ color: #888;
+}
+
+.widgetHeaderBtn:hover, .widgetHeaderBtn:focus {
+ background: rgba(0, 0, 0, 0);
+ color: #3a7999;
+ box-shadow: inset 0 0 0 2px #3a7999;
+}
+/*news*/
+
+@keyframes ticker {
+ 0% {margin-top: 0}
+ 25% {margin-top: -55px}
+ 50% {margin-top: -110px}
+ 75% {margin-top: -165px}
+ 100% {margin-top: 0}
+}
+
+body { background: #333; width: 100%; height: 100% }
+
+.news {
+
+ width: 350px;
+ height: 250px;
+ margin: 0px auto;
+ // overflow: auto;
+ border-radius: 4px;
+ padding: 3px;
+ -webkit-user-select: none;
+
+}
+
+
+
+.news ul {
+ float: left;
+ width:100%;
+ // animation: ticker 25s cubic-bezier(1, 0, .5, 0) infinite;
+ -webkit-user-select: none
+}
+
+.news ul li {line-height: 30px; list-style: none;
+ border-bottom: 2px solid grey;
+ min-height: 42px;
+ }
+
+.news ul li:hover {
+ background: #ddd;
+ cursor: pointer;
+}
+
+.news ul li a {
+ color: black;
+ text-decoration: none;
+ font-size: 14px;
+ line-height: 1.5;
+ display: inline-block;
+ width:100%;
+ min-height:40px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ -webkit-font-smoothing: antialiased;
+ -webkit-user-select: none;
+}
+
+.news ul:hover { animation-play-state: paused }
+.news span:hover+ul { animation-play-state: paused }
+/*resources*/
+.resources {
+
+ width: 100%;
+ height: 200px;
+ margin-left: 5px;
+ border-radius: 4px;
+ padding: 3px;
+ -webkit-user-select: none;
+
+}
+
+
+
+.resources ul {
+ float: left;
+ width:100%;
+
+ -webkit-user-select: none
+}
+
+.resources ul li {line-height: 30px; list-style: none;
+ border-bottom: 2px solid grey;
+ min-height: 42px;
+ }
+
+.resources ul li:hover {
+ background: #ddd;
+ cursor: pointer;
+}
+
+.resources ul li a {
+ color: black;
+ text-decoration: none;
+ font-size: 14px;
+ line-height: 1.5;
+ width:100%;
+ min-height:40px;
+ display: inline-block;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ -webkit-font-smoothing: antialiased;
+ -webkit-user-select: none;
+}
+
+
+/* OTHER COLORS */
+.blue { background: #347fd0 }
+.blue span { background: #2c66be }
+.red { background: #d23435 }
+.red span { background: #c22b2c }
+.green { background: #699B67 }
+.green span { background: #547d52 }
+.magenta { background: #b63ace }
+.magenta span { background: #842696 }
+
+
+/*broadcast*/
+
+.box-one {
+ -webkit-transition:all linear 0.4s;
+ transition:all linear 0.4s;
+ height:100px; width:200px; background:white; border: 2px solid #ccc!important;
+ border-radius: 16px!important;
+}
+.box-one.ng-hide {
+display: block!important;
+ opacity:0;
+}
+
+.gridsterContent{
+ height:120px;
+}
+
+.gridster-item{
+ z-index:0 !important;
+}
+.gridsterAppContent{
+ height:120px;
+
+}
+
+ .gridsterImage{
+ height:84px;
+ width:168px;
+ }
+ .grider-content-ecomp{
+ transition: transform 0.5s ease-out;
+ }
+ .grider-content-ecomp:hover{
+ transform: scale(1.1);
+}
+
+
+/*information section*/
+
+.information-section{
+ /*margin-top:25px;*/
+}
+.information-section-gridsterContent{
+ /*height:300px;*/
+}
+.information-sections-gridster-header{
+ color: #0574ac;
+ font-family: Omnes-ECOMP-W02-Bold,Arial;
+ font-size: 25px;
+
+}
+/*application empty div*/
+.app-error-block {
+ padding-top: 10px;
+
+}
+/*news empty div*/
+.activity-error-block {
+ padding-top: 60px;
+
+}
+
+.activity-error-msg1{
+ text-align: center;
+ margin-top: 20px;
+ font-family: "Omnes-ECOMP-W02", Arial;
+ color: #444;
+ font-size: 20px;
+
+}
+
+.newstape {
+ background: white;
+ color: black;
+ height: 400px;
+ overflow: hidden;
+}
+
+.newstape-content {
+ position: relative;
+ padding: 15px;
+}
+
+.newstape-drag { cursor: ns-resize; }
+
+.text-center { text-align: center; }
+
+.text-right { text-align: right; }
+
+.text-justify { text-align: justify; }
+
+// #newsContainer{
+// overflow:auto;
+// height: 100%;
+// }
+
+/*widget header*/
+.optionsMenu{
+ position: absolute;
+ list-style: none;
+ top: 25px;
+ right: 10px;
+ border: 1px solid #067ab4;
+ display: none;
+ z-index: 2;
+ border-radius: 6px 0px 6px 6px;
+ background: #fff;
+ width: 130px;
+}
+
+.optionsMenuLink {
+ position: relative;
+ padding-left: 8px;
+ padding-right: 2px;
+ font-size: 12px;
+ line-height: 30px;
+ color: #444444;
+}
+.optionsMenu > li:hover a {
+ color: #ffffff !important;
+}
+.optionsMenu > li {
+ width: 100%;
+ text-align: left;
+}
+.optionsMenu > li:hover {
+ background-color: #0faaf7;
+ border-color: none !important;
+ cursor: pointer;
+}
+
+.dashboardSortHeader{
+ margin-top: -44px;
+margin-left: 735px;
+}
+
+#dashboard-dropdown
+{
+position: absolute;
+margin-top: -37px;
+left: 80%;
+top: 42px;
+}
+
+#dashboardAddWidgetPreference{
+ display: inline-block;
+ font-size: 14px;
+ color: #3e3e3e;
+ width: 69%;
+ text-align: center;
+ padding: 15px 0px 15px 0px;
+ font-family: "Omnes-ECOMP-W02", Arial;
+}
+
+#dashboardAddWidgetPreference:hover{
+ background-color: #0568ae;
+ color:white !important;
+}
+
+#dashboardDefaultPreference{
+ display: inline-block;
+ font-size: 14px;
+ color: #3e3e3e;
+ width: 30%;
+ text-align: center;
+ padding: 15px 0px 15px 0px;
+ font-family: "Omnes-ECOMP-W02", Arial;
+}
+
+#dashboardDefaultPreference:hover{
+ background-color: #0568ae;
+ color:white !important;
+}
+
+.simulateGridHeader{
+ position: relative;
+ height: 50px !important;
+ border: 1px solid #d3d3d3;
+ border-bottom: 0;
+ background-color: #E5E5E5;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ z-index: 1;
+}
+
+.simulateGridHeaderTitle{
+ line-height: 44px;
+ margin-left: 26px;
+ font-family: "Omnes-ECOMP-W02", Arial;
+ font-size: 18px;
+ color: #444444;
+ float: left;
+}
+
+.simulateGridHeaderHandle{
+ cursor: move;
+ margin: 12px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 0;
+ vertical-align: middle;
+ -ms-interpolation-mode: bicubic;
+ display: block;
+}
+
+/* apps gridsters */
+ul {
+ list-style: none;
+}
+.gridster-box {
+ height: 100%;
+ border: 1px solid #ccc;
+ background-color: #fff;
+ transition: transform 0.5s ease-out;
+}
+.gridster-box-header {
+ background-color: #fff;
+ padding: 0 0px 0 10px;
+ border-bottom: 1px solid #ccc;
+ position: relative;
+ height: 50px !important;
+}
+.gridster-box-header h3 {
+ margin-top: 15px;
+ display: inline-block;
+ font-family: "Omnes-ECOMP-W02", Arial;
+}
+
+.gridster-box-header i {
+font-size: 22px;
+}
+
+.gridster-box-content {
+ padding: 59px;
+}
+.gridster-box:hover{
+ transform: scale(1.1);
+}
+.gridster-box-header-btns {
+ top: 15px;
+ right: 10px;
+ position: absolute;
+}
+
+/*** widgets ***/
+ul {
+ list-style: none;
+}
+.box {
+ height: 100%;
+ border: 1px solid #ccc;
+ background-color: #fff;
+ font-family: "Omnes-ECOMP-W02", Arial;
+}
+.box-header {
+ height : 50px;
+ background-color: #fff;
+ padding: 0 30px 0 10px;
+ border-bottom: 1px solid #ccc;
+ position: relative;
+}
+.box-header h3 {
+ margin-top: 15px;
+ display: inline-block;
+ font-size: 16px;
+}
+.box-content {
+ position: absolute;
+ width: 100%;
+ top: 50px;
+ left: 0;
+ right: 0;
+ bottom: 29px;
+ border: 1px solid #d3d3d3;
+ box-sizing: border-box;
+ overflow-y: auto;
+ overflow-x: hidden;
+ color: #444444;
+ bottom: 0px;
+}
+.box-header-btns {
+ top: 10px;
+ right: 10px;
+ cursor: pointer;
+ position: absolute;
+}
+
+#widget-boarder{
+ background-color: #eee;
+ border: 1px dashed white;
+}
+.icon-content-gridguide{
+cursor:move;
}
\ No newline at end of file
Code Review / portal.git / blobdiff