SCP-2399 - Tàn Tích Của Kẻ Huỷ Diệt
{$comments2}
{$doesthisfixthebug}
và yêu cầu cấp an ninh 5/2399.
Nghiêm cấm truy cập không có thẩm quyền.
Đốm Đỏ Lớn trên Sao Mộc.
Đốm Đỏ Lớn, Sao Mộc
Quy trình Quản thúc Đặc biệt: Hiện nay, do vị trí và bản chất của SCP-2399, các biện pháp quản thúc vật lý là không thể. Các đặc vụ của Tổ Chức được cài trong các đài thiên văn sẽ thu hồi tất cả cảnh quay hoặc hình ảnh của SCP-2399. Các thông tin sai lệch sẽ được phát tán nhằm ngăn chặn bất kỳ kiến thức nào liên quan đến SCP-2399 được phổ biến trong cộng đồng.
Các vệ tinh của Tổ Chức trên quỹ đạo xung quanh Sao Mộc phải liên tục duy trì cảnh giác với các nỗ lực tự sửa chữa của SCP-2399 và dùng mọi cách để cản trở quá trình đó trước khi SCP-2399 hoàn thiện 75%. Ngoài ra, một vành đai các vệ tinh gây nhiễu điện tử tầm xa (hàng rào BARRIER) đã được đặt trên quỹ đạo tầm cao của Sao Mộc. Bất kỳ tín hiệu truyền dẫn nào bị chặn bởi hàng rào này đều phải được giải mã và ghi lại ngay lập tức.
Trong trường hợp SCP-2399 đã hoàn thiện quá 75% hoặc tín hiệu truyền dẫn vượt qua vành đai gây nhiễu, nhân sự Tổ Chức sẽ triển khai Giao thức LEGIONNAIRE-5 (Xem Phụ lục 2399-L5), trước khi nó kịp sửa chữa hoàn chỉnh vào thời điểm đó.
Mô tả: SCP-2399 là một tổ hợp cấu trúc cơ học khổng lồ hiện đang nằm trong bầu khí quyển ở vùng quỹ đạo thấp của Sao Mộc. Kể từ khi được phát hiện vào năm 1963, SCP-2399 đã được quan sát sử dụng vũ khí phản vật chất tiên tiến để gây đứt gãy không gian và tàn phá bầu khí quyển [DỮ LIỆU BỊ XÓA] nó có thể được quan sát như một xoáy lớn màu đỏ, thường được gọi là Đốm Đỏ Lớn.
Con đường di chuyển của SCP-2399 từ ██ / ██ / ██ đến ██ / ██ / ██.
SCP-2399 dường như đã bị hư hại, có thể do đã va chạm với mặt trăng Io trước khi di chuyển đến vị trí hiện tại của nó. SCP-2399 đã được quan sát thấy phóng ra vô số máy bay không người lái hình bát giác nhỏ để sửa chữa những thiệt hại mà vụ va chạm gây ra. Một số sẽ ở gần SCP-2399, trong khi những máy bay khác sẽ tuần tra các mặt trăng gần đó, hoặc đi sâu hơn vào bầu khí quyển Sao Mộc để tìm kiếm các bộ phận bị mất tích của SCP-2399. Các giả lập máy tính ước tính rằng SCP-2399 đã tự sửa chữa được 59%, với mức tăng trung bình 0,78% một năm. Tỷ lệ này đã tăng từ mức ước tính 0,12% của năm 1970.
Bất chấp tình trạng hư hại của nó, SCP-2399 được cho là sở hữu một nguồn cung cấp năng lượng vô hạn, lá chắn điện từ tiên tiến, vũ khí phân rã vật chất, khả năng tự sửa chữa thiệt hại, và một hệ thống theo dõi và nhắm mục tiêu chính xác (Xem Phụ lục 2399-2b). Do sự chênh lệch quá lớn về tiến bộ công nghệ giữa người tạo ra SCP-2399 và chính chúng ta, theo mọi cách hiểu, SCP-2399 hiện không thể bị phá hủy bởi con người. Về lý thuyết, SCP-2399 có thể bị tấn công bởi một xung điện từ đủ mạnh. Tuy nhiên, công nghệ này vẫn chưa tồn tại.
SCP-2399 (khoanh đỏ) có thể nhìn thấy từ đơn vị BARRIER 21
Kể từ năm 1971, SCP-2399 không ngừng tiếp nhận những tín hiệu liên lạc điện tử bắt nguồn từ Chòm sao Tam giác, cách Trái đất khoảng 3 triệu năm ánh sáng. Hiện chưa rõ cách mà SCP-2399 đến đến hệ mặt trời và phương thức liên lạc của nó. Từ năm 1971 đến năm 1985, SCP-2399 liên tục nhận được một thông điệp mã hóa duy nhất, sau khi dịch mã, các nghiên cứu viên của Tổ Chức cho rằng đó là lệnh sửa chữa những thiệt hại mà nó phải chịu khi xâm nhập vào hệ mặt trời của chúng ta. Sau thời điểm đó, hàng rào BARRIER đã được thiết lập để chặn các tín hiệu mới. Sự kiện này trùng hợp với khoảng thời gian dài im lặng của nguồn phát tín hiệu, cho đến năm 1996, khi một tín hiệu mới được truyền đến. Hàng rào BARRIER đã chặn nó trước khi SCP-2399 kịp tiếp nhận. (Xem Phụ lục 2399-Comm-Log).
Tài liệu phát hiện SCP-2399:
SCP-2399 ban đầu được phát hiện, mặc dù là vô tình, bởi Giovanni Cassini vào năm 1665. Tài liệu sau được lấy trực tiếp từ hồi kí của Cassini về sự kiện này, đã dịch từ tiếng Ý sang tiếng Anh.
08/10/1665
Tôi đã quan sát một điều phi thường trên bầu trời. Đêm qua, qua kính thiên văn, tôi thấy thứ giống một ngôi sao chổi với dải đuôi phát sáng tuyệt vời tiếp cận hệ mặt trời của chúng ta từ phía xa. Tôi chưa bao giờ thấy một vật thể chuyển động nhanh như vậy; nó đã vượt qua các hành tinh vòng ngoài trong chưa đầy hai giờ! Khi tôi quan sát, bằng chính đôi mắt của mình, tôi thấy nó chậm lại khi đến gần trên Sao Mộc, sau đó rẽ ngoặt và biến mất vào hành tinh này, tạo ra nhiều vụ nổ ánh sáng. Tôi tiếp tục quan sát nó cho đến bình minh, nhưng tôi không thấy thêm bất cứ biến động nào trên bầu trời đêm. Tôi phải ghi lại hiện tượng kì thú này và mời thêm các đồng nghiệp khi nó tái xuất.
15/10/1665
Một tuần sau trận mưa lửa trên sao Mộc, tôi đã đưa Peter đến đài quan sát của mình. Ông ấy cũng mang theo chiếc kính thiên văn, và chúng tôi cùng nhau phóng tầm nhìn của mình vào gã khổng lồ của hệ mặt trời. Trước sự ngạc nhiên của chúng tôi, một sự biến đổi đầy ấn tượng đã xảy ra! Nơi từng là thế giới xa xôi chỉ có các dải màu đơn sắc, giờ đây có thêm một điểm đỏ lớn ở nơi ngôi sao tiến vào trên bề mặt Sao Mộc. Chúng tôi không thể tin được một điều kì vĩ như vậy lại có thể xảy ra. Tôi sẽ tiếp tục ghi chép về điều này.
18/10/1665
Tối nay khi nhìn qua kính thiên văn, tôi xin thề rằng tôi đã thấy những thứ trông giống như những vụ nổ và những ánh sao túa ra từ đốm đỏ trên sao Mộc. Tôi sợ tâm trí của mình đang đang giở trò đồi bại với mắt tôi, vì chưa từng có ghi chép nào về sự phun trào vật chất dữ dội như vậy của một thiên thể kể từ buổi bình minh của thiên văn học. Tôi sẽ hỏi ý kiến Peter vào ngày mai, hy vọng ông ấy sẽ cho tôi một số lời khuyên về vấn đề này.
19/10/1665
Peter cũng thấy nó! Khi tôi mang mối bận tâm của mình đến chỗ ông ấy, ông ấy ngay lập tức hỏi tôi những câu tương tự. Sau một hồi thảo luận, chúng tôi kết luận rằng hiện tượng kì lạ đó được gây ra bởi ngôi sao chổi mà tôi nhìn thấy vào đêm đầu tiên, chứ không phải sản phẩm trong trí tưởng tượng của chúng tôi. Tôi đang tự hỏi còn điều gì sẽ xảy ra với người hàng xóm trên trời của chúng ta nữa? Tôi sẽ tiếp tục nghiên cứu vấn đề này.
Phụ lục 2399-2b:
Vào ████ giờ ngày ██ / ██ / ██, Đơn vị BARRIER 53 đã phát hiện một trong những máy bay không người lái của SCP-2399 đang ở gần một mảnh vỡ mà nhanh chóng được xác định là một phần của hệ thống liên lạc bị hư hại. Do bản chất của mảnh vỡ này cùng những viễn cảnh có thể xảy ra nếu SCP-2399 khôi phục nó, đơn vị BARRIER 45 được lệnh bắn vào máy bay không người lái bằng pháo điện từ.
Pháo đã khai hoả; tuy nhiên, chiếc máy bay không người lái dường như không bị hư hại. Đoạn phim do đơn vị BARRIER 53 quay được cho thấy, đầu đạn phóng về phía máy bay không người lái đã bị phá hủy khi chỉ còn cách mục tiêu 5 km bởi các vật thể khác được phóng từ SCP-2399. Bộ chỉ huy mất liên lạc với Đơn vị BARRIER 45 15 giây sau khi bắn, video giám sát cho thấy SCP-2399 đã [DỮ LIỆU BỊ XÓA] kết quả là đứt gãy về không gian vào lúc ████-██-████-█ [DỮ LIỆU BỊ XÓA] đã phá huỷ đơn vị BARRIER 45 cùng các đơn vị BARRIER 44, 51 và 55.
Kể từ lúc này, không có Đơn vị BARRIER nào được phép tấn công SCP-2399 hoặc máy bay không người lái của nó.
Phụ lục 2399-2c: Dự án Gigas:
Sau sự kiện ngày ██ / ██ / ██, các nguồn lực đặc biệt đã được huy động nhằm tiêu diệt hoặc chí ít là vô hiệu hoá SCP-2399. Sử dụng tài nguyên của Tổ Chức, cũng với sự hợp tác của 45 quốc gia (đặc biệt là █████ ███████, ████████, █████ ██████, ███ ███, ███████ ██████, ██████'█ ████████ ██ █████ và ███████ ███ ██████'█ ████████ ██ █████), các tên lửa mang ██ đầu đạn với lưu lượng nổ ███ Megaton và ██ đầu đạn mang ngòi nổ EMP đã được phóng và đặt trên quỹ đạo xung quanh Châu Âu. Vào ngày ██ / ██ / ██ lúc ████ giờ, theo lệnh của 15 nguyên thủ quốc gia và O5█, O5█, O5█, O5█ và O5█, toàn bộ đầu đạn của Dự án Gigas đã được phóng về phía SCP-2399.
[DỮ LIỆU BỊ XÓA]
Các phương án loại bỏ SCP-2399 khác hiện đang được tiến hành.1
Phụ lục 2399-L5:
Chà, về SCP-2399.
Bạn đã bao giờ ngồi xuống và tự hỏi, có thể sau khi bạn nghe về một vụ tai nạn ô tô trên con phố bạn vừa đi qua, hoặc một vụ đánh bom ở thành phố bạn đang đến thăm, bạn may mắn đến mức nào khi còn sống? Có bao nhiêu thứ phải đi đúng hướng để bạn tiếp tục sống? Quá muộn một vài giây, quá sớm một vài giây, và ai đó cúi xuống lấy thứ gì đó mà họ đánh rơi và một xe buýt chở đầy người nào đó lao đến. Đôi khi điều này xảy ra, như chúng ta đã thấy, quá thường xuyên. Nhưng đó là những gì chúng ta ở đây đang làm. Để bảo vệ những người không thể tự bảo vệ mình khỏi những thứ mà họ thậm chí còn không biết chúng tồn tại.
Tuy nhiên, chúng ta không thể làm tất cả. Liệu còn bao nhiêu thứ nữa chúng ta có thể quản thúc, bao nhiêu thứ nữa chưa được phát hiện có thể tiêu diệt tất cả chúng ta, vẫn còn quá nhiều thứ mà chúng ta không thể giải quyết. Cho dù chúng quá lớn, quá nhanh hay quá mạnh, bất kỳ thứ nào trong số này đều có thể xóa sổ nhân loại trong chớp mắt. Chúng ta đang rất may mắn khi chúng chưa làm được gì. Tuy nhiên, SCP-2399 lại khác.
Chúng ta có quá ít thông tin về động cơ, nguồn gốc và khả năng đầy đủ của SCP-2399. Chúng ta không biết làm thế nào mà nó có thể giao tiếp trong khoảng cách lớn như vậy, hoặc tại sao những người xây dựng nó (nếu họ thực sự đã xây dựng nó) lại gửi nó đến chỗ chúng ta. Chúng ta không biết điều gì sẽ xảy ra nếu SCP-2399 tự tái thiết hoàn toàn, hoặc nếu một phần nào đó trong Hàng Rào bị hỏng và một tín hiệu sẽ lọt qua. Chúng ta không biết, vì vậy chúng ta phải chuẩn bị cho điều tồi tệ nhất. Theo những gì chúng ta đã biết, nếu SCP-2399 đến Trái đất, nó cũng đồng nghĩa với sự diệt vong của toàn bộ sự sống trên hành tinh.
Nhưng đôi khi nhân loại được giúp đỡ một chút. Đôi khi có thứ gì đó cản đường tận thế. Đối với chúng ta, và đối với SCP-2399, đó là Sao Mộc. Khi SCP-2399 bắt đầu giảm tốc để tiếp cận Trái Đất, Cassini đã thấy nó va vào Io, bị hư hại và không thể thoát khỏi lực hút của Sao Mộc. Vũ khí của nó được kích hoạt như dự kiến, nhưng chính Sao Mộc mới trải qua ngày tận thế chứ không phải chúng ta.
Tuy nhiên, vẫn có khả năng SCP-2399 sẽ hoạt động trở lại, thoát khỏi Sao Mộc và tiến đến mục tiêu của nó, tức Trái Đất (Hiện tại, chúng ta có thể tiếp tục ném bom, EMP hoặc bất cứ thứ gì chúng ta có vào nó, nhưng không có dấu hiệu nào cho thấy nó hiệu quả, ngược lại, bản thân tôi nghĩ rằng nó sẽ không bao giờ hiệu quả). Nếu điều đó xảy ra bây giờ, chúng ta chắc chắn sẽ bị tiêu diệt.
Sao Mộc đã cho chúng ta thời gian. Nhưng SCP-2399 vẫn sẽ ở đó, tự sửa chữa bản thân, ít nhất là cho đến khi chúng ta nghĩ ra một cách để ngăn chặn nó. Dù muốn hay không, chúng ta đang chạy đua vũ trang với thứ này. Giả định tốt nhất mà chúng ta có là khoảng 25 năm cho đến khi Hàng Rào xuống cấp và bị ‘thủng’. Cho đến lúc đó, chúng ta phải nắm bắt cơ hội được đặt ra trước mắt. Chúng ta phải tận dụng khoảng thời gian quý giá này, và không để nó bị lãng phí.
Vì vậy, chúng tôi đã nghĩ ra Giao thức LEGIONNAIRE. Một EMP khổng lồ, được cung cấp năng lượng bởi thứ có-Chúa-mới-biết-là-gì, kế đến là số bom hạt nhân đủ lớn để quét sạch nền văn minh hàng nghìn lần. Một kế hoạch cùi mía, đơn giản và có thể là vô ích. Các nhà nghiên cứu của chúng ta và cũng như trên thế giới vẫn chưa nghĩ ra cách nào để phát ra loại xung đó, chứ đừng nói đến cách cung cấp năng lượng cho nó. Không có dấu hiệu nào cho thấy chúng ta có thể hoàn thành LEGIONNAIRE đúng hạn, hoặc liệu nó có hoạt động được theo đúng kế hoạch sau khi hoàn thành hay không. Nhưng chúng ta phải cố gắng. Chúng ta phải làm gì đó. Dù cho chúng ta phải rút cạn ngân hàng và khai thác hết toàn bộ tài nguyên trên hành tinh, chúng ta cũng phải cố gắng.
Chẳng mấy khi chúng ta có cơ hội nhìn thấy chiếc xe buýt sẽ kết thúc cuộc đời mình đổi hướng. Sao Mộc vô tình đã cho chúng ta cơ hội đó. Tôi đề nghị chúng ta nên nắm lấy nó.
Randall McAllan
Giám đốc
Dự án BARRIER , Điểm ██
Phụ lục 2399-Comm-Log:
Tất cả các tín hiệu trong bản ghi sẽ lặp lại liên tục cho đến khi nhận được tín hiệu mới.
██ / ██ / 1971- Đơn vị bị hư hại: Sửa chữa
██ / ██ / 1985- Cập nhật Mệnh lệnh: Giữ nguyên Vị trí: Sửa chữa
██ / ██ / 1985- Giai đoạn ngừng nhận tín hiệu, hàng rào BARRIER được thiết lập.
██ / ██ / 1996- Đơn vị nằm ngoài phạm vi mục tiêu: Tiếp tục đến hành tinh số 3 trong hệ thống [TOẠ ĐỘ BỊ XÓA]: Sửa chữa
██ / ██ / 2015- Đơn vị nằm ngoài phạm vi mục tiêu: Tiếp tục đến hành tinh số 3 trong hệ thống [TOẠ ĐỘ BỊ XOÁ]: Mục tiêu ưu tiên: đã xác định: Ngừng sửa chữa
Trích dẫn:
"SCP-2399" bởi djkatus, từ Wiki SCP.
Nguồn: http://www.scp-wiki.wikidot.com/scp-2399.Dịch bởi Hieutran2004, từ Wiki SCP-VN.
Nguồn bản dịch: http://scp-vn.wikidot.com/scp-2399.Xuất bản dưới giấy phép CC-BY-SA
Để biết thêm thông tin, xem Hướng Dẫn Giấy Phép.
Hiện Giấy Phép
Filename: header.png
Author: djkaktus
License: CC BY-SA 3.0
Source Link: SCP Wiki
Derivative of:
Name: Great_Red_Spot_From_Voyager_1-e1468619371314-580x439.jpg
Author: NASA
License: Public Domain
Source Link: Link
Filename: location.png
Author: djkaktus
License: CC BY-SA 3.0
Source Link: SCP Wiki
Derivative of:
Author: NASA
License: Public Domain
Source Link: Link
Filename: redspot.gif
Author: djkaktus
License: CC BY-SA 3.0
Source Link: SCP Wiki
Derivative of:
Name: Experimental animation: the Great Red Spot
Author: NASA
License: Public Domain
Source Link: http:www-thelogbook-com-earl-2012-12-15-great-red-spot
Filename: redspot2.png
Author: djkaktus
License: CC BY-SA 3.0
Source Link: SCP Wiki
Derivative of:
Name: Voyager 1 enters interstellar space - an incredible journey
Author: NASA
License: Public Domain
Source Link: Link
Để biết thêm thông tin về nội dung trên wiki, ghé thăm Danh Sách Giấy Phép.
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap'); @supports(display: grid) { :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "penumbra-bhl"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Penumbra BHL Theme"; /* set this to your theme's full name */ --lgurl: var(--logo-image); --header-title: "TỔ CHỨC SCP"; --header-subtitle: "QUẢN THÚC - LƯU TRỮ - BẢO MẬT"; /* Typefaces */ --body-font: "Roboto", sans-serif; --header-font: "Josefin Sans", sans-serif; --title-font: "Josefin Sans", sans-serif; --mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, monospace; --ui-wght: 600; --ui-hvr-wght: 800; /* Standard Colors */ --white-monochrome: 248, 248, 248; /* white */ --pale-gray-monochrome: 237, 237, 237; /* v light gray for blockquotes and stuff */ --light-pale-gray-monochrome: 237, 237, 237; /* very light pale gray for misc. use */ --very-light-gray-monochrome: 215, 215, 215; /* very light accent gray for misc. use */ --light-gray-monochrome: 160, 160, 160; /* light accent gray for login status */ --gray-monochrome: 66, 66, 72; /* gray */ --dark-gray-monochrome: 47, 51, 60; /* dark accent gray for sidebar background */ --black-monochrome: 33, 37, 46; /* black */ --accentColor: 30, 181, 232; /*Penumbra Accent Color*/ --pale-accent: var(--accentColor); /* light red, for visited links */ --bright-accent: var(--accentColor); /* bright red */ --medium-accent: var(--accentColor); /* medium red - the "default" accent color */ --dark-accent: var(--accentColor); /* dark red */ --alt-accent: 221, 102, 17; /* pale orange, for newpage links */ /* Background and Header Colors */ --background-gradient-color: var(--black-monochrome); /* Primary Theme Colors */ --swatch-background: var(--dark-gray-monochrome); /* Primary Text Colors */ --swatch-text-light: var(--pale-gray-monochrome); --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menubg-color: var(--black-monochrome); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-alternate-color: var(--swatch-menubg-dark-color); /* Link Colors */ --sidebar-links-text: var(--bright-accent); /* Rating Module Colors */ --rating-module-button-color: var(--white-monochrome); --rating-module-text-color: var(--swatch-menutxt-light-color); /* Header Gradients */ --diagonal-stripes: initial; /* header measurements */ --header-height-on-desktop: 8.750rem; --header-height-on-mobile: 8.750rem; --header-h1-font-size: calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h2-font-size: calc(var(--base-font-size) * 1.15); /* Toggle Sidebar Variable */ --toggle-border-color: rgb(var(--swatch-primary)); --toggle-icon-color: rgb(var(--swatch-primary)); --toggle-roundness: 0; } /* ===PAGE ELEMENTS COLORS=== */ :root { /* ===UI BUTTON COLORS=== */ --ui-button-bg: var(--swatch-menubg-medium-dark-color); --ui-button-txt: var(--swatch-text-secondary-color); --ui-button-hover-txt: var(--swatch-text-secondary-color); /* ===MODALS COLORS=== */ --modal-bg: var(--black-monochrome); --modal-body-text: var(--swatch-text-secondary-color); --modal-body-header-txt: var(--swatch-primary); --modal-header-bg: var(--black-monochrome); /* ===FOOTNOTES HOVER BLOCK COLORS=== */ --hoverblock-bg: var(--swatch-menubg-medium-dark-color); --hoverblock-txt: var(--swatch-text-general); } #main-content { /* ===TABS===*/ --tabs-bg: var(--swatch-menubg-medium-dark-color); --tabs-content-bg-color: var(--swatch-menubg-medium-dark-color), 1; /* ===BLOCKQUOTES=== */ --blockquote-bg-color: var(--swatch-menubg-medium-dark-color), 1; } #header { /* Primary Header Colors */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent); } #footer { --footer-link-hover-color: var(--swatch-text-tertiary-color); } ::-moz-selection { background: rgba(var(--swatch-primary), 1); color: rgb(var(--black-monochrome)) !important; text-shadow: none; } ::selection { background: rgba(var(--swatch-primary), 1); color: rgb(var(--black-monochrome)) !important; text-shadow: none; } html, body { scrollbar-color: rgb(var(--swatch-primary)) rgb(var(--black-monochrome)); } body { background-image: var(--gradient-background); background-size: 100% var(--background-gradient-distance); } .danger-diamond a, .danger-diamond a:hover { color: rgba(0, 0, 0, 0) !important; box-shadow: initial !important; } #header::before { background-image: var(--lgurl); opacity: 0.15; background-size: auto 9.5rem; } #header h1 a { text-transform: uppercase; } #header h1, #header h1 a, #header h1 a::before { top: 0.35rem; } #header h2 { top: calc(var(--header-h2-font-size) * 0.9); } #side-bar .heading { background: none; flex-basis: 90%; margin: 0.5rem auto 0.125rem; font-family: var(--header-font); } #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link { text-transform: none; text-align: left; font-size: 0.94rem; text-indent: 0; } #page-content { font-size: 0.9rem !important; } #page-title { color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-text-general)); padding: 0; } h1, h2, h3, h4, h5, h6 { color: rgb(var(--swatch-primary)); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(var(--white-monochrome)); } #login-status #my-account { --wght: 400; font-weight: 400; } #top-bar div.mobile-top-bar>ul>li>ul>li>a, #top-bar div.top-bar>ul>li>ul>li>a { --wght: 400; font-weight: 400; } #top-bar div.mobile-top-bar>ul>li>ul>li:hover a, #top-bar div.top-bar>ul>li>ul>li:hover a { color: rgb(var(--black-monochrome)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]) { padding: 0.15em; margin: -0.15em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover { padding: 0.3em 0.25em 0.2em 0.25em; margin: -0.25em; box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .page-rate-widget-box { background: rgb(var(--black-monochrome)); } /* Ayer's info-bar patch by Monkatraz */ #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { width: 100%; max-width: 100%; margin: 0 auto; box-shadow: none; } #page-content .info-container .collapsible-block-link { padding: 0; } #page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before { content: " "; display: none; } #page-content .info-container .collapsible-block-content::after { display: none; } #u-author_block>p>a { background-color: rgb(var(--black-monochrome)); border-radius: 0; } :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]), #toc { background-color: rgb(var(--black-monochrome)); border: solid 0.125rem rgb(var(--dark-gray-monochrome)); box-shadow: -0.188rem 0rem 0rem -0.006rem rgb(var(--swatch-primary)); } .code { background-color: rgb(var(--black-monochrome)); border: solid 0.1875rem rgb(var(--dark-gray-monochrome)); box-shadow: none; } .code pre, .code p, .code { font-size: 0.87rem; background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); } .code pre { white-space: pre-wrap; } .code pre span[class*="hl-"] { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } #page-content .yui-navset .yui-nav { width: 100%; } #page-content .yui-navset .yui-nav a { transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content .yui-navset .yui-nav li, #page-content .yui-navset .yui-navset-top .yui-nav li { box-shadow: initial; } #page-content .yui-navset .yui-nav li { background-color: rgb(var(--black-monochrome)); padding-top: 0.25em; -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-play-state: paused; animation-play-state: paused; } #page-content .yui-navset .yui-nav li:hover { background-color: rgb(var(--swatch-primary)); } #page-content .yui-navset .yui-nav li em { transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); color: rgb(var(--swatch-menutxt-light-color)); } #page-content .yui-navset .yui-nav li:hover em { color: rgb(var(--swatch-menutxt-dark-color)); } #page-content .yui-navset .yui-nav .selected { margin-top: -0.5em; padding-top: 0.5em; margin-right: 0.0625rem; background-color: rgb(var(--swatch-primary)); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-play-state: running; animation-play-state: running; } #page-content .yui-navset .yui-nav .selected a em { transform: translateY(-0.25em); color: rgb(var(--black-monochrome)); } #page-content .yui-navset .yui-nav a, #page-content .yui-navset .yui-nav a:hover, #page-content .yui-navset .yui-nav a:active, #page-content .yui-navset .yui-nav a:focus-within { background: rgba(0, 0, 0, 0) !important; font-family: var(--title-font); font-weight: 700; isolation: isolate; } #page-content .yui-navset .yui-nav a::before, #page-content .yui-navset .yui-nav a::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; pointer-events: none; } #page-content .yui-navset .yui-nav a:hover::before, #page-content .yui-navset .yui-nav a:focus::before, #page-content .yui-navset .yui-nav .selected a::before { -webkit-mask-position: center 0rem !important; mask-position: center 0rem !important; background-position: 100% 200vh; } #page-content .yui-navset .yui-nav a:hover::after, #page-content .yui-navset .yui-nav a:focus::after, #page-content .yui-navset .yui-nav .selected a::after { opacity: 0; -webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-direction: backwards; animation-direction: backwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #page-content :is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-content { background: rgb(var(--black-monochrome)); border: none; margin-top: 0; } #page-content table.wiki-content-table tr { border: none !important; } #page-content table.wiki-content-table th { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-primary)); ; font-family: var(--title-font); font-weight: 700; text-transform: uppercase; padding-top: 0.4em; } #page-content table.wiki-content-table th, #page-content table.wiki-content-table td { border: solid 0.0625rem rgb(var(--swatch-primary)) !important; } hr { border-color: rgb(var(--accentColor)); background-color: rgb(var(--accentColor)); } /*---- TAB ANIMATION by Croquembouche ---- */ #page-content .yui-navset .yui-content>div { display: block; top: 0; overflow: hidden; transform-origin: 0 0; } #page-content .yui-navset .yui-content>div[style*="none"] { display: block !important; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; -webkit-animation: tab-disappear 0.5s ease-in-out 0s 1 both; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } #page-content .yui-navset .yui-content>div[style*="block"] { display: block !important; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; -webkit-animation: tab-appear 0.5s ease-in-out 0.5s 1 both; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @-webkit-keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @-webkit-keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /* fancy collapsible */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { background: rgb(var(--black-monochrome)); transition: background 0.25s linear; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; overflow: hidden; margin: auto; box-sizing: border-box; } #page-content .collapsible-block-folded .collapsible-block-link::before { content: "▷ "; } #page-content .collapsible-block-unfolded .collapsible-block-link::before { content: "▽ "; } #page-content .collapsible-block-link { display: inline-block; padding: 0.5rem 1rem; text-decoration: none; text-align: center; color: rgb(var(--white-monochrome)); font-weight: 700; } #page-content .collapsible-block-link:hover { color: rgb(var(--black-monochrome)); } #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover { background: rgb(var(--swatch-primary)); } #page-content .collapsible-block-unfolded-link { box-shadow: 0rem -0.26rem 0rem 0rem rgb(var(--swatch-primary)); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 0.625rem; margin-bottom: 0.625rem; } :is(div.image-block, div.scp-image-block) { border: solid 0.5rem rgb(var(--black-monochrome)); border-bottom: solid 0rem rgb(var(--black-monochrome)); box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor)); box-sizing: border-box; } :is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) { background-color: rgb(var(--black-monochrome)); border: solid 0.25rem rgb(var(--black-monochrome)); color: rgb(var(--pale-gray-monochrome)); font-size: 0.84rem; box-shadow: none; } a.footnoteref { padding: 0.05em; color: rgb(var(--swatch-primary)); -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } a.footnoteref:hover { box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .footnotes-footer a[href*="javascript"]::before, .bibitems .bibitem::after, .footnotes-footer { background-color: rgb(var(--black-monochrome)); } /* Tags */ .page-tags span { border-top: 0.0625rem solid rgb(var(-white-monochrome)); } .page-tags span a { padding: 0.25em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .page-tags span a:hover { padding: 0.3em 0.25em 0.2em 0.25em; box-shadow: inset 0 -1.75em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } div#page-options-bottom-2>a, div#page-options-bottom>a { border-color: rgba(var(--swatch-primary-darkest), 1); background-color: rgba(var(--swatch-menubg-dark-color), 1); color: rgb(var(--white-monochrome)); border-radius: 0; } div#page-options-bottom-2>a:active, div#page-options-bottom-2>a:hover, div#page-options-bottom>a:active, div#page-options-bottom>a:hover { border-color: rgba(var(--swatch-menubg-dark-color), 1); background-color: rgba(var(--swatch-primary-darkest), 1); color: rgb(var(--black-monochrome)); border-radius: 0; } #who-rated-page-area>div>span[style*="color"] { color: rgb(var(--swatch-text-secondary-color)) !important; } #footer { color: rgb(var(--black-monochrome)); } #license-area { color: rgb(var(--white-monochrome)); } input.text, textarea { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } #lock-info { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } /* Pop-Up Windows */ .owindow { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); } .owindow .modal-header { background-color: rgb(var(--black-monochrome)); } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { background-color: rgb(var(--black-monochrome)); color: var(--swatch-primary); border-bottom: 0.0625rem solid rgb(var(--swatch-primary)); } .owindow .button-bar a { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); color: rgb(var(--white-monochrome)); } .owindow .button-bar a:hover { background-color: rgb(var(--swatch-primary)); } /* ---- Darkbox/Lightbox ---- */ .darkbox, .lightbox { border-left: solid 0.26rem rgb(var(--swatch-primary)); border-right: solid 0.26rem rgb(var(--swatch-primary)); padding: .4rem; margin-top: 0.75rem; margin-bottom: 0.75rem; } .darkbox { background-color: rgb(var(--black-monochrome)); } .lightbox { background-color: rgb(var(--white-monochrome)); color: rgb(var(--black-monochrome)); } .lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 { color: rgb(var(--black-monochrome)); } /* Custom Assets by EstrellaYoshte */ .limit { margin-bottom: -1rem; } .anchor { position: -webkit-sticky; position: sticky; height: 0; top: 0; z-index: 9999; } .sidebox { background-color: rgb(var(--black-monochrome)); border-top: solid 0.125rem rgb(var(--swatch-primary)); padding: .14rem 1rem .14rem; margin-top: 0; margin-bottom: 0.5rem; width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); max-height: calc(100vh - 18rem); position: absolute; top: 0; left: 103.5%; z-index: 5; overflow: auto; box-sizing: border-box; } .hovertip { color: rgb(var(--swatch-text-general)); } @media (max-width: 80.625rem) { .sidebox { width: auto; max-width: 50vw; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); border: none; right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1); left: initial; pointer-events: none; transition: max-width 0.2s ease-in-out 0.1s, color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s; overflow-x: hidden; overflow-y: hidden; scrollbar-width: thin; } .sidebox::-webkit-scrollbar { width: 0.5em; } .sidebox * { opacity: 0; transition: opacity 0.2s ease-in-out 0.1s; } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .sidebox::before { top: calc(50% - 0.75rem); width: 0; height: 0; border-top: 0.75rem solid transparent; border-bottom: 0.75rem solid transparent; border-right: 0.75rem solid rgb(var(--swatch-primary)); transition: border 0.1s ease-in-out 0.1s; z-index: 10; } .sidebox::after { top: 0; max-width: 0.75rem; width: 100%; height: 100%; box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); max-height: calc(100vh - 18rem); background-color: rgb(var(--black-monochrome)); z-index: -1; transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s; } .sidebox:hover, .sidebox:active { color: rgb(var(--swatch-text-general)); background-color: rgb(var(--black-monochrome)); pointer-events: all; overflow-y: scroll; transition: max-width 0.5s ease-in-out 0.2s, color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s; } .sidebox:hover *, .sidebox:active * { opacity: 1; transition: opacity 0.5s ease-in-out 0.2s; } .sidebox:hover::before, .sidebox:active::before { border-top: 0vw solid transparent; border-bottom: 0vw solid transparent; } .sidebox:hover::after, .sidebox:active::after { box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); right: 0; max-width: 100%; border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; } } @media only screen and (max-width:56.25rem) { :root { --body-width-on-desktop: 100vw; --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h2-font-size: var(--base-font-size); } #header h1, #header h1 a, #header h1 a::before { top: 0.5rem; } #header h2, #header h2 a, #header h2 a::before { top: 0.35rem; } .anchor { top: calc(var(--topbar-height-on-mobile) + 0.75rem); } .sidebox, .sidebox:hover, .sidebox:active { right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.5em); } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .blockquote, [class*="blockquote"], blockquote, div.blockquote { margin: 0; } } .page-source { color:#fff; background: var(--black-monochrome); } @media only screen and (min-width: 48.0625rem) { #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { border-left: 0.0625rem solid rgba(var(--swatch-primary-darkest), 0); } #search-top-box-form input[type="submit"] { background: rgba(var(--swatch-primary-darkest), 0.5); } } }
