Tancre
/
ilinx
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

setting places

Browse Source
master
Tancre 5 years ago
parent 95359274af
commit f0be24cf6a
2 changed files with 178 additions and 209 deletions
Show Stats Download Patch File Download Diff File

106
main/variations/index.html
View File

File diff suppressed because one or more lines are too long

161
main/variations/style.css
Unescape Escape View File

@ -1,3 +1,5 @@
/* ----------------------------- GLOBAL ----------------------------- */
body{ font-family: "Lucida Console", Monaco, monospace; body{ font-family: "Lucida Console", Monaco, monospace;
overflow: hidden; overflow: hidden;
background-color: black; background-color: black;
@ -7,30 +9,47 @@ p { font-size: 20px; }
a{ text-decoration: none; } a{ text-decoration: none; }
#space-time{ /* ----------------------------- SPACE ----------------------------- */
#space {
position: relative;
width: 2500px;
height: 2500px;
/* border-style: dotted;
border-width: 2px;*/
top: -990px;
left: -145px;
/* background-image: url('./img/grid3.png');
background-repeat: repeat;*/
}
/* --------------------- TIME ------------------------ */
#time{
z-index: 101; z-index: 101;
position: relative; position: relative;
width: 600px; width: 600px;
height: 500px; height: 500px;
top: 1158px; top: 1158px;
left: 853px; left: 853px;
} }
#ilinx{ #ilinx{
position: absolute; position: absolute;
width: 106px; width: 106px;
left: 250px; left: 250px;
top: 420px; top: 420px;
} }
.ilinx { .ilinx {
font-size: 35px; font-size: 35px;
margin-top: -2px; margin-top: -2px;
float:left; float:left;
cursor: grab; cursor: grab;
} }
#spiral { #spiral {
width: 300px; width: 300px;
position: absolute; position: absolute;
margin-top: -150px; margin-top: -150px;
@ -39,83 +58,70 @@ top: 420px;
left: 300px; left: 300px;
} }
.rotating { .rotating {
-webkit-animation: rotating 3s linear infinite; -webkit-animation: rotating 3s linear infinite;
-moz-animation: rotating 3s linear infinite; -moz-animation: rotating 3s linear infinite;
-ms-animation: rotating 3s linear infinite; -ms-animation: rotating 3s linear infinite;
-o-animation: rotating 3s linear infinite; -o-animation: rotating 3s linear infinite;
animation: rotating 3s linear infinite; animation: rotating 3s linear infinite;
} }
#islands{
}
a.island:link{color:white;} a.island:link{color:white;}
a.island:hover{color: red; a.island:hover{color: red;
-webkit-animation: breathe 3s linear infinite; -webkit-animation: breathe 3s linear infinite;
-moz-animation: breathe 3s linear infinite; -moz-animation: breathe 3s linear infinite;
-ms-animation: breathe 3s linear infinite; -ms-animation: breathe 3s linear infinite;
-o-animation: breathe 3s linear infinite; -o-animation: breathe 3s linear infinite;
animation: breathe 3s linear infinite; animation: breathe 3s linear infinite;
} }
a.island:visited{color: white;} a.island:visited{color: white;}
#lemuria { #lemuria {
position: absolute; position: absolute;
left: 68px; left: 68px;
top:269px; top:269px;
} }
#mu { #mu {
position: absolute; position: absolute;
left: 189px; left: 189px;
top:76px; top:76px;
} }
#hyperborea { #hyperborea {
position: absolute; position: absolute;
left: 444px; left: 444px;
top: 151px; top: 151px;
} }
#thule{ #thule{
position: absolute; position: absolute;
left: 421px; left: 421px;
top:322px; top:322px;
} }
#sea {
position: relative; /* ----------------------------- ISLANDS ----------------------------- */
width: 2500px;
height: 2500px;
/* border-style: dotted;
border-width: 2px;*/
top: -990px;
left: -145px;
/* background-image: url('./img/grid3.png');
background-repeat: repeat;*/
}
#iper{ #iper{
position: relative; position: absolute;
left: -27px; left: 1340px;
top: -47px; top: 493px;
} }
#m { #m {
position: relative; position: absolute;
left: -632px; left: 0px;
top: -48px; top: 542px;
} }
#thl{ #thl{
position: relative; position: absolute;
left: -30px; left: 1280px;
top: -38px; top: 1500px;
} }
#lmr{ #lmr{
@ -124,15 +130,29 @@ a.island:visited{color: white;}
top: 1454px; top: 1454px;
} }
#MVU{ /* --------------------- PLACES ------------------------ */
.places{
position: absolute; position: absolute;
text-align: center; text-align: center;
left: 278px; }
top: 321px; /* -------------- LEMURIA ---------------- */
cursor: pointer;
} #MVU { left: 278px; top: 321px; }
/* ---------------- MU ------------------ */
#Katak_temple { left: 379px; top: 504px; }
/* ------------ HYPERBOREA -------------- */
#Lab_1 { left: 423px; top: 876px; }
/* -------------- THULE ----------------- */
#Castalia { left: 500px; top: 704px; }
/* ------------------ PLACES STYLE -------------------- */
.inner{ .inner{
font-size: 15px; font-size: 15px;
background-color: yellow; background-color: yellow;
@ -149,30 +169,8 @@ color: green;
/* ----------------------------- SVG ----------------------------- */
/* SVG */
text { text {
font-family: "Lucida Console", Monaco, monospace; font-family: "Lucida Console", Monaco, monospace;
color: black; color: black;
@ -222,13 +220,7 @@ path, line {
/* ----------------------------- ANIMATIONS ----------------------------- */
/* Rotate loop */ /* Rotate loop */
@ -261,7 +253,6 @@ path, line {
} }
} }
/* Breathing text */ /* Breathing text */
@-webkit-keyframes breathe /* Safari and Chrome */ { @-webkit-keyframes breathe /* Safari and Chrome */ {

Write Preview
Loading…
Cancel
Save