@openveo/portal/assets/css/style.css

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

li{list-style:none}.container{width:100%;margin:0 auto;-moz-transition:width .45s ease 0s;-o-transition:width .45s ease 0s;-webkit-transition:width .45s ease;-webkit-transition-delay:0s;transition:width .45s ease 0s}@media all and (min-width: 37.5em) and (max-width: 59.99em){.container{width:600px}}@media all and (min-width: 60em) and (max-width: 79.99em){.container{width:960px}}@media all and (min-width: 80em){.container{width:1280px}}.container .layout-margin{margin:0px}md-pagination-wrapper{position:relative;margin:auto}md-grid-list md-grid-tile{-moz-transition:all .45s ease-out 0s,box-shadow .1s ease-out 0s;-o-transition:all .45s ease-out 0s,box-shadow .1s ease-out 0s;-webkit-transition:all .45s ease-out,box-shadow .1s ease-out;-webkit-transition-delay:0s,0s;transition:all .45s ease-out 0s,box-shadow .1s ease-out 0s;overflow:hidden}md-grid-list md-grid-tile .play{position:absolute;top:0;display:inline-flex;height:100%;width:100%;font-size:48px;text-align:center;background-color:transparent;-moz-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;-webkit-transition:all .1s ease-out;-webkit-transition-delay:0s;transition:all .1s ease-out 0s}md-grid-list md-grid-tile .play md-icon{opacity:0;display:block;width:80px;height:80px;font-size:80px;color:white;-moz-transition:opacity .1s ease-out 0s;-o-transition:opacity .1s ease-out 0s;-webkit-transition:opacity .1s ease-out;-webkit-transition-delay:0s;transition:opacity .1s ease-out 0s}md-grid-list md-grid-tile .details{padding:0 10px}md-grid-list md-grid-tile .tile-layout{height:100%;width:100%}md-grid-list md-grid-tile .thumbnail{position:relative;overflow:hidden;display:block;width:100%}md-grid-list md-grid-tile img{display:block;width:100%;top:0}md-grid-list md-grid-tile md-grid-tile-footer{height:auto;padding:3px 10px 5px 10px;line-height:14px;color:black;background-color:rgba(255,255,255,0.86)}md-grid-list md-grid-tile md-grid-tile-footer figcaption{position:relative;width:100%}md-grid-list md-grid-tile md-grid-tile-footer figcaption .title{overflow:hidden;max-height:30px;line-height:15px}md-grid-list md-grid-tile md-grid-tile-footer figcaption .info{margin-top:4px}md-grid-list md-grid-tile md-grid-tile-footer .nb-views{text-align:right}@media all and (min-width: 60em) and (max-width: 79.99em){md-dialog.dialog-video{width:900px}}@media all and (min-width: 80em){md-dialog.dialog-video{width:1024px}}md-dialog.dialog-video.md-dialog-fullscreen{min-width:100%}md-dialog.dialog-video md-dialog-content{width:100%;max-width:900px;max-height:900px;margin:auto}@media all and (min-width: 80em){md-dialog.dialog-video md-dialog-content{max-width:none}}md-dialog.dialog-video .md-dialog-content.video-info{padding-top:0;padding-bottom:0}md-dialog.dialog-video .md-dialog-content.player-container{padding-bottom:0}md-dialog.dialog-video md-toolbar{min-height:40px}md-dialog.dialog-video .md-toolbar-tools{overflow:hidden;max-height:45px;height:45px;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}md-dialog.dialog-video .md-toolbar-tools h2{width:100%;line-height:40px}.player-container :focus{outline:none}.video-infos{margin:1em 0}.video-infos label{text-transform:uppercase;font-weight:700;padding-right:7px}.video-infos .subtitle-infos{color:#757575;border-color:#757575}.video-infos .subtitle-infos>span:not(:last-child){padding-right:7px}.video-infos .subtitle-infos>span:not(:first-child){padding-left:7px;border-left:1px solid;border-color:inherit}.video-infos .share-code{margin:10px 0;text-align:right}.video-infos .share-code>div{margin:7px 0}.video-infos .toggle-btn>md-icon{transition:transform linear 0.25s}.video-infos .toggle-btn.closed>md-icon{transform:rotate(180deg)}.video-infos p{margin:1em 0}.video-full-infos label{color:#bdbdbd}.opl-player{line-height:initial}.collapse{overflow:hidden}.collapse.ng-hide-add,.collapse.ng-hide-remove{-moz-transition:all .45s ease 0s;-o-transition:all .45s ease 0s;-webkit-transition:all .45s ease;-webkit-transition-delay:0s;transition:all .45s ease 0s}.collapse.ng-hide-add{max-height:500px;opacity:1;transform:translateY(0em)}.collapse.ng-hide-add-active{max-height:0;opacity:0;transform:translateY(-2em)}.collapse.ng-hide-remove{max-height:0;opacity:0;transform:translateY(-2em)}.collapse.ng-hide-remove-active{max-height:500px;opacity:1;transform:translateY(0em)}.search .md-toolbar-tools{height:40px}.search .advanced-search{min-height:40px;cursor:pointer;outline:none}.search .between-label{text-align:center}.search .cancel-button{background-color:#9e9e9e}.search .cancel-button.md-button.md-fab:not([disabled]):hover{background-color:#616161}.search md-grid-list md-grid-tile{cursor:auto;min-width:470px;overflow:hidden}.search md-grid-list md-grid-tile .thumbnail{cursor:pointer;margin:0;width:256px;height:144px}.search md-grid-list md-grid-tile .thumbnail:hover,.search md-grid-list md-grid-tile .thumbnail:focus{outline:none;box-shadow:0px 0px 4px rgba(0,0,0,0.25)}.search md-grid-list md-grid-tile .thumbnail:hover .play,.search md-grid-list md-grid-tile .thumbnail:focus .play{z-index:1;background-color:rgba(0,0,0,0.2)}.search md-grid-list md-grid-tile .thumbnail:hover .play md-icon,.search md-grid-list md-grid-tile .thumbnail:focus .play md-icon{opacity:1}.search md-grid-list md-grid-tile .details .md-body-2{cursor:pointer;overflow:hidden;line-height:20px;padding-bottom:4px;max-height:44px}.search md-grid-list md-grid-tile .details .md-body-2:focus,.search md-grid-list md-grid-tile .details .md-body-2:hover{text-decoration:underline;outline:0}.search md-grid-list md-grid-tile .details .pois ul{background-color:#f5f5f5;margin:0;padding:4px;max-height:40px;overflow-y:auto}.search md-grid-list md-grid-tile .details .pois .time{cursor:pointer}.search md-grid-list md-grid-tile .details .pois .time:focus,.search md-grid-list md-grid-tile .details .pois .time:hover{text-decoration:underline;outline:0}.select-filter:not(.md-overflow) md-content{padding:0}#more-button-layout{margin-top:25px}.home md-grid-list md-grid-tile{cursor:pointer}.home md-grid-list md-grid-tile:hover{box-shadow:0px 0px 4px rgba(0,0,0,0.25)}.home md-grid-list md-grid-tile:hover .play{z-index:1;background-color:rgba(0,0,0,0.2)}.home md-grid-list md-grid-tile:hover .play md-icon{opacity:1}.home md-grid-list md-grid-tile .thumbnail{margin-bottom:7px}@media all and (max-width: 37.49em){.home md-grid-list md-grid-tile .thumbnail{max-height:286px}}@media all and (min-width: 37.5em) and (max-width: 59.99em){.home md-grid-list md-grid-tile .thumbnail{max-height:104px}}@media all and (min-width: 60em) and (max-width: 79.99em){.home md-grid-list md-grid-tile .thumbnail{max-height:122px}}@media all and (min-width: 80em){.home md-grid-list md-grid-tile .thumbnail{max-height:167px}}.home md-grid-list md-grid-tile .details>div:first-child{overflow:hidden;line-height:13px}@media all and (max-width: 37.49em){.home md-grid-list md-grid-tile .details>div:first-child{height:26px;max-height:26px}}@media all and (min-width: 37.5em) and (max-width: 59.99em){.home md-grid-list md-grid-tile .details>div:first-child{height:26px;max-height:26px}}@media all and (min-width: 60em) and (max-width: 79.99em){.home md-grid-list md-grid-tile .details>div:first-child{height:26px;max-height:26px}}@media all and (min-width: 80em){.home md-grid-list md-grid-tile .details>div:first-child{height:41px;max-height:41px}}@media all and (max-width: 37.49em){header{position:fixed;z-index:50;top:0;width:100%;background-color:#fff}}header nav{background-color:#f5f5f5}header #logo{text-decoration:none}header .md-nav-bar{border:0}.header-spacing{height:160px}.user-menu,.main-dropdown-menu{padding:0}footer{position:fixed;z-index:50;width:100%;margin-top:25px;bottom:0}footer a.lowercase-button{margin:0;padding:6px 16px}footer ul{padding:0}footer nav{background-color:#f5f5f5}.footer-spacing{height:64px;margin-top:25px}.lowercase-button{text-transform:none}.text-button{padding:0 25px}.login-panel>.content{width:175px;margin-top:10px;padding:10px;border-radius:2px}.login-form .cas-button{color:#ffffff;background-color:#74c162}.login-form .cas-button:not([disabled]):hover{color:#ffffff;background-color:#4a923a}.login-form p{text-align:center}.login-form .login-field,.login-form .password-field{margin:5px 0;font-size:12px}.login-form .submit-button{text-align:center}.login-form .error{color:#dd2c00}.login-dialog{background-color:#fafafa}.login-dialog p{margin:0}.login-page h1{margin-bottom:0;text-align:center}.login-page .login-form-wrapper{width:300px;margin:0 auto}@media all and (max-width: 37.49em){.login-page .login-form-wrapper{width:100%}}.op-live .op-live-player{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.op-live .op-live-player>div{position:absolute;left:0;right:0;top:0;bottom:0}.op-live .op-live-player iframe{width:100%;height:100%;border:0}.md-toolbar-tools{font-size:16px}md-divider.ng-hide-add,md-divider.ng-hide-remove{-moz-transition:opacity .45s ease 0s;-o-transition:opacity .45s ease 0s;-webkit-transition:opacity .45s ease;-webkit-transition-delay:0s;transition:opacity .45s ease 0s}md-divider.ng-hide-add{opacity:1}md-divider.ng-hide-add-active{opacity:0}md-divider.ng-hide-remove{opacity:0}md-divider.ng-hide-remove-active{opacity:1}.reverse{transform:scale(1, -1)}md-input-container .md-errors-spacer{min-height:auto}md-ink-bar{height:3px}