@xibosignage/xibo-layout-renderer 1.0.0

package/dist/styles.css

@@ -0,0 +1,171 @@
+/* Style the Splash Screen */
+div.preview-splash {
+    height: 100%;
+    background-color: #000000;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 45%;
+}
+
+div.preview-loader {
+    height: 19px;
+    width: 220px;
+    position: relative;
+    margin:0 auto;
+    top: 75%;
+    background-color: #000000;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 100%;
+}
+
+div.preview-loaderCaption p {
+    position: absolute;
+    font-family: sans-serif;
+    color: #ffffff;
+    text-align:center;
+    top: 82%;
+    margin: 10px 0;
+    width: 100%;
+}
+/*
+ * Copyright (C) 2024 Xibo Signage Ltd
+ *
+ * Xibo - Digital Signage - https://www.xibosignage.com
+ *
+ * This file is part of Xibo.
+ *
+ * Xibo is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * Xibo is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Xibo.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.play-audio-btn {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #28a745;
+    display: inline-block;
+    font-weight: 400;
+    text-align: center;
+    vertical-align: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    border: 1px solid transparent;
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    line-height: 1.5;
+    border-radius: 0.25rem;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    cursor: pointer;
+}
+/*
+ * Copyright (C) 2024 Xibo Signage Ltd
+ *
+ * Xibo - Digital Signage - https://www.xibosignage.com
+ *
+ * This file is part of Xibo.
+ *
+ * Xibo is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * Xibo is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Xibo.  If not, see <http://www.gnu.org/licenses/>.
+ */
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    /*cursor: none;*/
+}
+div.preview-container {
+    height: 100%;
+    z-index: 1;
+    background-color: #000000;
+}
+div.preview-canvas, div.player-preview, div.screen-preview {
+    height: 100%;
+    z-index: 1;
+}
+
+/* Styles override */
+.preview-player {
+    display: none;
+}
+div.preview-ended {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    background: #000000;
+    font-family: sans-serif;
+    color: #ffffff;
+    font-size: 2em;
+    margin: 0 auto;
+    z-index: 100;
+    text-align: center;
+}
+div.preview-ended a {
+    position: absolute;
+    width: 100%;
+    top: 50%;
+    left: 0;
+    cursor: pointer;
+    text-decoration: none;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -o-transform: translateY(-50%);
+    transform: translateY(-50%);
+}
+.media--item.fade-in {
+    -webkit-animation-name: elemFadeIn;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-fill-mode: forwards;
+    animation-name: elemFadeIn;
+    animation-timing-function: linear;
+    animation-fill-mode: forwards;
+}
+
+.media--item.fade-out {
+    -webkit-animation-name: elemFadeOut;
+    -webkit-animation-timing-function: linear;
+    -webkit-animation-fill-mode: forwards;
+    animation-name: elemFadeOut;
+    animation-timing-function: linear;
+    animation-fill-mode: forwards;
+}
+
+@-webkit-keyframes elemFadeIn {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+}
+
+@-webkit-keyframes elemFadeOut {
+    0% { opacity: 1; }
+    100% { opacity: 0; }
+}
+
+@keyframes elemFadeIn {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+}
+
+@keyframes elemFadeOut {
+    0% { opacity: 1; }
+    100% { opacity: 0; }
+}