You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

226 lines
3.6 KiB
CSS

5 years ago
body{ font-family: "Lucida Console", Monaco, monospace;
overflow: hidden;}
p { font-size: 20px; }
a{ text-decoration: none; }
5 years ago
#space-time{
5 years ago
z-index: 101;
position: relative;
5 years ago
width: 600px;
height: 500px;
5 years ago
top: 1158px;
left: 853px;
5 years ago
}
#ilinx{
position: absolute;
5 years ago
width: 106px;
left: 250px;
top: 420px;
5 years ago
}
.ilinx {
font-size: 35px;
margin-top: -2px;
float:left;
cursor: grab;
}
#spiral {
width: 300px;
position: absolute;
margin-top: -150px;
margin-left: -150px;
5 years ago
top: 250px;
left: 300px;
}
5 years ago
.rotating {
-webkit-animation: rotating 3s linear infinite;
-moz-animation: rotating 3s linear infinite;
-ms-animation: rotating 3s linear infinite;
-o-animation: rotating 3s linear infinite;
animation: rotating 3s linear infinite;
}
#islands{
}
5 years ago
a.island:link{color:blue;}
a.island:hover{color: red;
-webkit-animation: breathe 3s linear infinite;
-moz-animation: breathe 3s linear infinite;
-ms-animation: breathe 3s linear infinite;
-o-animation: breathe 3s linear infinite;
animation: breathe 3s linear infinite;
}
5 years ago
a.island:visited{color: black;}
#lemuria {
position: absolute;
5 years ago
left: 68px;
top:269px;
}
#mu {
position: absolute;
5 years ago
left: 189px;
top:76px;
}
#hyperborea {
position: absolute;
5 years ago
left: 444px;
top: 151px;
}
#thule{
position: absolute;
5 years ago
left: 421px;
top:322px;
}
5 years ago
#sea {
position: relative;
width: 2500px;
height: 2500px;
5 years ago
/* border-style: dotted;
border-width: 2px;*/
5 years ago
top: -990px;
left: -145px;
5 years ago
/* background-image: url('./img/grid3.png');
background-repeat: repeat;*/
5 years ago
}
#iper{
position: relative;
left: -27px;
top: -47px;
}
#m {
position: relative;
left: -632px;
top: -48px;
}
#thl{
position: relative;
left: -30px;
top: -38px;
}
#lmr{
position: relative;
left: -532px;
top: -28px;
}
/* SVG */
text {
font-family: "Lucida Console", Monaco, monospace;
color: black;
stroke: white;
stroke-width: 6;
stroke-linejoin: round;
paint-order: stroke;
}
text.region {
stroke-width:6;
font-variant: small-caps;
}
svg {
float: right;
}
path, line {
fill: none;
stroke: black;
stroke-linecap: round;
}
.field {
stroke: none;
fill-opacity: 1.0;
}
.slope {
stroke-width: 1;
}
.river {
stroke-width: 2;
}
.coast {
stroke-width: 4;
}
.border {
stroke-width: 5;
stroke-dasharray: 4,4;
stroke-linecap: butt;
}
5 years ago
/* Rotate loop */
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Breathing text */
@-webkit-keyframes breathe /* Safari and Chrome */ {
0% {font-size:20px; color: white; letter-spacing: 0px; margin-left: 0px;}
50% {font-size:21px; color: red; letter-spacing: 1px; margin-left: -6px;}
100% {font-size:20px; color: white; letter-spacing: 0px; margin-left: 0px;}
}
@keyframes breathe {
0% {font-size:20px; color: white; letter-spacing: 0px; margin-left: 0px;}
50% {font-size:21px; color: red; letter-spacing: 1px; margin-left: -6px;}
100% {font-size:20px; color: white; letter-spacing: 0px; margin-left: 0px;}
5 years ago
}