init
This commit is contained in:
commit
e124a47765
19374 changed files with 9806149 additions and 0 deletions
138
KretaWeb/Content/stars.css
Normal file
138
KretaWeb/Content/stars.css
Normal file
|
@ -0,0 +1,138 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
header {
|
||||
background-color: rgba(33, 33, 33, 0.9);
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
font: 14px/1.3 Arial, sans-serif;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
header h2 {
|
||||
font-size: 22px;
|
||||
margin: 0 auto;
|
||||
padding: 10px 0;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
header a,
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: #fcfcfc;
|
||||
}
|
||||
|
||||
@keyframes move-twink-back {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: -10000px 5000px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes move-twink-back {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: -10000px 5000px;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes move-twink-back {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: -10000px 5000px;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes move-twink-back {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: -10000px 5000px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes move-clouds-back {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: 10000px 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes move-clouds-back {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: 10000px 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes move-clouds-back {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
to {
|
||||
background-position: 10000px 0;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes move-clouds-back {
|
||||
from {
|
||||
background-position: 0;
|
||||
}
|
||||
to {
|
||||
background-position: 10000px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.stars,
|
||||
.twinkling,
|
||||
.clouds {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.stars {
|
||||
background: #000 url(../Content/content/images/stars/stars.png) repeat top
|
||||
center;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.twinkling {
|
||||
background: transparent url(../Content/content/images/stars/twinkling.png)
|
||||
repeat top center;
|
||||
z-index: 1;
|
||||
|
||||
-moz-animation: move-twink-back 200s linear infinite;
|
||||
-ms-animation: move-twink-back 200s linear infinite;
|
||||
-o-animation: move-twink-back 200s linear infinite;
|
||||
-webkit-animation: move-twink-back 200s linear infinite;
|
||||
animation: move-twink-back 200s linear infinite;
|
||||
}
|
||||
|
||||
.clouds {
|
||||
background: transparent url(../Content/content/images/stars/clouds.png) repeat
|
||||
top center;
|
||||
z-index: 3;
|
||||
|
||||
-moz-animation: move-clouds-back 200s linear infinite;
|
||||
-ms-animation: move-clouds-back 200s linear infinite;
|
||||
-o-animation: move-clouds-back 200s linear infinite;
|
||||
-webkit-animation: move-clouds-back 200s linear infinite;
|
||||
animation: move-clouds-back 200s linear infinite;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue