HFP-3109 Update hub sharing ui
Thomas Marstrander
parent
25deeac560
commit
ae7b82a34a
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -353,17 +353,17 @@ template {
|
|||
display: none;
|
||||
}
|
||||
|
||||
@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg)}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg)}}.h5p-hub-publish,.h5p-hub-registration-wrapper{position:relative;margin:2em auto;font-family:'Open Sans', sans-serif;max-width:1024px;border:1px solid #2c9586;border-radius:0.167em;box-sizing:border-box;font-size:18px;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}.h5p-hub-publish .header,.h5p-hub-registration-wrapper .header{padding:1.5em;display:flex;align-items:center;width:100%;box-sizing:border-box;border-bottom:1px solid #d5d5d7}.h5p-hub-publish .header .title,.h5p-hub-registration-wrapper .header .title{font-size:1.458em;flex-grow:1}.h5p-hub-publish .step-panel,.h5p-hub-registration-wrapper .step-panel{margin:2em;border-radius:0.208em;border:1px solid #d5d5d7}.h5p-hub-publish .step-title,.h5p-hub-registration-wrapper .step-title{color:#1a1a1a;font-size:1.250em;font-weight:bold;border-bottom:1px solid #ccc;padding:1.2em 1.8em}.h5p-hub-publish .step-content,.h5p-hub-registration-wrapper .step-content{padding:2em}.h5p-hub-publish .footer,.h5p-hub-registration-wrapper .footer{padding:0 2em 2em;width:100%;box-sizing:border-box;position:relative}.h5p-hub-publish .footer .navigation,.h5p-hub-registration-wrapper .footer .navigation{display:flex}.h5p-hub-publish .footer .navigation button:before,.h5p-hub-registration-wrapper .footer .navigation button:before{font-family:'h5p';font-size:0.75em;content:"\e91a";transform:rotate(180deg);display:inline-block;margin-right:1em;line-height:1;position:relative;top:-0.1em}.h5p-hub-publish .footer .navigation .back:before,.h5p-hub-registration-wrapper .footer .navigation .back:before{transform:rotate(0)}.h5p-hub-publish .footer .navigation #share-in-process::before,.h5p-hub-registration-wrapper .footer .navigation #share-in-process::before{font-family:"h5p";font-size:0.75em;content:"\e928";animation:2s linear infinite spinner;top:0.5em}.h5p-hub-publish .footer .navigation .next,.h5p-hub-registration-wrapper .footer .navigation .next{margin-left:auto}.h5p-hub-publish .tip-text-field,.h5p-hub-registration-wrapper .tip-text-field{top:1.5em}.h5p-hub-publish .share-error,.h5p-hub-registration-wrapper .share-error{padding:0 2em 2em;text-align:end}.h5p-hub-publish .bold,.h5p-hub-registration-wrapper .bold{font-weight:bold}.h5p-hub-publish .row,.h5p-hub-registration-wrapper .row{display:flex;flex-wrap:wrap;margin-right:-1em}.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{flex-basis:100%;flex:1;min-width:17em;align-self:flex-end;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{min-width:calc(100% - 1em)}}.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{display:flex;margin-right:-1em}@media (max-width: 576px){.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{flex-wrap:wrap}}.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:50%;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:100%;margin-right:0}}.h5p-hub-publish .sharing-note,.h5p-hub-registration-wrapper .sharing-note{text-align:center;color:#707475;font-size:0.833em;width:calc(100% - 4.9em);position:absolute;z-index:-1;top:0.65em;box-sizing:border-box;padding:0 8em}.h5p-hub-publish .sharing-note .icon-info:before,.h5p-hub-registration-wrapper .sharing-note .icon-info:before{font-size:0.5em;display:inline-block;margin-right:1em;background:#d1d7e3;padding:0.4em;border-radius:50%;position:relative;top:-0.25em}.h5p-hub-publish .sr-only,.h5p-hub-registration-wrapper .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.h5p-hub-publish [class^="icon-"],.h5p-hub-publish [class*=" icon-"],.h5p-hub-registration-wrapper [class^="icon-"],.h5p-hub-registration-wrapper [class*=" icon-"]{font-family:'h5p' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h5p-hub-publish .icon-dropdown:before,.h5p-hub-registration-wrapper .icon-dropdown:before{content:"\e925"}.h5p-hub-publish .icon-info:before,.h5p-hub-registration-wrapper .icon-info:before{content:"\e93c"}.h5p-hub-publish .icon-thick-arrow:before,.h5p-hub-registration-wrapper .icon-thick-arrow:before{content:"\e91a"}.h5p-hub-publish .icon-check:before,.h5p-hub-registration-wrapper .icon-check:before{content:"\e933"}.h5p-hub-publish .icon-close:before,.h5p-hub-registration-wrapper .icon-close:before{content:"\e93a"}.h5p-hub-publish .icon-plus:before,.h5p-hub-registration-wrapper .icon-plus:before{content:"\e939"}
|
||||
@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg)}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg)}}.h5p-hub-publish,.h5p-hub-registration-wrapper{position:relative;margin:2em auto;font-family:'Open Sans', sans-serif;max-width:1024px;border:1px solid #2c9586;border-radius:0.167em;box-sizing:border-box;font-size:18px;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}.h5p-hub-publish .header,.h5p-hub-registration-wrapper .header{padding:1.5em;display:flex;align-items:center;width:100%;box-sizing:border-box;border-bottom:1px solid #d5d5d7}.h5p-hub-publish .header .title,.h5p-hub-registration-wrapper .header .title{font-size:1.458em;flex-grow:1}.h5p-hub-publish .step-panel,.h5p-hub-registration-wrapper .step-panel{margin:2em;border-radius:0.208em;border:1px solid #d5d5d7}.h5p-hub-publish .step-title,.h5p-hub-registration-wrapper .step-title{color:#1a1a1a;font-size:1.250em;font-weight:bold;border-bottom:1px solid #ccc;padding:1.2em 1.8em;line-height:normal}.h5p-hub-publish .step-content,.h5p-hub-registration-wrapper .step-content{padding:2em}.h5p-hub-publish .footer,.h5p-hub-registration-wrapper .footer{padding:0 2em 2em;width:100%;box-sizing:border-box;position:relative}.h5p-hub-publish .footer .navigation,.h5p-hub-registration-wrapper .footer .navigation{display:flex}.h5p-hub-publish .footer .navigation button:before,.h5p-hub-registration-wrapper .footer .navigation button:before{font-family:'h5p';font-size:0.75em;content:"\e91a";transform:rotate(180deg);display:inline-block;margin-right:1em;line-height:1;position:relative;top:-0.1em}.h5p-hub-publish .footer .navigation .back:before,.h5p-hub-registration-wrapper .footer .navigation .back:before{transform:rotate(0)}.h5p-hub-publish .footer .navigation #share-in-process::before,.h5p-hub-registration-wrapper .footer .navigation #share-in-process::before{font-family:"h5p";font-size:0.75em;content:"\e928";animation:2s linear infinite spinner;top:0.5em}.h5p-hub-publish .footer .navigation .next,.h5p-hub-registration-wrapper .footer .navigation .next{margin-left:auto}.h5p-hub-publish .tip-text-field,.h5p-hub-registration-wrapper .tip-text-field{top:1.5em}.h5p-hub-publish .share-error,.h5p-hub-registration-wrapper .share-error{padding:0 2em 2em;text-align:end}.h5p-hub-publish .bold,.h5p-hub-registration-wrapper .bold{font-weight:bold}.h5p-hub-publish .row,.h5p-hub-registration-wrapper .row{display:flex;flex-wrap:wrap;margin-right:-1em}.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{flex-basis:100%;flex:1;min-width:17em;align-self:flex-end;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{min-width:calc(100% - 1em)}}.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{display:flex;margin-right:-1em}@media (max-width: 576px){.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{flex-wrap:wrap}}.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:50%;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:100%;margin-right:0}}.h5p-hub-publish .sharing-note,.h5p-hub-registration-wrapper .sharing-note{text-align:center;color:#707475;font-size:0.833em;width:calc(100% - 4.9em);position:absolute;z-index:-1;top:0.65em;box-sizing:border-box;padding:0 8em}.h5p-hub-publish .sharing-note .icon-info:before,.h5p-hub-registration-wrapper .sharing-note .icon-info:before{font-size:0.5em;display:inline-block;margin-right:1em;background:#d1d7e3;padding:0.4em;border-radius:50%;position:relative;top:-0.25em}.h5p-hub-publish .sr-only,.h5p-hub-registration-wrapper .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.h5p-hub-publish [class^="icon-"],.h5p-hub-publish [class*=" icon-"],.h5p-hub-registration-wrapper [class^="icon-"],.h5p-hub-registration-wrapper [class*=" icon-"]{font-family:'h5p' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h5p-hub-publish .icon-dropdown:before,.h5p-hub-registration-wrapper .icon-dropdown:before{content:"\e925"}.h5p-hub-publish .icon-info:before,.h5p-hub-registration-wrapper .icon-info:before{content:"\e93c"}.h5p-hub-publish .icon-thick-arrow:before,.h5p-hub-registration-wrapper .icon-thick-arrow:before{content:"\e91a"}.h5p-hub-publish .icon-check:before,.h5p-hub-registration-wrapper .icon-check:before{content:"\e933"}.h5p-hub-publish .icon-close:before,.h5p-hub-registration-wrapper .icon-close:before{content:"\e93a"}.h5p-hub-publish .icon-plus:before,.h5p-hub-registration-wrapper .icon-plus:before{content:"\e939"}
|
||||
|
||||
.h5p-hub-registration .message-header{font-weight:bold;font-size:1.042em;font-family:'Open Sans', sans-serif}.h5p-hub-registration .message-description{margin-top:0.5em;font-size:0.833em;font-family:'Open Sans', sans-serif}.h5p-hub-registration .message-description a{margin-left:0.3em;color:#000}.h5p-hub-registration .email-address{display:flex;flex-direction:column;justify-content:flex-end}.h5p-hub-registration .publisher-description{height:10em}.h5p-hub-registration .logo-upload-text{font-size:0.917em;color:#707475;margin-bottom:1em;margin-top:0.5em}.h5p-hub-registration .text-field{max-height:10em;margin-top:1.5em}.h5p-hub-registration .checkbox{margin-top:1.5em;font-weight:normal;font-size:0.833em}.h5p-hub-registration .register-hub{margin-left:1em;color:#2b9684;border:2px solid #2b9684}.h5p-hub-registration .register-hub[disabled]{color:#92cabf;border-color:#92cabf}.h5p-hub-registration .footer{display:flex;justify-content:flex-end}
|
||||
|
||||
.h5p-hub-publish .image-preview,.h5p-hub-registration .image-preview{width:4em;height:3em;margin-right:0.5em;display:inline-block;background-size:cover;background-position:center}
|
||||
|
||||
.h5p-hub-publish .image-upload-container,.h5p-hub-registration .image-upload-container{width:4em;height:3em;margin-right:1em;position:relative}.h5p-hub-publish .image-upload-container .image-preview,.h5p-hub-registration .image-upload-container .image-preview{position:absolute;left:4px;top:4px;width:calc(100% - 4px);height:calc(100% - 4px)}.h5p-hub-publish .image-upload-container .icon-close,.h5p-hub-registration .image-upload-container .icon-close{cursor:pointer}.h5p-hub-publish .image-upload-container .icon-close:before,.h5p-hub-registration .image-upload-container .icon-close:before{font-size:0.6em;padding:0.5em;line-height:1.1;color:#fff;background:#000;position:absolute;z-index:1;display:inline-block;right:-1.2em;top:-1.2em;border:3px solid #fff;border-radius:50%;cursor:pointer;transition:all 0.3s}.h5p-hub-publish .image-upload-container .icon-close:hover:before,.h5p-hub-registration .image-upload-container .icon-close:hover:before{background:#eee;color:#000}.h5p-hub-publish .image-upload-container .image-upload,.h5p-hub-registration .image-upload-container .image-upload{position:absolute;top:0;left:0;width:100%;height:100%;border:0.125em dashed #bebdcd;color:#bebdcd;text-align:center;transition:all 0.3s}.h5p-hub-publish .image-upload-container .image-upload input,.h5p-hub-registration .image-upload-container .image-upload input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:0}.h5p-hub-publish .image-upload-container .image-upload input::-webkit-file-upload-button,.h5p-hub-registration .image-upload-container .image-upload input::-webkit-file-upload-button{visibility:hidden}.h5p-hub-publish .image-upload-container .image-upload:hover,.h5p-hub-registration .image-upload-container .image-upload:hover{color:#777;border-color:#777}.h5p-hub-publish .image-upload-container .image-upload:before,.h5p-hub-registration .image-upload-container .image-upload:before{content:"+";font-size:2em;display:inline-block;position:relative;top:50%;transform:translateY(-50%)}.h5p-hub-publish .image-upload-container .image-upload.image-selected,.h5p-hub-registration .image-upload-container .image-upload.image-selected{border-style:solid;border-radius:0.1em}.h5p-hub-publish .image-upload-container .image-upload.image-selected:before,.h5p-hub-registration .image-upload-container .image-upload.image-selected:before{display:none}
|
||||
.h5p-hub-publish .image-upload-container,.h5p-hub-registration .image-upload-container{width:4em;height:3em;margin-right:1em;position:relative}.h5p-hub-publish .image-upload-container .image-preview,.h5p-hub-registration .image-upload-container .image-preview{position:absolute;left:4px;top:4px;width:calc(100% - 4px);height:calc(100% - 4px)}.h5p-hub-publish .image-upload-container .icon-close,.h5p-hub-registration .image-upload-container .icon-close{cursor:pointer;font-size:1em;border:none;outline:none}.h5p-hub-publish .image-upload-container .icon-close::before,.h5p-hub-registration .image-upload-container .icon-close::before{font-size:0.6em;padding:0.5em;line-height:1.1;color:#fff;background:#000;position:absolute;z-index:1;display:inline-block;right:-1.2em;top:-1.2em;border:3px solid #fff;border-radius:50%;cursor:pointer;transition:all 0.3s}.h5p-hub-publish .image-upload-container .icon-close:hover::before,.h5p-hub-registration .image-upload-container .icon-close:hover::before{background:#eee;color:#000}.h5p-hub-publish .image-upload-container .icon-close:focus::before,.h5p-hub-registration .image-upload-container .icon-close:focus::before{outline:#000;outline-style:auto}.h5p-hub-publish .image-upload-container .image-upload,.h5p-hub-registration .image-upload-container .image-upload{position:absolute;top:0;left:0;width:100%;height:100%;border:0.125em dashed #bebdcd;color:#bebdcd;text-align:center;transition:all 0.3s}.h5p-hub-publish .image-upload-container .image-upload input,.h5p-hub-registration .image-upload-container .image-upload input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:0}.h5p-hub-publish .image-upload-container .image-upload input::-webkit-file-upload-button,.h5p-hub-registration .image-upload-container .image-upload input::-webkit-file-upload-button{visibility:hidden}.h5p-hub-publish .image-upload-container .image-upload:hover,.h5p-hub-registration .image-upload-container .image-upload:hover{color:#777;border-color:#777}.h5p-hub-publish .image-upload-container .image-upload:before,.h5p-hub-registration .image-upload-container .image-upload:before{content:"+";font-size:2em;display:inline-block;position:relative;top:50%;transform:translateY(-50%)}.h5p-hub-publish .image-upload-container .image-upload.image-selected,.h5p-hub-registration .image-upload-container .image-upload.image-selected{border-style:solid;border-radius:0.1em}.h5p-hub-publish .image-upload-container .image-upload.image-selected:before,.h5p-hub-registration .image-upload-container .image-upload.image-selected:before{display:none}
|
||||
|
||||
.h5p-hub-registration .text-field{padding:1.5em;overflow:hidden;overflow-y:scroll;border:1px solid #bebdcd;border-radius:0.208em}.h5p-hub-registration .text-field::-webkit-scrollbar{background-color:rgba(105,117,133,0.25);width:0.333em;border-radius:5.45256em}.h5p-hub-registration .text-field::-webkit-scrollbar-thumb{background-color:#697585;background-size:24px 100%;border-radius:5.45256em}.h5p-hub-registration .text-field .title{color:#1a1a1a;font-size:1.250em;margin-bottom:0.5em}.h5p-hub-registration .text-field .description{color:#707475;font-size:0.833em;margin-bottom:1.5em}.h5p-hub-registration .text-field .main-text{color:#707475;font-size:0.833em}
|
||||
|
||||
.h5p-hub-publish .checkbox,.h5p-hub-registration .checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%}.h5p-hub-publish .checkbox:focus,.h5p-hub-registration .checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub-publish .checkbox:hover.parent:after,.h5p-hub-registration .checkbox:hover.parent:after{color:#121212;font-family:'h5p';content:'\e924';transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:inline-block;position:absolute;right:2em;align-self:center}.h5p-hub-publish .checkbox.highlighted.parent:after,.h5p-hub-registration .checkbox.highlighted.parent:after{color:#121212;font-family:'h5p';content:'\e924';transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:inline-block;position:absolute;right:2em;align-self:center}.h5p-hub-publish .checkbox .content,.h5p-hub-registration .checkbox .content{display:flex}.h5p-hub-publish .checkbox .content-text,.h5p-hub-registration .checkbox .content-text{margin-left:2em}.h5p-hub-publish .checkbox .bold,.h5p-hub-registration .checkbox .bold{font-weight:bold}.h5p-hub-publish .checkbox .non-bold,.h5p-hub-registration .checkbox .non-bold{font-weight:normal}.h5p-hub-publish .checkbox .content .icon::before,.h5p-hub-registration .checkbox .content .icon::before{font-family:'h5p';content:'\e923';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}.h5p-hub-publish .checkbox.checked .content .icon::before,.h5p-hub-registration .checkbox.checked .content .icon::before{content:'\e938';font-family:'h5p';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}
|
||||
.h5p-hub-publish .checkbox,.h5p-hub-registration .checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%}.h5p-hub-publish .checkbox:focus,.h5p-hub-registration .checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub-publish .checkbox.parent::after,.h5p-hub-registration .checkbox.parent::after{color:#121212;font-family:'h5p';content:'\e924';transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:inline-block;position:absolute;right:2em;align-self:center}.h5p-hub-publish .checkbox .content,.h5p-hub-registration .checkbox .content{display:flex}.h5p-hub-publish .checkbox .content-text,.h5p-hub-registration .checkbox .content-text{margin-left:2em}.h5p-hub-publish .checkbox .bold,.h5p-hub-registration .checkbox .bold{font-weight:bold}.h5p-hub-publish .checkbox .non-bold,.h5p-hub-registration .checkbox .non-bold{font-weight:normal}.h5p-hub-publish .checkbox .content .icon::before,.h5p-hub-registration .checkbox .content .icon::before{font-family:'h5p';content:'\e923';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}.h5p-hub-publish .checkbox.checked .content .icon::before,.h5p-hub-registration .checkbox.checked .content .icon::before{content:'\e938';font-family:'h5p';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}
|
||||
|
||||
.h5p-hub-publish .message,.h5p-hub-registration .message{font-size:0.833em;border-left:0.3em solid;padding:1em;margin:0.5em 0}.h5p-hub-publish .message.warning,.h5p-hub-registration .message.warning{border-color:#fdcc31;background:#fff8e0}.h5p-hub-publish .message.error,.h5p-hub-registration .message.error{border-color:#c1494b;background-color:#ece0e0}.h5p-hub-publish .message.success,.h5p-hub-registration .message.success{border-color:#03a953;background-color:#d9eae2}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,19 +7,19 @@
|
|||
|
||||
.h5p-hub-publish .form-element,.h5p-hub-registration .form-element{font-family:'Open Sans', sans-serif;padding:1em 0}.h5p-hub-publish .form-element label,.h5p-hub-registration .form-element label{display:block;color:#363636;margin-bottom:0.4em;font-weight:bold}.h5p-hub-publish .form-element.mandatory label:after,.h5p-hub-registration .form-element.mandatory label:after{content:'*';color:#d11e15;position:relative;top:-0.2em}.h5p-hub-publish .form-element input,.h5p-hub-registration .form-element input{font-size:0.917em;padding:0.833em;border:1px solid #bebdcd;border-radius:0.208em;width:100%;box-sizing:border-box;line-height:normal}.h5p-hub-publish .form-element input::placeholder,.h5p-hub-registration .form-element input::placeholder{font-style:italic}.h5p-hub-publish .form-element .description,.h5p-hub-registration .form-element .description{font-size:0.833em;color:#707475;margin:0 0 1em 0}.h5p-hub-publish .form-element textarea,.h5p-hub-registration .form-element textarea{border:1px solid #bebdcd;resize:none;font-size:0.833em;width:100%;border-radius:0.208em;padding:0.833em 0.833em;box-sizing:border-box}.h5p-hub-publish .form-element textarea::-webkit-scrollbar,.h5p-hub-registration .form-element textarea::-webkit-scrollbar{background-color:rgba(105,117,133,0.25);width:0.333em;border-radius:5.45256em}.h5p-hub-publish .form-element textarea::-webkit-scrollbar-thumb,.h5p-hub-registration .form-element textarea::-webkit-scrollbar-thumb{background-color:#697585;background-size:24px 100%;border-radius:5.45256em}.h5p-hub-publish .form-element textarea::placeholder,.h5p-hub-registration .form-element textarea::placeholder{font-style:italic}.h5p-hub-publish .form-element .link-button,.h5p-hub-registration .form-element .link-button{border:none;color:#2c67b0;text-decoration:underline;font-weight:500;padding:0;text-align:right}.h5p-hub-publish .form-element .details-row,.h5p-hub-registration .form-element .details-row{display:flex;align-content:center;align-items:center;justify-content:space-between}.h5p-hub-publish .step-content>.form-element:first-child,.h5p-hub-registration .step-content>.form-element:first-child{padding-top:0}.h5p-hub-publish .step-content>.form-element:last-child,.h5p-hub-registration .step-content>.form-element:last-child{padding-bottom:0}
|
||||
|
||||
.h5p-hub-publish select{font-size:0.917em;border-radius:0.208em;padding:0.833em;color:#313131;background-color:#ffffff;font-family:"Open Sans", sans-serif;border:1px solid #bebdcd;width:100%;-webkit-appearance:none;-moz-appearance:none;line-height:normal}.h5p-hub-publish select:disabled{background-color:#ededed}.h5p-hub-publish select:disabled::before{content:"-"}.h5p-hub-publish select::-ms-expand{display:none}.h5p-hub-publish div.icon-arrow-down{position:relative;line-height:1.1em;pointer-events:none}.h5p-hub-publish div.icon-arrow-down:before{content:"\e925";transform:rotate(90deg);position:absolute;right:1em;top:1.8em;font-size:0.6em}
|
||||
.h5p-hub-publish select{font-size:0.917em;border-radius:0.208em;padding:0.833em;color:#313131;background-color:#ffffff;font-family:"Open Sans", sans-serif;border:1px solid #bebdcd;width:100%;-webkit-appearance:none;-moz-appearance:none;line-height:normal}.h5p-hub-publish select:disabled{background-color:#ededed}.h5p-hub-publish select:disabled::before{content:"-"}.h5p-hub-publish select::-ms-expand{display:none}.h5p-hub-publish div.icon-arrow-down{position:relative;line-height:1.1em;pointer-events:none}.h5p-hub-publish div.icon-arrow-down:before{content:"\e925";transform:rotate(90deg);position:absolute;right:1.5em;top:1.6em;font-size:0.6em}
|
||||
|
||||
.h5p-hub-publish .modal-content{z-index:2;background-color:#ffffff;opacity:1;position:relative;margin:2em 3em;border-radius:0.167em}.h5p-hub-publish .modal-overlay{position:absolute;top:0;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,0.7);z-index:2}
|
||||
|
||||
.h5p-hub-publish .chips-list{display:flex;list-style:none;padding:0;flex-wrap:wrap;margin:0 0 0.5em}.h5p-hub-publish .chips-list li button{font-size:0.708em;border-radius:0.083em;margin-right:0.5em;margin-top:0.5em;font-style:italic;color:#000000;display:flex;align-items:center;padding:0.75em 0.75em;border-color:#dddee2;outline:none}.h5p-hub-publish .chips-list li button .icon-close{font-size:0.8em;margin-left:2em}.h5p-hub-publish .chips-list li button:focus{background-color:#e8e8e8;border-color:#dddee2}.h5p-hub-publish .chips-list li button:hover{background-color:#f5f5f5;border-color:#dddee2}
|
||||
|
||||
.h5p-hub-publish .checkbox,.h5p-hub-registration .checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%}.h5p-hub-publish .checkbox:focus,.h5p-hub-registration .checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub-publish .checkbox:hover.parent:after,.h5p-hub-registration .checkbox:hover.parent:after{color:#121212;font-family:'h5p';content:'\e924';transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:inline-block;position:absolute;right:2em;align-self:center}.h5p-hub-publish .checkbox.highlighted.parent:after,.h5p-hub-registration .checkbox.highlighted.parent:after{color:#121212;font-family:'h5p';content:'\e924';transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:inline-block;position:absolute;right:2em;align-self:center}.h5p-hub-publish .checkbox .content,.h5p-hub-registration .checkbox .content{display:flex}.h5p-hub-publish .checkbox .content-text,.h5p-hub-registration .checkbox .content-text{margin-left:2em}.h5p-hub-publish .checkbox .bold,.h5p-hub-registration .checkbox .bold{font-weight:bold}.h5p-hub-publish .checkbox .non-bold,.h5p-hub-registration .checkbox .non-bold{font-weight:normal}.h5p-hub-publish .checkbox .content .icon::before,.h5p-hub-registration .checkbox .content .icon::before{font-family:'h5p';content:'\e923';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}.h5p-hub-publish .checkbox.checked .content .icon::before,.h5p-hub-registration .checkbox.checked .content .icon::before{content:'\e938';font-family:'h5p';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}
|
||||
.h5p-hub-publish .checkbox,.h5p-hub-registration .checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%}.h5p-hub-publish .checkbox:focus,.h5p-hub-registration .checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub-publish .checkbox.parent::after,.h5p-hub-registration .checkbox.parent::after{color:#121212;font-family:'h5p';content:'\e924';transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:inline-block;position:absolute;right:2em;align-self:center}.h5p-hub-publish .checkbox .content,.h5p-hub-registration .checkbox .content{display:flex}.h5p-hub-publish .checkbox .content-text,.h5p-hub-registration .checkbox .content-text{margin-left:2em}.h5p-hub-publish .checkbox .bold,.h5p-hub-registration .checkbox .bold{font-weight:bold}.h5p-hub-publish .checkbox .non-bold,.h5p-hub-registration .checkbox .non-bold{font-weight:normal}.h5p-hub-publish .checkbox .content .icon::before,.h5p-hub-registration .checkbox .content .icon::before{font-family:'h5p';content:'\e923';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}.h5p-hub-publish .checkbox.checked .content .icon::before,.h5p-hub-registration .checkbox.checked .content .icon::before{content:'\e938';font-family:'h5p';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}
|
||||
|
||||
.h5p-hub-publish .checkbox-list{list-style:none;padding:0}
|
||||
|
||||
.h5p-hub-publish .bottom-line{border-bottom:2px solid #697585}.h5p-hub-publish .category-header{background-color:#f2f2f2;color:#313131;font-style:italic;padding:0 0 0 0.9em;font-size:0.81788em}
|
||||
|
||||
.h5p-hub-publish .search-button{width:100%}.h5p-hub-publish .search-button .search-field{position:relative}.h5p-hub-publish .search-button .search-field .icon-arrow{position:absolute;font-size:1.30353em;top:1.2em;right:0.7em;cursor:pointer;color:#000000;transform:rotate(90deg)}.h5p-hub-publish .search-button .search-field .icon-arrow::before{content:"\e925";font-family:"h5p";font-style:normal;font-size:0.6em}.h5p-hub-publish #filter-search-bar{border:none;padding:0.833em;font-style:italic;font-size:1.25em;width:100%;box-sizing:border-box}.h5p-hub-publish #filter-search-bar::placeholder{color:#b7b8ba}.h5p-hub-publish #filter-search-bar:focus{border-color:#3ba0f2;background-color:#fff;outline:none}
|
||||
.h5p-hub-publish .search-button{width:100%}.h5p-hub-publish .search-button .search-field{position:relative;display:flex;align-items:center;justify-content:space-between}.h5p-hub-publish .search-button .search-field .icon-arrow{position:absolute;right:1em;font-size:1.30353em;cursor:pointer;color:#000000;transform:rotate(90deg)}.h5p-hub-publish .search-button .search-field .icon-arrow::before{content:"\e925";font-family:"h5p";font-style:normal;font-size:0.6em}.h5p-hub-publish #filter-search-bar{border:none;padding:0.833em;font-style:italic;font-size:1.25em;width:100%;box-sizing:border-box}.h5p-hub-publish #filter-search-bar::placeholder{color:#b7b8ba}.h5p-hub-publish #filter-search-bar:focus{border-color:#3ba0f2;background-color:#fff;outline:none}
|
||||
|
||||
.h5p-hub-publish .search-filter{position:relative;border:1px solid #bebdcd;border-radius:0.208em;font-size:0.833em}.h5p-hub-publish .search-filter .clear-button{background:none;position:absolute;top:0;padding:1.6em;right:3em;color:#757575;border:none}.h5p-hub-publish .search-filter .clear-button::before{content:"\e93a";font-family:"h5p";font-style:normal;font-size:1em}.h5p-hub-publish .search-filter .navigate-parent{font-size:1.25em;padding:0.3534em;display:flex;font-weight:bold;font-family:"Open Sans", sans-serif;border-top:1px solid #e6e6e8;align-items:center}.h5p-hub-publish .search-filter .navigate-parent button{background-color:#ffffff;position:relative;font-style:normal;font-size:0.8em;border-radius:50%;margin-right:0.4em;align-self:center;padding:0.5em;border:none}.h5p-hub-publish .search-filter .navigate-parent button::before{content:"\e937";font-family:"h5p";transform:rotate(180deg);font-weight:normal;display:inline-block}.h5p-hub-publish .search-filter .navigate-parent button:hover{background-color:#dadada;cursor:pointer}.h5p-hub-publish .search-filter .checkbox-list{overflow:hidden;overflow-y:scroll;max-height:25em;margin:0}.h5p-hub-publish .search-filter .checkbox-list li{border-bottom:1px solid #e6e6e8}.h5p-hub-publish .search-filter .checkbox-list li:last-child{border-bottom:none}.h5p-hub-publish .search-filter .checkbox-list li:first-child{border-top:1px solid #e6e6e8}.h5p-hub-publish .search-filter .checkbox-list li .content{padding:0.3em}.h5p-hub-publish .search-filter .checkbox-list li .content .label-text{margin-right:1em}.h5p-hub-publish .search-filter .checkbox-list li:focus{border-color:#3ba0f2;background-color:#fff;outline:none;box-shadow:none}.h5p-hub-publish .search-filter .checkbox-list li:hover{background-color:#f2f2f2}.h5p-hub-publish .search-filter .checkbox-list li.highlighted{outline:1px solid #3ba0f2;outline-offset:-1px;background-color:#fff;box-shadow:none}.h5p-hub-publish .search-filter .checkbox-list li:hover{background-color:rgba(230,230,232,0.25)}.h5p-hub-publish .search-filter .checkbox-list::-webkit-scrollbar{background-color:rgba(105,117,133,0.25);width:0.54525em;border-radius:5.45256em}.h5p-hub-publish .search-filter .checkbox-list::-webkit-scrollbar-thumb{background-color:#697585;background-size:24px 100%;border-radius:5.45256em}
|
||||
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
.h5p-hub-publish .image-preview,.h5p-hub-registration .image-preview{width:4em;height:3em;margin-right:0.5em;display:inline-block;background-size:cover;background-position:center}
|
||||
|
||||
.h5p-hub-publish .image-upload-container,.h5p-hub-registration .image-upload-container{width:4em;height:3em;margin-right:1em;position:relative}.h5p-hub-publish .image-upload-container .image-preview,.h5p-hub-registration .image-upload-container .image-preview{position:absolute;left:4px;top:4px;width:calc(100% - 4px);height:calc(100% - 4px)}.h5p-hub-publish .image-upload-container .icon-close,.h5p-hub-registration .image-upload-container .icon-close{cursor:pointer}.h5p-hub-publish .image-upload-container .icon-close:before,.h5p-hub-registration .image-upload-container .icon-close:before{font-size:0.6em;padding:0.5em;line-height:1.1;color:#fff;background:#000;position:absolute;z-index:1;display:inline-block;right:-1.2em;top:-1.2em;border:3px solid #fff;border-radius:50%;cursor:pointer;transition:all 0.3s}.h5p-hub-publish .image-upload-container .icon-close:hover:before,.h5p-hub-registration .image-upload-container .icon-close:hover:before{background:#eee;color:#000}.h5p-hub-publish .image-upload-container .image-upload,.h5p-hub-registration .image-upload-container .image-upload{position:absolute;top:0;left:0;width:100%;height:100%;border:0.125em dashed #bebdcd;color:#bebdcd;text-align:center;transition:all 0.3s}.h5p-hub-publish .image-upload-container .image-upload input,.h5p-hub-registration .image-upload-container .image-upload input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:0}.h5p-hub-publish .image-upload-container .image-upload input::-webkit-file-upload-button,.h5p-hub-registration .image-upload-container .image-upload input::-webkit-file-upload-button{visibility:hidden}.h5p-hub-publish .image-upload-container .image-upload:hover,.h5p-hub-registration .image-upload-container .image-upload:hover{color:#777;border-color:#777}.h5p-hub-publish .image-upload-container .image-upload:before,.h5p-hub-registration .image-upload-container .image-upload:before{content:"+";font-size:2em;display:inline-block;position:relative;top:50%;transform:translateY(-50%)}.h5p-hub-publish .image-upload-container .image-upload.image-selected,.h5p-hub-registration .image-upload-container .image-upload.image-selected{border-style:solid;border-radius:0.1em}.h5p-hub-publish .image-upload-container .image-upload.image-selected:before,.h5p-hub-registration .image-upload-container .image-upload.image-selected:before{display:none}
|
||||
.h5p-hub-publish .image-upload-container,.h5p-hub-registration .image-upload-container{width:4em;height:3em;margin-right:1em;position:relative}.h5p-hub-publish .image-upload-container .image-preview,.h5p-hub-registration .image-upload-container .image-preview{position:absolute;left:4px;top:4px;width:calc(100% - 4px);height:calc(100% - 4px)}.h5p-hub-publish .image-upload-container .icon-close,.h5p-hub-registration .image-upload-container .icon-close{cursor:pointer;font-size:1em;border:none;outline:none}.h5p-hub-publish .image-upload-container .icon-close::before,.h5p-hub-registration .image-upload-container .icon-close::before{font-size:0.6em;padding:0.5em;line-height:1.1;color:#fff;background:#000;position:absolute;z-index:1;display:inline-block;right:-1.2em;top:-1.2em;border:3px solid #fff;border-radius:50%;cursor:pointer;transition:all 0.3s}.h5p-hub-publish .image-upload-container .icon-close:hover::before,.h5p-hub-registration .image-upload-container .icon-close:hover::before{background:#eee;color:#000}.h5p-hub-publish .image-upload-container .icon-close:focus::before,.h5p-hub-registration .image-upload-container .icon-close:focus::before{outline:#000;outline-style:auto}.h5p-hub-publish .image-upload-container .image-upload,.h5p-hub-registration .image-upload-container .image-upload{position:absolute;top:0;left:0;width:100%;height:100%;border:0.125em dashed #bebdcd;color:#bebdcd;text-align:center;transition:all 0.3s}.h5p-hub-publish .image-upload-container .image-upload input,.h5p-hub-registration .image-upload-container .image-upload input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:0}.h5p-hub-publish .image-upload-container .image-upload input::-webkit-file-upload-button,.h5p-hub-registration .image-upload-container .image-upload input::-webkit-file-upload-button{visibility:hidden}.h5p-hub-publish .image-upload-container .image-upload:hover,.h5p-hub-registration .image-upload-container .image-upload:hover{color:#777;border-color:#777}.h5p-hub-publish .image-upload-container .image-upload:before,.h5p-hub-registration .image-upload-container .image-upload:before{content:"+";font-size:2em;display:inline-block;position:relative;top:50%;transform:translateY(-50%)}.h5p-hub-publish .image-upload-container .image-upload.image-selected,.h5p-hub-registration .image-upload-container .image-upload.image-selected{border-style:solid;border-radius:0.1em}.h5p-hub-publish .image-upload-container .image-upload.image-selected:before,.h5p-hub-registration .image-upload-container .image-upload.image-selected:before{display:none}
|
||||
|
||||
.h5p-hub-publish .optional .keywords .form-element label{margin-bottom:0.708em}.h5p-hub-publish .optional #screenshots{display:flex;flex-wrap:wrap;flex-direction:column}.h5p-hub-publish .optional #screenshots .image-upload-container{margin-top:0.4em}.h5p-hub-publish .optional #screenshots .row{margin-top:0.5em}.h5p-hub-publish .optional #screenshots .row .form-element{padding:0}.h5p-hub-publish .optional #screenshots .alt-text{padding:0.3em}.h5p-hub-publish .optional .optional-second-part{display:flex}@media (max-width: 576px){.h5p-hub-publish .optional .optional-second-part{flex-wrap:wrap}}.h5p-hub-publish .optional #long-description{height:10.458em}.h5p-hub-publish .optional #short-description{height:6.333em}
|
||||
|
||||
|
|
@ -395,5 +395,5 @@ template {
|
|||
display: none;
|
||||
}
|
||||
|
||||
@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg)}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg)}}.h5p-hub-publish,.h5p-hub-registration-wrapper{position:relative;margin:2em auto;font-family:'Open Sans', sans-serif;max-width:1024px;border:1px solid #2c9586;border-radius:0.167em;box-sizing:border-box;font-size:18px;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}.h5p-hub-publish .header,.h5p-hub-registration-wrapper .header{padding:1.5em;display:flex;align-items:center;width:100%;box-sizing:border-box;border-bottom:1px solid #d5d5d7}.h5p-hub-publish .header .title,.h5p-hub-registration-wrapper .header .title{font-size:1.458em;flex-grow:1}.h5p-hub-publish .step-panel,.h5p-hub-registration-wrapper .step-panel{margin:2em;border-radius:0.208em;border:1px solid #d5d5d7}.h5p-hub-publish .step-title,.h5p-hub-registration-wrapper .step-title{color:#1a1a1a;font-size:1.250em;font-weight:bold;border-bottom:1px solid #ccc;padding:1.2em 1.8em}.h5p-hub-publish .step-content,.h5p-hub-registration-wrapper .step-content{padding:2em}.h5p-hub-publish .footer,.h5p-hub-registration-wrapper .footer{padding:0 2em 2em;width:100%;box-sizing:border-box;position:relative}.h5p-hub-publish .footer .navigation,.h5p-hub-registration-wrapper .footer .navigation{display:flex}.h5p-hub-publish .footer .navigation button:before,.h5p-hub-registration-wrapper .footer .navigation button:before{font-family:'h5p';font-size:0.75em;content:"\e91a";transform:rotate(180deg);display:inline-block;margin-right:1em;line-height:1;position:relative;top:-0.1em}.h5p-hub-publish .footer .navigation .back:before,.h5p-hub-registration-wrapper .footer .navigation .back:before{transform:rotate(0)}.h5p-hub-publish .footer .navigation #share-in-process::before,.h5p-hub-registration-wrapper .footer .navigation #share-in-process::before{font-family:"h5p";font-size:0.75em;content:"\e928";animation:2s linear infinite spinner;top:0.5em}.h5p-hub-publish .footer .navigation .next,.h5p-hub-registration-wrapper .footer .navigation .next{margin-left:auto}.h5p-hub-publish .tip-text-field,.h5p-hub-registration-wrapper .tip-text-field{top:1.5em}.h5p-hub-publish .share-error,.h5p-hub-registration-wrapper .share-error{padding:0 2em 2em;text-align:end}.h5p-hub-publish .bold,.h5p-hub-registration-wrapper .bold{font-weight:bold}.h5p-hub-publish .row,.h5p-hub-registration-wrapper .row{display:flex;flex-wrap:wrap;margin-right:-1em}.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{flex-basis:100%;flex:1;min-width:17em;align-self:flex-end;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{min-width:calc(100% - 1em)}}.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{display:flex;margin-right:-1em}@media (max-width: 576px){.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{flex-wrap:wrap}}.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:50%;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:100%;margin-right:0}}.h5p-hub-publish .sharing-note,.h5p-hub-registration-wrapper .sharing-note{text-align:center;color:#707475;font-size:0.833em;width:calc(100% - 4.9em);position:absolute;z-index:-1;top:0.65em;box-sizing:border-box;padding:0 8em}.h5p-hub-publish .sharing-note .icon-info:before,.h5p-hub-registration-wrapper .sharing-note .icon-info:before{font-size:0.5em;display:inline-block;margin-right:1em;background:#d1d7e3;padding:0.4em;border-radius:50%;position:relative;top:-0.25em}.h5p-hub-publish .sr-only,.h5p-hub-registration-wrapper .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.h5p-hub-publish [class^="icon-"],.h5p-hub-publish [class*=" icon-"],.h5p-hub-registration-wrapper [class^="icon-"],.h5p-hub-registration-wrapper [class*=" icon-"]{font-family:'h5p' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h5p-hub-publish .icon-dropdown:before,.h5p-hub-registration-wrapper .icon-dropdown:before{content:"\e925"}.h5p-hub-publish .icon-info:before,.h5p-hub-registration-wrapper .icon-info:before{content:"\e93c"}.h5p-hub-publish .icon-thick-arrow:before,.h5p-hub-registration-wrapper .icon-thick-arrow:before{content:"\e91a"}.h5p-hub-publish .icon-check:before,.h5p-hub-registration-wrapper .icon-check:before{content:"\e933"}.h5p-hub-publish .icon-close:before,.h5p-hub-registration-wrapper .icon-close:before{content:"\e93a"}.h5p-hub-publish .icon-plus:before,.h5p-hub-registration-wrapper .icon-plus:before{content:"\e939"}
|
||||
@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg)}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg)}}.h5p-hub-publish,.h5p-hub-registration-wrapper{position:relative;margin:2em auto;font-family:'Open Sans', sans-serif;max-width:1024px;border:1px solid #2c9586;border-radius:0.167em;box-sizing:border-box;font-size:18px;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}.h5p-hub-publish .header,.h5p-hub-registration-wrapper .header{padding:1.5em;display:flex;align-items:center;width:100%;box-sizing:border-box;border-bottom:1px solid #d5d5d7}.h5p-hub-publish .header .title,.h5p-hub-registration-wrapper .header .title{font-size:1.458em;flex-grow:1}.h5p-hub-publish .step-panel,.h5p-hub-registration-wrapper .step-panel{margin:2em;border-radius:0.208em;border:1px solid #d5d5d7}.h5p-hub-publish .step-title,.h5p-hub-registration-wrapper .step-title{color:#1a1a1a;font-size:1.250em;font-weight:bold;border-bottom:1px solid #ccc;padding:1.2em 1.8em;line-height:normal}.h5p-hub-publish .step-content,.h5p-hub-registration-wrapper .step-content{padding:2em}.h5p-hub-publish .footer,.h5p-hub-registration-wrapper .footer{padding:0 2em 2em;width:100%;box-sizing:border-box;position:relative}.h5p-hub-publish .footer .navigation,.h5p-hub-registration-wrapper .footer .navigation{display:flex}.h5p-hub-publish .footer .navigation button:before,.h5p-hub-registration-wrapper .footer .navigation button:before{font-family:'h5p';font-size:0.75em;content:"\e91a";transform:rotate(180deg);display:inline-block;margin-right:1em;line-height:1;position:relative;top:-0.1em}.h5p-hub-publish .footer .navigation .back:before,.h5p-hub-registration-wrapper .footer .navigation .back:before{transform:rotate(0)}.h5p-hub-publish .footer .navigation #share-in-process::before,.h5p-hub-registration-wrapper .footer .navigation #share-in-process::before{font-family:"h5p";font-size:0.75em;content:"\e928";animation:2s linear infinite spinner;top:0.5em}.h5p-hub-publish .footer .navigation .next,.h5p-hub-registration-wrapper .footer .navigation .next{margin-left:auto}.h5p-hub-publish .tip-text-field,.h5p-hub-registration-wrapper .tip-text-field{top:1.5em}.h5p-hub-publish .share-error,.h5p-hub-registration-wrapper .share-error{padding:0 2em 2em;text-align:end}.h5p-hub-publish .bold,.h5p-hub-registration-wrapper .bold{font-weight:bold}.h5p-hub-publish .row,.h5p-hub-registration-wrapper .row{display:flex;flex-wrap:wrap;margin-right:-1em}.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{flex-basis:100%;flex:1;min-width:17em;align-self:flex-end;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .row .form-element,.h5p-hub-registration-wrapper .row .form-element{min-width:calc(100% - 1em)}}.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{display:flex;margin-right:-1em}@media (max-width: 576px){.h5p-hub-publish .columns,.h5p-hub-registration-wrapper .columns{flex-wrap:wrap}}.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:50%;border-right:1em solid #ffffff}@media (max-width: 576px){.h5p-hub-publish .columns .column,.h5p-hub-registration-wrapper .columns .column{width:100%;margin-right:0}}.h5p-hub-publish .sharing-note,.h5p-hub-registration-wrapper .sharing-note{text-align:center;color:#707475;font-size:0.833em;width:calc(100% - 4.9em);position:absolute;z-index:-1;top:0.65em;box-sizing:border-box;padding:0 8em}.h5p-hub-publish .sharing-note .icon-info:before,.h5p-hub-registration-wrapper .sharing-note .icon-info:before{font-size:0.5em;display:inline-block;margin-right:1em;background:#d1d7e3;padding:0.4em;border-radius:50%;position:relative;top:-0.25em}.h5p-hub-publish .sr-only,.h5p-hub-registration-wrapper .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.h5p-hub-publish [class^="icon-"],.h5p-hub-publish [class*=" icon-"],.h5p-hub-registration-wrapper [class^="icon-"],.h5p-hub-registration-wrapper [class*=" icon-"]{font-family:'h5p' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h5p-hub-publish .icon-dropdown:before,.h5p-hub-registration-wrapper .icon-dropdown:before{content:"\e925"}.h5p-hub-publish .icon-info:before,.h5p-hub-registration-wrapper .icon-info:before{content:"\e93c"}.h5p-hub-publish .icon-thick-arrow:before,.h5p-hub-registration-wrapper .icon-thick-arrow:before{content:"\e91a"}.h5p-hub-publish .icon-check:before,.h5p-hub-registration-wrapper .icon-check:before{content:"\e933"}.h5p-hub-publish .icon-close:before,.h5p-hub-registration-wrapper .icon-close:before{content:"\e93a"}.h5p-hub-publish .icon-plus:before,.h5p-hub-registration-wrapper .icon-plus:before{content:"\e939"}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue