Benutzer:Col. o'neill/Testseite2: Unterschied zwischen den Versionen
aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Weitere Optionen
K →DHD |
K →DHD: ID statt class wo angebracht, Cursorauswahl verhindert |
||
| Zeile 85: | Zeile 85: | ||
}}</includeonly></onlyinclude> | }}</includeonly></onlyinclude> | ||
== DHD == | == DHD == | ||
<div | <div id="DHD-container" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;"> | ||
<div id="DHDSG1" style="border-radius: 100%; border: 1px solid black; width: 450px; height: 450px; background-color: #968586; margin: 15px;"> | |||
<div style="border-radius: 100%; border: 1px solid black; width: 300px; height: 300px; margin: 75px auto; background-color:#a29394;"> | <div style="border-radius: 100%; border: 1px solid black; width: 300px; height: 300px; margin: 75px auto; background-color:#a29394;"> | ||
<div style="margin: 150px auto; width: 0px; height: 0px;"> | <div style="margin: 150px auto; width: 0px; height: 0px;"> | ||
| Zeile 130: | Zeile 131: | ||
</div> | </div> | ||
</div></div> | </div></div> | ||
<div | <div id="DHDSGA" style="display:none; border-radius: 100%; border: 1px solid black; width: 450px; height: 450px; background-color: #858696; margin: 15px;"> | ||
<div style="border-radius: 100%; border: 1px solid black; width: 300px; height: 300px; margin: 75px auto; background-color:#90909f;"> | <div style="border-radius: 100%; border: 1px solid black; width: 300px; height: 300px; margin: 75px auto; background-color:#90909f;"> | ||
<div style="margin: 150px auto; width: 0px; height: 0px;"> | <div style="margin: 150px auto; width: 0px; height: 0px;"> | ||
| Zeile 172: | Zeile 173: | ||
</div> | </div> | ||
</div></div> | </div></div> | ||
<div | <div id="DHDSGU" style="display:none; width:100%; height:442px; overflow:hidden; border: 1px solid black; background-color: #353f33; border-radius:20px; margin:15px 0px;"> | ||
<div | <div id="DHDSGU-wheel" style="border:1px solid black; margin-left: -221px; width: 440px; height:440px; border-radius:100%; background-color: #004770"> | ||
<div style="margin: 220px auto; width: 0px; height: 0px;"> | <div style="margin: 220px auto; width: 0px; height: 0px;"> | ||
<div style="transform: rotate(0deg) translate(-18px, -200px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG01">[[Datei:UniverseGlyph01.svg|10px|verweis=]]</div> | <div style="transform: rotate(0deg) translate(-18px, -200px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG01">[[Datei:UniverseGlyph01.svg|10px|verweis=]]</div> | ||
| Zeile 214: | Zeile 215: | ||
</div> | </div> | ||
</div></div> | </div></div> | ||
</div> | </div> | ||
<div style="background-color: rgba(77,77,255,0.7); clear: both; width: 100%; padding: 5px; margin-top: 10px; border: 2px solid #3434ff; box-sizing: border-box;">Verwende, wenn nicht anders bekannt, das Ursprungssymbol <span | <div id="DHDGalaxyChoose" style="background-image:linear-gradient(to top, #bababa, transparent); clear: both; width: 100%;"> | ||
</div> | |||
<div style="background-color: rgba(77,77,255,0.7); clear: both; width: 100%; padding: 5px; margin-top: 10px; border: 2px solid #3434ff; box-sizing: border-box;">Verwende, wenn nicht anders bekannt, das Ursprungssymbol <span id="DHDUrspr">der Erde</span> und beachte, dass nur vollständig bekannte Adressen akzeptiert werden. | |||
'''Ausgabe:''' | '''Ausgabe:''' | ||
<p | <p id="DHDResult">Du hast JavaScript deaktiviert! Vielleicht hast Du es auch aktiviert, das Skript wurde aber noch nicht freigegeben... ;)</p> | ||
<ol | <ol id="DHDResList" style="display:none;"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ol> | ||
<span | <span id="DHDReset" style="display:none; cursor: pointer; color: #0645AD;">Klicke, um das DHD zurückzusetzen.</span> | ||
</div> | </div> | ||