EmtaWiki: erinevus redaktsioonide vahel

Redaktsioon: 7. november 2024, kell 10:10

   To the Top

@@ 177. rida: / 177. rida: @@
 <hr>
 }}
-<!-- Assuming this is your AJAX window container -->
+<div id="BackToTop" class="noprint" style="
-<div class="ajax-window" style="position: relative;">
+    background-color: white;
-    <!-- Back to the Top button -->
+    position: fixed;
-    <div id="BackToTop" class="noprint" style="
+    bottom: 50%;     /* Adjusts position on the vertical axis */
-        background-color:#DDEFDD;
+    right: 15px;     /* Positions it slightly inward from the right edge */
-        position: absolute;
+    z-index: 9999;
-        top: 50%;   /* Center vertically within the AJAX window */
+    padding: 10px 15px;
-        right: 10px; /* Adjust distance from the right edge */
+    margin: 0;
-        transform: translateY(-50%); /* Centers it perfectly vertically */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);  /* Adds a black shadow */
-        z-index: 9999;
+    border-radius: 15px;     /* Rounds the edges to create a bubble-like effect */
-        padding: 0;
+    font-size: 10pt;
-        margin: 0;">
+    font-family: Arial, sans-serif;
-        <span style="
+    color: #333;             /* Text color */
-            color: blue;
+    font-weight: bold;
-            font-size: 8pt;
+    cursor: pointer;
-            font-family: verdana, sans-serif;
+    text-align: center;
-            border: 0.2em outset #ceebf7;
+">
-             padding: 0.1em;
+    To the Top
-            font-weight: bolder;
-            border-radius: 8px;">
-            [[#top| Back to the Top ]]
-        </span>
-    </div>
 </div>