@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;
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;
width: var(--body-width-on-desktop, 45.75rem);
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);
box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) 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;
}
Pomimo obecności Ośrodka PL-69 w odmętach Rowu Bałtyckiego, jego badaczom nadal nie udało się znaleźć odpowiedzi na pytanie "W jaki sposób rów, praktycznie niezauważalnie się pojawił?" W miejscu, gdzie znajdował się głęboki na około 13 kilometrów rów, jeszcze dobre kilka lat temu znajdowało się płytkie dno morskie, aż pewnego dnia w nieznanych nikomu okolicznościach zwyczajnie pojawił się długi na 3 kilometry i niemalże bezdenny dół. Od razu przykuł uwagę Fundacji.
W tym momencie właśnie, jeden z dronów przepływał pomiędzy skałami na dnie, jego operator bezpiecznie siedział w ośrodku, wpatrując się w monitor, na którym to był przesyłany obraz z drona. Operatorem tym jest wyglądający bardziej jak zombie aniżeli człowiek, badacz Robert Siwiatło, ubrany w szary dres, długowłosy brunet z zaniedbanymi włosami oraz podkrążonymi oczami wziął łyk kawy, wracając do obserwowania kamery drona.
— Kolejna próba zabrania kwiatków? — odezwał się kobiecy głos zza pleców Siwiatły. Ten, wystraszony nagłym głosem, zatrząsł ręką, prawie wylewając kawę na siebie, po czym gwałtownie ją odstawił, następnie zdjął słuchawki.
— Owszem, łaskawie kurwa jednak proszę, ostrzegaj zanim wejdziesz — odpowiedział uspakajający się Siwiatło, odwracając głowę w stronę głosu, któregoż to źródłem była doktor Emilia Cis, niska biolożka o rudych włosach.
— Przygotowałam obiad w kafeterii dla wszystkich, więc jak skończysz, możesz przyjść i zjeść
— Dzięki, raczej sobie odgrzeje później — odpowiedział szybko Siwiatło, wracając wzrokiem do kamery drona. Ten z kolei zbliżał się w stronę skały, z której to wyrastała dziwna roślina, przypominająca z wyglądu nieco muchołówkę, wabiąca swoje ofiary świecącymi wabikami. Gdy niczego niespodziewająca się ryba znajdzie się za blisko rośliny, ta natychmiastowo łapie ją swoimi mackopodobnymi liśćmi, po czym zaczyna pobierać z niej potrzebne sobie minerały. Dron zaczął wysuwać chwytak w celu złapania rośliny.
— Zatrzymaj się! — wykrzyknęła Emilia.
— Hmm?
— Zobacz tutaj — odpowiedziała, pokazując palcem na jeden punkt ekranu, Siwiatło założył okulary i zatrzymał drona w miejscu. W punkcie który pokazywała, Emilia znajdowały się 4 małe świecące punkciki. Zaczęły się one powoli zbliżać w stronę drona.
— Ile dronów te przerośnięte krewetki nam już rozpierdoliły? — odpowiedział znudzonym głosem Siwiatło.
— Pięć. Oby przynajmniej nie zauważył tego, bo sześć wygląda już zdecydowanie gorzej — powiedziała Emilia sięgając do konsoli, aby wyłączyć światła w dronie prawie trącając kubek z kawą
— Uważaj kurwa.
Światła drona zgasły, a obraz kamery pokazywał jedynie zbliżające się 4 punkciki światła oraz wabiącą mięsożerną roślinę. Pomimo tego, iż jego życie nie było zagrożone, doktor czuł bardzo wyraźnie swoje bicie serca. Każdy utracony dron odsuwa go od zakończenia swoich badań i opuszczenia tej zasranej stacji badawczej.
— Nie uważasz czasem, że to niesamowite? — powiedziała po chwili ciszy Emilia.
— Co takiego? — zapytał patrzący dalej martwym wzrokiem w monitor Siwiatło.
— To miejsce, jesteśmy tu już jakiś czas, a zaledwie poznaliśmy tylko jego część, nawet jeśli nie zawsze anomalne, to są nowe gatunki zwierząt, organizmy których nikt wcześniej nie widział, nie podnieca cię to? — Rzekła pytająco.
— Nie — odpowiedział Siwiatło biorąc łyk kawy. — Mam serdecznie dość tego chujostwa, człowiek chce spokojnie zbadać właśnie te pierdolone wspaniałe istoty, to przyjdzie kreweta rozpierdoli drona i chuj ci w dupę. Mam dość tych pierdolonych krewet w tym pierdolonym rowie.
Na monitorze nagle można było zobaczyć, jak 4 światełka zbliżają się do rośliny, ułamek sekundy i światło dawane przez roślinę znika, a krewetka oddaliła się już poza obraz drona. Głośne westchnięcie wypełnione wewnętrznym wkurwieniem oraz chęcią zabicia się przeszło przez pomieszczenie. Doktor Siwiatło włączył ponownie światła w dronie. W miejscu gdzie, wcześniej znajdowała się roślina, unosił się opadający już muł morski.
— Ale spójrz chociaż na to w ten sposób, przynajmniej tym razem dron nie został uszkodzony — powiedziała Emilia starając się pocieszyć kolegę kładąc mu rękę na ramieniu. Lekki dreszcz przeszedł jego ciało czując dotyk, po chwili drżącą ręką wziął kolejny łyk z kubka.
— Teraz będę musiał szukać kolejnej. Pierdolonej. Rośliny. I tak, zanim powiesz, jest ich więcej, ale nie o to chodzi.
Muł już opadł odsłaniając w pełni popękany kamień. Gdy Siwiatło miał już odwracać drona aby wrócić go do Ośrodka Emilia ruszyła się gwałtownie.
— Czekaj! Weź podpłyń bliżej tego.
Doktor zrezygnowany skierował drona nieco bliżej. Wielokrotnie widział podobne, ot pęknięcia jak pęknięcia.
— Ładny kamień? Mogę ci taki kupić z kurwa Wieliczki jak opuszczę tę dziurę — powiedział Siwiatło.
— Nie, nie, czekaj. Przyjrzyj się. To nie wygląda czasem jak wzór?
Badacz przysunął się bliżej monitora, owszem, skupiając uwagę w stu procentach na kamieniu, pęknięcia zaczęły wyglądać jak jakieś wzory, po oddaleniu się zaczęły przypominać nawet litery, a litery za to składały się w zdanie. Siwiatło nieco pobudzony tym zapisał zrzut ekranu i zaczął oddalać drona od kamienia. Po oddaleniu drona, sam kamień wyglądał jakby był częścią czegoś większego, mała jaskinia obok zaczęła przypominać okno, dało się zauważyć schody, zawaloną ścianę.
— To pismo, przypomina nieco runiczne, wydaje mi się że gdzieś już widziałam podobne, może wyśle do znajomego, oceni… — powiedziała Emilia.
— Cichajże na chwilę, psujesz moment — przerwał jej Robert, przesuwając palce po konsoli drona
Przed oczyma Roberta i Emilii znajdowały się ruiny przypominające nieco budynek. Siwiatło jeszcze bardziej się oddalił i wzmocnił światło w dronie. Teraz oświetlając większy obszar terenu, można było zaobserwować ruiny kilku podobnych do poprzedniej budowli, jak i również coś przypominającego pałac ze strzelistymi wieżami. W chwili gdy Siwiatło miał zrobić kolejny zrzut ekranu, zdążył zobaczyć tylko gigantyczną krewetkę która wysuwając przednie kończyny przypominające kosy, przebiła nimi drona.
— Jasny. Chuj.
OD: Doktor Pio, Departament Taumaturgii
DO: Doktor Emilia, Ośrodek PL-69
Temat: Napis runiczny na dnie Rowu Bałtyckiego
Dostałem zdjęcie, nawet mało tego udało się odczytać, pojebana sytuacja że kamień z napisem w języku Fae jest na dnie Bałtyku, ale jedyne co tu pisze to "Weabulis tu był"