тест

Страница: 1

Сообщений 1 страница 22 из 22

Поделиться12017-12-04 00:20:47

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">01.11 - 30.11</div></div>

♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">активист <br>
недель</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2zZzn.gif"><br>
мне кажется, когда бы я не зашла на ролевую, он всегда здесь) он сидит во флуде даже с телефона) мне кажется, что не было такого, чтобы было сказано, мне не удобно, крутится как может! скотти, ты умничка, мы тобой гордимся) теперь с поста безумца, ты перекочевал на активиста этого месяца, мы тебя поздравляем и очень любим, продолжай в том же духе!)</p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">прорыв 
<br>недель</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2gWKA.gif"><br>
вот чтобы там не говорили, а для меня это не хмуроволк, а как зовет его ласково элли - волчег) мне кажется нашему дому именно тебя и не хватало) ты заряжаешь позитивом, с тобой хочется общаться и смеяться! спасибо, что ты появился у нас! твори и вдохновляй остальных ребят! с первой и уверена не последней победой! </p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">эпизод <br>недель</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2zZzo.gif"><br>
ну наконец-то мы вернулись к нашему спиду! <a href=http://twdarksoul.rusff.me/viewtopic.php?id=676#p73150><b>PRISON</b></a>  спасибо всем тем, кто принял в нем участие и попытался нам рассказать свои замечательные истории) надеюсь это не последний спид, который попадет в таблицу лучших)
</p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">игровой <br> тандем</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2zZzq.gif"><br>
тандемом этого месяца стали элли и марк) ребята из вас просто великолепная и гармоничная пара) ваши улыбки радуют наши глаза, а ваши посты вдохновляют и их интересно читать! продолжайте в том же духе, дарите нам свою воздушную энергетику, от которой мы будем заряжаться позитивом) с победой вас, мои дорогие!)</p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">постописец <br>недель</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2tR5e.gif"><br>
ох, как же мне нравится этот парень) этот душка готов откусить голову любому игроку, но никто не скажет, что кайлуша плохой, он хороший парень, который подарил этому проекту за ноябрь месяц 12 постов! я хочу пожелать тебе, море вдохновения, легкого пера и горы потрясающих идей, которые ты будешь и дальше реализовывать с нашими ребятами! с победой!</p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">лучший пост <br>недель</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2zZzr.gif"><br>
мими, малышка, я тебя искренне поздравляю! наконец-то и ты на этой позиции) твои посты шикарные, мне так и хочется читать новые, и я зачитываюсь вашей игрой) мне нравится как ты пишешь, и уверена, ребята оценят этот выбор и подтвердят! и лучшим постом этого месяца становиться тадададам - <a href=http://twdarksoul.rusff.me/viewtopic.php?id=567#p73121><b> семейные тайны за тысячью замками</b></a> прими наши искреннее поздравления! и продолжай в том же духе!</p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">главный <br>
 безумец</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2zZzh.gif"><br>
о дааа, наконец-то этот безумец на своем месте! дорогой мой, я тебя с радостью поздравляю с достойной победой, ведь если бы не ты, не было того, что мы имеем, не было всех этих развлечений, дизайна, да и всего остального, что видно не вооруженным взглядом для игроков! мы все тебя безумно любим, спасибо, что делаешь наши дни ярче и веселее) продолжай нас и дальше радовать, а мы постараемся тебя не разочаровать! </p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">самый <br>
горячий</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2zZzm.gif"><br>
мне кажется, что слова здесь лишние, ведь все прекрасно знают, чье это место и оно заслуженное! ведь этот мужчина, ходячий секс, от одного только "привет" женскую половину нашего форума, явно бросает в жар хДД и я этому ни капельки не удивлена) люблю тебя, мой муж ♥</p></font></div></div>

Код:

<!--HTML-->
<div class="htmldemo">
<center>
<div class="epizod">злодей <br>
недель</div></div>
<div style="
/* font-family: Palatino Linotype; */
font-size: 9.5px; 
/* text-transform: uppercase;*/ "><p style="text-align: justify; height: 150px; overflow-y: auto; padding: 4px 5px;"><img src="http://funkyimg.com/i/2zZzk.gif"><br>
эта номинация у нас в первые, и единственное, что у меня крутиться на языке, это "вы серьезно?" хДД я конечно понимаю, что я еще та зараза и заноза в мягком месте, но злодейка ахахах спасибо, приятно, и даже очень) надеюсь эта награда заслужена) </p></font></div></div>

Поделиться22018-02-21 12:57:49

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

I run away.
Through the dark and empty space.
Where the wind will erase your memory.
Here in the black there is no turning back.
It's the only place where I can get away.

[indent] Тьма. Мне казалось она преследует меня всю жизнь. Как только я увижу свет, как только буду наслаждаться сиянием лучей, то тьма тут же придёт и отберёт это у меня, мой последний луч надежды, как последний опавший лепесток на засохшем цветке. Чем ярче сияние, чем больше я счастлив, тем глубже и мрачнее тьма накрывает меня с головой. Ощущения будто я во льду, будто всё, что там было важно мне погибло, замёрзло и даже сердце стало биться медленнее, в глазах лишь отчаяние и боль, неконтролируемая, всепоглощающая, отравляющая меня изнутри.
[indent] Мне хочется выть от неё, как волк воет на луну, но в отличие от полнолуния, моя боль постоянная, она не покидает моё бренное тело, лишь затаивается где-то там в глубине души и выжидает момента, когда можно ударить больнее. Тьма отравила меня, как и миллиарды других душ. Вакцины нет. Мы наблюдаем за страданиями друг друга и не в силах забрать эту боль, ведь сами в ней тонем как безвольные пленники, которые не заслуживают вдоха.
[indent] По нашим стопам идут наши же грехи. Они вбивают ножи в наши спины, наблюдая за тем как мы истекаем кровью, как корчимся от невыносимой боли, а на их лицах лишь ухмылки. Мы получаем за свои же злодеяния, расплата не знает границ, и это преследует нас всю жизнь. Возможно это лишь моё воображение, но кажется, что это тьма пробралась даже в мою голову, тёмный туман окутал мой мозг и пожирает все самые светлые воспоминания, темнота сгущается и я не вижу больше света, он становится всё тусклее и тусклее.
[indent] Как же мне найти спасение? Когда мне кажется, я уже схожу с ума. Яд по моим венам распространяется слишком быстро, я теряю голову, я начинаю быть похожим на психа, я будто во сне, и этот сон вновь и вновь начинается сначала, огромная клетка в тёмной комнате, я заперт на тысячу замков, и лишь со стены, сквозь тонкую щель я вижу тонкий и такой ели заметный луч света, я пытаюсь ухватиться за него, я протягиваю руку, чтобы ощутить его тепло, но мне не удаётся.
[indent] Всё, что я ощущаю, это холод и сырость, которые пробирают до костей, я трясусь от этого безумного холода, но никак не могу согреться. Я пытаюсь открыть клетку, но она намертво замкнута. Затем раздаётся звук открывающихся замков, один за другим, но никого нет, лишь я один. Вдруг клетка открывается и я становлюсь свободным, я выхожу оттуда, слышу как она захлопывается позади меня, я вновь тянусь к этому лучу, но он мгновенно гаснет и я оказываюсь во тьме.

I run away. I run away.
Although I know that in the dark it's much easier to be yourself.
I stop and take the darkness as a friend...

[indent] Мне хочется убежать прочь. Я больше ничего не вижу, вокруг лишь темнота, всепоглощающая. Она пожирает меня, такая ненасытная, безудержная, жадная до человеческого существа. И я так слаб против неё, я не могу выбраться, я не могу увидеть свет, я лишь чувствую как я пропитываюсь этой тьмой, как она захватывает моё тело, моё сознание. Мне хочется кричать, но я не могу произнести ни звука, ощущения как что-то закрыло мне рот, я не могу его открыть, я лишь мычу от страха и понимаю, насколько я бессилен против неё.
[indent] Я пытаюсь найти хоть одно светлое воспоминание в моем подсознании, чтобы хоть за что-то ухватиться, но я не могу его отыскать, я не могу ничего вспомнить, мной руководит страх, страх быть захваченным этой тьмой, что она победит и я больше не смогу быть самим собой. Я продолжаю пытаться вспомнить, но всё без толку. Я окончательно потерян, я не могу найти свой луч, который осветит мне путь и даст возможность выбраться отсюда. А может и я сам не хочу этого, может я настолько сошёл с ума, что уже получаю кайф от этих ощущений. Ведь я всего лишь маленький человечек, а эта тьма слишком сильна.
[indent] Иногда мне хотелось закрыть глаза и смириться со своей участью, нырнуть в неё с головой, дать ей целиком пожрать меня вместе с костями, перемолоть и уничтожить. Без остатка. Но что-то щёлкало в моей голове и я вновь приходил в себя, я закрывал глаза и снова оказывался в клетке, всё повторялось вновь и вновь. Страшный сон, который никак не хотел заканчиваться, я уже не понимал, где сон, а где явь. Я ненавидел тьму, она приносила с собой самые ужасные воспоминания, которые я предпочёл бы и вовсе забыть.
[indent] Она сводила с ума. Хотя мне кажется я уже давно рехнулся. Весь свет во мне был высосан до капли, а тьма лишь захватывала то, где раньше было что-то светлое. Осматривая свои новые владения. Тьма продолжала пожирать меня без всякой анестезии, принося с собой дикую боль, чтобы я ещё больше страдал. Она поглощала меня полностью и перевирала в своём холодном вонючем чреве, с ненасытной чёрной глоткой, чавкая с наслаждением от того, что я весь её.
[indent] Я заперт в своём же сознании, я чертов пленник. Я сам же лезу в её пасть и отдаюсь этой беззубой тьме. И я чувствую как во мне пробуждается нечто тёмное, то что давно таилось в душе и наполняет всего меня. Такое безымянное, безликое ощущение, такое же тёмное, как сама темнота, что меня окружает.

An unnecessary mask slept from the face.
And what was hidden in the shower was released.
I can not stop. I can not...

[indent] Я разрушаюсь... Я слишком устал от темноты, а больше всего от боли, её слишком много. Она похоже на осколки стекла в сердце. Осколки, которые не возможно достать, но сердце продолжает кровоточить и биться как птица в клетке, которая никогда не сможет больше ощутить прелести полёта. Я пленник самого себя, я пленник этой боли, этой тьмы. Мне кажется я окончательно потерян...
[indent] Я одиноко блуждаю по улицам Бикон Хиллс, смотрю на такие же одинокие дома, на полупустые улицы, вкруг лишь темнота, она продолжает преследовать меня, я закуриваю сигарету и делаю глубокую затяжку, ощущая как дым распространяется в лёгких, отравляя меня, но от каждой такой затяжки мне почему-то становится легче. Никогда не думал, что в таком маленьком городке может быть настолько одиноко.
[indent] В Бикон Хиллс было много тьмы, она была повсюду, здесь оживали самые страшные кошмары, которые раньше мы только и видели, что на огромных экранах в кинотеатре. Посмеиваясь над тем как блестят вампиры в фильме "Сумерки", будто осыпаны все блёстками, совершенно не страшные и безобидные вегетарианцы. Или как охотники за сверхъестественным ездят и убивают всякую утварь. Но здесь было всё по настоящему.
[indent] И мне было даже трудно представить, что в этом городе водиться ещё, я всё ещё не мог прийти в себя после того как меня хотела убить наяда, и оборотень. Это даже в голове не укладывалось, кому бы рассказал, явно бы посчитали сумасшедшим. Все было похоже на то, что я пересмотрел ужастиков и мне уже начало всё мерещиться, что на каждом углу чудовища. Но всё было взаправду.
[indent] Дневник моего отца был настоящий и все монстры оттуда тоже. А я был охотником. Совершенно не умелым, никого ещё не убивавшим по сути то, охотником. Наяда то не в счёт, я был не один, и не убивал её так то своими руками, да и вообще это было лишь для спасения. Я был довольно неопытен для охотника, не смотря на то, что изучил "книгу чудовищ" от корки до корки, не хотелось больше терять дневник и не знать, что делать.
[indent] Мне нужны были эти знания, ведь иначе, я не знаю как выжить в этом городе. Он слишком мрачный, полон неизвестно чего, и как знать, с чем я встречусь даже сегодня на этой прогулке. Патруль никто не отменял. Я взял с собой немного оружия отца, то, что поместилось мне в рюкзак и отправился гулять по этим одиноким серым улицам, в надежде проветрить мозги и может быть встретить нечто интересное, ведь мне нужно было тренироваться.

Darkness grabbed me.
The monster burst out. Watch out...

[indent] Да вот только тьма никак не хотела выпускать меня из своих лап, я всё ещё был не в себе. Этот город был проклят и я чувствовал как здесь нечто тёмное и неизвестное внутри меня, мой монстр вырывался наружу. И я не знал, что меня ждёт, когда тьма полностью захватит меня в свой плен. Это пугало до чёртиков.
Неподалёку от бара в тёмном переулке я услышал какие-то голоса, я тут же затушил сигарету, выпуская клубок дыма и тихо достал оружие, я не знал, что меня там ждёт и не хотел, чтобы меня застали врасплох, ну, а вдруг там монстр, я не решился выглянуть раньше времени из-за угла и лишь когда я был уже с оружием, то готов был к действиями, правда раньше времени светить оружием не хотелось, я завёл руку за спину и пошёл на звук.
[indent] Выйдя наконец-то из-за угла, я тут же заметил уже скажем так, свою старую знакомую, ту самую девушку оборотня, которая была в лесу и пыталась меня убить, потом залезла мне в дом и пыталась меня убить. В общем наше знакомство оказалось крайне "тёплым". Хотя после всего, что я узнал, она мне и вправду понравилась, ведь мы были с ней похожи, сироты с тёмным прошлым, с дикой болью на душе и тьмой в сердце. И эта тьма часто брала над нами вверх, от неё было не скрыться.
[indent] Я вижу как какой-то парень отбрасывает её, она практически не двигается, вся в крови с разорванной одеждой. Я заметил его когти, точно такие же как и были у неё, он стоял спиной ко мне, и я не мог разглядеть его, но в моей голове тут же пронеслось... оборотень. Он такой же как и она. Но зачем он на неё напал? В прочем разве это сейчас важно? Нужно спасать её, потом разберусь. Вот тебе и тренировка, Сэм. Выпускай свою внутреннюю тьму, пусть она тобой руководит, тебе сейчас точно это понадобиться.
[indent] Я достал оружие, это был арбалет, оружие конечно не самое лёгкое, но это лучше чем стрелять из пистолета, чтобы сбежалось на звук пол города, глушитель я как-то не нашёл, да и руки у меня в этом плане ещё не на столько опытные, но что поделать, выхода нет, иначе он её убьёт. Я тут же стреляю ему в спину, проходит лишь мгновение и я вижу как стрела торчит в его теле, я слышу его рык. В голове проносится - О-оу.. ты попал, Сэм. Плохо дело.
[indent] Он разворачивается ко мне лицом, я вижу его клыки, кажется его рык стал ещё громче, то ли мне это всего лишь кажется. Так, хватит паниковать, срочно вторая стрела. Так, стрела в сердце, точно в сердце. Молись и не промажь. А то он тебя сейчас сам тут по стенке размажет. Оборотень разбегается и летит на меня, вот же черт, всё, если не попаду в сердце, мне кирдык. Поминайте как знали. Сэм стреляй, Сэээээм!
[indent] Я тут же выпускаю стрелу из арбалета и зажмуриваю глаза, боясь того, что он сейчас просто разорвёт меня на части. Я слышу вой, но ничего не происходит, я так же стою, я распахиваю глаза и смотрю на него, он корчиться от боли на асфальте, стрела торчит прямо в сердце. Как это у меня вообще получилось?! Я... Я не понимаю. Похоже я везунчик, но что мне делать дальше? он же сейчас умрёт... спасать его? или бежать к ней? Я же не хочу никого убивать, хотя он и монстр, но это будет кровью на моих руках... Хотя с другой стороны он же убьёт иначе нас. Я всё же бросаюсь к своей знакомой, пытаясь привести её в чувства...
[indent] - Эй, ты меня слышишь? - я не понимаю, что мне делать. Я оборачиваюсь и наблюдаю за тем как оборотень стонет от боли, как силы покидают его, но я ничего не делаю, чтобы спасти его, я лишь наблюдаю за тем как он умирает. Так хладнокровно. Да гори оно всё огнём!
Добро пожаловать во тьму - Самюэль Армстронг... тебе здесь понравится.

Поделиться32018-02-21 12:59:50

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<script language="JavaScript">
/*
Скрипт падающие сердца
*/

// Число сердец (больше 40 не рекомендую)
var snowmax=35

// Цвета для сердец, добавлять сколько угодно;
var snowcolor=new Array("#63239e","#9c0d14","#9c0d14","#9c0d14","#9c0d14")

// Шрифт снежинок (можете экспериментировать)
var snowtype=new Array("Times")

// Форма сердца (чтобы были нормальные, оставляете "♥ ")
var snowletter="♥ "

// Скорость падения (рекомендовано от 0.3 до 2)
var sinkspeed=0.6

// Максимальный размер сердца
var snowmaxsize=40

// Минимальный размер сердца
var snowminsize=8

// Зона снегопада
//  1 для всех зон, 2 по левой стороне
// 3 для центра, 4 по правой стороне
var snowingzone=3

///////////////////////////////////////////////////////////////////////////
// Конец конфигурации
///////////////////////////////////////////////////////////////////////////


// Ниже ничего не трогать
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}

function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';

                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}
</script>

Поделиться42019-01-02 18:06:29

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

