Patrick Sun
5 лет назад
3 измененных файлов: 52 добавлений и 5 удалений
+ 41
- 0
front-end/css/login.css
Просмотреть файл
| @@ -0,0 +1,41 @@ | |||
| #bgVideo { | |||
| position: fixed; | |||
| right: 0; | |||
| bottom: 0; | |||
| min-width: 100%; | |||
| min-height: 100%; | |||
| z-index: -1; | |||
| } | |||
| #login { | |||
| margin-top: 200px; | |||
| margin-left: auto; | |||
| margin-right: auto; | |||
| } | |||
| body { | |||
| margin: 0; | |||
| background-size: cover; | |||
| background-image: url('https://images.unsplash.com/photo-1579546929518-9e396f3cc809?ixlib=rb-1.2.1&w=1000&q=80'); | |||
| } | |||
| .vimeo-container { | |||
| padding: 0; | |||
| width: 100%; | |||
| height: 100vh; | |||
| overflow: hidden; | |||
| position: relative; | |||
| } | |||
| iframe { | |||
| box-sizing: border-box; | |||
| width: 177.77777778vh; | |||
| height: 56.25vw; | |||
| min-width: 100%; | |||
| min-height: 100%; | |||
| position: absolute; | |||
| top: 50%; | |||
| left: 50%; | |||
| transform: translate(-50%, -50%); | |||
| } | |||
+ 3
- 3
front-end/js/login.js
Просмотреть файл
| @@ -1,10 +1,10 @@ | |||
| var loginform = { | |||
| width: 700, | |||
| width: 500, | |||
| view:"form", scroll:false, | |||
| container:"data_container1", | |||
| padding:120, | |||
| container:"login", | |||
| padding:50, | |||
| css: { margin:"auto" }, | |||
| "rows": [ | |||
+ 8
- 2
front-end/login.html
Просмотреть файл
| @@ -4,12 +4,18 @@ | |||
| <html> | |||
| <head> | |||
| <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> | |||
| <link rel="stylesheet" href="./css/login.css" type="text/css"> | |||
| <script src="./codebase/webix.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <div id="data_container1" style="margin:auto"></div> | |||
| <body > | |||
| <div id="login"></div> | |||
| <script type="text/javascript" charset="utf-8" src="js/login.js"></script> | |||
| <style> | |||
| </style> | |||
| <div class="vimeo-container"> | |||
| <iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> | |||
| </div> | |||
| </body> | |||
| </html> | |||
Загрузка…