@openveo/portal/assets/be/css/index.css

OpenVeo Portal gives access to medias exposed by OpenVeo server associated to an OpenVeo Publish plugin

@font-face{font-family:"Roboto";src:url("/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Roboto-Regular";src:url("/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff")}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.md-whiteframe-4dp,.md-whiteframe-z2{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 4px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}button *{position:relative}}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url("/material-design-icons/iconfont/MaterialIcons-Regular.eot");src:local("Material Icons"),local("MaterialIcons-Regular"),url("/material-design-icons/iconfont/MaterialIcons-Regular.woff2") format("woff2"),url("/material-design-icons/iconfont/MaterialIcons-Regular.woff") format("woff"),url("/material-design-icons/iconfont/MaterialIcons-Regular.ttf") format("truetype")}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}body{overflow:hidden;max-width:100%;max-height:100%;font-family:Roboto,Helvetica Neue,sans-serif}.opa-wrapper{position:relative;min-height:0}.opa-loader{height:100%}.opa-view.ng-hide-remove{transition:opacity 0.2s linear;opacity:0}.opa-view.ng-hide-remove.ng-ng-hide-remove-active{opacity:1}a{color:#1a91d1;text-decoration:none;outline:none}a:hover,a:focus{color:#e6007e}.md-button{transition:background-color 0.3s ease-in}.md-tooltip{border-radius:0}.opa-media-library-dialog.opa-dialog-100{width:100%;max-width:100%;height:100%;max-height:100%}.opa-media-library-dialog.opa-dialog-80{width:80%;max-width:80%;height:100%;max-height:630px}.opa-media-library-dialog.opa-dialog-55{width:55%;max-width:55%;height:100%;max-height:654px}.opa-media-library-dialog.opa-dialog-40{width:40%;max-width:40%;height:100%;max-height:654px}.opa-media-library-dialog md-dialog-content{flex-grow:1}.opa-media-library-dialog md-dialog-content opa-media-library{flex-grow:1}.opa-notification{width:100%;bottom:0}.opa-notification .md-toast-content{border-radius:0}.opa-notification .md-toast-content.opa-large{min-width:288px;max-width:568px;margin:0 auto;border-radius:2px}.opa-notification .md-toast-content>div{width:100%}.opa-notification .md-toast-content span{margin:14px 0;display:flex}.opa-promoted-videos.opa-error{background:none}.opa-promoted-videos.opa-error .opa-error-message{user-select:none}.opa-promoted-videos.opa-error .opa-error-message md-icon{width:270px;height:270px;margin:0;font-size:270px;color:#eee}.opa-promoted-videos.opa-error .opa-error-message span{color:#bdbdbd}.opa-promoted-videos .opa-submit{margin:10px 0 0 0}.opa-promoted-videos .opa-submit md-progress-circular{margin:0 auto}.opa-promoted-videos .opa-submit:not([disabled]).md-raised.md-focused{background-color:#1a6c99}.opa-promoted-videos .opa-containers{margin-top:16px;margin-bottom:16px;position:relative;left:8px}.opa-promoted-videos .opa-containers.opa-xs{width:316px;margin-left:auto;margin-right:auto}.opa-promoted-videos .opa-containers.opa-sm{width:474px;margin-left:auto;margin-right:auto}.opa-promoted-videos .opa-containers.opa-gt-sm{width:632px;margin-left:8px}.opa-promoted-videos opa-media-container{display:flex;width:142px;height:80px;margin-right:16px;margin-bottom:9px}.opa-promoted-videos opa-media-container.big{width:300px;height:169px}.opa-settings{background-color:#fff}.opa-settings.opa-error{background:none}.opa-settings.opa-error .opa-error-message{user-select:none}.opa-settings.opa-error .opa-error-message md-icon{width:270px;height:270px;margin:0;font-size:270px;color:#eee}.opa-settings.opa-error .opa-error-message span{color:#bdbdbd}.opa-settings .opa-submit md-progress-circular{margin:0 auto}.opa-settings .opa-submit:not([disabled]).md-raised.md-focused{background-color:#1a6c99}.opa-settings-wrapper{background-color:#fff}.opa-about{height:100%}.opa-about>div{width:100%}.opa-about header{padding:0 2px 16px 16px}.opa-about header h1{margin:24px 0 0 0;font-size:20px;font-weight:500}.opa-about header>md-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:16px}.opa-about header .md-button{margin-top:8px}.opa-about header .opa-up-to-date{color:#95c11f}.opa-about section{padding:0 16px;font-size:14px}.opa-about footer{padding:0 8px;margin-bottom:2px}.opa-media-library{flex-grow:1}.opa-media-library .opa-select-container{overflow:auto;flex-grow:1;flex-basis:1px}.opa-media-library .opa-select-container opa-media-select{flex-grow:1}.opa-media-library .opa-select-container md-progress-linear{position:sticky;bottom:0}.opa-media-library .md-toolbar-tools>*{margin-top:0;margin-bottom:0}.opa-media-library .md-toolbar-tools md-input-container .md-placeholder,.opa-media-library .md-toolbar-tools md-input-container label:not(.md-no-float):not(.md-container-ignore){transition:opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)}.opa-media-library .md-toolbar-tools md-input-container.md-input-focused label:not(.md-no-float),.opa-media-library .md-toolbar-tools md-input-container.md-input-has-placeholder label:not(.md-no-float),.opa-media-library .md-toolbar-tools md-input-container.md-input-has-value label:not(.md-no-float){transform:translate3d(0, 28px, 0) scale(1);-webkit-transform:translate3d(0, 28px, 0) scale(1);transition:opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.opa-media-library .md-toolbar-tools .md-input{border-width:0}.opa-media-library .md-toolbar-tools .md-select-value{border-width:0}.opa-dashboard md-grid-tile{background-color:#fff}.opa-dashboard md-grid-tile figure{display:block}.opa-search-settings form md-checkbox{margin-bottom:32px}.opa-live-settings form md-input-container{margin:0 0 8px 0}.opa-live-settings form md-checkbox,.opa-live-settings form md-switch,.opa-live-settings form .opa-live-groups,.opa-live-settings form .opa-live-player{margin-bottom:32px}.opa-live-settings form .opa-live-sub-settings,.opa-live-settings form .opa-live-private-settings{position:relative}.opa-live-settings form .opa-live-sub-settings.ng-hide-remove,.opa-live-settings form .opa-live-private-settings.ng-hide-remove{top:-30px;transition:all 0.1s linear;opacity:0}.opa-live-settings form .opa-live-sub-settings.ng-hide-remove.ng-hide-remove-active,.opa-live-settings form .opa-live-private-settings.ng-hide-remove.ng-hide-remove-active{top:0;opacity:1}.opa-live-settings form .opa-live-sub-settings.ng-hide-add,.opa-live-settings form .opa-live-private-settings.ng-hide-add{top:0px;transition:all 0.1s linear;opacity:1}.opa-live-settings form .opa-live-sub-settings.ng-hide-add.ng-hide-add-active,.opa-live-settings form .opa-live-private-settings.ng-hide-add.ng-hide-add-active{top:-30px;opacity:0}.opa-actions-button button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:48px;margin:0;padding:0;background:none;text-transform:none;font-size:inherit;text-align:left}.opa-actions-button button.md-button:not([disabled]):hover{background:none}.opa-actions-button button span{display:flex;color:#212121}.opa-actions-button button>md-icon:last-child{margin:0;transform:rotate(0deg);transition:transform 0.3s ease-in-out}.opa-actions-button button md-icon{color:#616161}.opa-actions-button button:focus md-icon,.opa-actions-button button:focus span{color:#008bd6}.opa-actions-button .opa-actions-wrapper{overflow:hidden;height:0px;margin-left:30px;transition:all 0.2s cubic-bezier(0.35, 0, 0.25, 1)}.opa-actions-button .opa-actions-wrapper a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.opa-actions-button .opa-actions-wrapper a.opa-selected md-icon,.opa-actions-button .opa-actions-wrapper a.opa-selected span{color:#e6007e}.opa-actions-button .opa-actions-wrapper a:focus md-icon,.opa-actions-button .opa-actions-wrapper a:focus span{color:#008bd6}.opa-actions-button.opa-opened>button>md-icon:last-child{transform:rotate(180deg)}.opa-info{max-width:250px;max-height:300px;padding:24px 0 0 0;background-color:#fff}.opa-info>p{overflow:hidden;margin:0 24px 24px 24px;max-height:200px}.opa-info-button md-icon{transition:color 0.3s cubic-bezier(0, 0, 0, 1)}.opa-info-button md-icon:hover{color:#e6007e}.opa-media-container{display:flex;position:relative;flex-grow:1;color:#fff;outline:0}.opa-media-container.opa-empty{border-width:2px;border-style:dashed;border-color:#afafaf}.opa-media-container.opa-empty:hover{border-color:#e6007e}.opa-media-container.opa-empty:hover .opa-title{color:#e6007e}.opa-media-container.opa-empty:focus{border-color:#1a91d1}.opa-media-container.opa-empty:focus .opa-title{color:#1a91d1}.opa-media-container.opa-empty .opa-title{color:#afafaf;margin:auto;font-size:42px;font-weight:700}.opa-media-container:not(.opa-empty) .opa-title{font-size:18px;font-weight:700;line-height:30px;text-shadow:1px 1px 1px #000;position:absolute;top:1px;left:7px;height:30px}.opa-media-container .opa-preview{position:absolute}.opa-media-container:focus .opa-overlay{background:linear-gradient(rgba(26,145,209,0.25), rgba(26,145,209,0.2), rgba(26,145,209,0.25))}.opa-media-container:hover{cursor:pointer}.opa-media-container:hover .opa-overlay{background:linear-gradient(rgba(230,0,126,0.25), rgba(230,0,126,0.2), rgba(230,0,126,0.25))}.opa-media-container .opa-overlay{background:linear-gradient(rgba(0,0,0,0.25), transparent, rgba(0,0,0,0.25));position:absolute;width:100%;height:100%}.opa-media-container .opa-remove-btn{position:absolute;top:0px;right:0px;margin:0;padding:0px;width:30px;min-height:30px;height:30px}.opa-media-container .opa-remove-btn:focus{background-color:rgba(0,0,0,0.125)}.opa-media-container .opa-remove-btn md-icon{color:#fff;text-shadow:1px 1px 1px #000}.opa-media-container .opa-media-info{font-size:90%;text-shadow:1px 1px 1px #000;padding:7px;position:absolute;bottom:0;left:0;right:0}.opa-media-container .opa-media-info .opa-media-title{font-weight:700}.opa-media-container .opa-media-info .opa-media-date{font-size:80%}.opa-nav ul{margin:0;padding:0 16px 0 8px}.opa-nav a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:48px;text-decoration:none}.opa-nav a span{color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.opa-nav a md-icon{color:#616161}.opa-nav a.opa-selected md-icon,.opa-nav a.opa-selected span{color:#e6007e}.opa-nav a:focus md-icon,.opa-nav a:focus span{color:#008bd6}.opa-nav md-icon{margin:0 16px 0 8px}.opa-nav md-divider{margin:8px 0 8px 8px}.opa-tags{position:relative}.opa-tags ul{padding:0 20px 0 0;margin:0 0 10px 0;white-space:normal}.opa-tags input{width:100%;margin-bottom:5px}.opa-tags li{list-style:none}.opa-tags .opa-tag{position:relative;display:inline-block;height:32px;padding:0 40px 0 12px;margin:3px 0 3px 5px;line-height:32px;font-size:16px;border-radius:8px;background-color:#eee;color:#424242}.opa-tags .opa-tag button{position:absolute;top:0;right:0;padding:0;width:32px;height:32px;background:none;border:none;box-shadow:none;outline:none;border-radius:50%}.opa-tags .opa-tag button>md-icon{transition:color 0.15s linear}.opa-tags .opa-tag button:hover>md-icon{color:#e6007e}.opa-tags .opa-tag button:focus{background-color:rgba(26,145,209,0.26);transition:all .5s}.opa-tags .opa-tag button:focus>md-icon{color:rgba(26,145,209,0.87)}.opa-tags .ov-field-tags-auto-complete{position:absolute;overflow:auto;z-index:2;top:30px;width:100%;max-height:192px;padding:0;background-color:#fff;border:1px solid #e3e3e3}.opa-tags .ov-field-tags-auto-complete li{height:48px;line-height:48px;padding:0 16px;color:#212121}.opa-tags .ov-field-tags-auto-complete li:hover,.opa-tags .ov-field-tags-auto-complete li:focus{cursor:pointer;background-color:#f5f5f5}.opa-tags .ov-field-tags-auto-complete li div{overflow:hidden;white-space:nowrap}.opa-toolbar .opa-toolbar-left-actions>div:first-child .md-button{margin-left:-8px}.opa-toolbar h1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.opa-toolbar .md-button:not([disabled]).md-focused{background-color:rgba(255,255,255,0.3)}.opa-media-select{outline:0}.opa-media-option{position:relative}.opa-media-option .opa-thumbnail{display:block;width:142px;height:142px}.opa-media-option .opa-overlay{background:linear-gradient(rgba(0,0,0,0.25), transparent, rgba(0,0,0,0.25));height:100%;width:100%;position:absolute;top:0}.opa-media-option .opa-actions{text-align:right;padding:15px;position:absolute;top:0;right:0}.opa-media-option .opa-actions md-checkbox.md-checked .md-icon,.opa-media-option .opa-actions md-checkbox.md-checked .md-icon::after{background:#379fd6;border-color:#fff;color:#000}.opa-media-option .opa-actions md-checkbox.md-checked .md-ink-ripple{color:#379fd6}.opa-media-option .opa-actions md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before{background-color:rgba(255,255,255,0.3)}.opa-media-option .opa-actions md-checkbox.md-focused:not([disabled]).md-checked .md-container:before{background-color:rgba(55,159,214,0.26)}.opa-media-option .opa-actions md-checkbox .md-icon{background:#fff;border-color:#000}.opa-media-option .opa-media-info{color:#fff;line-height:133%;text-shadow:1px 1px 1px #000;padding:15px;position:absolute;top:50%;left:0;right:0}.opa-media-option .opa-media-info .opa-media-title{font-weight:700}.opa-media-option .opa-media-info .opa-media-date{font-size:80%}