body {
    background: url(https://forumstatic.ru/files/0017/77/5c/58527.png) no-repeat top center,
 url(https://forumstatic.ru/files/0017/77/5c/55837.jpg) repeat-x top,
 url(https://forumstatic.ru/files/0017/77/5c/70032.png) no-repeat center bottom;
}

Поделиться52019-01-02 18:12:12

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

#pun-index .tclcon {font-size: 11px;
    text-align: justify;
    color: #5d5942 !important;
    width: 527px;
    background: url(https://forumstatic.ru/files/0017/77/5c/46238.jpg) no-repeat top center, 
 url(https://forumstatic.ru/files/0017/77/5c/33507.jpg) no-repeat bottom center,
 url(https://forumstatic.ru/files/0017/77/5c/16337.jpg) repeat-y center center;
    margin-left: -30px;
    padding: 32px;}

Поделиться62023-03-06 19:56:57

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<div id="header"></div>

Поделиться72023-03-06 20:57:15

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

/* фон задний */
HTML {
    background: #c9c9c9 url("https://forumstatic.ru/files/0019/49/65/13581.png") repeat fixed left top;
}

#leftside {width: 100%;
height: 618px !important;
left: 0;
top: 0px;
z-index: -1;
position: fixed;
background:   url(https://forumstatic.ru/files/0019/49/65/99733.png) repeat-x scroll center top,
  url(https://forumstatic.ru/files/0019/49/65/35081.jpg) fixed;
margin-top: -23px}


#header, #header::before {
    display: block!important;
}

#header::before {
    height: 100%;
    width: 100%;
    content: "";
    top: 0px;
    opacity: .5;
    left: 0px;
    background: url(https://files.jcink.net/uploads/absinthe/luxboardimages/ezgif_com_gif_maker__5_.gif) center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: hard-light;
    position: fixed;
    filter: grayscale(20%);
    z-index: -3;
    display: none;
}

Поделиться82023-03-07 00:25:12

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

навигация, амс состав, новостная сводка, нужные, пост.

Поделиться92023-03-07 00:50:11

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

/* категории */
#pun-index .category h2, #pun-stats.section h2 {
    text-align: center;
    width: 960px;
   background: url("https://forumstatic.ru/files/0019/49/65/52998.jpg") center;
    padding: 1px 0 1px 0;
    margin: 0px 0px -1px -21px !important;
}

#pun-index .category h2 span, #pun-stats.section h2 span {
    width: 960px;
    display: block;
    cursor: default;
    font-size: 25px;
    overflow-y: hidden;
    line-height: 28px;
    padding: 0;
    height: 26px !important;
    margin-top: 0px!important;
    margin-left: 0px;
    letter-spacing: 3px;
    font-family: Raleway;
    color: #4f6f7d;
    text-shadow: 1px 0px 0px #000000b5;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

Поделиться102023-03-09 01:50:10

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

body {
background-color: #0d0d0d!important;
background: url("https://forumstatic.ru/files/0019/49/65/52998.jpg");
background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
overflow-x: hidden !important;
}

Поделиться112023-03-09 02:04:09

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

del {
  text-decoration: none;
  display: inline-block;
  position: relative
}

del:after {
  display: block;
  content: "";
  background: var(--links);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
    transform: scaleX(1);
    transform-origin: bottom left;
    transition: transform .6s cubic-bezier(0.72, 0, 0, 1)
}

del:hover:after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

Поделиться122023-03-10 01:43:53

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

/* таблица */
.leftright {
    width: 270px;
    height: 120px;
    position: absolute;
    display: inline-block;
    z-index: 1;
    top: 134px;
    padding: 10px;
    border: 1px solid #484a4b63;
    background-color: #12121278;
    backdrop-filter: blur(2px);
}

Код:

<div class="leftright" style="margin-left: -3px;"></div>
<div class="leftright" style="margin-left: 655px;"></div>

Поделиться132023-03-10 03:04:49

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<div id="html-footer" class="section">
	<div class="container"><script>
$(function (){ 
$('<em>Мы - Пирсон!</em>').insertBefore('.category.category-1 h2 span');
$('<em>Мой любимый пейринг — это я и поспать.</em>').insertBefore('.category.category-2 h2 span');
$('<em>Просто играем в игру: кто ливнул, - тот лох.</em>').insertBefore('.category.category-3 h2 span');
$('<em>Если Нодэс это чистилище, то все кто съебали, это те, кто прошёл распределение?</em>').insertBefore('.category.category-4 h2 span');
$('<em>Мать моя! Зомби за жопу кусают почти!</em>').insertBefore('.category.category-5 h2 span');
$('<em>Я не понимаю, почему люди уходят, а долгов у меня не уменьшается.</em>').insertBefore('.category.category-6 h2 span');
});
  </script>

http://api.jquery.com/after/

Поделиться142023-03-10 12:28:38

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<!-- категории -->
<script>
$( ".category.category-1 h2 span" ).after( $( "<p>текст, текст, текст, текст, текст, текст, текст</p>" ) );
$( ".category.category-2 h2 span" ).after( $( "<p>текст, текст, текст, текст, текст, текст, текст</p>" ) );
$( ".category.category-3 h2 span" ).after( $( "<p>текст, текст, текст, текст, текст, текст, текст</p>" ) );
</script>

Код:

#pun-index .category h2 p {
    margin-top: -35px;
    text-align: left;
    margin-left: 40px;
    color: #000000;
    font: 10px Roboto;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: absolute;
}

категории

Поделиться152023-03-10 16:46:40

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<div id="social"></div>
<div id="text-output">
  <div id="cp-bg"></div>
</div>
<div id="controls">
  <div id="toggleControls">
    <i class="fa fa-cog" aria-hidden="true"></i>
  </div>
  <button class="matrixBtn" id="swap">Cyberpunk Style</button>
  <button class="matrixBtn" id="rainbow">Rainbow Mode: OFF</button>
</div>

<div class="matrixBtn" id="play_stop" title="наслать туман"></div>

<script>
var anim = document.querySelectorAll('#text-output');
    document.getElementById('play_stop').onclick = function () {
        for (var i = 0; i < anim.length; i++) {
            if (anim[i].style.animationPlayState == 'running') {
                anim[i].style.animationPlayState = 'paused';
            }
            else {
                anim[i].style.animationPlayState = 'running';
            }
        }
    }

</script>

<script src="https://forumstatic.ru/files/0019/49/65/34622.js"></script>

Код:

/* кибер */

#text-output{
  width: 60%;
  height: 100%;
  position: relative;
 left: 0%
}

#cp-bg{
  background-image: url("https://res.cloudinary.com/dq0do13da/image/upload/v1533667085/Cyberpunk.png");
  /* Image from: https://steamcommunity.com/sharedfiles/filedetails/?id=1406075299 */
  height: 100%;
  width: 100%;
  background-position: 0% 50%;
}
@media only screen and(max-width: 768px){
  #cp-bg{
    background-position: 0% 50%;
  }
}

.matrixString{
  writing-mode: vertical-lr;
  text-orientation: upright;
  position: absolute;
  font-family: 'Rajdhani', monospace;
  font-size: 32px;
  white-space: nowrap;
  mix-blend-mode: screen;
  z-index: -10;
}

/* ----- Controls Menu ----- */
#controls{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 100px;
  overflow: hidden;
  background: rgba(50,50,50,1);
  padding: 5px;
  filter: opacity(0.3);
  transition: 200ms ease-in-out;
}
#controls:hover{
  filter: opacity(1);
  transition: 200ms ease-in-out;
}

#toggleControls {
    position: relative;
    left: 0px;
    top: 0px;
    color: #fff;
    background: #d1d1d1;
    border-radius: 15px;
    height: 24px;
    width: 24px;
    display: inline-block;
    transition: 200ms ease-in-out;
}
#toggleControls:hover{
  box-shadow: inset 0px 0px 5px #000;
  transition: 200ms ease-in-out;
  cursor: pointer;
}

#toggleControls>i{
  color: #000;
  padding: 4px 0px 0px 5px;
}

.matrixBtn {
    margin: 5px;
    display: block;
    float: right;
    border: 2px solid #547a95;
    background: #292929;
    padding: 10px 20px;
    color: #74b0ca;
    transition: 200ms ease-in-out;
    z-index: -1;
}
.matrixBtn:hover{
  background: #414141;
  cursor: pointer;
  transition: 200ms ease-in-out;
  box-shadow: inset 0px 0px 10px #000;
}

