init

nv/html/nv-nopdf/styles/dialog-polyfill.css

@@ -0,0 +1,189 @@
+table {
+   color: inherit;
+   font-size: inherit;
+   font-weight: inherit;
+}
+
+table.modal-table {
+   width: 100%;
+}
+
+table.modal-table td {
+   padding: 0.2em;
+}
+
+label.modal-label {
+   font-weight: inherit;
+   font-size: inherit;
+   margin: inherit;
+   display: inline;
+   cursor: pointer;
+}
+
+label.modal-label:hover {}
+
+dialog {
+   position: absolute;
+   left: 0;
+   right: 0;
+   width: -moz-fit-content;
+   width: -webkit-fit-content;
+   width: fit-content;
+   height: -moz-fit-content;
+   height: -webkit-fit-content;
+   height: fit-content;
+   margin: auto;
+   padding: 0.5em;
+   background: #151a1f;
+   color: #dddddd;
+   display: block;
+   border: 1px solid rgba(0, 0, 0, 0.3);
+   border-radius: 6px;
+   box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+}
+
+dialog:not([open]) {
+   display: none;
+}
+
+dialog+.backdrop {
+   position: fixed;
+   top: 0;
+   right: 0;
+   bottom: 0;
+   left: 0;
+   background: rgba(0, 0, 0, 0.6);
+}
+
+dialog::backdrop {
+   position: fixed;
+   top: 0;
+   right: 0;
+   bottom: 0;
+   left: 0;
+   background: rgba(0, 0, 0, 0.6);
+}
+
+._dialog_overlay {
+   position: fixed;
+   top: 0;
+   right: 0;
+   bottom: 0;
+   left: 0;
+}
+
+dialog.fixed {
+   position: fixed;
+   top: 50%;
+   transform: translate(0, -50%);
+}
+
+dialog .modal-c {
+   background-color: transparent;
+}
+
+dialog .modal-c .modal-header h4 {
+   font-size: 20px;
+   font-weight: 500;
+   line-height: 24px;
+   padding-right: 24px;
+   color: #91b9cd
+}
+
+
+dialog .modal-c .modal-header {
+   border-bottom-width: 3px;
+   border-bottom-style: solid;
+   border-bottom-color: #000;
+   padding: 19px 22px 17px;
+   position: relative
+}
+
+dialog .modal-c .modal-footer {
+   border-top-width: 3px;
+   border-top-style: solid;
+   border-top-color: #000;
+   padding: 19px 22px 17px;
+   position: relative
+}
+
+dialog .modal-c .modal-body {
+   padding: 16px 22px 25px;
+   position: relative;
+   color: #fff
+}
+
+dialog button.close {
+   height: 20px;
+   opacity: 1;
+   overflow: hidden;
+   padding: 2px;
+   text-align: center;
+   text-shadow: none;
+   width: 20px;
+   color: #91b9cd;
+   position: absolute;
+   right: 21px;
+   top: 50%;
+   transform: translateY(-50%);
+   transition: color .3s ease;
+   cursor: pointer;
+   background: transparent;
+   border: 0;
+}
+
+dialog button.close span {
+   color: transparent;
+   display: block;
+   font-size: 0;
+   height: 100%;
+   line-height: 0;
+   overflow: hidden;
+   position: relative;
+   width: 100%
+}
+
+dialog button.close span:after,
+dialog button.close span:before {
+   content: " ";
+   display: block;
+   height: 2px;
+   transition: background-color .3s ease;
+   width: 19px;
+   background-color: #91b9cd
+}
+
+dialog button.close span:before {
+   left: 1px;
+   position: absolute;
+   top: 1px;
+   -webkit-transform: rotate(45deg);
+   transform: rotate(45deg);
+   -webkit-transform-origin: 1px 50%;
+   transform-origin: 1px 50%
+}
+
+dialog button.close span:after {
+   right: 1px;
+   position: absolute;
+   top: 1px;
+   -webkit-transform: rotate(-45deg);
+   transform: rotate(-45deg);
+   -webkit-transform-origin: calc(100% - 1px) 50%;
+   transform-origin: calc(100% - 1px) 50%
+}
+
+dialog .modal-image-preview-container {
+   margin:0 auto;
+   margin-top:1em;
+   display:table;
+   background-color:#16202b;
+   padding:1em;
+   border-radius:0.5em;
+}
+
+dialog .modal-image-preview {
+   margin-top:0.5em;
+   height:320px;
+   border:0;
+}