Benutzer:Col. o'neill/Testseite2: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 85: / Zeile 85: @@
 }}</includeonly></onlyinclude>
 == DHD ==
-<div style="border-radius:100%; border: 1px solid black; width:450px; height:450px; background-color:#968586;">
+<div class="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: 1px; height: 1px;">
+<div style="margin: 150px auto; width: 0px; height: 0px;">
 <div style="transform: rotate(0deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG28">[[Datei:MilkyWayGlyph28.png|36px|verweis=]]</div>
 <div style="transform: rotate(19deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG10">[[Datei:MilkyWayGlyph10.png|36px|verweis=]]</div>
@@ Zeile 130: / Zeile 130: @@
 </div>
 </div></div>
-<div style="background-color: rgba(77,77,255,0.7); width: 100%; padding: 5px; margin-top: 10px; border: 2px solid #3434ff; box-sizing: border-box;">'''Ausgabe:'''
+<div class="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:#a29394;">
+<div style="margin: 150px auto; width: 0px; height: 0px;">
+<div style="transform: rotate(0deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG28">[[Datei:MilkyWayGlyph28.png|36px|verweis=]]</div>
+<div style="transform: rotate(19deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG10">[[Datei:MilkyWayGlyph10.png|36px|verweis=]]</div>
+<div style="transform: rotate(38deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG33">[[Datei:MilkyWayGlyph33.png|36px|verweis=]]</div>
+<div style="transform: rotate(56deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG39">[[Datei:MilkyWayGlyph39.png|36px|verweis=]]</div>
+<div style="transform: rotate(76deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG26">[[Datei:MilkyWayGlyph26.png|36px|verweis=]]</div>
+<div style="transform: rotate(95deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG23">[[Datei:MilkyWayGlyph23.png|36px|verweis=]]</div>
+<div style="transform: rotate(113deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG18">[[Datei:MilkyWayGlyph18.png|36px|verweis=]]</div>
+<div style="transform: rotate(132deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG14">[[Datei:MilkyWayGlyph14.png|36px|verweis=]]</div>
+<div style="transform: rotate(151deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG17">[[Datei:MilkyWayGlyph17.png|36px|verweis=]]</div>
+<div style="transform: rotate(170deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG02">[[Datei:MilkyWayGlyph02.png|36px|verweis=]]</div>
+<div style="transform: rotate(-171deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG25">[[Datei:MilkyWayGlyph25.png|36px|verweis=]]</div>
+<div style="transform: rotate(-152deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG36">[[Datei:MilkyWayGlyph36.png|36px|verweis=]]</div>
+<div style="transform: rotate(-133deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG09">[[Datei:MilkyWayGlyph09.png|36px|verweis=]]</div>
+<div style="transform: rotate(-114deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG27">[[Datei:MilkyWayGlyph27.png|36px|verweis=]]</div>
+<div style="transform: rotate(-95deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG31">[[Datei:MilkyWayGlyph31.png|36px|verweis=]]</div>
+<div style="transform: rotate(-76deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG15">[[Datei:MilkyWayGlyph15.png|36px|verweis=]]</div>
+<div style="transform: rotate(-58deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG35">[[Datei:MilkyWayGlyph35.png|36px|verweis=]]</div>
+<div style="transform: rotate(-39deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG30">[[Datei:MilkyWayGlyph30.png|36px|verweis=]]</div>
+<div style="transform: rotate(-20deg) translate(-23px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG16">[[Datei:MilkyWayGlyph16.png|36px|verweis=]]</div>
+<div style="transform: rotate(0deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG24">[[Datei:MilkyWayGlyph24.png|46px|verweis=]]</div>
+<div style="transform: rotate(18deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG06">[[Datei:MilkyWayGlyph06.png|46px|verweis=]]</div>
+<div style="transform: rotate(36deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG29">[[Datei:MilkyWayGlyph29.png|46px|verweis=]]</div>
+<div style="transform: rotate(54deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG38">[[Datei:MilkyWayGlyph38.png|46px|verweis=]]</div>
+<div style="transform: rotate(72deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG34">[[Datei:MilkyWayGlyph34.png|46px|verweis=]]</div>
+<div style="transform: rotate(90deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG12">[[Datei:MilkyWayGlyph12.png|46px|verweis=]]</div>
+<div style="transform: rotate(108deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG37">[[Datei:MilkyWayGlyph37.png|46px|verweis=]]</div>
+<div style="transform: rotate(126deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG11">[[Datei:MilkyWayGlyph11.png|46px|verweis=]]</div>
+<div style="transform: rotate(144deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG21">[[Datei:MilkyWayGlyph21.png|46px|verweis=]]</div>
+<div style="transform: rotate(162deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG03">[[Datei:MilkyWayGlyph03.png|46px|verweis=]]</div>
+<div style="transform: rotate(180deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG04">[[Datei:MilkyWayGlyph04.png|46px|verweis=]]</div>
+<div style="transform: rotate(-162deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG20">[[Datei:MilkyWayGlyph20.png|46px|verweis=]]</div>
+<div style="transform: rotate(-144deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG08">[[Datei:MilkyWayGlyph08.png|46px|verweis=]]</div>
+<div style="transform: rotate(-126deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG05">[[Datei:MilkyWayGlyph05.png|46px|verweis=]]</div>
+<div style="transform: rotate(-108deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG32">[[Datei:MilkyWayGlyph32.png|46px|verweis=]]</div>
+<div style="transform: rotate(-90deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG00">[[Datei:Stargate SG·1 Abydos’ point of origin.svg|46px|verweis=]]</div>
+<div style="transform: rotate(-72deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG01">[[Datei:MilkyWayGlyph01.png|46px|verweis=]]</div>
+<div style="transform: rotate(-54deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG19">[[Datei:MilkyWayGlyph19.png|46px|verweis=]]</div>
+<div style="transform: rotate(-36deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG22">[[Datei:MilkyWayGlyph22.png|46px|verweis=]]</div>
+<div style="transform: rotate(-18deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG07">[[Datei:MilkyWayGlyph07.png|46px|verweis=]]</div>
+<div style="border-radius:100%; border: 1px solid black; width:140px; height:140px; margin: -70px; background-image:radial-gradient( circle at center, #ff8433 0%, #ff5939 60%, #ff3b1a 100%);" class="DHDConfirm"></div>
+</div>
+</div></div>
+<div class="DHDSGU" style="display:none; 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="margin: 150px auto; width: 0px; height: 0px;">
+<div style="transform: rotate(0deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG28">[[Datei:MilkyWayGlyph28.png|36px|verweis=]]</div>
+<div style="transform: rotate(19deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG10">[[Datei:MilkyWayGlyph10.png|36px|verweis=]]</div>
+<div style="transform: rotate(38deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG33">[[Datei:MilkyWayGlyph33.png|36px|verweis=]]</div>
+<div style="transform: rotate(56deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG39">[[Datei:MilkyWayGlyph39.png|36px|verweis=]]</div>
+<div style="transform: rotate(76deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG26">[[Datei:MilkyWayGlyph26.png|36px|verweis=]]</div>
+<div style="transform: rotate(95deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG23">[[Datei:MilkyWayGlyph23.png|36px|verweis=]]</div>
+<div style="transform: rotate(113deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG18">[[Datei:MilkyWayGlyph18.png|36px|verweis=]]</div>
+<div style="transform: rotate(132deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG14">[[Datei:MilkyWayGlyph14.png|36px|verweis=]]</div>
+<div style="transform: rotate(151deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG17">[[Datei:MilkyWayGlyph17.png|36px|verweis=]]</div>
+<div style="transform: rotate(170deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG02">[[Datei:MilkyWayGlyph02.png|36px|verweis=]]</div>
+<div style="transform: rotate(-171deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG25">[[Datei:MilkyWayGlyph25.png|36px|verweis=]]</div>
+<div style="transform: rotate(-152deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG36">[[Datei:MilkyWayGlyph36.png|36px|verweis=]]</div>
+<div style="transform: rotate(-133deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG09">[[Datei:MilkyWayGlyph09.png|36px|verweis=]]</div>
+<div style="transform: rotate(-114deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG27">[[Datei:MilkyWayGlyph27.png|36px|verweis=]]</div>
+<div style="transform: rotate(-95deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG31">[[Datei:MilkyWayGlyph31.png|36px|verweis=]]</div>
+<div style="transform: rotate(-76deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG15">[[Datei:MilkyWayGlyph15.png|36px|verweis=]]</div>
+<div style="transform: rotate(-58deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG35">[[Datei:MilkyWayGlyph35.png|36px|verweis=]]</div>
+<div style="transform: rotate(-39deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG30">[[Datei:MilkyWayGlyph30.png|36px|verweis=]]</div>
+<div style="transform: rotate(-20deg) translate(-23px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG16">[[Datei:MilkyWayGlyph16.png|36px|verweis=]]</div>
+<div style="transform: rotate(0deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG24">[[Datei:MilkyWayGlyph24.png|46px|verweis=]]</div>
+<div style="transform: rotate(18deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG06">[[Datei:MilkyWayGlyph06.png|46px|verweis=]]</div>
+<div style="transform: rotate(36deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG29">[[Datei:MilkyWayGlyph29.png|46px|verweis=]]</div>
+<div style="transform: rotate(54deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG38">[[Datei:MilkyWayGlyph38.png|46px|verweis=]]</div>
+<div style="transform: rotate(72deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG34">[[Datei:MilkyWayGlyph34.png|46px|verweis=]]</div>
+<div style="transform: rotate(90deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG12">[[Datei:MilkyWayGlyph12.png|46px|verweis=]]</div>
+<div style="transform: rotate(108deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG37">[[Datei:MilkyWayGlyph37.png|46px|verweis=]]</div>
+<div style="transform: rotate(126deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG11">[[Datei:MilkyWayGlyph11.png|46px|verweis=]]</div>
+<div style="transform: rotate(144deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG21">[[Datei:MilkyWayGlyph21.png|46px|verweis=]]</div>
+<div style="transform: rotate(162deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG03">[[Datei:MilkyWayGlyph03.png|46px|verweis=]]</div>
+<div style="transform: rotate(180deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG04">[[Datei:MilkyWayGlyph04.png|46px|verweis=]]</div>
+<div style="transform: rotate(-162deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG20">[[Datei:MilkyWayGlyph20.png|46px|verweis=]]</div>
+<div style="transform: rotate(-144deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG08">[[Datei:MilkyWayGlyph08.png|46px|verweis=]]</div>
+<div style="transform: rotate(-126deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG05">[[Datei:MilkyWayGlyph05.png|46px|verweis=]]</div>
+<div style="transform: rotate(-108deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG32">[[Datei:MilkyWayGlyph32.png|46px|verweis=]]</div>
+<div style="transform: rotate(-90deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG00">[[Datei:Stargate SG·1 Abydos’ point of origin.svg|46px|verweis=]]</div>
+<div style="transform: rotate(-72deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG01">[[Datei:MilkyWayGlyph01.png|46px|verweis=]]</div>
+<div style="transform: rotate(-54deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG19">[[Datei:MilkyWayGlyph19.png|46px|verweis=]]</div>
+<div style="transform: rotate(-36deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG22">[[Datei:MilkyWayGlyph22.png|46px|verweis=]]</div>
+<div style="transform: rotate(-18deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="DHDG07">[[Datei:MilkyWayGlyph07.png|46px|verweis=]]</div>
+<div style="border-radius:100%; border: 1px solid black; width:140px; height:140px; margin: -70px; background-image:radial-gradient( circle at center, #ff8433 0%, #ff5939 60%, #ff3b1a 100%);" class="DHDConfirm"></div>
+</div>
+</div></div>
+<div class="DHDGalaxyChoose" style="background-image:linear-gradient(to top, rgb(65%,65%,65%), 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 class="DHDUrspr">der Erde</span> und beachte, dass nur vollständig bekannte Adressen akzeptiert werden.
+'''Ausgabe:'''
 <p class="DHDResult">Du hast JavaScript deaktiviert! Vielleicht hast Du es auch aktiviert, das Skript wurde aber noch nicht freigegeben... ;)</p>
 <ol class="DHDResList" style="display:none;"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ol>
 <span class="DHDReset" style="display:none; cursor: pointer; color: #0645AD;">Klicke, um das DHD zurückzusetzen.</span>
 </div>