틀:플로라 유니버스: 두 판 사이의 차이

2024년 12월 7일 (토) 23:16 판

[ 문서 보기 ]

목록 바로가기

[ 소개 ]

세계관 소개	주요 인물

플로라 유니버스는 덴티스 라이선스에 의해 보호되고 있습니다.
문서의 모든 내용은 허구입니다.

@@ 51번째 줄: / 51번째 줄: @@
 <html>
-<div id="custom-popup" style="display: none; position: fixed; top: 10%; left: 50%; transform: translateX(-50%); background-color: white; padding: 20px; border: 1px solid #DDD; z-index: 9999; border-radius: 1rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 90%; max-width: 500px; max-height: 80vh; overflow-y: auto; box-sizing: border-box;">
+<head>
-    <div id="popup-header" style="font-weight: bold; text-align: center; font-size: 25px; color: #E61E2B; cursor: grab; background-color: #f0f0f0; padding: 10px; border-bottom: 1px solid #DDD; border-radius: .5rem .5rem 0 0; margin-bottom: 10px; ">탄핵부결 갑진106적</div>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <p><div style="font-weight: bold; font-size: 19.3333px; color: #E61E2B; text-align: center; margin-bottom: 5px;">이 쳐죽일 역적년놈들<br>다신 정치못한다</div><div style="text-align: center;">강대식놈　강명구놈　강민국놈　강선영년　강승규놈<br>
+    <style>
+        #custom-popup {
+            display: none;
+            position: fixed;
+            top: 10%;
+            left: 50%;
+            transform: translateX(-50%);
+            background: white;
+            padding: 20px;
+            border: 1px solid #ddd;
+            z-index: 9999;
+            border-radius: 1rem;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            width: 90%;
+            max-width: 500px;
+            max-height: 80vh; /* 화면의 80% 높이로 제한 */
+            overflow-y: auto; /* 스크롤 가능하도록 설정 */
+            box-sizing: border-box; /* 패딩 포함 크기 계산 */
+        }
+        #popup-header {
+            font-weight: bold;
+            text-align: center;
+            font-size: 25px;
+            color: #E61E2B;
+            cursor: grab;
+            background-color: #f0f0f0;
+            padding: 10px;
+            border-bottom: 1px solid #ddd;
+            border-radius: .5rem .5rem 0 0;
+            margin-bottom: 10px;
+        }
+    </style>
+</head>
+<body>
+    <div id="custom-popup">
+        <div id="popup-header">탄핵부결 갑진106적</div>
+        <div id="popup-content">
+            <p><div style="font-weight: bold; font-size: 19.3333px; color: #E61E2B; text-align: center; margin-bottom: 5px;">이 쳐죽일 역적년놈들<br>다신 정치못한다</div><div style="text-align: center;">강대식놈　강명구놈　강민국놈　강선영년　강승규놈<br>
 고동진놈　곽규택놈　구자근놈　권성동놈　권영세놈<br>
 권영진놈　김　건놈　김기웅놈　김기현놈　김대식놈<br>
@@ 74번째 줄: / 112번째 줄: @@
 조지연년　주진우놈　주호영놈　진종오놈　최보윤년<br>
 최수진년　최은석놈　최형두놈　<ruby style="ruby-position: over;">추경호놈<rt>내란공범</rt></ruby>　한기호놈<br>
-한지아년</p><div style="font-weight: bold; font-size: 19.3333px; color: #E61E2B; text-align: center; margin-top: 5px;">자나깨나 앉으나서나 어디서든<br>이 년놈들 보면 반역자 연호!</div><br><div style="text-align: center;">2024. 12. 7.<br><br><div style="font-weight: bold; font-size: 19.3333px; text-align: center;">꽃보다위로회 쓴소리꾼회의</div></div></div>
+한지아년<div style="font-weight: bold; font-size: 19.3333px; color: #E61E2B; text-align: center; margin-top: 5px;">자나깨나 앉으나서나 어디서든<br>이 년놈들 보면 반역자 연호!</div><br><div style="text-align: center;">2024. 12. 7.<br><br><div style="font-weight: bold; font-size: 19.3333px; text-align: center;">꽃보다위로회 쓴소리꾼회의</div></div></div></p>
-    <button style="float: right;" onclick="closePopup()">처단</button>
+        </div>
-</div>
+        <button style="float: right;" onclick="closePopup()">처단</button>
+    </div>
-<script>
-    window.onload = function() {
-        const popup = document.getElementById('custom-popup');
-        popup.style.display = 'block';
-        makePopupDraggable();
-    };
-    function closePopup() {
-        document.getElementById('custom-popup').style.display = 'none';
-    }
-    function makePopupDraggable() {
-        const popup = document.getElementById('custom-popup');
-        const header = document.getElementById('popup-header');
-        let isDragging = false, offsetX = 0, offsetY = 0;
-        header.addEventListener('mousedown', startDrag);
-        header.addEventListener('touchstart', startDrag, { passive: false });
-         function startDrag(e) {
+    <script>
-            isDragging = true;
+         document.addEventListener('DOMContentLoaded', function() {
-            const event = e.type === 'touchstart' ? e.touches[0] : e;
+             const popup = document.getElementById('custom-popup');
-            offsetX = event.clientX - popup.offsetLeft;
+             popup.style.display = 'block';
-            offsetY = event.clientY - popup.offsetTop;
+        });
-            document.addEventListener('mousemove', dragElement);
-            document.addEventListener('mouseup', stopDrag);
-            document.addEventListener('touchmove', dragElement, { passive: false });
-            document.addEventListener('touchend', stopDrag);
-        }
-        function dragElement(e) {
-            if (!isDragging) return;
-             const event = e.type === 'touchmove' ? e.touches[0] : e;
-            const newX = event.clientX - offsetX;
-            const newY = event.clientY - offsetY;
-            const maxX = window.innerWidth - popup.offsetWidth;
-            const maxY = window.innerHeight - popup.offsetHeight;
-            popup.style.left = Math.max(0, Math.min(newX, maxX)) + 'px';
-            popup.style.top = Math.max(0, Math.min(newY, maxY)) + 'px';
-             popup.style.transform = 'none';
-            e.preventDefault();
-        }
-         function stopDrag() {
+         function closePopup() {
-            isDragging = false;
+             document.getElementById('custom-popup').style.display = 'none';
-            document.removeEventListener('mousemove', dragElement);
-             document.removeEventListener('mouseup', stopDrag);
-            document.removeEventListener('touchmove', dragElement);
-            document.removeEventListener('touchend', stopDrag);
          }
-     }
+     </script>
-</script>
+</body>
 </html>