update index
This commit is contained in:
jack
parent
4938e5a216
commit
e5ba402a46
|
|
@ -3,18 +3,32 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>时空三极环境大数据平台</title>
|
||||
<link rel="stylesheet" href="/static-sanji-v2/css/default.css">
|
||||
<link rel="stylesheet" href="/static-sanji-v2/css/lib.css">
|
||||
<script src="/static-sanji-v2/js/jquery.min.js"></script>
|
||||
<style>
|
||||
body{background: #1a1a1a}
|
||||
h1{color:#FFF; text-align: center;}
|
||||
</style>
|
||||
<script>
|
||||
$('#text').css({'line-height': ($(window).height()) + 'px'})
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="text">
|
||||
时空三极环境大数据平台全面升级中，敬请谅解
|
||||
</h1>
|
||||
<div class="bg0 pa">
|
||||
<div class="bg1"></div>
|
||||
</div>
|
||||
<h4>时空三极环境大数据平台</h4>
|
||||
<h5>系统全面升级维护中</h5>
|
||||
<h6>敬请期待</h6>
|
||||
<div class="hx-box pa">
|
||||
<ul class="pr">
|
||||
<li class="hx-k1 pa0">
|
||||
<span></span>
|
||||
</li>
|
||||
<li class="hx-k2 pa0">
|
||||
<span></span>
|
||||
</li>
|
||||
<li class="hx-k3 pa0">
|
||||
<span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1 @@
|
|||
@charset 'utf-8';article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,menu,nav,section,summary{display:block}hr,img{border:0}pre,textarea{overflow:auto}hr,legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:#333;font-size:1em;line-height:1.42857143;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei','寰蒋闆呴粦',Arial,sans-serif}body,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,ul{padding-left:0;list-style-type:none}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}a{text-decoration:none;background-color:transparent;color:inherit}a:active,a:hover{outline:0}li{list-style:none}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.vm,audio,canvas,iframe,img,svg,video{vertical-align:middle}audio:not([controls]){display:none;height:0}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:1px;border-top:1px solid #ccc;margin:1em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.dv{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.dv.dvv:active,.dv.dvv:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.dn{display:none}.db{display:block}.fix:after,.fix:before{content:" ";display:table}.fix:after{clear:both}.fl{float:left}.fr{float:right}.pr{position:relative}.pa,.pa0{position:absolute}.pa0{left:0;top:0}.oh{overflow:hidden}.wh{width:100%;height:100%}.bo{border:1px solid red}.mg{margin-left:auto;margin-right:auto}.tc{text-align: center;}.wp{margin:0 auto}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||||
|
|
@ -0,0 +1,111 @@
|
|||
@charset 'utf-8';
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background-image: -webkit-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
|
||||
background-image: -moz-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
|
||||
background-image: -ms-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
|
||||
background-image: linear-gradient(0deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
.bg0 {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
top:50%;
|
||||
left: 30%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: url(../images/bg0.png) no-repeat center center;
|
||||
background-size: 150%;
|
||||
}
|
||||
|
||||
.bg1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/bg1.png) no-repeat center center;
|
||||
}
|
||||
|
||||
.hx-box {
|
||||
top: 50%;
|
||||
left: 30%;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
transform-style: preserve-3d;
|
||||
transform: translate(-50%, -50%) rotateY(95deg);
|
||||
}
|
||||
|
||||
.hx-box ul {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
transform-style: preserve-3d;
|
||||
animation: hxz 20s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes hxz {
|
||||
0% {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotateX(-360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.hx-box ul li {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
border: 4px solid #5ec0ff;
|
||||
border-radius: 1000px;
|
||||
}
|
||||
|
||||
.hx-box ul li span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/hx.png) no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
animation: hx 4s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes hx {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.hx-k2 {
|
||||
transform: rotateX(60deg) rotateZ(60deg)
|
||||
}
|
||||
|
||||
.hx-k3 {
|
||||
transform: rotateX(-60deg) rotateZ(-60deg)
|
||||
}
|
||||
h4{
|
||||
position: absolute;
|
||||
left:45% ;
|
||||
width: 500px;
|
||||
color: #FFFFFF;
|
||||
font-size: 36px;
|
||||
top: 34%;
|
||||
}
|
||||
h5{
|
||||
position: absolute;
|
||||
left:45% ;
|
||||
width: 500px;
|
||||
color: #FFFFFF;
|
||||
font-size: 42px;
|
||||
top: 42%;
|
||||
}
|
||||
h6{
|
||||
position: absolute;
|
||||
left:45% ;
|
||||
top: 50%;
|
||||
width: 300px;
|
||||
color: #FFFFFF;
|
||||
font-size: 24px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Loading…
Reference in New Issue