mirror of
https://github.com/mediacms-io/mediacms.git
synced 2024-11-24 17:24:43 +01:00
aa6520daac
* Added frontend development files/environment * More items-categories related removals * Improvements in pages templates (inc. static pages) * Improvements in video player * Added empty home page message + cta * Updates in media, playlist and management pages * Improvements in material icons font loading * Replaced media & playlists links in frontend dev-env * frontend package version update * chnaged frontend dev url port * static files update * Changed default position of theme switcher * enabled frontend docker container
2 lines
16 KiB
CSS
2 lines
16 KiB
CSS
#page-profile-media .page-main,#page-profile-playlists .page-main,#page-profile-about .page-main,#page-liked.profile-page-liked .page-main,#page-history.profile-page-history .page-main{background-color:var(--profile-page-bg-color)}.profile-page-header{background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-info-nav-wrap,.profile-page-header .profile-info-nav-wrap:before{background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-info .profile-videos-number{color:var(--profile-page-info-videos-number-text-color)}.profile-page-header .profile-nav{background-color:var(--profile-page-header-bg-color);border-bottom-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-nav ul li a{color:var(--profile-page-nav-link-text-color)}.profile-page-header .profile-nav ul li a:hover{color:var(--profile-page-nav-link-hover-text-color)}.profile-page-header .profile-nav ul li.active a{color:var(--profile-page-nav-link-active-text-color)}.profile-page-header .profile-nav ul li.active:after{background-color:var(--profile-page-nav-link-active-after-bg-color)}.profile-page-content{background-color:var(--profile-page-bg-color)}.profile-page-content .item-content h3 span{background-color:var(--profile-page-bg-color)}.profile-page-header{position:relative;width:100%;float:left}.profile-page-header button:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.profile-page-header .profile-banner-wrap{position:relative;width:100%;float:left}.profile-page-header .profile-banner-wrap.no-banner-img{padding-bottom:0}.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{position:relative;top:auto;right:auto;bottom:auto;left:auto;padding:0 1rem;margin:24px auto;text-align:right;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:100%}@media(min-width: 768px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{padding:0;width:654px}}@media(min-width: 928px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{width:872px}}@media(min-width: 1146px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{width:1090px}}@media(min-width: 1582px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{width:1308px}}.profile-page-header .profile-banner-wrap.no-banner-img a.edit-channel{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:inline-block}.profile-page-header .profile-banner-wrap.no-banner-img:hover{background-color:rgba(0,0,0,.1)}.profile-page-header .profile-banner-wrap .popup{position:absolute;top:100%;left:0;margin-top:8px}.profile-page-header .profile-banner-wrap .popup-message-bottom button{position:relative;width:auto;padding:0;border:0;background:none;font-size:14px}.profile-page-header .profile-banner-wrap .popup-message-bottom button.proceed-profile-removal{float:right}.profile-page-header .profile-banner-wrap .popup-message-bottom button.cancel-profile-removal{float:left;color:var(--body-text-color)}.profile-page-header .profile-banner{position:fixed;top:var(--header-height);left:0;right:0;display:block;background-attachment:scroll;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover}.profile-page-header .profile-banner-wrap{padding-bottom:18%}@media screen and (min-width: 492px){.profile-page-header .profile-banner-wrap{padding-bottom:-webkit-calc(100% / 6.2);padding-bottom:-moz-calc(100% / 6.2);padding-bottom:calc(100% / 6.2)}}.profile-page-header .profile-banner{position:absolute;top:0;left:0;right:0;bottom:0;display:block}.profile-page-header a.edit-channel,.profile-page-header a.edit-profile{position:absolute}.profile-page-header a.edit-channel,.profile-page-header a.edit-profile,.profile-page-header .delete-profile-wrap>button{text-decoration:none;font-size:13px;font-weight:400;color:#fff;border:0;line-height:inherit;padding:6px 12px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background-color:var(--brand-color, var(--default-brand-color))}@media screen and (min-width: 710px){.profile-page-header a.edit-channel,.profile-page-header a.edit-profile,.profile-page-header .delete-profile-wrap>button{padding:8px 16px}}.profile-page-header a.edit-channel{top:16px;right:16px}@media screen and (min-width: 710px){.profile-page-header a.edit-channel{right:24px}}.profile-page-header a.edit-profile{top:0;right:0}.profile-page-header .delete-profile-wrap{position:absolute;top:16px;left:16px}@media screen and (min-width: 710px){.profile-page-header .delete-profile-wrap{left:24px}}.profile-page-header .profile-info-nav-wrap{position:relative;width:100%;float:left;padding-top:16px;padding-left:16px;padding-right:16px}@media screen and (min-width: 710px){.profile-page-header .profile-info-nav-wrap{padding-left:24px;padding-right:24px}}.profile-page-header .profile-info-nav-wrap:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;display:block}.profile-page-header .profile-info{position:relative;width:100%;max-width:100%;margin:0 auto;clear:both}.sliding-sidebar .profile-page-header .profile-info{-webkit-transition-property:width;-o-transition-property:width;-moz-transition-property:width;transition-property:width;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.profile-page-header .profile-info img{display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:80px;height:80px}@media screen and (max-width: 709px){.profile-page-header .profile-info img{width:64px;height:64px}}.profile-page-header .profile-info h1{display:inline-block;font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.25;margin:0}.profile-page-header .profile-info .profile-info-inner{display:table;width:100%}.profile-page-header .profile-info .profile-info-inner>*{position:relative;display:table-cell;vertical-align:middle}.profile-page-header .profile-info .profile-info-inner>*:first-child{width:104px}@media screen and (max-width: 709px){.profile-page-header .profile-info .profile-info-inner>*:first-child{width:80px}}.profile-page-header .profile-info .profile-videos-number{display:block;font-size:14px;font-family:Arial,sans-serif;line-height:1.5}.profile-page-header .profile-nav{position:relative;z-index:1;height:3rem;border-bottom-width:1px;border-bottom-style:solid}.profile-page-header .profile-nav .items-list-wrap{min-height:0}.profile-page-header .profile-nav .profile-nav-inner{max-width:100%;margin:0 auto;clear:both}.sliding-sidebar .profile-page-header .profile-nav .profile-nav-inner{-webkit-transition-property:width;-o-transition-property:width;-moz-transition-property:width;transition-property:width;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.profile-page-header .profile-nav.items-list-outer .previous-slide,.profile-page-header .profile-nav.items-list-outer .next-slide{top:4px;bottom:4px;padding:0 !important;margin:0;background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-nav.items-list-outer .previous-slide .circle-icon-button,.profile-page-header .profile-nav.items-list-outer .next-slide .circle-icon-button{margin:0;background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-nav.items-list-outer .previous-slide{left:-0.75em;left:-1px}.profile-page-header .profile-nav.items-list-outer .next-slide{right:-0.75em;right:-1px}.profile-page-header .profile-nav ul{position:relative;width:100%;float:left;list-style:none;margin:0;padding:0}.profile-page-header .profile-nav ul li{position:relative;display:inline-block;text-align:center;vertical-align:bottom}.profile-page-header .profile-nav ul li a{display:block;line-height:3rem;width:109px;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.007px}.profile-page-header .profile-nav ul li.active:after{content:"";position:absolute;display:block;bottom:1px;left:0;width:100%;height:3px}.profile-page-header .profile-nav ul li.media-search>*{position:relative;display:table;float:left;width:auto;height:3rem}.profile-page-header .profile-nav ul li.media-search>*>span{display:table-cell;vertical-align:middle}.profile-page-header .profile-nav ul li.media-search button{background-color:transparent;background-color:rgba(0,0,0,0)}.profile-page-header .profile-nav ul li.media-search input[type=text]{max-width:178px;padding-left:0;padding-right:0;font-weight:500;border-width:0 0 2px;background-color:transparent;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.profile-page-header .profile-nav ul li.media-search input[type=text]:focus{border-bottom-color:var(--profile-page-nav-link-active-after-bg-color)}.profile-page-header.fixed-nav .profile-info-nav-wrap{padding-bottom:3rem}.profile-page-header.fixed-nav .profile-nav{z-index:2;position:fixed;top:var(--header-height);left:0;right:0}@media screen and (min-width: 768px){.visible-sidebar .profile-page-header.fixed-nav .profile-nav{padding-left:var(--sidebar-width)}.sliding-sidebar .profile-page-header.fixed-nav .profile-nav{-webkit-transition-property:padding-left;-o-transition-property:padding-left;-moz-transition-property:padding-left;transition-property:padding-left;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}}.page-main{overflow:visible}#page-profile-media .page-main,#page-profile-about .page-main,#page-profile-playlists .page-main,#page-liked.profile-page-liked .page-main,#page-history.profile-page-history .page-main{padding-bottom:0}#page-profile-media .page-main .profile-page-content,#page-profile-about .page-main .profile-page-content,#page-profile-playlists .page-main .profile-page-content,#page-liked.profile-page-liked .page-main .profile-page-content,#page-history.profile-page-history .page-main .profile-page-content{padding-bottom:16px}.profile-page-content{position:relative;width:100%;display:inline-block}.profile-page-content:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;display:block;background-color:var(--profile-page-bg-color)}.profile-page-content .item-content h3 span:after,.profile-page-content .item-content h3 span:before{background:var(--profile-page-item-content-title-bg-color)}#page-profile-about .items-list-ver.media-list-wrapper:first-child{padding-top:12px}#page-profile-about .items-list-ver.media-list-wrapper:last-child{padding-bottom:32px}#page-profile-about .items-list-ver.media-list-wrapper .media-list-row{min-height:0}#page-profile-about .items-list-ver.media-list-wrapper+.items-list-ver.media-list-wrapper .media-list-row{margin-top:32px;border-top:1px solid var(--media-list-row-border-color)}#page-profile-about .profile-details{list-style:none;margin:0;padding:0}#page-profile-about .profile-details li{display:block;line-height:2;margin-bottom:1em;max-width:100%;overflow:hidden}#page-profile-about .profile-details li>span{display:inline-block;vertical-align:top;white-space:pre-wrap;overflow-wrap:break-word;max-width:100%}#page-profile-about .profile-details li>span:first-child{width:160px;line-height:2.2;font-size:.928571429em}#page-profile-about .profile-details li>span:last-child{font-weight:500}#page-profile-about .profile-details li>span:last-child>*{display:block}#page-profile-about .profile-details li>span:last-child>*+*::before{display:block;content:""}#page-profile-about .profile-details li .author-social-media span{display:block}#page-profile-about .profile-details li .author-social-media span:before{display:none}.profile-page-content>*{padding-left:16px !important;padding-right:16px !important}@media(min-width: 580px){.profile-page-content>*{padding-left:0 !important;padding-right:0 !important}}.profile-page-content>*>*{padding-bottom:32px}.profile-page-content.with-cform .media-list-row{max-width:100% !important}.user-contact-form{position:relative;width:780px;max-width:100%}.user-contact-form.pending-response{opacity:.7}.user-contact-form.pending-response:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}.user-contact-form label{margin:0 0 16px}.user-contact-form input[type=text],.user-contact-form textarea{min-width:100%;width:100%;max-width:100%;margin:0 0 24px}.user-contact-form textarea{min-height:80px;max-height:50vh}.user-contact-form button{line-height:1;padding:12px 16px;text-decoration:none;color:#fff;border:0;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background-color:var(--default-theme-color)}.empty-profile-page-msg{font-size:14px}@media(max-width: 515px){#page-profile-about .media-list-wrapper.items-list-ver .media-list-row{width:100%;max-width:100%}}@media(min-width: 516px)and (max-width: 599px){#page-profile-about .media-list-wrapper.items-list-ver .media-list-row{width:-webkit-calc(2 * var(--default-item-width));width:-moz-calc(2 * var(--default-item-width));width:calc(2 * var(--default-item-width));max-width:-webkit-calc(2 * var(--default-item-width));max-width:-moz-calc(2 * var(--default-item-width));max-width:calc(2 * var(--default-item-width))}}@media(min-width: 516px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(2 * var(--item-width, var(--default-item-width)));width:-moz-calc(2 * var(--item-width, var(--default-item-width)));width:calc(2 * var(--item-width, var(--default-item-width)))}}@media(min-width: 734px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(3 * var(--item-width, var(--default-item-width)));width:-moz-calc(3 * var(--item-width, var(--default-item-width)));width:calc(3 * var(--item-width, var(--default-item-width)))}}@media(min-width: 952px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(4 * var(--item-width, var(--default-item-width)));width:-moz-calc(4 * var(--item-width, var(--default-item-width)));width:calc(4 * var(--item-width, var(--default-item-width)))}}@media(min-width: 1170px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(5 * var(--item-width, var(--default-item-width)));width:-moz-calc(5 * var(--item-width, var(--default-item-width)));width:calc(5 * var(--item-width, var(--default-item-width)))}}@media(min-width: 1388px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(6 * var(--item-width, var(--default-item-width)));width:-moz-calc(6 * var(--item-width, var(--default-item-width)));width:calc(6 * var(--item-width, var(--default-item-width)))}}@media(min-width: 734px)and (min-width: 768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc( 2 * var(--item-width, var(--default-item-width)));width:-moz-calc( 2 * var(--item-width, var(--default-item-width)));width:calc( 2 * var(--item-width, var(--default-item-width)))}}@media(min-width: 952px)and (min-width: 768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc( 3 * var(--item-width, var(--default-item-width)));width:-moz-calc( 3 * var(--item-width, var(--default-item-width)));width:calc( 3 * var(--item-width, var(--default-item-width)))}}@media(min-width: 1170px)and (min-width: 768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc( 4 * var(--item-width, var(--default-item-width)));width:-moz-calc( 4 * var(--item-width, var(--default-item-width)));width:calc( 4 * var(--item-width, var(--default-item-width)))}}@media(min-width: 1388px)and (min-width: 768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc( 5 * var(--item-width, var(--default-item-width)));width:-moz-calc( 5 * var(--item-width, var(--default-item-width)));width:calc( 5 * var(--item-width, var(--default-item-width)))}}@media(min-width: 1606px)and (min-width: 768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc( 6 * var(--item-width, var(--default-item-width)));width:-moz-calc( 6 * var(--item-width, var(--default-item-width)));width:calc( 6 * var(--item-width, var(--default-item-width)))}}@media(max-width: 515px)and (max-width: 709px){.profile-page-header .profile-nav.fixed-nav .profile-nav{padding-left:1em}}@media(max-width: 515px)and (max-width: 768px){.profile-page-header .profile-nav.fixed-nav .profile-nav{padding-left:1.5em}}
|