Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

using global in app styles

Browse source
This commit is contained in:
NikolaBorislavovHristov 2018-11-18 08:52:09 +02:00
parent ea36e30357
commit 8665d1ca21
2 changed files with 114 additions and 113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

114
src/app/styles.less
View file

@ -1,5 +1,119 @@
@import 'stremio-colors'; @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 { .route-container {
position: absolute; position: absolute;
top: 0; top: 0;

113
src/index.html
View file

@ -4,119 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Stremio - All you can watch!</title> <title>Stremio - All you can watch!</title>
<style>
@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;
}
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;
}
</style>
</head> </head>
<body> <body>