Difference between revisions of "Main Page"
Jump to navigation
Jump to search
EvilManfred (talk | contribs) |
EvilManfred (talk | contribs) |
||
Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
{{#css: | |||
{ | |||
img | |||
{ | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
#wrapper { | |||
height: 750px; | |||
width: 1050px; | |||
margin: auto; | |||
position:relative; | |||
} | |||
#cf { | |||
position:absolute; | |||
margin:0 auto; | |||
width:238px; | |||
} | |||
#cf img { | |||
position:absolute; | |||
left:0; | |||
-webkit-transition: opacity 0,2s ease-in-out; | |||
-moz-transition: opacity 0,2s ease-in-out; | |||
-o-transition: opacity 0,2s ease-in-out; | |||
transition: opacity 0,2s ease-in-out; | |||
} | |||
#cf img.top:hover { | |||
opacity:0; | |||
} | |||
#title { | |||
position:absolute; | |||
left:8px; | |||
top:-68px; | |||
} | |||
#trim { | |||
position:absolute; | |||
right:150px; | |||
top:293px; | |||
} | |||
#trim2 { | |||
position:absolute; | |||
left:-105px; | |||
top:-98px; | |||
} | |||
#trim3 { | |||
position:absolute; | |||
right:45px; | |||
top:-98px; | |||
} | |||
#trim7 { | |||
position:absolute; | |||
left:0px; | |||
top:-7px; | |||
} | |||
#trim8 { | |||
position:absolute; | |||
left:0px; | |||
top:293px; | |||
} | |||
#trim9 { | |||
position:absolute; | |||
left:0px; | |||
top:-7px; | |||
} | |||
#trim10 { | |||
position:absolute; | |||
left:0px; | |||
top:293px; | |||
} | |||
#trim11 { | |||
position:absolute; | |||
left:335px; | |||
top:178px; | |||
} | |||
#trim12 { | |||
position:absolute; | |||
left:335px; | |||
top:370px; | |||
} | |||
#trim13 { | |||
position:absolute; | |||
left:0px; | |||
top:-7px; | |||
} | |||
#trim14 { | |||
position:absolute; | |||
left:0px; | |||
top:293px; | |||
} | |||
#trim15 { | |||
{ | position:absolute; | ||
left:0px; | |||
top:60px; | |||
} | |||
| | |||
| | #trim16 { | ||
| | |||
| | position:absolute; | ||
| | left:0px; | ||
| | top:490px; | ||
| | |||
| | } | ||
#trim17 { | |||
position:absolute; | |||
right:180px; | |||
| | top:20px; | ||
| | |||
| | } | ||
| | |||
| | #trim18 { | ||
| | |||
position:absolute; | |||
| | right:180px; | ||
| | top:520px; | ||
| | |||
| | } | ||
| | |||
| | #trim19 { | ||
| | |||
| | position:absolute; | ||
| | right:162px; | ||
| | top:18px; | ||
| | |||
} | |||
#trim20 { | |||
position:absolute; | |||
right:162px; | |||
top:522px; | |||
} | |||
| | |||
| | |||
#trim24 { | |||
position:absolute; | |||
left:0px; | |||
top:-7px; | |||
| | } | ||
#trim25 { | |||
position:absolute; | |||
left:0px; | |||
top:293px; | |||
} | |||
#trim26 { | |||
position:absolute; | |||
left:300px; | |||
top:183px; | |||
} | |||
#trim27 { | |||
position:absolute; | |||
left:300px; | |||
top:298px; | |||
} | |||
#trim28 { | |||
position:absolute; | |||
left:0px; | |||
top:-7px; | |||
} | |||
#trim29 { | |||
position:absolute; | |||
left:0px; | |||
top:293px; | |||
} | |||
} | |||
}} | |||
<div id=wrapper> | |||
<div style="max-width:100%;"> | |||
[[File:tarotbg9.png|link=]] | |||
</div> | |||
<div id=title> | |||
[[File:maintitle5.png|link=]] | |||
</div> | |||
<div id=trim9> | |||
[[File:fireball1.gif|link=]] | |||
</div> | |||
<div id=trim10> | |||
[[File:fireball2.gif|link=]] | |||
</div> | |||
<div id=trim11> | |||
[[File:noxgalaxy1.gif|link=]] | |||
</div> | |||
<div id=trim12> | |||
[[File:noxgalaxy2.gif|link=]] | |||
</div> | |||
<div id=trim13> | |||
[[File:distantcomet1.gif|link=]] | |||
</div> | |||
<div id=trim14> | |||
[[File:distantcomet2.gif|link=]] | |||
</div> | |||
<div id=trim15> | |||
[[File:distantcometfast5.gif|link=]] | |||
</div> | |||
<div id=trim16> | |||
[[File:distantcometfast6.gif|link=]] | |||
</div> | |||
<div id=trim17> | |||
[[File:sunbase1.gif|link=]] | |||
</div> | |||
<div id=trim18> | |||
[[File:sunbase2.gif|link=]] | |||
</div> | |||
<div id=trim19> | |||
[[File:sun1751.gif|link=]] | |||
</div> | |||
<div id=trim20> | |||
[[File:sun1752.gif|link=]] | |||
</div> | |||
<div id=trim28> | |||
[[File:earth1.gif|link=]] | |||
</div> | |||
<div id=trim29> | |||
[[File:earth2.gif|link=]] | |||
</div> | |||
<div id=trim24> | |||
[[File:trammoon1.gif|link=]] | |||
</div> | |||
<div id=trim25> | |||
[[File:trammoon2.gif|link=]] | |||
</div> | |||
<div id=trim7> | |||
[[File:felmoon1.gif|link=]] | |||
</div> | |||
<div id=trim8> | |||
[[File:felmoon2.gif|link=]] | |||
</div> | |||
<div id=trim26> | |||
[[File:tipotd1.gif|link=]] | |||
</div> | |||
<div id=trim27> | |||
[[File:tipotd2.gif|link=]] | |||
</div> | |||
<div id=trim> | |||
[[File:tarotbg10.png|link=]] | |||
</div> | |||
<div id=trim2> | |||
[[File:dragontrimleft.png|link=]] | |||
</div> | |||
<div id=trim3> | |||
[[File:dragontrimright.png|link=]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 20px;"> | |||
[[File:beginnersguide2.gif|class=bottom|link=Beginners_Guide]] | |||
[[File:testalign1.gif|class=bottom|link=Beginners_Guide]] | |||
[[File:beginnersguide1.gif|class=top|link=Beginners_Guide]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 70px;"> | |||
[[File:character2.gif|class=bottom|link=Character]] | |||
[[File:testalign1.gif|class=bottom|link=Character]] | |||
[[File:character1.gif|class=top|link=Character]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 120px;"> | |||
[[File:worldmap2.gif|class=bottom|link=World_Map]] | |||
[[File:testalign1.gif|class=bottom|link=World_Map]] | |||
[[File:worldmap1.gif|class=top|link=World_Map]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 170px;"> | |||
[[File:items2.gif|class=bottom|link=Items]] | |||
[[File:testalign1.gif|class=bottom|link=Items]] | |||
[[File:items1.gif|class=top|link=Items]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 220px;"> | |||
[[File:housing2.gif|class=bottom|link=Housing]] | |||
[[File:testalign1.gif|class=bottom|link=Housing]] | |||
[[File:housing1.gif|class=top|link=Housing]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 270px;"> | |||
[[File:crafting2.gif|class=bottom|link=Crafting]] | |||
[[File:testalign1.gif|class=bottom|link=Crafting]] | |||
[[File:crafting1.gif|class=top|link=Crafting]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 320px;"> | |||
[[File:customcontent2.gif|class=bottom|link=Custom_Content]] | |||
[[File:testalign1.gif|class=bottom|link=Custom_Content]] | |||
[[File:customcontent1.gif|class=top|link=Custom_Content]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 370px;"> | |||
[[File:downloads2.gif|class=bottom|link=Downloads]] | |||
[[File:testalign1.gif|class=bottom|link=Downloads]] | |||
[[File:downloads1.gif|class=top|link=Downloads]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 420px;"> | |||
[[File:faq2.gif|class=bottom|link=FAQ]] | |||
[[File:testalign1.gif|class=bottom|link=FAQ]] | |||
[[File:faq1.gif|class=top|link=FAQ]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 470px;"> | |||
[[File:history2.gif|class=bottom|link=History]] | |||
[[File:testalign1.gif|class=bottom|link=History]] | |||
[[File:history1.gif|class=top|link=History]] | |||
</div> | |||
<div id=cf style=" | |||
left:35px; | |||
top: 520px;"> | |||
[[File:videotutorials2.gif|class=bottom|link=Video_Tutorials]] | |||
[[File:testalign1.gif|class=bottom|link=Video_Tutorials]] | |||
[[File:videotutorials1.gif|class=top|link=Video_Tutorials]] | |||
</div> | |||
<div id=cf style=" | |||
left:300px; | |||
top: 465px;"> | |||
[[File:angel2.gif|class=bottom|link=Angel_Island_Overview]] | |||
[[File:testalign1.gif|class=bottom|link=Angel_Island_Overview]] | |||
[[File:angel1.gif|class=top|link=Angel_Island_Overview]] | |||
</div> | |||
<div id=cf style=" | |||
left:560px; | |||
top: 465px;"> | |||
[[File:siege2.gif|class=bottom|link=Siege_Perilous_Overview]] | |||
[[File:testalign1.gif|class=bottom|link=Siege_Perilous_Overview]] | |||
[[File:siege1.gif|class=top|link=Siege_Perilous_Overview]] | |||
</div> | |||
<div id=cf style=" | |||
left:730px; | |||
top: 575px;"> | |||
[[File:byevilmanfred.png|link=]] | |||
</div> | |||
</div> |