From 8665d1ca21c4aaf491ad82c3091834eca01c110b Mon Sep 17 00:00:00 2001 From: NikolaBorislavovHristov Date: Sun, 18 Nov 2018 08:52:09 +0200 Subject: [PATCH] using global in app styles --- src/app/styles.less | 114 ++++++++++++++++++++++++++++++++++++++++++++ src/index.html | 113 ------------------------------------------- 2 files changed, 114 insertions(+), 113 deletions(-) diff --git a/src/app/styles.less b/src/app/styles.less index 6c5663653..56ca95d8f 100644 --- a/src/app/styles.less +++ b/src/app/styles.less @@ -1,5 +1,119 @@ @import 'stremio-colors'; +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-Light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-LightItalic.ttf') format('truetype'); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-Regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-Italic.ttf') format('truetype'); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-SemiBold.ttf') format('truetype'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'); + font-weight: 600; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-Bold.ttf') format('truetype'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-BoldItalic.ttf') format('truetype'); + font-weight: 700; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-ExtraBold.ttf') format('truetype'); + font-weight: 800; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'); + font-weight: 800; + font-style: italic; +} + +@font-face { + font-family: 'Lato'; + src: url('/fonts/Lato.ttf') format('truetype'); +} + +@font-face { + font-family: 'LatoLight'; + src: url('/fonts/Lato-Light.ttf') format('truetype'); +} + +* { + margin: 0px; + padding: 0px; + border: none; + list-style: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + box-sizing: border-box; + text-decoration: none; + font-weight: normal; +} + +:global { + html, body, #app, .modal-container { + position: relative; + width: 100vw; + height: 100vh; + min-width: 1000px; + min-height: 650px; + overflow: hidden; + font: 13px / 18px 'Open Sans', 'LatoLight', 'Arial', 'Helvetica', 'sans-serif'; + z-index: 0; + } + + .modal-container { + position: absolute; + top: 0; + left: 0; + z-index: 1; + } +} + .route-container { position: absolute; top: 0; diff --git a/src/index.html b/src/index.html index e67fabd40..dcb80a620 100755 --- a/src/index.html +++ b/src/index.html @@ -4,119 +4,6 @@ Stremio - All you can watch! -