Browse Source

Call styles from external source

master
Fazil Altinel 3 years ago
parent
commit
8231fbc8b9
  1. 94
      index.html

94
index.html

@ -3,99 +3,7 @@
<title>altinel.dev</title> <title>altinel.dev</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<!--The design of this webpage is based on http://www.jeffweisbein.com--> <!--The design of this webpage is based on http://www.jeffweisbein.com-->
<style type="text/css">
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;
}
}
</style>
<link rel="stylesheet" src="style.css">
</head> </head>
<body> <body>
<span id="console"><span id="a">fazil@altinel.dev</span>:<span id="b">/var/www/</span><span id="c">$</span> whoami <span id="console"><span id="a">fazil@altinel.dev</span>:<span id="b">/var/www/</span><span id="c">$</span> whoami

Loading…
Cancel
Save