From 8da6bffe9127b886dab15e12eb4fadfc5a62928c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?St=C3=A9phane=20Schoorens?= Date: Thu, 30 May 2024 11:21:22 +0200 Subject: [PATCH] Update default colors refs #39716 --- dist/ms-browser.min.css | 2 +- dist/ms-full.min.css | 2 +- package.json | 2 +- src/css/ms-browser.css | 21 +++++++++++++++++---- 4 files changed, 20 insertions(+), 7 deletions(-) diff --git a/dist/ms-browser.min.css b/dist/ms-browser.min.css index 0efbbc7..48e4099 100644 --- a/dist/ms-browser.min.css +++ b/dist/ms-browser.min.css @@ -1 +1 @@ -.ms-browser{--ubi-legacy-white-rgb:255,255,255;--ubi-legacy-white:#ffffff;--ubi-legacy-white-darker:#f5f5f6;--ubi-legacy-white-darker-rgb:245,245,246;--ubi-legacy-black:#37373c;--ubi-legacy-black-rgb:55,55,60;--ubi-legacy-black-darker:#000000;--ubi-legacy-black-darker-rgb:0,0,0;--ubi-legacy-black-lighter:#666;--ubi-legacy-black-lighter-rgb:102,102,102;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#E5E5E5;--ubi-legacy-blue:#274BB1;--ubi-legacy-blue-darker:#000F32;--ubi-legacy-green:#1DCDCF;--ubi-legacy-red:#e14149;--ubi-legacy-orange:#ff806c}.dark-theme .ms-browser{--ubi-legacy-white-rgb:49,49,49;--ubi-legacy-white:#313131;--ubi-legacy-white-darker:#37373c;--ubi-legacy-white-darker-rgb:55,55,60;--ubi-legacy-black:#f5f5f6;--ubi-legacy-black-rgb:245,245,246;--ubi-legacy-black-darker:#ffffff;--ubi-legacy-black-darker-rgb:255,255,255;--ubi-legacy-black-lighter:#eeeeee;--ubi-legacy-black-lighter-rgb:238,238,238;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#202020;--ubi-legacy-blue-text:#7AB3F0;--ubi-legacy-green-text:#1dd1a1;--ubi-legacy-red-text:#FF8E80}.dark-theme .ms-items .item-entry-preview .item-entry-preview-play{color:var(--ubi-legacy-black);text-shadow:0 0 5px var(--ubi-legacy-white)}.dark-theme .overlay-info{background:var(--ubi-legacy-white);background:rgba(var(--ubi-legacy-white-rgb),.8)}.dark-theme .overlay-info table.overlay-info-table td,.dark-theme .overlay-info table.overlay-info-table th.overlay-info-label{color:var(--ubi-legacy-black)}.ms-browser-container{margin:0;padding:0;position:relative;display:block;color:var(--ubi-legacy-black)}.ms-browser-container.in-overlay{text-align:left}.odm-main div.odm-element.ms-browser-container{background:var(--ubi-legacy-white-darker)}.ms-browser *{margin:0;padding:0}.ms-browser-container a{text-decoration:none;color:var(--ubi-legacy-blue-text)}.ms-browser-container a:hover{text-decoration:underline}.ms-browser img{vertical-align:middle;border:0 none}.ms-browser ol,.ms-browser ul{padding-left:24px}.ms-browser li{margin-top:4px;margin-bottom:4px}.ms-browser table{border-spacing:0;border-collapse:collapse}.ms-browser p{margin:8px 0}.ms-browser option{padding:2px 5px}.ms-browser label{display:inline}.ms-browser input,.ms-browser select{margin:0;padding:3px;box-sizing:border-box}.ms-browser .ms-browser-clear{clear:both;overflow:hidden}.ms-browser .storage-available{white-space:nowrap}.ms-browser .storage-available+.item-entry-links{margin-left:24px}.ms-browser .button{margin:0;margin-right:8px;padding:3px 8px;cursor:pointer;transition-duration:.3s;transition-property:background;box-sizing:border-box}.ms-browser .button.active,.ms-browser button.button.active{color:var(--ubi-legacy-white);background:var(--ubi-legacy-black)}.ms-browser br+.button,.ms-browser br+.button+.button{margin-top:8px}.ms-browser .ubi-legacy-tooltip-button{padding:2px}.ms-browser .ubi-legacy-tooltip-button .tooltip-hidden-content{display:none}.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:absolute;top:0;right:0;bottom:0;left:0}.ms-browser .ms-browser-header{padding:.3em;height:3.2em;line-height:3.2em}.ms-browser.in-overlay .ms-browser-header{bottom:auto}.ms-browser .ms-browser-header .ms-browser-top-buttons{float:right;display:block}.ms-browser .ms-browser-header .ms-browser-menu{padding-right:5px;float:left;display:block}.ms-browser .ms-browser-title{font-size:200%;font-weight:700;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;text-align:center;height:100%;overflow:hidden}.ms-browser .ms-browser-title img{max-height:1.4em}.ms-browser .ms-browser-title .parent-channel-title{color:var(--ubi-legacy-black-lighter);font-size:80%}.ms-browser .ms-browser-title .parent-channel-title:after{content:" > "}.ms-browser .ms-browser-bar{padding:.3em;line-height:2.6em;text-align:center;background:var(--ubi-legacy-white);border-top:1px solid var(--ubi-legacy-grey-lighter);border-bottom:1px solid var(--ubi-legacy-grey-lighter);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-rgb),.4);z-index:1}.ms-browser.in-overlay .ms-browser-bar{top:3.8em;bottom:auto;height:2.6em}.ms-browser.in-overlay .ms-browser-main{top:7em;overflow:auto}.ms-browser .ms-browser-section{padding:0}.ms-browser .ms-browser-section-links{float:right}.ms-browser .ms-browser-section-links+h3+div{clear:both}.ms-browser h3,.ms-browser h4{padding:5px 10px;font-weight:700;text-decoration:italic;color:var(--ubi-legacy-black)}.ms-browser h4,.ms-browser.in-overlay h3{font-size:125%}.ms-browser h4{padding:0;margin-bottom:4px;margin-left:-8px}.ms-browser .ms-browser-content{padding:10px}.ms-browser .ms-browser-tab{margin:0}.ms-browser .ms-browser-tab.active{font-weight:700}.ms-browser .ms-browser-tab+.ms-browser-tab{margin-left:5px}.ms-browser-dropdown{margin-left:10px;z-index:2;position:relative;display:inline-block}.ms-browser .ms-browser-dropdown+.ms-browser-dropdown{z-index:1}.ms-browser .ms-browser-header .ms-browser-dropdown{z-index:4}.ms-browser-dropdown .ms-browser-dropdown-button.active{background:var(--ubi-legacy-black);color:var(--ubi-legacy-white)}.ms-browser-dropdown .ms-browser-dropdown-menu{top:100%;left:0;position:absolute;padding:8px;padding-left:16px;z-index:5;display:none;line-height:24px;white-space:nowrap;text-align:left;border:1px solid var(--ubi-legacy-grey-lighter);border-radius:4px;color:var(--ubi-legacy-black);background:var(--ubi-legacy-white);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-darker-rgb),.4)}.ms-browser-dropdown-right .ms-browser-dropdown-menu{left:auto;right:0}.ms-browser-dropdown .ms-browser-dropdown-menu.active{display:block}.ms-browser-dropdown .ms-browser-dropdown-menu div+div{margin-top:8px}#ms_browser_display_dropdown button,#ms_browser_display_dropdown input,#ms_browser_display_dropdown select{margin:4px}#ms_browser_display_dropdown #hidden_categories{width:400px;overflow:hidden}#ms_browser_display_dropdown #hidden_categories label{margin-right:8px;float:left;display:block;max-width:100%}#ms_browser_display_dropdown #hidden_categories label input{display:inline-block;vertical-align:top}#ms_browser_display_dropdown #hidden_categories label span{white-space:pre-wrap;word-break:break-all;display:inline-block}#ms_browser_display_dropdown .hidden-visibility{visibility:hidden;height:1px}.ms-browser .ms-browser-loading,.ms-browser .ms-browser-message{position:absolute;top:20px;left:40%;display:none;padding:10px;color:var(--ubi-legacy-white);border-radius:3px;background:var(--ubi-legacy-black);background:rgba(var(--ubi-legacy-black-darker-rgb),.7);z-index:1}.ms-browser .ms-browser-message{background:var(--ubi-legacy-white);color:var(--ubi-legacy-black)}.ms-browser .ms-browser-loading{font-size:150%}.ms-browser .messages{text-align:center}.ms-browser .message.error,.ms-browser .message.info,.ms-browser .message.success,.ms-browser .message.warning{margin:10px;padding:10px;padding-left:40px;display:block;display:inline-block;position:relative;line-height:normal;text-align:left;min-height:0;color:var(--ubi-legacy-white);background:var(--ubi-legacy-black);box-shadow:2px 2px 1px 0 var(--ubi-legacy-grey-lighter)}.ms-browser .message.error:before,.ms-browser .message.info:before,.ms-browser .message.success:before,.ms-browser .message.warning:before{top:50%;left:0;margin-top:-10px;line-height:20px;width:40px;position:absolute;text-align:center;font:normal normal normal 20px/1 FontAwesome}.ms-browser .message.info{background:var(--ubi-legacy-blue);color:var(--ubi-legacy-blue-contrast)}.ms-browser .message.info:before{content:"\f05a"}.ms-browser .message.success{background:var(--ubi-legacy-green);color:var(--ubi-legacy-green-contrast)}.ms-browser .message.success:before{content:"\f058"}.ms-browser .message.warning{background:var(--ubi-legacy-orange);color:var(--ubi-legacy-orange-contrast)}.ms-browser .message.warning:before{content:"\f071"}.ms-browser .message.error{background:var(--ubi-legacy-red);color:var(--ubi-legacy-red-contrast)}.ms-browser .message.error:before{content:"\f06a"}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place{padding:.5em;top:0;bottom:0;left:0;right:0;position:absolute;overflow:auto}.ms-browser.has-tree .ms-browser-tree-place{padding:.5em;float:left;width:18em;background:var(--ubi-legacy-white-darker)}.ms-browser.has-tree.in-overlay .ms-browser-tree-place{float:none;right:auto}.ms-browser.has-tree .ms-browser-channels-body{margin-left:19em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{margin-left:0;left:19em}.ms-channels-tree ul{padding-left:0}.ms-channels-tree li{overflow:hidden;list-style:none}.ms-channels-tree ul ul{display:none;padding-left:1.6em}.ms-channels-tree li>span{display:block}.ms-channels-tree li .list-entry{padding:0;display:block;float:left;text-align:center;font-weight:400;width:1.3em;height:1.3em;line-height:1;cursor:default;background:var(--ubi-legacy-white);border:1px solid var(--ubi-legacy-grey-lighter);border-radius:2px;box-sizing:content-box}.ms-channels-tree li .list-entry{cursor:pointer}.ms-channels-tree li .list-entry .fa{padding:0}.ms-channels-tree .channel-personal-btn{float:right}.ms-channels-tree #tree_channel_0{clear:both}.ms-channels-tree .channel-btn{padding:.2em .4em;display:block;text-align:left;line-height:1;cursor:pointer;color:var(--ubi-legacy-blue-text);background:0 0;border:0 none;text-decoration:none;word-wrap:break-word;border-radius:4px;box-sizing:content-box}.ms-channels-tree li .channel-btn{margin-left:1.6em}.ms-channels-tree .channel-btn:hover{text-decoration:underline}.ms-channels-tree .channel-active .channel-btn{font-weight:700;color:var(--ubi-legacy-white);background-color:var(--ubi-legacy-blue)}.ms-channels-tree .channel-empty,.ms-channels-tree .channel-empty .channel-btn,.ms-channels-tree .channel-locked{color:var(--ubi-legacy-black-lighter)}.ms-browser .ms-browser-search-form{display:inline}.ms-browser .ms-browser-search-form input{width:auto;padding:3px;line-height:normal}.ms-browser .ms-browser-search-matching{padding:10px 30px}.ms-browser .ms-browser-more-btn{padding:10px 5px;text-align:center}.ms-browser.no-header .ms-browser-bar,.ms-browser.no-header .ms-browser-header .ms-browser-menu,.ms-browser.no-header .ms-browser-header .ms-browser-top-buttons,.ms-browser.no-header .ms-browser-search-form{display:none}.ms-browser.no-header .ms-browser-header{height:auto}.ms-browser.no-header .ms-browser-header .ms-browser-title{white-space:normal}.ms-browser.no-header .ms-browser-header .ms-browser-title .channel-title,.ms-browser.no-header .ms-browser-header .ms-browser-title .parent-channel-title{white-space:nowrap}@media (max-width:64em){.ms-browser .ms-browser-title{padding:0}.ms-browser .ms-browser-content{padding:0}}@media (max-width:51em){.ms-browser.has-tree .ms-browser-tree-place{width:15em}.ms-browser.has-tree .ms-browser-channels-body{margin-left:16em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{left:16em}}@media (max-width:41em){.ms-browser .ms-browser-channels-body{left:0}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place,.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:static}.ms-browser.has-tree .ms-browser-tree-place{display:none}.ms-browser .ms-browser-channels-body{padding:10px 0}.ms-browser.has-tree .ms-browser-channels-body{margin-left:0}.ms-browser .ms-browser-header,.ms-browser.in-overlay .ms-browser-bar{height:auto}.ms-browser-dropdown-right .ms-browser-dropdown-menu{right:-10px}.ms-browser .ms-browser-title{padding:0;width:100%;font-size:150%}#ms_browser_display_dropdown #hidden_categories{width:auto}}@media (max-width:29em){.ms-browser .ms-browser-search-form input{width:50%}} \ No newline at end of file +.ms-browser{--ubi-legacy-white-rgb:255,255,255;--ubi-legacy-white:#ffffff;--ubi-legacy-white-darker:#f5f5f6;--ubi-legacy-white-darker-rgb:245,245,246;--ubi-legacy-black:#37373c;--ubi-legacy-black-rgb:55,55,60;--ubi-legacy-black-darker:#000000;--ubi-legacy-black-darker-rgb:0,0,0;--ubi-legacy-black-lighter:#666;--ubi-legacy-black-lighter-rgb:102,102,102;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#E5E5E5;--ubi-legacy-blue-darker:#000F32;--ubi-legacy-blue:#2656cf;--ubi-legacy-blue-contrast:#FFFFFF;--ubi-legacy-blue-text:#2656cf;--ubi-legacy-green:#008066;--ubi-legacy-green-contrast:#FFFFFF;--ubi-legacy-green-text:#008066;--ubi-legacy-red:#da2525;--ubi-legacy-red-contrast:#FFFFFF;--ubi-legacy-red-text:#da2525}.dark-theme .ms-browser{--ubi-legacy-white-rgb:49,49,49;--ubi-legacy-white:#313131;--ubi-legacy-white-darker:#37373c;--ubi-legacy-white-darker-rgb:55,55,60;--ubi-legacy-black:#f5f5f6;--ubi-legacy-black-rgb:245,245,246;--ubi-legacy-black-darker:#ffffff;--ubi-legacy-black-darker-rgb:255,255,255;--ubi-legacy-black-lighter:#eeeeee;--ubi-legacy-black-lighter-rgb:238,238,238;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#202020;--ubi-legacy-blue:#7AB3F0;--ubi-legacy-blue-text:#7AB3F0;--ubi-legacy-green:#1dd1a1;--ubi-legacy-green-text:#1dd1a1;--ubi-legacy-red:#FF8E80;--ubi-legacy-red-text:#FF8E80;--ubi-legacy-blue-contrast:#000000;--ubi-legacy-green-contrast:#000000;--ubi-legacy-red-contrast:#000000}.dark-theme .ms-items .item-entry-preview .item-entry-preview-play{color:var(--ubi-legacy-black);text-shadow:0 0 5px var(--ubi-legacy-white)}.dark-theme .overlay-info{background:var(--ubi-legacy-white);background:rgba(var(--ubi-legacy-white-rgb),.8)}.dark-theme .overlay-info table.overlay-info-table td,.dark-theme .overlay-info table.overlay-info-table th.overlay-info-label{color:var(--ubi-legacy-black)}.ms-browser-container{margin:0;padding:0;position:relative;display:block;color:var(--ubi-legacy-black)}.ms-browser-container.in-overlay{text-align:left}.odm-main div.odm-element.ms-browser-container{background:var(--ubi-legacy-white-darker)}.ms-browser *{margin:0;padding:0}.ms-browser-container a{text-decoration:none;color:var(--ubi-legacy-blue-text)}.ms-browser-container a:hover{text-decoration:underline}.ms-browser img{vertical-align:middle;border:0 none}.ms-browser ol,.ms-browser ul{padding-left:24px}.ms-browser li{margin-top:4px;margin-bottom:4px}.ms-browser table{border-spacing:0;border-collapse:collapse}.ms-browser p{margin:8px 0}.ms-browser option{padding:2px 5px}.ms-browser label{display:inline}.ms-browser input,.ms-browser select{margin:0;padding:3px;box-sizing:border-box}.ms-browser .ms-browser-clear{clear:both;overflow:hidden}.ms-browser .storage-available{white-space:nowrap}.ms-browser .storage-available+.item-entry-links{margin-left:24px}.ms-browser .button{margin:0;margin-right:8px;padding:3px 8px;cursor:pointer;transition-duration:.3s;transition-property:background;box-sizing:border-box}.ms-browser .button.active,.ms-browser button.button.active{color:var(--ubi-legacy-white);background:var(--ubi-legacy-black)}.ms-browser br+.button,.ms-browser br+.button+.button{margin-top:8px}.ms-browser .ubi-legacy-tooltip-button{padding:2px}.ms-browser .ubi-legacy-tooltip-button .tooltip-hidden-content{display:none}.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:absolute;top:0;right:0;bottom:0;left:0}.ms-browser .ms-browser-header{padding:.3em;height:3.2em;line-height:3.2em}.ms-browser.in-overlay .ms-browser-header{bottom:auto}.ms-browser .ms-browser-header .ms-browser-top-buttons{float:right;display:block}.ms-browser .ms-browser-header .ms-browser-menu{padding-right:5px;float:left;display:block}.ms-browser .ms-browser-title{font-size:200%;font-weight:700;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;text-align:center;height:100%;overflow:hidden}.ms-browser .ms-browser-title img{max-height:1.4em}.ms-browser .ms-browser-title .parent-channel-title{color:var(--ubi-legacy-black-lighter);font-size:80%}.ms-browser .ms-browser-title .parent-channel-title:after{content:" > "}.ms-browser .ms-browser-bar{padding:.3em;line-height:2.6em;text-align:center;background:var(--ubi-legacy-white);border-top:1px solid var(--ubi-legacy-grey-lighter);border-bottom:1px solid var(--ubi-legacy-grey-lighter);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-rgb),.4);z-index:1}.ms-browser.in-overlay .ms-browser-bar{top:3.8em;bottom:auto;height:2.6em}.ms-browser.in-overlay .ms-browser-main{top:7em;overflow:auto}.ms-browser .ms-browser-section{padding:0}.ms-browser .ms-browser-section-links{float:right}.ms-browser .ms-browser-section-links+h3+div{clear:both}.ms-browser h3,.ms-browser h4{padding:5px 10px;font-weight:700;text-decoration:italic;color:var(--ubi-legacy-black)}.ms-browser h4,.ms-browser.in-overlay h3{font-size:125%}.ms-browser h4{padding:0;margin-bottom:4px;margin-left:-8px}.ms-browser .ms-browser-content{padding:10px}.ms-browser .ms-browser-tab{margin:0}.ms-browser .ms-browser-tab.active{font-weight:700}.ms-browser .ms-browser-tab+.ms-browser-tab{margin-left:5px}.ms-browser-dropdown{margin-left:10px;z-index:2;position:relative;display:inline-block}.ms-browser .ms-browser-dropdown+.ms-browser-dropdown{z-index:1}.ms-browser .ms-browser-header .ms-browser-dropdown{z-index:4}.ms-browser-dropdown .ms-browser-dropdown-button.active{background:var(--ubi-legacy-black);color:var(--ubi-legacy-white)}.ms-browser-dropdown .ms-browser-dropdown-menu{top:100%;left:0;position:absolute;padding:8px;padding-left:16px;z-index:5;display:none;line-height:24px;white-space:nowrap;text-align:left;border:1px solid var(--ubi-legacy-grey-lighter);border-radius:4px;color:var(--ubi-legacy-black);background:var(--ubi-legacy-white);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-darker-rgb),.4)}.ms-browser-dropdown-right .ms-browser-dropdown-menu{left:auto;right:0}.ms-browser-dropdown .ms-browser-dropdown-menu.active{display:block}.ms-browser-dropdown .ms-browser-dropdown-menu div+div{margin-top:8px}#ms_browser_display_dropdown button,#ms_browser_display_dropdown input,#ms_browser_display_dropdown select{margin:4px}#ms_browser_display_dropdown #hidden_categories{width:400px;overflow:hidden}#ms_browser_display_dropdown #hidden_categories label{margin-right:8px;float:left;display:block;max-width:100%}#ms_browser_display_dropdown #hidden_categories label input{display:inline-block;vertical-align:top}#ms_browser_display_dropdown #hidden_categories label span{white-space:pre-wrap;word-break:break-all;display:inline-block}#ms_browser_display_dropdown .hidden-visibility{visibility:hidden;height:1px}.ms-browser .ms-browser-loading,.ms-browser .ms-browser-message{position:absolute;top:20px;left:40%;display:none;padding:10px;color:var(--ubi-legacy-white);border-radius:3px;background:var(--ubi-legacy-black);background:rgba(var(--ubi-legacy-black-darker-rgb),.7);z-index:1}.ms-browser .ms-browser-message{background:var(--ubi-legacy-white);color:var(--ubi-legacy-black)}.ms-browser .ms-browser-loading{font-size:150%}.ms-browser .messages{text-align:center}.ms-browser .message.error,.ms-browser .message.info,.ms-browser .message.success,.ms-browser .message.warning{margin:10px;padding:10px;padding-left:40px;display:block;display:inline-block;position:relative;line-height:normal;text-align:left;min-height:0;color:var(--ubi-legacy-white);background:var(--ubi-legacy-black);box-shadow:2px 2px 1px 0 var(--ubi-legacy-grey-lighter)}.ms-browser .message.error:before,.ms-browser .message.info:before,.ms-browser .message.success:before,.ms-browser .message.warning:before{top:50%;left:0;margin-top:-10px;line-height:20px;width:40px;position:absolute;text-align:center;font:normal normal normal 20px/1 FontAwesome}.ms-browser .message.info{background:var(--ubi-legacy-blue);color:var(--ubi-legacy-blue-contrast)}.ms-browser .message.info:before{content:"\f05a"}.ms-browser .message.success{background:var(--ubi-legacy-green);color:var(--ubi-legacy-green-contrast)}.ms-browser .message.success:before{content:"\f058"}.ms-browser .message.warning{background:var(--ubi-legacy-orange);color:var(--ubi-legacy-orange-contrast)}.ms-browser .message.warning:before{content:"\f071"}.ms-browser .message.error{background:var(--ubi-legacy-red);color:var(--ubi-legacy-red-contrast)}.ms-browser .message.error:before{content:"\f06a"}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place{padding:.5em;top:0;bottom:0;left:0;right:0;position:absolute;overflow:auto}.ms-browser.has-tree .ms-browser-tree-place{padding:.5em;float:left;width:18em;background:var(--ubi-legacy-white-darker)}.ms-browser.has-tree.in-overlay .ms-browser-tree-place{float:none;right:auto}.ms-browser.has-tree .ms-browser-channels-body{margin-left:19em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{margin-left:0;left:19em}.ms-channels-tree ul{padding-left:0}.ms-channels-tree li{overflow:hidden;list-style:none}.ms-channels-tree ul ul{display:none;padding-left:1.6em}.ms-channels-tree li>span{display:block}.ms-channels-tree li .list-entry{padding:0;display:block;float:left;text-align:center;font-weight:400;width:1.3em;height:1.3em;line-height:1;cursor:default;background:var(--ubi-legacy-white);border:1px solid var(--ubi-legacy-grey-lighter);border-radius:2px;box-sizing:content-box}.ms-channels-tree li .list-entry{cursor:pointer}.ms-channels-tree li .list-entry .fa{padding:0}.ms-channels-tree .channel-personal-btn{float:right}.ms-channels-tree #tree_channel_0{clear:both}.ms-channels-tree .channel-btn{padding:.2em .4em;display:block;text-align:left;line-height:1;cursor:pointer;color:var(--ubi-legacy-blue-text);background:0 0;border:0 none;text-decoration:none;word-wrap:break-word;border-radius:4px;box-sizing:content-box}.ms-channels-tree li .channel-btn{margin-left:1.6em}.ms-channels-tree .channel-btn:hover{text-decoration:underline}.ms-channels-tree .channel-active .channel-btn{font-weight:700;color:var(--ubi-legacy-white);background-color:var(--ubi-legacy-blue)}.ms-channels-tree .channel-empty,.ms-channels-tree .channel-empty .channel-btn,.ms-channels-tree .channel-locked{color:var(--ubi-legacy-black-lighter)}.ms-browser .ms-browser-search-form{display:inline}.ms-browser .ms-browser-search-form input{width:auto;padding:3px;line-height:normal}.ms-browser .ms-browser-search-matching{padding:10px 30px}.ms-browser .ms-browser-more-btn{padding:10px 5px;text-align:center}.ms-browser.no-header .ms-browser-bar,.ms-browser.no-header .ms-browser-header .ms-browser-menu,.ms-browser.no-header .ms-browser-header .ms-browser-top-buttons,.ms-browser.no-header .ms-browser-search-form{display:none}.ms-browser.no-header .ms-browser-header{height:auto}.ms-browser.no-header .ms-browser-header .ms-browser-title{white-space:normal}.ms-browser.no-header .ms-browser-header .ms-browser-title .channel-title,.ms-browser.no-header .ms-browser-header .ms-browser-title .parent-channel-title{white-space:nowrap}@media (max-width:64em){.ms-browser .ms-browser-title{padding:0}.ms-browser .ms-browser-content{padding:0}}@media (max-width:51em){.ms-browser.has-tree .ms-browser-tree-place{width:15em}.ms-browser.has-tree .ms-browser-channels-body{margin-left:16em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{left:16em}}@media (max-width:41em){.ms-browser .ms-browser-channels-body{left:0}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place,.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:static}.ms-browser.has-tree .ms-browser-tree-place{display:none}.ms-browser .ms-browser-channels-body{padding:10px 0}.ms-browser.has-tree .ms-browser-channels-body{margin-left:0}.ms-browser .ms-browser-header,.ms-browser.in-overlay .ms-browser-bar{height:auto}.ms-browser-dropdown-right .ms-browser-dropdown-menu{right:-10px}.ms-browser .ms-browser-title{padding:0;width:100%;font-size:150%}#ms_browser_display_dropdown #hidden_categories{width:auto}}@media (max-width:29em){.ms-browser .ms-browser-search-form input{width:50%}} \ No newline at end of file diff --git a/dist/ms-full.min.css b/dist/ms-full.min.css index a7d5de7..7fa0eef 100644 --- a/dist/ms-full.min.css +++ b/dist/ms-full.min.css @@ -1 +1 @@ -.ms-items .item-entry{margin:10px;position:relative;display:inline-block;width:calc(50% - 20px);vertical-align:top}.ms-items .item-description{padding:10px;background:var(--ubi-legacy-white);border-bottom:3px solid var(--ubi-legacy-grey-lighter)}.ms-items .item-description img{max-width:100%;max-height:100%}.ms-items .item-entry *{box-sizing:content-box}.ms-items .item-entry-link{display:block;color:inherit;overflow:hidden;background:var(--ubi-legacy-white);color:var(--ubi-legacy-black);border-bottom:3px solid var(--ubi-legacy-white);border-radius:8px;box-shadow:rgba(var(--ubi-legacy-black-rgb),.1) 0 2px 4px}.ms-items .clickable .item-entry-link{cursor:pointer}.ms-items .selected .item-entry-link,.ms-items .selected .item-entry-link:hover{color:var(--ubi-legacy-blue-text);border-bottom:3px solid var(--ubi-legacy-blue-text)}.ms-items .item-entry .item-entry-link:hover{border-bottom:3px solid var(--ubi-legacy-green-text);text-decoration:none}.ms-browser-title .item-entry-preview{margin-right:10px}.ms-items .item-entry-preview{margin:10px;width:240px;height:135px;line-height:1;text-align:center;float:left;display:block;position:relative}.ms-items .item-entry-preview img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}.ms-items .item-entry-preview .item-entry-preview-aligner{margin-left:-1px;width:1px;height:100%;display:inline-block;vertical-align:middle}.ms-items .item-entry-preview .item-entry-preview-play{margin-top:-2em;position:absolute;top:50%;left:0;width:100%;display:none;color:var(--ubi-legacy-white);text-shadow:0 0 5px var(--ubi-legacy-black);background:transparent none 50% 50% no-repeat}.ms-items .item-entry-preview .item-entry-preview-play i{line-height:inherit}.ms-items .item-entry-link:hover .item-entry-preview .item-entry-preview-play{display:block}.ms-items .item-entry-content{margin:10px;margin-left:260px;display:block}.ms-items .item-entry-top-bar{display:block;overflow:hidden;margin-bottom:5px}.ms-items .item-entry-top-bar .item-entry-title{font-size:1.2em;font-weight:600;padding:5px 0}.ms-items .item-entry-duration,.ms-items .item-entry-language{display:block;float:right;margin-left:10px;color:var(--ubi-legacy-black-lighter)}.ms-items .item-entry-language i{font-style:normal;border:1px solid var(--ubi-legacy-grey-lighter)}.ms-items .thumbnail .item-entry-language{margin-left:0;padding:5px}.ms-items .item-entry-in-trash,.ms-items .item-entry-layout,.ms-items .item-entry-live-running,.ms-items .item-entry-notpublished,.ms-items .item-entry-notready,.ms-items .item-entry-published,.ms-items .item-entry-unlisted{margin-left:10px;display:block;float:right;text-align:center;cursor:help}.ms-items .item-entry-layout{display:none}.show-types-icons .ms-items .item-entry-layout{display:block}.ms-items .item-entry-in-trash:before,.ms-items .item-entry-layout:before,.ms-items .item-entry-live-running:before,.ms-items .item-entry-notpublished:before,.ms-items .item-entry-notready:before,.ms-items .item-entry-published:before,.ms-items .item-entry-unlisted:before{color:var(--ubi-legacy-black-lighter);font:normal normal normal 16px/1 FontAwesome}.ms-items .item-entry-layout.layout-channel:before{content:"\f07c"}.ms-items .item-entry-layout.layout-pgroup:before{content:"\f03e"}.ms-items .item-entry-layout.layout-live:before{content:"\f09e"}.ms-items .item-entry-layout.layout-video:before{content:"\f03d"}.ms-items .item-entry-layout.layout-composition:before{content:"\f247"}.ms-items .item-entry-layout.layout-webinar:before{content:"\f2c3"}.ms-items .item-entry-unlisted:before{content:"\f070";color:var(--ubi-legacy-orange)}.ms-items .item-entry-in-trash:before{content:"\f1f8";color:var(--ubi-legacy-orange)}.ms-items .item-entry-notpublished:before{content:"\f023";color:var(--ubi-legacy-red)}.ms-items .item-entry-published:before{content:"\f058";color:var(--ubi-legacy-green)}.ms-items .item-entry-notready:before{content:"\f085";color:var(--ubi-legacy-orange)}.ms-items .item-entry-live-running:before{content:"\f111";color:var(--ubi-legacy-red);animation-name:live-glow-catalog;animation-duration:1s;animation-iteration-count:infinite}.ms-items .item-entry-bottom-bar{display:block}.ms-items .item-entry-bottom-bar span+span{margin-top:5px}.ms-items .item-entry .item-entry-company,.ms-items .item-entry .item-entry-description,.ms-items .item-entry .item-entry-license,.ms-items .item-entry .item-entry-speaker,.ms-items .item-entry-date,.ms-items .item-entry-extra,.ms-items .item-entry-parent,.ms-items .item-entry-storage,.ms-items .item-entry-type,.ms-items .item-entry-views{display:block;color:var(--ubi-legacy-black-lighter);font-size:.9em}.ms-items .item-entry-date{font-style:italic}.ms-items .item-entry-extra{margin:0 10px;padding:5px 10px;padding-bottom:0;font-style:italic;text-align:left;background:var(--ubi-legacy-white-darker);color:var(--ubi-legacy-black);border-bottom-left-radius:3px;border-bottom-right-radius:3px}.ms-items .item-entry-extra ul{overflow:auto;max-height:100px}.ms-items .item-entry-links{position:absolute;right:5px;bottom:5px;text-align:right}.ms-items .item-entry-links-container{display:none}.ms-items .item-entry.focus .item-entry-links-container,.ms-items .item-entry:hover .item-entry-links-container{display:block}.ms-items .item-entry .item-entry-description{max-height:60px;overflow:auto}.ms-items .item-entry.thumbnail{padding:0;width:240px;cursor:auto;display:inline-block;text-align:center;line-height:inherit}.ms-items .item-entry.thumbnail>.item-entry-link{height:100%}.ms-items .item-entry.thumbnail .item-entry-bottom-bar,.ms-items .item-entry.thumbnail .item-entry-content,.ms-items .item-entry.thumbnail .item-entry-preview,.ms-items .item-entry.thumbnail .item-entry-top-bar{margin:0;padding:0;display:block;width:100%;height:auto;text-align:center}.ms-items .item-entry.thumbnail .item-entry-preview{height:135px}.ms-items .item-entry.thumbnail .item-entry-top-bar{padding-right:5px;top:0;left:0;position:absolute;background:var(--ubi-legacy-white);width:auto;border-top-left-radius:3px;border-bottom-right-radius:3px}.ms-items .item-entry.thumbnail .item-entry-duration,.ms-items .item-entry.thumbnail .item-entry-in-trash,.ms-items .item-entry.thumbnail .item-entry-layout,.ms-items .item-entry.thumbnail .item-entry-live-running,.ms-items .item-entry.thumbnail .item-entry-notpublished,.ms-items .item-entry.thumbnail .item-entry-notready,.ms-items .item-entry.thumbnail .item-entry-published,.ms-items .item-entry.thumbnail .item-entry-unlisted{margin-left:5px;padding:5px;float:left;font-style:italic}.ms-items .item-entry.thumbnail .item-entry-duration{font-style:normal;font-weight:500;color:var(--ubi-legacy-black-lighter);padding-left:0}.ms-items .item-entry.thumbnail .item-entry-middle-bar{top:135px;left:0;width:100%;height:0;position:absolute}.ms-items .item-entry.thumbnail .item-entry-views{padding:3px 6px;bottom:0;right:0;position:absolute;background:var(--ubi-legacy-white);width:auto;border-top-left-radius:3px}.ms-items .item-entry.thumbnail .item-entry-bottom-bar>*,.ms-items .item-entry.thumbnail .item-entry-top-bar>*{word-wrap:break-word}.ms-items .item-entry.thumbnail .item-entry-bottom-bar span{margin:0;padding:10px;display:block}.ms-items .item-entry.thumbnail .item-entry-bottom-bar span+span{padding-top:0}.ms-items .item-entry.thumbnail .item-entry-title{text-overflow:ellipsis;font-weight:700;white-space:nowrap;overflow:hidden;font-weight:600;font-size:1em;color:var(--ubi-legacy-black)}.ms-items .item-entry.thumbnail .item-entry-buttons{top:0;right:0;position:absolute}.ms-items .item-entry.thumbnail .item-entry-buttons a,.ms-items .item-entry.thumbnail .item-entry-buttons button{display:none;cursor:pointer;border:none;background:var(--ubi-legacy-white);padding:0;margin:.25em;width:2em;height:2em;border-radius:.2em;font-size:1.5em;background:var(--ubi-legacy-black);color:var(--ubi-legacy-white)}.ms-items .item-entry.thumbnail .item-entry-buttons a:hover,.ms-items .item-entry.thumbnail .item-entry-buttons button:hover{box-shadow:inset 0 100vh rgba(0,0,0,.1)}.ms-items .item-entry.thumbnail .item-entry-info.info-displayed,.ms-items .item-entry.thumbnail.focus .item-entry-buttons a,.ms-items .item-entry.thumbnail.focus .item-entry-buttons button,.ms-items .item-entry.thumbnail:hover .item-entry-buttons a,.ms-items .item-entry.thumbnail:hover .item-entry-buttons button{display:block}.ms-items .item-entry.thumbnail .item-entry-buttons .fa{padding:.25em;line-height:1.5em}.ms-items .item-entry-copy{position:relative}.ms-items .item-entry-copy .copy-msg{display:none}.ms-items .item-entry-copy.copied>*{visibility:hidden}.ms-items .item-entry-copy.copied>.copy-msg{visibility:visible;padding-top:2px;top:0;bottom:0;left:0;right:0;position:absolute;text-align:center;display:block}@media (max-width:82em){.has-tree .ms-items .ms-browser-channels-place .item-entry.list{display:block;width:auto}.ms-items .item-entry-preview{width:120px;height:91px}.ms-items .item-entry-content{margin-left:140px}.ms-items .item-entry .item-entry-description{display:none}}@media (max-width:64em){.ms-items .item-entry.thumbnail{width:176px;font-size:inherit}.ms-items .item-entry.thumbnail .item-entry-preview{height:99px}.ms-items .item-entry.thumbnail .item-entry-middle-bar{top:99px}.ms-items .item-entry.thumbnail .item-entry-buttons a,.ms-items .item-entry.thumbnail .item-entry-buttons button{font-size:inherit}.ms-items .item-entry-preview .item-entry-preview-play{margin-top:-1em}.ms-items .item-entry-preview .item-entry-preview-play .fa-4x{font-size:2em}}@media (max-width:51em){.ms-items .item-entry-top-bar .item-entry-title{font-size:inherit}.ms-items .item-entry.list{display:block;margin:10px 0;width:auto}.ms-items .item-entry-in-trash,.ms-items .item-entry-layout,.ms-items .item-entry-notpublished,.ms-items .item-entry-notready,.ms-items .item-entry-published,.ms-items .item-entry-unlisted{margin-right:3px}}@media (max-width:41em){.ms-items .item-entry-preview{margin:5px;width:60px;height:45px}.ms-items .item-entry-content{margin:5px;margin-left:70px}.ms-items .item-description{padding:5px}}@keyframes live-glow-catalog{0%{color:var(--ubi-legacy-red)}50%{color:transparent}100%{color:var(--ubi-legacy-red)}}.ms-browser{--ubi-legacy-white-rgb:255,255,255;--ubi-legacy-white:#ffffff;--ubi-legacy-white-darker:#f5f5f6;--ubi-legacy-white-darker-rgb:245,245,246;--ubi-legacy-black:#37373c;--ubi-legacy-black-rgb:55,55,60;--ubi-legacy-black-darker:#000000;--ubi-legacy-black-darker-rgb:0,0,0;--ubi-legacy-black-lighter:#666;--ubi-legacy-black-lighter-rgb:102,102,102;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#E5E5E5;--ubi-legacy-blue:#274BB1;--ubi-legacy-blue-darker:#000F32;--ubi-legacy-green:#1DCDCF;--ubi-legacy-red:#e14149;--ubi-legacy-orange:#ff806c}.dark-theme .ms-browser{--ubi-legacy-white-rgb:49,49,49;--ubi-legacy-white:#313131;--ubi-legacy-white-darker:#37373c;--ubi-legacy-white-darker-rgb:55,55,60;--ubi-legacy-black:#f5f5f6;--ubi-legacy-black-rgb:245,245,246;--ubi-legacy-black-darker:#ffffff;--ubi-legacy-black-darker-rgb:255,255,255;--ubi-legacy-black-lighter:#eeeeee;--ubi-legacy-black-lighter-rgb:238,238,238;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#202020;--ubi-legacy-blue-text:#7AB3F0;--ubi-legacy-green-text:#1dd1a1;--ubi-legacy-red-text:#FF8E80}.dark-theme .ms-items .item-entry-preview .item-entry-preview-play{color:var(--ubi-legacy-black);text-shadow:0 0 5px var(--ubi-legacy-white)}.dark-theme .overlay-info{background:var(--ubi-legacy-white);background:rgba(var(--ubi-legacy-white-rgb),.8)}.dark-theme .overlay-info table.overlay-info-table td,.dark-theme .overlay-info table.overlay-info-table th.overlay-info-label{color:var(--ubi-legacy-black)}.ms-browser-container{margin:0;padding:0;position:relative;display:block;color:var(--ubi-legacy-black)}.ms-browser-container.in-overlay{text-align:left}.odm-main div.odm-element.ms-browser-container{background:var(--ubi-legacy-white-darker)}.ms-browser *{margin:0;padding:0}.ms-browser-container a{text-decoration:none;color:var(--ubi-legacy-blue-text)}.ms-browser-container a:hover{text-decoration:underline}.ms-browser img{vertical-align:middle;border:0 none}.ms-browser ol,.ms-browser ul{padding-left:24px}.ms-browser li{margin-top:4px;margin-bottom:4px}.ms-browser table{border-spacing:0;border-collapse:collapse}.ms-browser p{margin:8px 0}.ms-browser option{padding:2px 5px}.ms-browser label{display:inline}.ms-browser input,.ms-browser select{margin:0;padding:3px;box-sizing:border-box}.ms-browser .ms-browser-clear{clear:both;overflow:hidden}.ms-browser .storage-available{white-space:nowrap}.ms-browser .storage-available+.item-entry-links{margin-left:24px}.ms-browser .button{margin:0;margin-right:8px;padding:3px 8px;cursor:pointer;transition-duration:.3s;transition-property:background;box-sizing:border-box}.ms-browser .button.active,.ms-browser button.button.active{color:var(--ubi-legacy-white);background:var(--ubi-legacy-black)}.ms-browser br+.button,.ms-browser br+.button+.button{margin-top:8px}.ms-browser .ubi-legacy-tooltip-button{padding:2px}.ms-browser .ubi-legacy-tooltip-button .tooltip-hidden-content{display:none}.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:absolute;top:0;right:0;bottom:0;left:0}.ms-browser .ms-browser-header{padding:.3em;height:3.2em;line-height:3.2em}.ms-browser.in-overlay .ms-browser-header{bottom:auto}.ms-browser .ms-browser-header .ms-browser-top-buttons{float:right;display:block}.ms-browser .ms-browser-header .ms-browser-menu{padding-right:5px;float:left;display:block}.ms-browser .ms-browser-title{font-size:200%;font-weight:700;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;text-align:center;height:100%;overflow:hidden}.ms-browser .ms-browser-title img{max-height:1.4em}.ms-browser .ms-browser-title .parent-channel-title{color:var(--ubi-legacy-black-lighter);font-size:80%}.ms-browser .ms-browser-title .parent-channel-title:after{content:" > "}.ms-browser .ms-browser-bar{padding:.3em;line-height:2.6em;text-align:center;background:var(--ubi-legacy-white);border-top:1px solid var(--ubi-legacy-grey-lighter);border-bottom:1px solid var(--ubi-legacy-grey-lighter);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-rgb),.4);z-index:1}.ms-browser.in-overlay .ms-browser-bar{top:3.8em;bottom:auto;height:2.6em}.ms-browser.in-overlay .ms-browser-main{top:7em;overflow:auto}.ms-browser .ms-browser-section{padding:0}.ms-browser .ms-browser-section-links{float:right}.ms-browser .ms-browser-section-links+h3+div{clear:both}.ms-browser h3,.ms-browser h4{padding:5px 10px;font-weight:700;text-decoration:italic;color:var(--ubi-legacy-black)}.ms-browser h4,.ms-browser.in-overlay h3{font-size:125%}.ms-browser h4{padding:0;margin-bottom:4px;margin-left:-8px}.ms-browser .ms-browser-content{padding:10px}.ms-browser .ms-browser-tab{margin:0}.ms-browser .ms-browser-tab.active{font-weight:700}.ms-browser .ms-browser-tab+.ms-browser-tab{margin-left:5px}.ms-browser-dropdown{margin-left:10px;z-index:2;position:relative;display:inline-block}.ms-browser .ms-browser-dropdown+.ms-browser-dropdown{z-index:1}.ms-browser .ms-browser-header .ms-browser-dropdown{z-index:4}.ms-browser-dropdown .ms-browser-dropdown-button.active{background:var(--ubi-legacy-black);color:var(--ubi-legacy-white)}.ms-browser-dropdown .ms-browser-dropdown-menu{top:100%;left:0;position:absolute;padding:8px;padding-left:16px;z-index:5;display:none;line-height:24px;white-space:nowrap;text-align:left;border:1px solid var(--ubi-legacy-grey-lighter);border-radius:4px;color:var(--ubi-legacy-black);background:var(--ubi-legacy-white);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-darker-rgb),.4)}.ms-browser-dropdown-right .ms-browser-dropdown-menu{left:auto;right:0}.ms-browser-dropdown .ms-browser-dropdown-menu.active{display:block}.ms-browser-dropdown .ms-browser-dropdown-menu div+div{margin-top:8px}#ms_browser_display_dropdown button,#ms_browser_display_dropdown input,#ms_browser_display_dropdown select{margin:4px}#ms_browser_display_dropdown #hidden_categories{width:400px;overflow:hidden}#ms_browser_display_dropdown #hidden_categories label{margin-right:8px;float:left;display:block;max-width:100%}#ms_browser_display_dropdown #hidden_categories label input{display:inline-block;vertical-align:top}#ms_browser_display_dropdown #hidden_categories label span{white-space:pre-wrap;word-break:break-all;display:inline-block}#ms_browser_display_dropdown .hidden-visibility{visibility:hidden;height:1px}.ms-browser .ms-browser-loading,.ms-browser .ms-browser-message{position:absolute;top:20px;left:40%;display:none;padding:10px;color:var(--ubi-legacy-white);border-radius:3px;background:var(--ubi-legacy-black);background:rgba(var(--ubi-legacy-black-darker-rgb),.7);z-index:1}.ms-browser .ms-browser-message{background:var(--ubi-legacy-white);color:var(--ubi-legacy-black)}.ms-browser .ms-browser-loading{font-size:150%}.ms-browser .messages{text-align:center}.ms-browser .message.error,.ms-browser .message.info,.ms-browser .message.success,.ms-browser .message.warning{margin:10px;padding:10px;padding-left:40px;display:block;display:inline-block;position:relative;line-height:normal;text-align:left;min-height:0;color:var(--ubi-legacy-white);background:var(--ubi-legacy-black);box-shadow:2px 2px 1px 0 var(--ubi-legacy-grey-lighter)}.ms-browser .message.error:before,.ms-browser .message.info:before,.ms-browser .message.success:before,.ms-browser .message.warning:before{top:50%;left:0;margin-top:-10px;line-height:20px;width:40px;position:absolute;text-align:center;font:normal normal normal 20px/1 FontAwesome}.ms-browser .message.info{background:var(--ubi-legacy-blue);color:var(--ubi-legacy-blue-contrast)}.ms-browser .message.info:before{content:"\f05a"}.ms-browser .message.success{background:var(--ubi-legacy-green);color:var(--ubi-legacy-green-contrast)}.ms-browser .message.success:before{content:"\f058"}.ms-browser .message.warning{background:var(--ubi-legacy-orange);color:var(--ubi-legacy-orange-contrast)}.ms-browser .message.warning:before{content:"\f071"}.ms-browser .message.error{background:var(--ubi-legacy-red);color:var(--ubi-legacy-red-contrast)}.ms-browser .message.error:before{content:"\f06a"}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place{padding:.5em;top:0;bottom:0;left:0;right:0;position:absolute;overflow:auto}.ms-browser.has-tree .ms-browser-tree-place{padding:.5em;float:left;width:18em;background:var(--ubi-legacy-white-darker)}.ms-browser.has-tree.in-overlay .ms-browser-tree-place{float:none;right:auto}.ms-browser.has-tree .ms-browser-channels-body{margin-left:19em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{margin-left:0;left:19em}.ms-channels-tree ul{padding-left:0}.ms-channels-tree li{overflow:hidden;list-style:none}.ms-channels-tree ul ul{display:none;padding-left:1.6em}.ms-channels-tree li>span{display:block}.ms-channels-tree li .list-entry{padding:0;display:block;float:left;text-align:center;font-weight:400;width:1.3em;height:1.3em;line-height:1;cursor:default;background:var(--ubi-legacy-white);border:1px solid var(--ubi-legacy-grey-lighter);border-radius:2px;box-sizing:content-box}.ms-channels-tree li .list-entry{cursor:pointer}.ms-channels-tree li .list-entry .fa{padding:0}.ms-channels-tree .channel-personal-btn{float:right}.ms-channels-tree #tree_channel_0{clear:both}.ms-channels-tree .channel-btn{padding:.2em .4em;display:block;text-align:left;line-height:1;cursor:pointer;color:var(--ubi-legacy-blue-text);background:0 0;border:0 none;text-decoration:none;word-wrap:break-word;border-radius:4px;box-sizing:content-box}.ms-channels-tree li .channel-btn{margin-left:1.6em}.ms-channels-tree .channel-btn:hover{text-decoration:underline}.ms-channels-tree .channel-active .channel-btn{font-weight:700;color:var(--ubi-legacy-white);background-color:var(--ubi-legacy-blue)}.ms-channels-tree .channel-empty,.ms-channels-tree .channel-empty .channel-btn,.ms-channels-tree .channel-locked{color:var(--ubi-legacy-black-lighter)}.ms-browser .ms-browser-search-form{display:inline}.ms-browser .ms-browser-search-form input{width:auto;padding:3px;line-height:normal}.ms-browser .ms-browser-search-matching{padding:10px 30px}.ms-browser .ms-browser-more-btn{padding:10px 5px;text-align:center}.ms-browser.no-header .ms-browser-bar,.ms-browser.no-header .ms-browser-header .ms-browser-menu,.ms-browser.no-header .ms-browser-header .ms-browser-top-buttons,.ms-browser.no-header .ms-browser-search-form{display:none}.ms-browser.no-header .ms-browser-header{height:auto}.ms-browser.no-header .ms-browser-header .ms-browser-title{white-space:normal}.ms-browser.no-header .ms-browser-header .ms-browser-title .channel-title,.ms-browser.no-header .ms-browser-header .ms-browser-title .parent-channel-title{white-space:nowrap}@media (max-width:64em){.ms-browser .ms-browser-title{padding:0}.ms-browser .ms-browser-content{padding:0}}@media (max-width:51em){.ms-browser.has-tree .ms-browser-tree-place{width:15em}.ms-browser.has-tree .ms-browser-channels-body{margin-left:16em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{left:16em}}@media (max-width:41em){.ms-browser .ms-browser-channels-body{left:0}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place,.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:static}.ms-browser.has-tree .ms-browser-tree-place{display:none}.ms-browser .ms-browser-channels-body{padding:10px 0}.ms-browser.has-tree .ms-browser-channels-body{margin-left:0}.ms-browser .ms-browser-header,.ms-browser.in-overlay .ms-browser-bar{height:auto}.ms-browser-dropdown-right .ms-browser-dropdown-menu{right:-10px}.ms-browser .ms-browser-title{padding:0;width:100%;font-size:150%}#ms_browser_display_dropdown #hidden_categories{width:auto}}@media (max-width:29em){.ms-browser .ms-browser-search-form input{width:50%}} \ No newline at end of file +.ms-items .item-entry{margin:10px;position:relative;display:inline-block;width:calc(50% - 20px);vertical-align:top}.ms-items .item-description{padding:10px;background:var(--ubi-legacy-white);border-bottom:3px solid var(--ubi-legacy-grey-lighter)}.ms-items .item-description img{max-width:100%;max-height:100%}.ms-items .item-entry *{box-sizing:content-box}.ms-items .item-entry-link{display:block;color:inherit;overflow:hidden;background:var(--ubi-legacy-white);color:var(--ubi-legacy-black);border-bottom:3px solid var(--ubi-legacy-white);border-radius:8px;box-shadow:rgba(var(--ubi-legacy-black-rgb),.1) 0 2px 4px}.ms-items .clickable .item-entry-link{cursor:pointer}.ms-items .selected .item-entry-link,.ms-items .selected .item-entry-link:hover{color:var(--ubi-legacy-blue-text);border-bottom:3px solid var(--ubi-legacy-blue-text)}.ms-items .item-entry .item-entry-link:hover{border-bottom:3px solid var(--ubi-legacy-green-text);text-decoration:none}.ms-browser-title .item-entry-preview{margin-right:10px}.ms-items .item-entry-preview{margin:10px;width:240px;height:135px;line-height:1;text-align:center;float:left;display:block;position:relative}.ms-items .item-entry-preview img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}.ms-items .item-entry-preview .item-entry-preview-aligner{margin-left:-1px;width:1px;height:100%;display:inline-block;vertical-align:middle}.ms-items .item-entry-preview .item-entry-preview-play{margin-top:-2em;position:absolute;top:50%;left:0;width:100%;display:none;color:var(--ubi-legacy-white);text-shadow:0 0 5px var(--ubi-legacy-black);background:transparent none 50% 50% no-repeat}.ms-items .item-entry-preview .item-entry-preview-play i{line-height:inherit}.ms-items .item-entry-link:hover .item-entry-preview .item-entry-preview-play{display:block}.ms-items .item-entry-content{margin:10px;margin-left:260px;display:block}.ms-items .item-entry-top-bar{display:block;overflow:hidden;margin-bottom:5px}.ms-items .item-entry-top-bar .item-entry-title{font-size:1.2em;font-weight:600;padding:5px 0}.ms-items .item-entry-duration,.ms-items .item-entry-language{display:block;float:right;margin-left:10px;color:var(--ubi-legacy-black-lighter)}.ms-items .item-entry-language i{font-style:normal;border:1px solid var(--ubi-legacy-grey-lighter)}.ms-items .thumbnail .item-entry-language{margin-left:0;padding:5px}.ms-items .item-entry-in-trash,.ms-items .item-entry-layout,.ms-items .item-entry-live-running,.ms-items .item-entry-notpublished,.ms-items .item-entry-notready,.ms-items .item-entry-published,.ms-items .item-entry-unlisted{margin-left:10px;display:block;float:right;text-align:center;cursor:help}.ms-items .item-entry-layout{display:none}.show-types-icons .ms-items .item-entry-layout{display:block}.ms-items .item-entry-in-trash:before,.ms-items .item-entry-layout:before,.ms-items .item-entry-live-running:before,.ms-items .item-entry-notpublished:before,.ms-items .item-entry-notready:before,.ms-items .item-entry-published:before,.ms-items .item-entry-unlisted:before{color:var(--ubi-legacy-black-lighter);font:normal normal normal 16px/1 FontAwesome}.ms-items .item-entry-layout.layout-channel:before{content:"\f07c"}.ms-items .item-entry-layout.layout-pgroup:before{content:"\f03e"}.ms-items .item-entry-layout.layout-live:before{content:"\f09e"}.ms-items .item-entry-layout.layout-video:before{content:"\f03d"}.ms-items .item-entry-layout.layout-composition:before{content:"\f247"}.ms-items .item-entry-layout.layout-webinar:before{content:"\f2c3"}.ms-items .item-entry-unlisted:before{content:"\f070";color:var(--ubi-legacy-orange)}.ms-items .item-entry-in-trash:before{content:"\f1f8";color:var(--ubi-legacy-orange)}.ms-items .item-entry-notpublished:before{content:"\f023";color:var(--ubi-legacy-red)}.ms-items .item-entry-published:before{content:"\f058";color:var(--ubi-legacy-green)}.ms-items .item-entry-notready:before{content:"\f085";color:var(--ubi-legacy-orange)}.ms-items .item-entry-live-running:before{content:"\f111";color:var(--ubi-legacy-red);animation-name:live-glow-catalog;animation-duration:1s;animation-iteration-count:infinite}.ms-items .item-entry-bottom-bar{display:block}.ms-items .item-entry-bottom-bar span+span{margin-top:5px}.ms-items .item-entry .item-entry-company,.ms-items .item-entry .item-entry-description,.ms-items .item-entry .item-entry-license,.ms-items .item-entry .item-entry-speaker,.ms-items .item-entry-date,.ms-items .item-entry-extra,.ms-items .item-entry-parent,.ms-items .item-entry-storage,.ms-items .item-entry-type,.ms-items .item-entry-views{display:block;color:var(--ubi-legacy-black-lighter);font-size:.9em}.ms-items .item-entry-date{font-style:italic}.ms-items .item-entry-extra{margin:0 10px;padding:5px 10px;padding-bottom:0;font-style:italic;text-align:left;background:var(--ubi-legacy-white-darker);color:var(--ubi-legacy-black);border-bottom-left-radius:3px;border-bottom-right-radius:3px}.ms-items .item-entry-extra ul{overflow:auto;max-height:100px}.ms-items .item-entry-links{position:absolute;right:5px;bottom:5px;text-align:right}.ms-items .item-entry-links-container{display:none}.ms-items .item-entry.focus .item-entry-links-container,.ms-items .item-entry:hover .item-entry-links-container{display:block}.ms-items .item-entry .item-entry-description{max-height:60px;overflow:auto}.ms-items .item-entry.thumbnail{padding:0;width:240px;cursor:auto;display:inline-block;text-align:center;line-height:inherit}.ms-items .item-entry.thumbnail>.item-entry-link{height:100%}.ms-items .item-entry.thumbnail .item-entry-bottom-bar,.ms-items .item-entry.thumbnail .item-entry-content,.ms-items .item-entry.thumbnail .item-entry-preview,.ms-items .item-entry.thumbnail .item-entry-top-bar{margin:0;padding:0;display:block;width:100%;height:auto;text-align:center}.ms-items .item-entry.thumbnail .item-entry-preview{height:135px}.ms-items .item-entry.thumbnail .item-entry-top-bar{padding-right:5px;top:0;left:0;position:absolute;background:var(--ubi-legacy-white);width:auto;border-top-left-radius:3px;border-bottom-right-radius:3px}.ms-items .item-entry.thumbnail .item-entry-duration,.ms-items .item-entry.thumbnail .item-entry-in-trash,.ms-items .item-entry.thumbnail .item-entry-layout,.ms-items .item-entry.thumbnail .item-entry-live-running,.ms-items .item-entry.thumbnail .item-entry-notpublished,.ms-items .item-entry.thumbnail .item-entry-notready,.ms-items .item-entry.thumbnail .item-entry-published,.ms-items .item-entry.thumbnail .item-entry-unlisted{margin-left:5px;padding:5px;float:left;font-style:italic}.ms-items .item-entry.thumbnail .item-entry-duration{font-style:normal;font-weight:500;color:var(--ubi-legacy-black-lighter);padding-left:0}.ms-items .item-entry.thumbnail .item-entry-middle-bar{top:135px;left:0;width:100%;height:0;position:absolute}.ms-items .item-entry.thumbnail .item-entry-views{padding:3px 6px;bottom:0;right:0;position:absolute;background:var(--ubi-legacy-white);width:auto;border-top-left-radius:3px}.ms-items .item-entry.thumbnail .item-entry-bottom-bar>*,.ms-items .item-entry.thumbnail .item-entry-top-bar>*{word-wrap:break-word}.ms-items .item-entry.thumbnail .item-entry-bottom-bar span{margin:0;padding:10px;display:block}.ms-items .item-entry.thumbnail .item-entry-bottom-bar span+span{padding-top:0}.ms-items .item-entry.thumbnail .item-entry-title{text-overflow:ellipsis;font-weight:700;white-space:nowrap;overflow:hidden;font-weight:600;font-size:1em;color:var(--ubi-legacy-black)}.ms-items .item-entry.thumbnail .item-entry-buttons{top:0;right:0;position:absolute}.ms-items .item-entry.thumbnail .item-entry-buttons a,.ms-items .item-entry.thumbnail .item-entry-buttons button{display:none;cursor:pointer;border:none;background:var(--ubi-legacy-white);padding:0;margin:.25em;width:2em;height:2em;border-radius:.2em;font-size:1.5em;background:var(--ubi-legacy-black);color:var(--ubi-legacy-white)}.ms-items .item-entry.thumbnail .item-entry-buttons a:hover,.ms-items .item-entry.thumbnail .item-entry-buttons button:hover{box-shadow:inset 0 100vh rgba(0,0,0,.1)}.ms-items .item-entry.thumbnail .item-entry-info.info-displayed,.ms-items .item-entry.thumbnail.focus .item-entry-buttons a,.ms-items .item-entry.thumbnail.focus .item-entry-buttons button,.ms-items .item-entry.thumbnail:hover .item-entry-buttons a,.ms-items .item-entry.thumbnail:hover .item-entry-buttons button{display:block}.ms-items .item-entry.thumbnail .item-entry-buttons .fa{padding:.25em;line-height:1.5em}.ms-items .item-entry-copy{position:relative}.ms-items .item-entry-copy .copy-msg{display:none}.ms-items .item-entry-copy.copied>*{visibility:hidden}.ms-items .item-entry-copy.copied>.copy-msg{visibility:visible;padding-top:2px;top:0;bottom:0;left:0;right:0;position:absolute;text-align:center;display:block}@media (max-width:82em){.has-tree .ms-items .ms-browser-channels-place .item-entry.list{display:block;width:auto}.ms-items .item-entry-preview{width:120px;height:91px}.ms-items .item-entry-content{margin-left:140px}.ms-items .item-entry .item-entry-description{display:none}}@media (max-width:64em){.ms-items .item-entry.thumbnail{width:176px;font-size:inherit}.ms-items .item-entry.thumbnail .item-entry-preview{height:99px}.ms-items .item-entry.thumbnail .item-entry-middle-bar{top:99px}.ms-items .item-entry.thumbnail .item-entry-buttons a,.ms-items .item-entry.thumbnail .item-entry-buttons button{font-size:inherit}.ms-items .item-entry-preview .item-entry-preview-play{margin-top:-1em}.ms-items .item-entry-preview .item-entry-preview-play .fa-4x{font-size:2em}}@media (max-width:51em){.ms-items .item-entry-top-bar .item-entry-title{font-size:inherit}.ms-items .item-entry.list{display:block;margin:10px 0;width:auto}.ms-items .item-entry-in-trash,.ms-items .item-entry-layout,.ms-items .item-entry-notpublished,.ms-items .item-entry-notready,.ms-items .item-entry-published,.ms-items .item-entry-unlisted{margin-right:3px}}@media (max-width:41em){.ms-items .item-entry-preview{margin:5px;width:60px;height:45px}.ms-items .item-entry-content{margin:5px;margin-left:70px}.ms-items .item-description{padding:5px}}@keyframes live-glow-catalog{0%{color:var(--ubi-legacy-red)}50%{color:transparent}100%{color:var(--ubi-legacy-red)}}.ms-browser{--ubi-legacy-white-rgb:255,255,255;--ubi-legacy-white:#ffffff;--ubi-legacy-white-darker:#f5f5f6;--ubi-legacy-white-darker-rgb:245,245,246;--ubi-legacy-black:#37373c;--ubi-legacy-black-rgb:55,55,60;--ubi-legacy-black-darker:#000000;--ubi-legacy-black-darker-rgb:0,0,0;--ubi-legacy-black-lighter:#666;--ubi-legacy-black-lighter-rgb:102,102,102;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#E5E5E5;--ubi-legacy-blue-darker:#000F32;--ubi-legacy-blue:#2656cf;--ubi-legacy-blue-contrast:#FFFFFF;--ubi-legacy-blue-text:#2656cf;--ubi-legacy-green:#008066;--ubi-legacy-green-contrast:#FFFFFF;--ubi-legacy-green-text:#008066;--ubi-legacy-red:#da2525;--ubi-legacy-red-contrast:#FFFFFF;--ubi-legacy-red-text:#da2525}.dark-theme .ms-browser{--ubi-legacy-white-rgb:49,49,49;--ubi-legacy-white:#313131;--ubi-legacy-white-darker:#37373c;--ubi-legacy-white-darker-rgb:55,55,60;--ubi-legacy-black:#f5f5f6;--ubi-legacy-black-rgb:245,245,246;--ubi-legacy-black-darker:#ffffff;--ubi-legacy-black-darker-rgb:255,255,255;--ubi-legacy-black-lighter:#eeeeee;--ubi-legacy-black-lighter-rgb:238,238,238;--ubi-legacy-grey:#999;--ubi-legacy-grey-rgb:153,153,153;--ubi-legacy-grey-lighter:#202020;--ubi-legacy-blue:#7AB3F0;--ubi-legacy-blue-text:#7AB3F0;--ubi-legacy-green:#1dd1a1;--ubi-legacy-green-text:#1dd1a1;--ubi-legacy-red:#FF8E80;--ubi-legacy-red-text:#FF8E80;--ubi-legacy-blue-contrast:#000000;--ubi-legacy-green-contrast:#000000;--ubi-legacy-red-contrast:#000000}.dark-theme .ms-items .item-entry-preview .item-entry-preview-play{color:var(--ubi-legacy-black);text-shadow:0 0 5px var(--ubi-legacy-white)}.dark-theme .overlay-info{background:var(--ubi-legacy-white);background:rgba(var(--ubi-legacy-white-rgb),.8)}.dark-theme .overlay-info table.overlay-info-table td,.dark-theme .overlay-info table.overlay-info-table th.overlay-info-label{color:var(--ubi-legacy-black)}.ms-browser-container{margin:0;padding:0;position:relative;display:block;color:var(--ubi-legacy-black)}.ms-browser-container.in-overlay{text-align:left}.odm-main div.odm-element.ms-browser-container{background:var(--ubi-legacy-white-darker)}.ms-browser *{margin:0;padding:0}.ms-browser-container a{text-decoration:none;color:var(--ubi-legacy-blue-text)}.ms-browser-container a:hover{text-decoration:underline}.ms-browser img{vertical-align:middle;border:0 none}.ms-browser ol,.ms-browser ul{padding-left:24px}.ms-browser li{margin-top:4px;margin-bottom:4px}.ms-browser table{border-spacing:0;border-collapse:collapse}.ms-browser p{margin:8px 0}.ms-browser option{padding:2px 5px}.ms-browser label{display:inline}.ms-browser input,.ms-browser select{margin:0;padding:3px;box-sizing:border-box}.ms-browser .ms-browser-clear{clear:both;overflow:hidden}.ms-browser .storage-available{white-space:nowrap}.ms-browser .storage-available+.item-entry-links{margin-left:24px}.ms-browser .button{margin:0;margin-right:8px;padding:3px 8px;cursor:pointer;transition-duration:.3s;transition-property:background;box-sizing:border-box}.ms-browser .button.active,.ms-browser button.button.active{color:var(--ubi-legacy-white);background:var(--ubi-legacy-black)}.ms-browser br+.button,.ms-browser br+.button+.button{margin-top:8px}.ms-browser .ubi-legacy-tooltip-button{padding:2px}.ms-browser .ubi-legacy-tooltip-button .tooltip-hidden-content{display:none}.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:absolute;top:0;right:0;bottom:0;left:0}.ms-browser .ms-browser-header{padding:.3em;height:3.2em;line-height:3.2em}.ms-browser.in-overlay .ms-browser-header{bottom:auto}.ms-browser .ms-browser-header .ms-browser-top-buttons{float:right;display:block}.ms-browser .ms-browser-header .ms-browser-menu{padding-right:5px;float:left;display:block}.ms-browser .ms-browser-title{font-size:200%;font-weight:700;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;text-align:center;height:100%;overflow:hidden}.ms-browser .ms-browser-title img{max-height:1.4em}.ms-browser .ms-browser-title .parent-channel-title{color:var(--ubi-legacy-black-lighter);font-size:80%}.ms-browser .ms-browser-title .parent-channel-title:after{content:" > "}.ms-browser .ms-browser-bar{padding:.3em;line-height:2.6em;text-align:center;background:var(--ubi-legacy-white);border-top:1px solid var(--ubi-legacy-grey-lighter);border-bottom:1px solid var(--ubi-legacy-grey-lighter);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-rgb),.4);z-index:1}.ms-browser.in-overlay .ms-browser-bar{top:3.8em;bottom:auto;height:2.6em}.ms-browser.in-overlay .ms-browser-main{top:7em;overflow:auto}.ms-browser .ms-browser-section{padding:0}.ms-browser .ms-browser-section-links{float:right}.ms-browser .ms-browser-section-links+h3+div{clear:both}.ms-browser h3,.ms-browser h4{padding:5px 10px;font-weight:700;text-decoration:italic;color:var(--ubi-legacy-black)}.ms-browser h4,.ms-browser.in-overlay h3{font-size:125%}.ms-browser h4{padding:0;margin-bottom:4px;margin-left:-8px}.ms-browser .ms-browser-content{padding:10px}.ms-browser .ms-browser-tab{margin:0}.ms-browser .ms-browser-tab.active{font-weight:700}.ms-browser .ms-browser-tab+.ms-browser-tab{margin-left:5px}.ms-browser-dropdown{margin-left:10px;z-index:2;position:relative;display:inline-block}.ms-browser .ms-browser-dropdown+.ms-browser-dropdown{z-index:1}.ms-browser .ms-browser-header .ms-browser-dropdown{z-index:4}.ms-browser-dropdown .ms-browser-dropdown-button.active{background:var(--ubi-legacy-black);color:var(--ubi-legacy-white)}.ms-browser-dropdown .ms-browser-dropdown-menu{top:100%;left:0;position:absolute;padding:8px;padding-left:16px;z-index:5;display:none;line-height:24px;white-space:nowrap;text-align:left;border:1px solid var(--ubi-legacy-grey-lighter);border-radius:4px;color:var(--ubi-legacy-black);background:var(--ubi-legacy-white);box-shadow:1px 1px 2px rgba(var(--ubi-legacy-black-darker-rgb),.4)}.ms-browser-dropdown-right .ms-browser-dropdown-menu{left:auto;right:0}.ms-browser-dropdown .ms-browser-dropdown-menu.active{display:block}.ms-browser-dropdown .ms-browser-dropdown-menu div+div{margin-top:8px}#ms_browser_display_dropdown button,#ms_browser_display_dropdown input,#ms_browser_display_dropdown select{margin:4px}#ms_browser_display_dropdown #hidden_categories{width:400px;overflow:hidden}#ms_browser_display_dropdown #hidden_categories label{margin-right:8px;float:left;display:block;max-width:100%}#ms_browser_display_dropdown #hidden_categories label input{display:inline-block;vertical-align:top}#ms_browser_display_dropdown #hidden_categories label span{white-space:pre-wrap;word-break:break-all;display:inline-block}#ms_browser_display_dropdown .hidden-visibility{visibility:hidden;height:1px}.ms-browser .ms-browser-loading,.ms-browser .ms-browser-message{position:absolute;top:20px;left:40%;display:none;padding:10px;color:var(--ubi-legacy-white);border-radius:3px;background:var(--ubi-legacy-black);background:rgba(var(--ubi-legacy-black-darker-rgb),.7);z-index:1}.ms-browser .ms-browser-message{background:var(--ubi-legacy-white);color:var(--ubi-legacy-black)}.ms-browser .ms-browser-loading{font-size:150%}.ms-browser .messages{text-align:center}.ms-browser .message.error,.ms-browser .message.info,.ms-browser .message.success,.ms-browser .message.warning{margin:10px;padding:10px;padding-left:40px;display:block;display:inline-block;position:relative;line-height:normal;text-align:left;min-height:0;color:var(--ubi-legacy-white);background:var(--ubi-legacy-black);box-shadow:2px 2px 1px 0 var(--ubi-legacy-grey-lighter)}.ms-browser .message.error:before,.ms-browser .message.info:before,.ms-browser .message.success:before,.ms-browser .message.warning:before{top:50%;left:0;margin-top:-10px;line-height:20px;width:40px;position:absolute;text-align:center;font:normal normal normal 20px/1 FontAwesome}.ms-browser .message.info{background:var(--ubi-legacy-blue);color:var(--ubi-legacy-blue-contrast)}.ms-browser .message.info:before{content:"\f05a"}.ms-browser .message.success{background:var(--ubi-legacy-green);color:var(--ubi-legacy-green-contrast)}.ms-browser .message.success:before{content:"\f058"}.ms-browser .message.warning{background:var(--ubi-legacy-orange);color:var(--ubi-legacy-orange-contrast)}.ms-browser .message.warning:before{content:"\f071"}.ms-browser .message.error{background:var(--ubi-legacy-red);color:var(--ubi-legacy-red-contrast)}.ms-browser .message.error:before{content:"\f06a"}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place{padding:.5em;top:0;bottom:0;left:0;right:0;position:absolute;overflow:auto}.ms-browser.has-tree .ms-browser-tree-place{padding:.5em;float:left;width:18em;background:var(--ubi-legacy-white-darker)}.ms-browser.has-tree.in-overlay .ms-browser-tree-place{float:none;right:auto}.ms-browser.has-tree .ms-browser-channels-body{margin-left:19em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{margin-left:0;left:19em}.ms-channels-tree ul{padding-left:0}.ms-channels-tree li{overflow:hidden;list-style:none}.ms-channels-tree ul ul{display:none;padding-left:1.6em}.ms-channels-tree li>span{display:block}.ms-channels-tree li .list-entry{padding:0;display:block;float:left;text-align:center;font-weight:400;width:1.3em;height:1.3em;line-height:1;cursor:default;background:var(--ubi-legacy-white);border:1px solid var(--ubi-legacy-grey-lighter);border-radius:2px;box-sizing:content-box}.ms-channels-tree li .list-entry{cursor:pointer}.ms-channels-tree li .list-entry .fa{padding:0}.ms-channels-tree .channel-personal-btn{float:right}.ms-channels-tree #tree_channel_0{clear:both}.ms-channels-tree .channel-btn{padding:.2em .4em;display:block;text-align:left;line-height:1;cursor:pointer;color:var(--ubi-legacy-blue-text);background:0 0;border:0 none;text-decoration:none;word-wrap:break-word;border-radius:4px;box-sizing:content-box}.ms-channels-tree li .channel-btn{margin-left:1.6em}.ms-channels-tree .channel-btn:hover{text-decoration:underline}.ms-channels-tree .channel-active .channel-btn{font-weight:700;color:var(--ubi-legacy-white);background-color:var(--ubi-legacy-blue)}.ms-channels-tree .channel-empty,.ms-channels-tree .channel-empty .channel-btn,.ms-channels-tree .channel-locked{color:var(--ubi-legacy-black-lighter)}.ms-browser .ms-browser-search-form{display:inline}.ms-browser .ms-browser-search-form input{width:auto;padding:3px;line-height:normal}.ms-browser .ms-browser-search-matching{padding:10px 30px}.ms-browser .ms-browser-more-btn{padding:10px 5px;text-align:center}.ms-browser.no-header .ms-browser-bar,.ms-browser.no-header .ms-browser-header .ms-browser-menu,.ms-browser.no-header .ms-browser-header .ms-browser-top-buttons,.ms-browser.no-header .ms-browser-search-form{display:none}.ms-browser.no-header .ms-browser-header{height:auto}.ms-browser.no-header .ms-browser-header .ms-browser-title{white-space:normal}.ms-browser.no-header .ms-browser-header .ms-browser-title .channel-title,.ms-browser.no-header .ms-browser-header .ms-browser-title .parent-channel-title{white-space:nowrap}@media (max-width:64em){.ms-browser .ms-browser-title{padding:0}.ms-browser .ms-browser-content{padding:0}}@media (max-width:51em){.ms-browser.has-tree .ms-browser-tree-place{width:15em}.ms-browser.has-tree .ms-browser-channels-body{margin-left:16em}.ms-browser.has-tree.in-overlay .ms-browser-channels-body{left:16em}}@media (max-width:41em){.ms-browser .ms-browser-channels-body{left:0}.ms-browser.has-tree.in-overlay .ms-browser-channels-body,.ms-browser.has-tree.in-overlay .ms-browser-tree-place,.ms-browser.in-overlay .ms-browser-bar,.ms-browser.in-overlay .ms-browser-header,.ms-browser.in-overlay .ms-browser-main{position:static}.ms-browser.has-tree .ms-browser-tree-place{display:none}.ms-browser .ms-browser-channels-body{padding:10px 0}.ms-browser.has-tree .ms-browser-channels-body{margin-left:0}.ms-browser .ms-browser-header,.ms-browser.in-overlay .ms-browser-bar{height:auto}.ms-browser-dropdown-right .ms-browser-dropdown-menu{right:-10px}.ms-browser .ms-browser-title{padding:0;width:100%;font-size:150%}#ms_browser_display_dropdown #hidden_categories{width:auto}}@media (max-width:29em){.ms-browser .ms-browser-search-form input{width:50%}} \ No newline at end of file diff --git a/package.json b/package.json index 24f1065..0ff0990 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "author": "", "license": "ISC", "dependencies": { - "eslint": "latest", + "eslint": "< 9", "gulp": "< 5", "gulp-clean-css": "latest", "gulp-concat": "latest", diff --git a/src/css/ms-browser.css b/src/css/ms-browser.css index 9daee55..feb8e76 100644 --- a/src/css/ms-browser.css +++ b/src/css/ms-browser.css @@ -13,11 +13,17 @@ --ubi-legacy-grey: #999; --ubi-legacy-grey-rgb: 153, 153, 153; --ubi-legacy-grey-lighter: #E5E5E5; - --ubi-legacy-blue: #274BB1; --ubi-legacy-blue-darker: #000F32; - --ubi-legacy-green: #1DCDCF; - --ubi-legacy-red: #e14149; - --ubi-legacy-orange: #ff806c; + + --ubi-legacy-blue: #2656cf; + --ubi-legacy-blue-contrast: #FFFFFF; + --ubi-legacy-blue-text: #2656cf; + --ubi-legacy-green: #008066; + --ubi-legacy-green-contrast: #FFFFFF; + --ubi-legacy-green-text: #008066; + --ubi-legacy-red: #da2525; + --ubi-legacy-red-contrast: #FFFFFF; + --ubi-legacy-red-text: #da2525; } .dark-theme .ms-browser { --ubi-legacy-white-rgb: 49, 49, 49; @@ -33,9 +39,16 @@ --ubi-legacy-grey: #999; --ubi-legacy-grey-rgb: 153,153,153; --ubi-legacy-grey-lighter: #202020; + + --ubi-legacy-blue: #7AB3F0; --ubi-legacy-blue-text: #7AB3F0; + --ubi-legacy-green: #1dd1a1; --ubi-legacy-green-text: #1dd1a1; + --ubi-legacy-red: #FF8E80; --ubi-legacy-red-text: #FF8E80; + --ubi-legacy-blue-contrast: #000000; + --ubi-legacy-green-contrast: #000000; + --ubi-legacy-red-contrast: #000000; } .dark-theme .ms-items .item-entry-preview .item-entry-preview-play { color: var(--ubi-legacy-black);