/* ----- Animations ----- */
@keyframes text-pulse{
  0%{text-shadow: 0px 0px 20px #42f45f;}
  50%{text-shadow: 0px 0px 0px #42f45f;}
  100%{text-shadow: 0px 0px 20px #42f45f;}
}

@keyframes border-glow{
  0%{box-shadow: inset 0px 0px 20px #2355dd;}
  25%{box-shadow: inset 0px 0px 0px rgba(0,0,0,0);}
  50%{box-shadow: inset 0px 0px 20px #e83363;}
  75%{box-shadow: inset 0px 0px 0px rgba(0,0,0,0);}
  100%{box-shadow: inset 0px 0px 20px #2355dd;}
}

Поделиться162023-03-10 16:48:27

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

https://ru.stackoverflow.com/questions/1286167/Включить-и-отключить-анимацию-по-нажатию-на-кнопку

Поделиться172023-03-10 17:47:03

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<div class="animation_blocks">
<span class="animation progress4" style="position: fixed;left:50%;top:72%">
    <img src="{{ url_for('static', filename='image/music_plate.png') }}" height="160" width="160"/>
</span>
<span class="animation progress3" style="position: fixed;right:7%;top:24%">
    <img src="{{ url_for('static', filename='image/treble_clef.png') }}">
</span>
<span class="animation progress2" style="position: fixed;right:16%;top:46%">
    <img src="{{ url_for('static', filename='https://forumstatic.ru/files/0019/49/65/70845.png') }}" height="100" width="100"/>
</span>
</div>
 <button id="matrixBtn" class="control">ON/OFF</button> 

<script>
document.querySelector('.control').addEventListener('click', ()=>{
  document.querySelectorAll('.animation_blocks > span').forEach(el => el.classList.toggle("animation"))
});</script>

<script>
chars = ["園","迎","簡","益","大","诶","比","西","迪","伊","弗","吉","尺",,"杰","开","艾","勒","马","娜"];
allStreams = [];
textCol1 = "#2355dd";
textCol2 = "#e83272";
style = 0;
rainbow = 0;
tgCtrl = 1;
var i = 0;

/* ----- Settings ----- */
// Time Delay between String Spawn
minStringDelay = 100;
maxStringDelay = 300;

// Nr. of Chars for Strings
minStringLength = 4;
maxStringLength = 16;

// Speed of the Char-Strings (Lower = Faster)
minStringSpeed = 1;
maxStringSpeed = 2.5;
/* ----- Settings END ----- */

// Rainbow Color Function
R1 = 255;G1 = 0;B1 = 0;R2 = 0;G2 = 255;B2 = 0;
var c1 = [R1, G1, B1];var c2 = [R2, G2, B2];
function upG() { // Don't even think about it (My RGB Function from: https://codepen.io/Tibixx/pen/VyBJJg)
  if (c1[0] == 255 && c1[1] < 255 && c1[2] == 0){c1[1] += 1;
  }if (c1[0] > 0 && c1[1] == 255 && c1[2] == 0){c1[0] -= 1;
  }if (c1[0] == 0 && c1[1] == 255 && c1[2] < 255){c1[2] += 1;
  }if (c1[0] == 0 && c1[1] > 0 && c1[2] == 255){c1[1] -= 1;
  }if (c1[0] < 255 && c1[1] == 0 && c1[2] == 255){c1[0] += 1;
  }if (c1[0] == 255 && c1[1] == 0 && c1[2] > 0){c1[2] -= 1;
  }if (c2[0] == 255 && c2[1] < 255 && c2[2] == 0){c2[1] += 1;
  }if (c2[0] > 0 && c2[1] == 255 && c2[2] == 0){c2[0] -= 1;
  }if (c2[0] == 0 && c2[1] == 255 && c2[2] < 255){c2[2] += 1;
  }if (c2[0] == 0 && c2[1] > 0 && c2[2] == 255){c2[1] -= 1;
  }if (c2[0] < 255 && c2[1] == 0 && c2[2] == 255){c2[0] += 1;
  }if (c2[0] == 255 && c2[1] == 0 && c2[2] > 0){c2[2] -= 1;}
  
  var col1 = "rgb(" + c1.toString() + ")";
  var col2 = "rgb(" + c2.toString() + ")";
  textCol1 = col1;
  textCol2 = col2;
}

// Create a String with random Chars
function matrixString(){
  ranTime = Math.floor(Math.random() * maxStringDelay + minStringDelay);
  ranLen = Math.floor(Math.random() * maxStringLength + minStringLength);
  leftPos = Math.floor(Math.random() * $("#text-output").width() + 0);
  // leftPosRounded = Math.round(Math.floor(Math.random() * $("#text-output").width() + 0) / 30) * 30;
  
  singleStream = [];
  for(j=0; j<ranLen;j++){
    ranChar = Math.floor(Math.random() * chars.length + 0);
    singleStream[j] = chars[ranChar];
  }
  
  // 2 different Nodes for the Colors
  if($(".matrixString").length % 2 == 0){
    $("#text-output").append("<div style='color:" + textCol1 + "; text-shadow: 0px 0px 15px " + textCol1 + ", 0px 0px 10px " + textCol1 + ", 0px 0px 5px " + textCol1 + "; top:-500px; left:" + leftPos + "px' class='matrixString ms-col1'>" + singleStream.join("") + "</div>");
  } else {
    $("#text-output").append("<div style='color:" + textCol2 + "; text-shadow: 0px 0px 15px " + textCol2 + ", 0px 0px 10px " + textCol2 + ", 0px 0px 5px " + textCol2 + "; top:-500px; left:" + leftPos + "px' class='matrixString ms-col2'>" + singleStream.join("") + "</div>");
  }
  
  // Remove the finished Strings
  $('.matrixString').each(function(i, obj) {
    if($(this).offset().top > 1500){
      $(this).remove();
    }
  });
  
  // Recursive Function Call with a randomized Delay
  setTimeout(function() {
    i++;
    // Make sure there are not too many Nodes
    if ($(".matrixString").length < 200) {
      matrixString();
    } else {
      $(".matrixString:lt(2)").remove();
      matrixString();
    }
  }, ranTime);
  
  // Animate the Strings
  minStringSpeed2 = minStringSpeed * 10000; maxStringSpeed2 = maxStringSpeed * 10000;
  ranSpeed = Math.floor(Math.random() * maxStringSpeed2 + minStringSpeed2);
  $(".matrixString").animate({ "top": "1500px" }, ranSpeed );
}
matrixString();

// The Style-Swap Logic
$("#swap").click(function(){
  if(style == 0){ // Default Style
    $(this).text("Default Style");
    $("#cp-bg").fadeOut(300);
    chars = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","0","1","2","3","4","5","6","7","8","9"];
    textCol1 = "#42f45f";
    textCol2 = "#42f45f";
    style = 1;
  } else { // Cyberpunk Matrix
    $(this).text("Cyberpunk Style");
    $("#cp-bg").fadeIn(300);
    chars = ["園","迎","簡","益","大","诶","比","西","迪","伊","弗","吉","尺",,"杰","开","艾","勒","马","娜"];
    textCol1 = "#2355dd";
    textCol2 = "#e83272";
    style = 0;
  }
});

// Rainbow Mode Logic
$("#rainbow").click(function(){
  if(rainbow == 0){
    $(this).text("Rainbow Mode: ON");
    intervalId = setInterval(upG, 100);
    rainbow = 1;
  } else {
    $(this).text("Rainbow Mode: OFF");
    clearInterval(intervalId);
    if(style == 1){
      textCol1 = "#42f45f";
      textCol2 = "#42f45f";
    } else {
      textCol1 = "#2355dd";
      textCol2 = "#e83272";
    }
    rainbow = 0;
  }
});

// Toggle the Controls
tgCtrl = 1;
$("#toggleControls").click(function(){
  if(tgCtrl == 1){
    $("#controls").animate({"height": "24px", "width": "24px"}, 200);
    tgCtrl = 0;
  } else {
    $("#controls").animate({"height": "100px", "width": "200px"}, 200);
    tgCtrl = 1;
  }
});</script>

Поделиться182023-03-10 18:06:15

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

<!-- ОТ ВЕЩЕГО ДУХА / АДМИНИСТРАЦИЯ-->
<div class="spirit-navigation2" id="navig-batton2">администрация</div>
<div id="navigblock2" style="display:none"><div class="sslka2">

<!-- админ 1 -->
<div class="amsblock"><a href="http://souloon.rolfor.me/profile.php?id=8">David Lynch</a>
текст описание обязанностей админа</div>

<!-- админ 2 -->
<div class="amsblock"><a href="http://souloon.rolfor.me/profile.php?id=5">Cain Sparrow</a>
текст описание обязанностей админа</div>
</div></div>

Код:

<script>
$(document).ready(function(){
    $("#navig-batton2").click(function(){
    $("#navigblock2").fadeToggle();
});
      });
 $(document).ready(function(){
    $('.spirit-navigation2').click(function () {
    $(this).toggleClass('spirit-navigation_hover2');
    });
    });
</script>

Код:

.amsblock {
    font-family: Roboto;
    font-size: 9px;
    letter-spacing: 0.5px;
    color: rgb(158 157 157) !important;
    line-height: 12px;
    padding-right: 6px;
    text-align: justify;
    text-transform: lowercase;
    display: inline-block;
    padding-bottom: 7px;
    cursor: default;
}

Поделиться192023-03-10 23:13:16

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

разноцветный диз

Код:

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@500&family=Raleway:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Montserrat:wght@200;300;400;500;700&family=Open+Sans:wght@300;400;500&display=swap');
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");


/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0px; padding: 0px;}

/* A2.2 */
.punbb * {
  margin: 0
  }


/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: auto;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }


/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    background-color: #b6b8be;
    color: #000;
   border: 1.5px solid rgb(143 144 152 / 58%);
}

3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 0.9em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}

/* A3.10 */
.punbb a {
  text-decoration: none; 
  }

/* A3.11 */
.punbb optgroup {
  font-weight: normal;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
    margin: auto;
    margin-top: 80px;
    margin-bottom: 60px;
    width: 959px;
    background: url(https://forumstatic.ru/files/001b/78/43/29811.jpg);
    outline: 1px solid #010101;
    outline-offset: 1px;
}

/* A5.2 */
.punbb {
       margin-left: 20px;
    width: 900px;
    height: auto;
}

/* A5.3 */
 #pun-redirect, #pun-maint {
  margin: 10px 10% 12px 10%;
  width: auto;
  float: none;}


/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 1em;
  margin-top: -15px;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
text-transform: lowercase;
  }

#pun-main h2 {
    background: #b6b8be;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
     padding: 0;
    margin: 30px;
    width: 95%;
    text-align: justify;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
    text-align: center;
    border-top: 1px solid #7b76664f;
    margin-left: 385px;
    padding-bottom: 5px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }


/* B1.3 */
.punbb .post-content p {
    margin: 0px;
    padding: 0.5em 0em 0.5em 0em;
    line-height: 160%;
}

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 0em 1em 0em;
    padding: 1em;
    border-style: solid;
    border: 1px solid #1717175c;
    background: #b5b9c0;
    color: rgb(32, 33, 36) !important;
    text-align: justify;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    font-size: 11px;
    font-family: 'Roboto';
    background: #a0a1a24f;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #2d2b2b;
    line-height: 12px;
    padding: 5px !important;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2em;
    left: 1em;
    width: 24em;
   font-family: 'Roboto';
    font-size: 10.5px!important;
    letter-spacing: 0.2px;
   color: #131313ba;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
font-family: 'Roboto';
    font-size: 11px!important;
    letter-spacing: 0.2px;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
font-family: 'Roboto';
    font-size: 10.5px!important;
    letter-spacing: 0.2px;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-family: 'Roboto';
    font-size: 10.5px!important;
    letter-spacing: 0.2px;
    color: #131313ba;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
font-family: 'Roboto';
    font-size: 11px!important;
    letter-spacing: 0.2px;
  }

/* B3.8 */
.subscribelink {
  clear:both;
 padding-top: 1.4em;
    padding-bottom: 0.5em;
    font-family: 'Roboto';
    font-size: 10.5px!important;
    letter-spacing: 0.2px;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
padding: 0em 0em 0em 1em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0em;
  margin: 1em 0 0 1em;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit span {
    margin: 0 1em 0 0;
    height: 26px;
    line-height: 12px;
}

.punbb select {
   margin: 0 1em 0 0;
    height: 26px;
    font-family: 'Roboto'!important;
    font-size: 10.5px!important;
    letter-spacing: 0.5px;
   background-color: #a4a7a9;
}

.punbb .formsubmit input a {
    text-transform: uppercase;
}


#pun-main .formsubmit input {
    margin: 0 1em 2em 0;
    padding: 6px 15px 6px 15px !important;
    transition: all 0.5s ease-in-out 0s;
    font-family: 'Roboto';
    font-size: 10px!important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #191819f7 !important;
    background-color: #a4a7a9;
}


.punbb input {
    padding: 6px 6px 6px 6px !important;
    font-size: 11px!important;
    color: #403e3f !important;
}

.punbb .formsubmit a {
    text-transform: uppercase;
    padding: 6.5px;
    height: 26px;
    font-family: 'Roboto';
    font-size: 10px!important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #191819f7 !important;
    background-color: #a4a7a9;
}

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  margin: 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 15px;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 10px!important;
    letter-spacing: 0.4px;
}

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0
  }

/* C1.8 */
.punbb .fs-box {
    padding: 1em 0px 0.7em 0px;
    margin-right: 15px;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
width: 30%;
font-family: 'Roboto';
 text-transform: lowercase; 
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
 font-family: 'Roboto';
 text-transform: lowercase; 
  }

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    padding-left: 20px!important;
    text-align: left;
    width: 30%;
    font-family: 'Roboto';
    text-transform: lowercase;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }


/* C2.8 */
#pun-index .tcl h3 {
    text-align: left;
    font-size: 14px;
   -webkit-text-size-adjust: none;
}


#pun-index .tcl h3 a {
    transition: all 0.5s;
    -webkit-text-size-adjust: none;
}


/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 0.4em 0.4em 1em;
   display: none;
  }


/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 1.5em;
  }


/* C2.15 */
.punbb div.icon {
   border-style: none;
    line-height: 0.0;
    margin-top: 0.7em;
}

.punbb td div.tclcon {
    text-align: justify;
    text-transform: lowercase;
    color: #181818f5;
    letter-spacing: 0.2px;
    font-size: 11.5px;
    font-family: 'Roboto';
    font-weight: 400;
}

/* C2.16 */
.punbb table div.icon {
     height: 10px;
    width: 10px;
    position: absolute;
    margin-left: -1em;
}



 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
 padding: 0em 1em;   
  display: block;
  margin-left: 0em;
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 10.5px;
  font-family: 'Roboto';
   font-weight: normal;
   text-transform: uppercase;
  }

.punbb .post h3 strong {
  float: right;
  width: 5em;
  margin-top: 10px;
  text-align: right;
  font-weight: normal;
  }

#pun-viewtopic .post h3 {
    display: block;
    width: 957px;
    height: 24px;
    margin-left: -20px !important;
    background-color: #a4a7a969;
}

