Fazil Altinel
3 years ago
1 changed files with 91 additions and 0 deletions
@ -0,0 +1,91 @@ |
|||
body { |
|||
background-color: #00001f; |
|||
} |
|||
#console { |
|||
font-family: courier, monospace; |
|||
color: #fff; |
|||
width:750px; |
|||
margin-left:auto; |
|||
margin-right:auto; |
|||
margin-top:100px; |
|||
font-size:14px; |
|||
} |
|||
a { |
|||
color: #0bc; |
|||
text-decoration: none; |
|||
} |
|||
#a { |
|||
color: #0f0; |
|||
} |
|||
#c { |
|||
color: #0bc; |
|||
} |
|||
#b { |
|||
color: #ff0096; |
|||
} |
|||
#typed-cursor { |
|||
font-weight: 100; |
|||
font-size: 14px; |
|||
color: #fff; |
|||
} |
|||
.slogan { |
|||
color: #2E3D48; |
|||
font-size: 30px; |
|||
position: absolute; |
|||
top: 50%; |
|||
text-align: center; |
|||
margin: -60px 0 0 0; |
|||
display: block; |
|||
width: 100%; |
|||
} |
|||
#typed-cursor { |
|||
color: #2E3D48; |
|||
font-weight: 100; |
|||
} |
|||
#typed-cursor.blinking { |
|||
-webkit-animation: 1s blink step-end infinite; |
|||
-moz-animation: 1s blink step-end infinite; |
|||
-ms-animation: 1s blink step-end infinite; |
|||
-o-animation: 1s blink step-end infinite; |
|||
animation: 1s blink step-end infinite; |
|||
} |
|||
@keyframes "blink" { |
|||
from,to { |
|||
color: transparent; |
|||
} |
|||
50% { |
|||
color: white; |
|||
} |
|||
} |
|||
@-moz-keyframes blink { |
|||
from,to { |
|||
color: transparent; |
|||
} |
|||
50% { |
|||
color:white ; |
|||
} |
|||
} |
|||
@-webkit-keyframes "blink" { |
|||
from,to { |
|||
color: transparent; |
|||
} |
|||
50% { |
|||
color: white; |
|||
} |
|||
} |
|||
@-ms-keyframes "blink" { |
|||
from,to { |
|||
color: transparent; |
|||
} |
|||
50% { |
|||
color: white; |
|||
} |
|||
} |
|||
@-o-keyframes "blink" { |
|||
from,to { |
|||
color: transparent; |
|||
} |
|||
50% { |
|||
color: white; |
|||
} |
|||
} |
Loading…
Reference in new issue