pimhwang
/
tvbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Add files via upload 

Signed-off-by: 进恩影音工作室 <119514614+jinenge@users.noreply.github.com>
main
进恩影音工作室 2 years ago committed by GitHub
parent
bbf2b62b80
commit
284bc88d9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 155 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      css/main.css
  2. BIN
      images/back.png
  3. BIN
      images/front.png
  4. 135
      index.html

20
css/main.css
Unescape View File

@ -0,0 +1,20 @@ @@ -0,0 +1,20 @@
*{margin:0;padding: 0;}
body{background: black;}
li{list-style-type: none;}
.wrap{width:960px;height:330px; margin:100px auto;}
.wrap .clock{height: 220px;}
.wrap .clock ul li{width: 120px;height: 220px;float: left;margin:0 10px;}
.wrap .clock ul li ul{position: relative;}
.wrap .clock ul li ul li{width:90px;height: 20px;display: block;}
.wrap .clock ul li ul li:nth-child(1){position:absolute;left: 15px;}
.wrap .clock ul li ul li:nth-child(2){position:absolute;transform:rotateZ(90deg);top:0px;left:-35px;top:50px;}
.wrap .clock ul li ul li:nth-child(3){position:absolute;transform:rotateZ(90deg);top:0px;left:65px;top:50px;}
.wrap .clock ul li ul li:nth-child(4){position:absolute;top: 100px;left: 15px;}
.wrap .clock ul li ul li:nth-child(5){position:absolute;transform:rotateZ(90deg);top:150px;left:-35px;}
.wrap .clock ul li ul li:nth-child(6){position:absolute;transform:rotateZ(90deg);left:65px;top: 150px;}
.wrap .clock ul li ul li:nth-child(7){position:absolute;top: 200px;left: 15px;}
.wrap .clock ul .point{width: 30px;}
.wrap .clock ul .point span{display:block;height: 20px;width: 20px;background: #f10404;margin:60px 15px;}
.wrap .date span:first-child{float: left;margin-left: 10px;}
.wrap .date span:last-child{float: right;margin-right:30px;}

BIN
images/back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 B

BIN
images/front.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 211 B

135
index.html
Unescape View File

@ -0,0 +1,135 @@ @@ -0,0 +1,135 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>站点不存在！</title>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>客户端下载</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/main.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<div class="wrap">
<div class="clock">
<ul>
<li>
<ul id="time1">
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
</ul>
</li>
<li>
<ul id="time2">
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
</ul>
</li>
<li class="point"><span></span><span></span></li>
<li>
<ul id="time3">
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
</ul>
</li>
<li>
<ul id="time4">
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
</ul>
</li>
<li class="point"><span></span><span></span></li>
<li>
<ul id="time5">
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
</ul>
</li>
<li>
<ul id="time6">
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
<li><img src="images/front.png" width="100%" height="100%"></li>
</ul>
</li>
</ul>
</div>
<div id="date">
<span>2015年12月11日</span>
<span>星期三</span>
</div>
<style>
.container {
width: 80%;
margin: 10% auto 1;
background-color: #f0f0f0;
padding: 10% 10%;
border-radius: 460px
}
ul {
padding-left: 20px;
}
ul li {
line-height: 2.3
}
a {
color: #20a53a
}
</style>
</head>
<body>
<div class="container">
<h1>您好！您访问的站点不存在！</h1>
<h3>Hello! The site you are visiting does not exist！</h3>
<ul>
<li>请联系站点服务商或者管理员</li>
<li>Please contact the site service provider or administrator</li>
</ul>
</div>
</body>
</html>
<style>
/*渐变背景CSS*/
#canvas-basic {position: fixed;display: block;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: -999;}</style>
<!-- 渐变背景初始化,如果要使用渐变背景把下面的那一行注释去掉即可--><!-- 下面的几行都是渐变的一套,自定义头部内还有一个关联的自定义CSS -->
<canvas id="canvas-basic"></canvas><script src="https://npm.elemecdn.com/granim@2.0.0/dist/granim.min.js"></script><script>var granimInstance = new Granim({element: '#canvas-basic',direction: 'left-right',isPausedWhenNotInView: true,states : {"default-state": {gradients: [['#a18cd1', '#fbc2eb'],['#fff1eb', '#ace0f9'],['#d4fc79', '#96e6a1'],['#a1c4fd', '#c2e9fb'],['#a8edea', '#fed6e3'],['#9890e3', '#b1f4cf'],['#a1c4fd', '#c2e9fb'],['#fff1eb', '#ace0f9']]}}});</script><script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script nomodule crossorigin id="vite-legacy-polyfill" data-src="/assets/polyfills-legacy.032696f1.js">!(function() {var e = document.createElement('script')e.src = window.__dynamic_base__ + document.getElementById('vite-legacy-polyfill').getAttribute('data-src');e.onload = function() {System.import( window.__dynamic_base__+document.getElementById('vite-legacy-entry').getAttribute('data-src'))};document.body.appendChild(e)})();</script><script nomodule crossorigin id="vite-legacy-entry" data-src="/assets/index-legacy.61228920.js"></script></body></html></style>
Write Preview
Loading…
Cancel
Save