#pun-viewtopic .post h3 a {
  font-family: 'Roboto';
        color: #0807089c;
    font-size: 10px !important;
    text-transform: lowercase;
    display: block;
    line-height: 26px;
    letter-spacing: -0.1px;
    font-weight: normal;
    padding-right: 15px;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
     color: #0807089c;
  width: 5em;
  text-align: right;
  font-weight: normal;
  margin-top: 5px;
  }

    #pun-viewtopic .post h3 {
    font-size: 8px;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: #080708;
    margin-bottom: 5px;
}


/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 230px;
    border: 1px solid #1717175c;
    background: #b5b9c0;
    text-align: center;
    margin-top: 15px;
    margin-left: -5px;
    font-size: 9px;
    letter-spacing: 0.3px;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
    width: 200px;
    color: #1a1a1a;
    font: 900 15px Roboto;
    text-transform: uppercase;
    padding: 5px 0px 5px 0px!important;
    line-height: 16px;
    position: relative;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 2px;
    letter-spacing: 0.5px;
    justify-content: center;
    text-align: center;
}

/* C3.8 */
.pa-author a {
    color: #1a1a1a !important;
}

/* C3.9 */
.pa-title {
    font-family: 'Roboto';
    width: 212px;
    height: 15px;
    background: linear-gradient(90deg, #1e1e1e, #4f6f7d);
    color: #dededf;
    font-size: 7px!important;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    margin-left: 0px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    cursor: default;
}

.pa-ip { 
 color: #000000b3 !important;
    font-size: 8px;
 text-align: center;
   font-family: 'Roboto';}

.pa-reg {
    color: #000000f7 !important;
    font-size: 9.2px;
    font-size: px;
    ext-align: center;
   font-family: 'Roboto';
    text-transform: lowercase;
}

.pa-time-visit { 
 color: #000000b3 !important;
    font-size: 8px;
 text-align: center;
  font-family: 'Roboto';
    font-weight: 400;}

.pa-awards {
    color: #000000bd !important;
    font-size: 9.5px;
    text-align: center;
   font-family: 'Roboto';
    text-transform: lowercase;
    font-weight: 600;
    margin-top: 0px !important;
   display: none;
}

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
    padding: 0em 0em;
    margin-left: 35px;
}
/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0;
  height: 2em;
  line-height: 3.5em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  font-family: 'Roboto';
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  font-family: 'Roboto';
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  font-family: 'Roboto';
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
 border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
    font-size: 10.7px;
    text-transform: lowercase;
    position: relative;
  }



/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0px 0px 0.6em 0px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 5px 18px;
    position: relative;
    color: #535052;
    font-size: 13px;
    font-family: 'Montserrat';
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }


/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
    display: block;
   margin: -95px 0px 0px 340px;
}

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

/* шапка */
#pun-title table {
    border: none;
    height: 250px;
    width: 961px;
    margin-left: -22px;
    background-image: url(https://forumstatic.ru/files/0019/49/65/47739.png);
    margin-top: 0px!important;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 960px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }



/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }


/* D3.2 */
#pun-navlinks .container {
    font-family: roboto;
    font-size: 14px;
    word-spacing: 5px;
    line-height: 25px;
    letter-spacing: 1px;
    text-align: center !important;
    text-transform: uppercase;
    position: absolute;
    margin-left: -10px;
    margin-top: -35px;
    width: 940px;
    font-weight: 600;
    z-index: 999;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

#pun-ulinks .container {
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    text-align: center !important;
    margin-left: -21px !important;
    position: absolute;
    margin-top: -5px;
    font-family: Roboto;
    letter-spacing: .3px;
    padding: 0 !important;
    text-transform: lowercase;
    width: 940px;
    z-index: 1;
}

#pun-ulinks a {
    color: #00000087;
}

#pun-ulinks a:hover {
    color: #000;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status {
    position: absolute;
    text-align: right;
    font-size: 9px;
    letter-spacing: 1px;
    font-family: roboto;
    text-transform: lowercase;
    width: 700px;
    margin-left: 200px;
    top: 10px;
}

#pun-status .container strong {
    font-weight: 500!important;
}

#pun-status .container {
    display: inline-block;
    color: #4f6f7d;
}

#pun-status .container a { 
    font-size: 9px;
    font-weight: 500!important;
    letter-spacing: 1px;
     font-family: roboto;
    text-transform: lowercase;
   color: #4f6f7d;
}
 
/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 15px;
  }

/* D5.5 */
#pun-crumbs1 p.container {
    display: inline-block !important;
    margin-top: -10px;
    margin-bottom: 3px;
    padding: 1px;
    width: 100%;
    text-transform: uppercase;
    font-size: 9.7px;
    text-align: left;
    color: #111111e0;
    letter-spacing: 0.3px;
    font-family: 'Raleway';
}

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }


/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
display: none;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 0em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
    width: 900px;
    padding: 0em;
    margin-left: 0px !important;
    margin-top: 8px !important;
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    font-size: 11px;
    color: #000000b5;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 0px;
    font-family: Roboto;
}

#pun-stats li.item1 {
  width: 150px;
}

#pun-stats li.item2 {
  width: 183px;
}

#pun-stats li.item3 {
  width: 240px;
}

#pun-stats li.item4 {
  width: 310px;
}

/* D7.3 */

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    float: left;
    padding: 7px 0px;
    justify-content: space-between;
}



/* D7.4 */
li#onlinelist {
    margin-top: 1em;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 900px;
    margin-left: 3px;
    line-height: 140%;
}


/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
    font-family: Roboto;
    font-size: 12px;
    text-align: justify;
    color: #000c;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: left;
    padding: 0em;
    font-size: 8px;
    font-family: 'Playfair Display';
    text-transform: lowercase;
}

/* D8.5 */
#pun-about p span {
  display:block;
   text-align: center !important;
   margin-top: 15px!important;
   margin-bottom: 0px;
   font-family: 'Montserrat';
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: -10px;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
 display: inline-block !important;
    margin-top: 23px;
    margin-bottom: 3px;
    padding: 1px;
    width: 100%;
    text-transform: uppercase;
    font-size: 9.7px;
    text-align: left;
    color: #111111e0;
    letter-spacing: 0.3px;
    font-family: 'Raleway';
}

#pun-crumbs2 .container {
      font-size: 9.5px;
}

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }


/*ОТКЛЮЧЕНИЕ ПЛАШКИ СМЕНЫ DNS*/
#dns-ip-replace-notify {display:none!important;}
#pun_wrap{position:static!important;}




/*БЛЮР ЗАЧЕРКИВАНИЯ*/
.punbb .post-content del {
    filter: blur(2px);
    text-decoration: none;
    }

.punbb .post-content del:hover { 
filter: none; 
text-decoration: none;}




.punbb #size-area {
    padding: 0 9px!important;
    overflow: hidden;
    overflow-y: auto;
    height: 355px;
    z-ndex: 100000;
}


#pun-index thead {display: none}

#pun-index .tclcon h3 a {
    text-transform: uppercase;
    font: 800 15px Raleway;
    letter-spacing: 0px;
    position: relative;
    color: #43606d;
}

#pun-index .tclcon h3 {
    width: 480px;
    text-align: left;
    margin: 6px 0;
    padding: 4px 9px 4px 0px;
    position: relative;
    line-height: 17px;
    padding-left: 18px;
}

#pun-index .tclcon {
    font-size: 10px;
    text-align: justify;
    margin: 0px 0px 0px -10px;
    padding: 0px;
    line-height: 15px;
    width: 480px;
    z-index: 1;
    position: relative;
    font-weight: 500;
    min-height: 60px;
}


#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
      font-family: 'Roboto';
    font-size: 9px;
    font-weight: 500;
    width: 20px;
display: none
}


#pun-index .tcr a {
    display: block;
    color: #1e1e1ed9 !important;
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    width: 100%;
}

#pun-index .tcr {
    text-align: left;
      font-family: 'Roboto';
    font-size: 11px;
    font-weight: 500;
    width: 40%;
    line-height: 6px;
    color: #141313a8;
    margin-left: 10px !important;
    padding-top: 10px !important;
}


/* форма ответа */
.punbb .formal textarea {
    border-radius: 0px;
}



/* сообщения */
span.num_msg {
    z-index: 999;
    margin-top: 0px!important;
    margin-left: 10px!important;
    background: #201a10!important;
    color: #796459!important;
    border-radius: 2px;
    font: bolder 10px/1.6 Tahoma!important;
    cursor: pointer;
}

span.num_msg:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #201a10!important;
    top: 1px!important;
    margin-left: 1px;
}

/* уведомления */
.bubble {
    background: #1d1d1d!important;
    color: #b8bcbc!important;
    border: 0 none;
    border-radius: 3px;
    display: inline-block;
    font: bolder 10px/1.6 Tahoma!important;
    margin: 0;
    min-width: 8px;
    padding: 0 1px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -13px!important;
}

.bubble:after {
   background: #201a10!important;
    border-style: none !important;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

.p-advert, .p-promo, .p-notice, .p-award, .p-reputation, .p-report {
    background:#74797f!important;
}

.p-mention {
    background: #74797f!important;
}

.p-message {
    background: #74797f!important;
}


/* окошко переноса соо */
.pun-modal .container {
    background-color: #b6b8be;
}

.punbb #move_posts_form .formal>form.container {
    width: 100%!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
    padding: 20px!important;
}



/* кнопки */
.button, input[type="button"] {
    margin: 0 1em 1.5em 0;
    min-width: 90px;
    padding: 6px 15px 6px 15px !important;
    transition: all 0.5s ease-in-out 0s;
    font-family: 'Raleway';
    font-size: 10px!important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #191819f7 !important;
    background-color: #a4a7a9;
    border: 1px solid #74747447;
}

#pun-admain input, #pun-admain select {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0.3em;
    font-family: 'Raleway';
    font-size: 10px !important;
    letter-spacing: 0.2px;
    color: #191819f7 !important;
    background-color: #a4a7a9;
}

.punbb .modmenu input {
    margin-left: 1em;
    font-family: 'Raleway';
    font-size: 10px!important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #191819f7 !important;
    background-color: #a4a7a9;
}


.forumname {
    /* margin-top: -60px!important; */
    z-index: -1;
    cursor: default;
    font-size: 83px;
    width: auto;
    margin-left: 460px;
    letter-spacing: 7px;
    font-weight: 800;
    position: absolute;
    font-family: Raleway;
    color: transparent;
    margin-top: -60px!important;
    background: linear-gradient( 90deg, rgb(66 91 105) 20%, rgb(59 100 73) 80%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    /* color: #4f6f7d; */
    /* text-shadow: 1px 0px 0px #000000b5; */
    text-transform: uppercase;
}
.bestpost {
    margin-top: 9px;
    margin-left: 10px;
    width: 900px;
    position: absolute;
    z-index: 1;
    color: rgb(0 0 0);
    font-family: roboto;
    letter-spacing: .3px;
    font-weight: 400;
    line-height: 15px;
    padding-right: 6px;
    height: 30px;
    overflow: auto;
    text-align: justify;
    font-size: 10px;
    cursor: default;
}

/* активен */
.pa-last-visit,
.pa-online {
	display: none
}

.indOnline, .indOffline {
    position: absolute;
    margin: -22px -22px;
    z-index: 10;
    display: block;
    width: 8px;
    border-radius: 50px;
    height: 8px;
}

.indOnline {
    background: #1a1a1a;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor 1.3s linear infinite;
}

.indOffline {
    background: transparent;
}




/* смена стиля */
#stylelist {
    position: absolute;
    display: flex;
    height: 20px;
    line-height: 17px;
    margin-top: -40px!important;
    margin-left: 10px!important;
    font-size: 23px;
    filter: grayscale(1);
    letter-spacing: 19px;
    z-index: 200;
}

#stylelist a {
color: #8e8787 !important;
    transition: 1s;
}

#stylelist a:hover {
color: #000 !important;
    transition: 1s;
}

/*другой стиль */
.secret #pun {
    outline: 1px solid #a72626;
}

.secret .forumname {
    color: #a72626;
}

.secret #pun-index .category h2 span, .secret #pun-stats.section h2 span {
    color: #a72626;
}

.secret #pun-index .tclcon h3 a {
    color: #a72626;
}

.secret #pun-navlinks a:hover {
    color: #a72626;
}

.secret #pun-ulinks a:hover {
    color: #a72626;
}

.secret .indOnline {
    background: #a72626;
}

.secret #OnBottom {
    color: #a72626 !important;
}

.secret  #pun-status {
    background-color: #a72626;
}

.secret::-webkit-scrollbar-thumb:vertical {
background-color: #a72626!important; 
}

.secret ::-webkit-scrollbar-thumb:vertical {
background-color: rgb(32 33 36 / 85%)!important; 
}


.secret #pun-viewforum TR.isticky Div.icon, .secret #pun-messages TR.isticky Div.icon {
    background-color: #a72626;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
    filter: brightness(0.7);
    background-size: 38px auto;
    position: relative;
    padding-left: 1px;
    z-index: 100;
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -1px;
    color: #555453;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
    font-size: 0 !important;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    width: 23px;
    height: 23px;
    background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
    display: block;
    background-size: 100%;
    margin-left: -9px;
    margin-top: 8.5px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

.textnews {
    width: 270px;
    cursor: default;
    margin-top: 64px;
    padding: 0 5px;
    margin-left: 640px;
    position: absolute;
    color: #828a88 !important;
    font-weight: 800;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;
    text-transform: uppercase;
    text-align: right;
    z-index: 1;
}

.textblock {
    height: 90px;
    width: 240px;
    cursor: default;
    margin-top: 85px;
    overflow: auto;
    margin-left: 670px;
    position: absolute;
    color: #828a88 !important;
    border-radius: 6px;
    font-family: arial;
    font-size: 9.5px;
    letter-spacing: 0.2px;
    line-height: 15px;
    text-transform: lowercase;
    text-align: justify;
    padding: 5px;
    z-index: 1;
}

.textblock span {
    padding: 0 2px;
    color: #5c7c8a;
    background: #101010;
    border-radius: 10px;
    font-weight: 700;
    font-size: 11px;
}

/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
.spirit-navigation {
    width: 270px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    margin-top: 170px;
    margin-left: 10px;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    text-align: center;
    font: 700 13px 'roboto';
    padding: 3px;
    color: #4f6f7d;
    background: #0d0d0db5;
    z-index: 100;
}

#navigblock {
    width: 205px;
    margin-left: 40px;
    position: absolute;
    margin-top: 195px;
    line-height: 13px;
    text-align: justify;
    padding: 3px;
    z-index: 9999;
    background: #121212;
    box-shadow: 0 0 0 1px #3b4a50 inset;
}

.spirit-navigation2 {
    width: 270px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    margin-top: 170px;
    margin-left: 645px;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    text-align: center;
    font: 700 13px 'roboto';
    padding: 3px;
    color: #4f6f7d;
    text-shadow: 0 0 1px black;
    background: #0d0d0d91;
    z-index: 100;
}

#navigblock2 {
    width: 205px;
    margin-left: 675px;
    position: absolute;
    margin-top: 195px;
    line-height: 13px;
    text-align: justify;
    padding: 3px;
    z-index: 9999;
    background: #121212;
    box-shadow: 0 0 0 1px #3b4a50 inset;
}

.sslka, .sslka2 {
  margin: 10px
}

#pun .sslka a, #pun .sslka2 a {
    transition: all 0.3s linear 0s;
    display: block;
    padding: 5px 5px;
    margin-bottom: 4px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    min-width: 175px;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 700;
    color: #121212 !important;
    text-align: center;
    background: #4f6f7d;
    border: 1px solid #4f6f7d;
}

#pun .sslka a:hover, #pun .sslka2 a:hover {
   color: #4f6f7d !important;
    background: #121212;
}

.spirit-navigation_hover, .spirit-navigation_hover2 {
  opacity: .7
}


/* текст амс */
.amsblock {
    position: absolute;
    font-family: Roboto;
    font-size: 10px;
    letter-spacing: 1px;
    color: rgb(158 157 157) !important;
    line-height: 12px;
    padding-right: 6px;
    text-align: justify;
    text-transform: uppercase;
    display: inline-block;
    cursor: default;
    margin-top: -40px;
    margin-left: 140px;
}

.amsblock a {
    color: rgb(158 157 157) !important;
}

/* нужные */

.posts {
    position: absolute;
    display: inline-block;
    z-index: 1;
    margin-top: 110px;
    height: 35px;
    width: 35px;
    outline: 1px solid #2c3a40;
    background-color: #4f6f7d;
}

.posts img {
    width: 35px;
    height: 35px;
    filter: opacity(.7) brightness(0.76) grayscale(1);
    mix-blend-mode: multiply;
}

.postext {
    cursor: default;
    position: absolute;
    margin-top: 70px;
    margin-left: 10px;
    color: #828a88 !important;
    font-weight: 800;
    text-align: left;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 250px;
}

/* стрелки */

.go-up {
    display: none;
    position: fixed;
     font-family: Roboto;
    letter-spacing: .5px;
    text-transform: lowercase;
    margin-left: 938px;
    font-weight: 400;
    z-index: 100;
    cursor: pointer;
     color: #b9babc;
    font-size: 19px;
    padding-left: 15px;
   border-bottom: 1px solid #b6b8b9;
    margin-bottom: 40px;
    width: 25px;
    height: 25px;
}

.go-down {
    display: none;
    position: fixed;
    font-family: Roboto;
    letter-spacing: .5px;
    text-transform: lowercase;
    margin-left: 938px;
    font-weight: 400;
    z-index: 100;
    cursor: pointer;
    color: #b9babc;
    font-size: 19px;
    padding-left: 15px;
    border-bottom: 1px solid #b6b8b9;
    margin-bottom: 40px;
    width: 50px;
    height: 25px;
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:200px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
padding-left: 30px;
transition: padding .7s ease-in-out 0s;
}


/* липкая навигация */

div#pun-navlinks.sticky {
  position: fixed;
  top: 0;
  width: 959.5px;
  height: 75px;
  background: rgb(54 67 76);
  margin-left: -21px;
  z-index: 999;
}

#pun-navlinks.sticky ul {
   top: 246px;
    margin-left: -180px;
}

div#pun-ulinks.sticky {
  position: fixed;
  z-index: 999;
}

#pun-ulinks.sticky ul {
  top: -51px;
}


/* иконки в форме ответа */
#form-buttons #button-font,
#form-buttons #button-transL,
#form-buttons #button-indent,
#form-buttons #button-size,
#form-buttons #button-bold,
#form-buttons #button-italic,
#form-buttons #button-underline,
#form-buttons #button-strike,
#form-buttons #button-left,
#form-buttons #button-center,
#form-buttons #button-right,
#form-buttons #button-justify,
#form-buttons #button-spoiler,
#form-buttons #button-quote,
#form-buttons #button-code,
#form-buttons #button-color,
#form-buttons #button-smile,
#form-buttons #button-link,
#form-buttons #button-image,
#form-buttons #button-image2,
#form-buttons #button-video,
#form-buttons #button-hide,
#form-buttons #button-table,
#form-buttons #button-keyboard,
#form-buttons #button-addition,
#form-buttons #button-html,
#form-buttons #floatbut,
#form-buttons td#button-styles,
#form-buttons #button-pr,
#form-buttons #button-sticker,
#form-buttons #button-mask {
    font-family: 'cappuccicons', 'fontawesome';
    background: transparent!important;
    top: 12px !important;
    position: relative;
    width: 26px;
    height: 23px;
   color: rgb(59 59 59);
}

#form-buttons  #button-servimg  {
    top: 6px !important;
    position: relative;
    width: 27px;
    height: 20px;
}

#form-buttons td {display: inline-block; margin: 0 3px 3px;  line-height: 24px; /* отступы кнопок друг от друга */}


#form-buttons td img {
    height: 26px;
    width: 100%;
    margin-top: -12px !important;
}

#form-buttons #button-indent {
display: none
}

#button-font:before {content: "\f031"} 
#button-transL:before {content: "\f031"} 
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032"} 
#button-italic:before {content: "\f033"} 
#button-underline:before {content: "\f0cd"} 
#button-strike:before {content: "\f0cc"} 
#button-indent:before {content:"\f03c";} 
td#button-image:before {content: "\f03e"}
td#button-image2:before {content:"\f0ee";} 
#button-left:before {content: "\f036"}
#button-right:before {content: "\f038"}
#button-center:before {content: "\f037"}
 #button-spoiler:before {content: "\f187"} 
 #button-quote:before {content: "\f10d"} 
 td#button-code:before {content: "\f121"} 
 td#button-color:before {content: "\ebc3"} 
 #button-smile:before {content: "\ea84"} 
 #button-link:before {content: "\f0c1"} 
 #button-image:before {content: "\f007"} 
 #button-image2:before {content: "\f007"} 
 #button-video:before {content: "\f03d"} 
 #button-hide:before {content: "\f070"} 
 #button-table:before {content: "\f0ce"} 
 #button-keyboard:before {content: "\f11c"} 
td#button-sticker:before {content: "\f004";} 
#floatbut:before {content:"\2a";} 
#button-addition:before {content:"\f005";} 
#button-mask:before {content: "\f007"} 
td#button-styles:before {content:"\f03c";} 
td#button-pr:before {content: "\ea3f";}
#button-servimg:before {content: "\ea3f";}

#form-buttons tr {
    text-align: left;
}

Поделиться202023-03-10 23:13:27

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

/* скрыть VIP-аккаунт*/
#pun-status .item4.status-right{
  display: none;
}

.fonchik {
    position: fixed;
    height: 100% !important;
    width: 500px;
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-left: -100px !important;
    background: linear-gradient( 90deg, rgb(125 152 191 / 88%) 20%, rgb(129 238 125) 80%);
    /* background: rgb(183 198 123); */
    /* mix-blend-mode: soft-light; */
    z-index: -100;
}


#pun-index .category table tr {
    border: 1px solid #00000024 !important;
    display: block;
    background: #c8c8c82b;
    padding: 25px;
    margin-left: 20px;
}

#pun-index .category tr + tr {
    margin-top: 23px
}



/* аватар */
.punbb .user-avatar .avatar-image {
   filter: brightness(0.5) grayscale(1);
}

#pun .user-avatar.user-avatar .avatar-image {
    border-radius: 0px !important;
    border: 1px solid #000;
    margin-left: -10px;
}

.punbb .user-avatar .isonline {
    width: 8px!important;
    height: 8px!important;
    border-radius: 100%;
    top: -3px!important;
    right: 5px!important;
    z-index: 100;
    background-color: #222223 !important;
}


a.lastpost-link {
    text-transform: uppercase;
    font-weight: bold;
}


a.lz {
    display: block;
    width: 212px;
    margin-top: 5px;
    margin-bottom: 5px;
    font: 600 10px Raleway;
    text-transform: uppercase;
}

.lz  a {
    color: #000 !important;
}

div.lz {
    display: block;
    width: 214px;
    padding: 2px 0px 2px 0px!important;
    margin: 0px 0 0px -1px;
    font: 9px Roboto;
    text-transform: uppercase;
    line-height: 11px;
    letter-spacing: 0.5px;
    background: linear-gradient(90deg, #1e1e1e, #4f6f7d);
    color: #dededf;
}

.f-links a:link, .f-links a:visited {
    display: inline-block;
    padding: 1px 5px;
    margin: 0px 0px 0 0px;
    color: #cfcece !important;
    font-size: 10px;
    text-transform: lowercase;
    letter-spacing: 1px;
    border: 1px solid #0000004f;
    background: linear-gradient(to bottom, #5e7e8c, #516872);
}

.f-links a:hover, .f-links a:active {
   background: linear-gradient(to bottom, #4a4949, #262626);
    }

.text-change {
    width: 320px;
    text-align: center;
    position: absolute;
    font-family: Roboto;
    text-transform: lowercase;
    font-size: 20px;
    color: #828a88;
    margin-top: 115px !important;
    margin-left: 315px !important;
    text-shadow: 0 0 3px #00000070;
    background: #121212;
}

 .dud {
  color rgba(200,30,30,0.8);
 )}


.lefts {
    background: url(https://forumstatic.ru/files/0019/49/65/15876.jpg);
    filter: sepia(1) brightness(0.8) hue-rotate(153deg) opacity(0.8) blur(0.75px);
    border-right: 1px solid #000;
    width: 555px;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin-left: -150px !important;
    z-index: -2;
}

/* копирайт */
.footer-copy {
    width: 200px;
    height: 15px;
    display: inline-block;
    position: absolute;
    margin-top: 30px!important;
    line-height: 12px;
    margin-left: 350px!important;
    font-weight: 600;
    text-align: center;
    padding: 0px 5px;
    font-family: 'MONTSERRAT';
    font-size: 9px;
    letter-spacing: 1.2px;
    color: rgb(180 189 187 / 53%) !important;
    text-transform: lowercase;
    z-index: 100;
}

.footer-copy a {
    color: rgb(180 189 187 / 53%) !important;
}

/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background: #b6b8be;
}

/* сообщение не вылазит за границы */
#pun .post-content {
    word-wrap: break-word;
}

/* фиксация поля ответа в телефоне */
textarea {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/* для мобильных устройств */
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1100px !important;
}

HTML, body {
	min-width: 540px!important;
}

/* айфон */
html {
-webkit-text-size-adjust: none;
}
/* подсказки */
@media (pointer: coarse), (hover: none) {
      [title] {
        position: relative;
        display: inline-flex;
        justify-content: center;
      }
      [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid;
        width: fit-content;
        padding: 3px;
      }
    }


/* фон */
HTML {
    background: #121212 repeat fixed top center;
    background-size: cover;
}


/* сообщение и уважение */
.pa-posts, .pa-respect, .pa-fld2 {
    overflow: hidden;
    display: inline-block;
    width: 50px;
    line-height: 17px;
    margin-top: 5px!important;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.2px;
    font-family: Roboto;
    color: #1c1b1b !important;
    padding: 0px 8px!important;
}

.pa-respect a {  color: #1c1b1b !important;}


/* линия */
hr, .banner-line {
 height: 1px;
    background-color: #131313;
    border: none!important;
}


/* категории */
#pun-index .category h2, #pun-stats h2 {
    width: 959px;
    margin-left: -20px !important;
    height: 26px;
    padding: 0 !important;
    border: none !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: right;
    border: 0 !important;
    border-bottom: 1px solid #6e7173 !important;
    overflow: hidden;
}

#pun-index .category h2 span, #pun-stats.section h2 span {
    font-family: 'Raleway';
    color: #4b4d4e;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: -5px !important;
    font-size: 42px !important;
    display: block;
    padding: 0 !important;
    position: relative;
    text-align: right;
    margin-right: 35px !important;
    letter-spacing: 0 !important;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
   background-color: #transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb-admin #pun-admain .adcontainer {
   background-color: #transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   background-color: #transparent;
  color: #464646;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
 background-color: #transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #transparent;
  color: #333
  }


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #282828;
  }

/* CS1.8 */
#pun-navlinks .container {
 background-color: #transparent;
  color: #2d2d2d;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #000;
  }

/* CS3.3 */
#pun-navlinks a {
      color: #000000;
    text-decoration: none;
}
#pun-navlinks a:hover {
    color: #37505b;
    text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:focus, #pun-navlinks a:active {
  color: #332129;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  text-decoration: none
  color: #332129;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
/* иконки сообщений */
#pun-index table div.icon {
   background-color: #18181885;
    border-radius: 0px;
}

#pun-index table div.inew {
    background-color: #181818c9;
    border-radius: 0px;
}

#pun-index table div.isticky {
   background-color: #3b7e39;
    border-radius: 0px;
}

#pun-index table div.iclosed {
   background-color: #353634;
    border-radius: 0px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    position: relative;
    float: left;
     background-color: #18181885;
    border-radius: 0px;
   margin-left: -17px !important;
   margin-top: 1px!important;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon  {
      background-color: #181818f5;
    border-radius: 0px;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon {
    background-color: #3b7e39;
    border-radius: 0px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon {
   background-color: #353634;
    border-radius: 0px;
}



/* убирает голубую обводку в форме ответа */
input, textarea { outline: none; }  input:active, textarea:active { outline: none; } :focus { outline: none; }


/* выделение */
    ::selection { 
    background: #4f6f7d;
    color: #080808;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: #4f6f7d;
    color: #080808;
}


/* профиль остальное */
.pa-avatar img {
    padding: 4px !important;
    outline: 1px solid #000;
    box-shadow: 0 0 4px 14px #b6b9b9 inset;
    max-width: 180px;
    max-height: 180px;
}

/* шрифты, размер и другое */
#font-area, #size-area, #spoiler-sels {
   background-color: #afb2b3;
    color: #464544 !important;
    width: 150px !important;
     margin-left: 10px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
     border: 1px solid #999aa0;
}

#color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #addition-area {
    background-color: #afb2b3;
    color: #464544 !important;
    width: 220px !important;
     margin-left: 555px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
    border: 1px solid #999aa0;
}

#smilies-area {
   background-color: #afb2b3;
    color: #464544 !important;
    width: 400px !important;
    margin-left: 430px;
    padding: 8px;
    margin-top: 3px;
    max-height: 148px;
    overflow-y: auto;
     border: 1px solid #999aa0;
    z-index: 9999;
}

#imageupload-left input[type=button] {
    width: 15em !important;
    text-align: center;
}

div#image-area.container {
    width: 600px !important;
}


/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #57727d; height: 4px; 
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #57727d; height: 4px; 
}

::-webkit-scrollbar {
    background-color: #000
    height: 7px;
    width: 6px;
}

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: #28282859;}

::-webkit-scrollbar-thumb {
  background-color: #28282859;
  width:6px !important;}


/* не отображать */

.stickytext,.closedatafield, .li#navawards, .lastedit, .pl-reports, .topic .sharelink
{display:none!important;}
 #button-files_rusff, #button-graffiti_rusff
{display: none !important;}
 #pun-main h1, #pun-debug h2 {display: none;}
.punbb .modmenu .container span {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun td .modlist, .modlist {display: none !important;}
.li#navrules {display: none;}
#pun-ulinks .item5 {display:none}
#pun-index thead {display: none}
#pun-index .tcmod {display: none}
.pa-gifts {display: none;}


/* скрываем быстрый ответ */
#post-form h2 span {
    font-size: 0px;
}

/* подложка для формы ответа */
#form-buttons {
    position: relative;
    padding-left: 10px;
    background-color: #3c3b3b12;
    border-top: 1px solid #989b9c;
    border-left: 1px solid #989b9c;
    border-right: 1px solid #989b9c;
    margin-right: -7px;
    margin-bottom: 0px;
}

/* символы */
small#plng {
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 10px!important;
    letter-spacing: 0.4px;
    margin-left: 0px;
    padding: 0px 6px;
}

Код:

<div class="fonchik"></div>

Поделиться212023-03-13 11:00:08

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

/* скрыть VIP-аккаунт*/
#pun-status .item4.status-right{
  display: none;
}

/* маска */
#mask_dialog .inner {
    background: #c5c6c7 !important;
}

.dementor {
    position: absolute;
    margin-top: 144px!important;
    margin-left: 430px!important;
    filter: sepia(1) hue-rotate(155deg) brightness(10);
    transition: ease-out 0.7s;
}

.fonchik {
    position: fixed;
    height: 100% !important;
    width: 500px;
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-left: -100px !important;
    background: linear-gradient( 90deg, rgb(125 152 191 / 88%) 20%, rgb(129 238 125) 80%);
    /* background: rgb(183 198 123); */
    /* mix-blend-mode: soft-light; */
    z-index: -100;
}


#pun-index .category table tr {
    border: 1px solid #00000024 !important;
    display: block;
    background: #c8c8c82b;
    padding: 25px;
    margin-left: 20px;
}

#pun-index .category tr + tr {
    margin-top: 23px
}



/* аватар */
.punbb .user-avatar .avatar-image {
   filter: brightness(0.5) grayscale(1);
}

#pun .user-avatar.user-avatar .avatar-image {
    border-radius: 0px !important;
    border: 1px solid #000;
    margin-left: -10px;
}

.punbb .user-avatar .isonline {
    width: 8px!important;
    height: 8px!important;
    border-radius: 100%;
    top: -3px!important;
    right: 5px!important;
    z-index: 100;
    background-color: #222223 !important;
}


a.lastpost-link {
    text-transform: uppercase;
    font-weight: bold;
}


a.lz {
    display: block;
    width: 212px;
    margin-top: 5px;
    margin-bottom: 5px;
    font: 600 10px Raleway;
    text-transform: uppercase;
}

.lz  a {
    color: #000 !important;
}

div.lz {
    display: block;
    width: 214px;
    padding: 2px 0px 2px 0px!important;
    margin: 0px 0 0px -1px;
    font: 9px Roboto;
    text-transform: uppercase;
    line-height: 11px;
    letter-spacing: 0.5px;
    background: linear-gradient(90deg, #1e1e1e, #4f6f7d);
    color: #dededf;
}

.f-links a:link, .f-links a:visited {
    display: inline-block;
    padding: 1px 5px;
    margin: 0px 0px 0 0px;
    color: #cfcece !important;
    font-size: 10px;
    text-transform: lowercase;
    letter-spacing: 1px;
    border: 1px solid #0000004f;
    background: linear-gradient(to bottom, #5e7e8c, #516872);
}

.f-links a:hover, .f-links a:active {
   background: linear-gradient(to bottom, #4a4949, #262626);
    }

.text-change {
    width: 320px;
    text-align: center;
    position: absolute;
    font-family: Roboto;
    text-transform: lowercase;
    font-size: 20px;
    color: #828a88;
    margin-top: 115px !important;
    margin-left: 315px !important;
    text-shadow: 0 0 3px #00000070;
    background: #121212;
}

 .dud {
  color rgba(200,30,30,0.8);
 )}


.lefts {
    background: url(https://forumstatic.ru/files/0019/49/65/15876.jpg);
    filter: sepia(1) brightness(0.8) hue-rotate(153deg) opacity(0.8) blur(0.75px);
    border-right: 1px solid #000;
    width: 555px;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin-left: -150px !important;
    z-index: -2;
}

/* копирайт */
.footer-copy {
    width: 200px;
    height: 15px;
    display: inline-block;
    position: absolute;
    margin-top: 30px!important;
    line-height: 12px;
    margin-left: 350px!important;
    font-weight: 600;
    text-align: center;
    padding: 0px 5px;
    font-family: 'MONTSERRAT';
    font-size: 9px;
    letter-spacing: 1.2px;
    color: rgb(180 189 187 / 53%) !important;
    text-transform: lowercase;
    z-index: 100;
}

.footer-copy a {
    color: rgb(180 189 187 / 53%) !important;
}

/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background: #b6b8be;
}

/* сообщение не вылазит за границы */
#pun .post-content {
    word-wrap: break-word;
}

/* фиксация поля ответа в телефоне */
textarea {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/* для мобильных устройств */
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1100px !important;
}

HTML, body {
	min-width: 540px!important;
}

/* айфон */
html {
-webkit-text-size-adjust: none;
}
/* подсказки */
@media (pointer: coarse), (hover: none) {
      [title] {
        position: relative;
        display: inline-flex;
        justify-content: center;
      }
      [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid;
        width: fit-content;
        padding: 3px;
      }
    }


/* фон */
HTML {
    background: #121212 repeat fixed top center;
    background-size: cover;
}


/* сообщение и уважение */
.pa-posts, .pa-respect, .pa-fld2 {
    overflow: hidden;
    display: inline-block;
    width: 50px;
    line-height: 17px;
    margin-top: 5px!important;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.2px;
    font-family: Roboto;
    color: #1c1b1b !important;
    padding: 0px 8px!important;
}

.pa-respect a {  color: #1c1b1b !important;}


/* линия */
hr, .banner-line {
 height: 1px;
    background-color: #131313;
    border: none!important;
}


/* категории */
#pun-index .category h2, #pun-stats h2 {
    width: 959px;
    margin-left: -20px !important;
    height: 26px;
    padding: 0 !important;
    border: none !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: right;
    border: 0 !important;
    border-bottom: 1px solid #6e7173 !important;
    overflow: hidden;
}

#pun-index .category h2 span, #pun-stats.section h2 span {
    font-family: 'Raleway';
    color: #4b4d4e;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: -5px !important;
    font-size: 42px !important;
    display: block;
    padding: 0 !important;
    position: relative;
    text-align: right;
    margin-right: 35px !important;
    letter-spacing: 0 !important;
}



/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
   background-color: #transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb-admin #pun-admain .adcontainer {
   background-color: #transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   background-color: #transparent;
  color: #464646;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
 background-color: #transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #transparent;
  color: #333
  }


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #282828;
  }

/* CS1.8 */
#pun-navlinks .container {
 background-color: #transparent;
  color: #2d2d2d;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #000;
  }

/* CS3.3 */
#pun-navlinks a {
      color: #000000;
    text-decoration: none;
}
#pun-navlinks a:hover {
    color: #37505b;
    text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:focus, #pun-navlinks a:active {
  color: #332129;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  text-decoration: none
  color: #332129;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
/* иконки сообщений */
#pun-index table div.icon {
   background-color: #18181885;
    border-radius: 0px;
}

#pun-index table div.inew {
    background-color: #181818c9;
    border-radius: 0px;
}

#pun-index table div.isticky {
   background-color: #3b7e39;
    border-radius: 0px;
}

#pun-index table div.iclosed {
   background-color: #353634;
    border-radius: 0px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    position: relative;
    float: left;
     background-color: #18181885;
    border-radius: 0px;
   margin-left: -17px !important;
   margin-top: 1px!important;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon  {
      background-color: #181818f5;
    border-radius: 0px;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon {
    background-color: #3b7e39;
    border-radius: 0px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon {
   background-color: #353634;
    border-radius: 0px;
}



/* убирает голубую обводку в форме ответа */
input, textarea { outline: none; }  input:active, textarea:active { outline: none; } :focus { outline: none; }


/* выделение */
    ::selection { 
    background: #4f6f7d;
    color: #080808;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: #4f6f7d;
    color: #080808;
}


/* профиль остальное */
.pa-avatar img {
    padding: 4px !important;
    outline: 1px solid #000;
    box-shadow: 0 0 4px 14px #b6b9b9 inset;
    max-width: 180px;
    max-height: 180px;
}

/* шрифты, размер и другое */
#font-area, #size-area, #spoiler-sels {
    background-color: #b7b8c1;
    color: #464544 !important;
    border: 1px solid #9c9996;
    width: 150px !important;
     margin-left: 10px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #addition-area {
    background-color: #b7b8c1;
    color: #464544 !important;
    border: 1px solid #9c9996;
    width: 220px !important;
     margin-left: 555px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#smilies-area {
    background-color: #b7b8c1;
    color: #464544 !important;
    border: 1px solid #9c9996;
    width: 400px !important;
    margin-left: 430px;
    padding: 8px;
    margin-top: 3px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

div#image-area.container {
    width: 600px !important;
}
#imageupload-left input[type=button] {
    width: 14em !important;
    text-align: center;
}

div#meny-styles.container {
 font-family: Tahoma;
   background-color: #b7b8c1;
    color: #464544 !important;
    border: 1px solid #9c9996;
    width: 200px !important;
    padding: 8px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}


div#keyboard-area {
      background-color: #b7b8c1 !important;
    border: 1px solid #9c9996 !important;
    width: 650px !important;
    padding: 8px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

#keyboard-span input {
     background-color: #b7b8c1 !important;
    color: #171717 !important;
    border: 1px solid #9c9996 !important;
       font-size: 10px !important;
}


/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #57727d; height: 4px; 
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #57727d; height: 4px; 
}

::-webkit-scrollbar {
    background-color: #000
    height: 7px;
    width: 6px;
}

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: #28282859;}

::-webkit-scrollbar-thumb {
  background-color: #28282859;
  width:6px !important;}


/* не отображать */

.stickytext,.closedatafield, .li#navawards, .lastedit, .pl-reports, .topic .sharelink
{display:none!important;}
 #button-files_rusff, #button-graffiti_rusff
{display: none !important;}
 #pun-main h1, #pun-debug h2 {display: none;}
.punbb .modmenu .container span {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun td .modlist, .modlist {display: none !important;}
.li#navrules {display: none;}
#pun-ulinks .item5 {display:none}
#pun-index thead {display: none}
#pun-index .tcmod {display: none}
.pa-gifts {display: none;}


/* скрываем быстрый ответ */
#post-form h2 span {
    font-size: 0px;
}

/* подложка для формы ответа */
#form-buttons {
    position: relative;
    padding-left: 10px;
    background-color: #3c3b3b12;
    border-top: 1px solid #989b9c;
    border-left: 1px solid #989b9c;
    border-right: 1px solid #989b9c;
    margin-right: -7px;
    margin-bottom: 0px;
}

/* символы */
small#plng {
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 10px!important;
    letter-spacing: 0.4px;
    margin-left: 0px;
    padding: 0px 6px;
}

Поделиться222023-03-13 11:03:26

Автор: краш
изгой
Имя Фамилия, 00
звание, раса
Сообщений: 278
Уважение: [+0/-0]
валюта: 000

Код:

#pun-index .category tr {
    display: block;
    margin-bottom: 26px;
    margin-top: -7px;
    padding: 25px;
   background: #c8c8c82b;
     border: 1px solid #00000024 !important;
}

Страница: 1