[ сатана и аня ]

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » [ сатана и аня ] » пространство для мышления » другой сатана


другой сатана

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

1

ЕСЛИ ГРОМКО СМЕЯТЬСЯ , НЕСЛЫШНО СМЕРТЬ

Люцифер хохочет, сквозь гранитные коридоры, ходит, отталкиваясь от одной стены к другой - пьяный и счастливый, как всегда. Его счастье Аду не подходит, он смеётся ещё громче - что вы мне сделаете из того, чего мне уже не сделали ? У Князей получается привыкать к нему такому - по-крайней мере, так говорят, - внутри каждый всё равно переживает по своему. Вельзевул находит пьяную тушу в коридоре и заносит в покои, снимает разноцветную куртку, укрывает одеялом, ставит кувшин с водой.
У Люцифера в карманах дырявой байкерской куртки, накинутой на голое тело, череда разноцветных ножей. В пятницу чужая кровь красиво смотрится на изумрудном. Во вторник - на золотом. Чёрный нож - для отца. Белый - для себя. По воскресеньям Дьявол ходит играть в карты с бесами и почему-то очень сильно любит им проигрывать, а потом смотреть, как они радостно улыбаются - ничего, господин, не везёт в картах, повезёт в любви. Люциферу везёт в любви ровно на столько, на сколько хватает зажать за упругую задницу какого-нибудь суккуба - ему всё равно никто не откажет. Люциферу нравятся привилегии, полученные вместе с титулом. Война не нравится, конечно, но это ничего - воевать вечно же не получится ?
Изучая в одиночестве отчёты о военных потерях и сравнивая с рождаемостью в Аду, ему кажется, что получится.
Он громко смеётся - он всегда теперь громко смеётся, когда стоит достать белый нож и вспороть себе грудь. Когда смеёшься, больно чуть меньше ( совсем чуть-чуть, но это уже хоть что-то ).
В Аду все умеют дышать и поэтому недоговаривают - бывает напьёшься до разноцветных кругов перед глазами, ворвёшься кому-то в кабинет, а тебя душат молчанием. Люциферу от этого становится тоскливо и тошно, но всё, что он умеет - злиться, крушить, рвать документы ( князья привыкают делать сразу несколько копий ), грубить. Ему так становится легче ; сложно признать, что разговоры нахуй не нужны, нужна злость, которую можно выблевать в мусорный пакет, а потом кинуть в кого-нибудь со всей дури. Князья радуются - хорошо, что так не каждый день. Люцифер с похмелья опускает глаза, делает вид, словно ничего совсем-совсем не помнит. Асмодей крутит у виска, Дьявол возвращает жест вместе с высоко поднятым средним пальцем.
Из ангельского осталось лишь прошлое, да ледяные глаза, которые кто-то неряшливо забросил в глазницы - теперь они всё чаще наливаются красным от слопанных капилляров и бегают туда-сюда ; Люцифер никогда не смотрит собеседнику в глаза. Волосы у падших ангелов чернеют, под пальцами скапливается чёрная грязь - мой руки, не мой, она спустя какое-то время появится опять. Хочешь поздно вечером обнять лицо сухими и бледными ладонями, а оно всё чёрным оказывается. Люцифер никогда ни к кому не прикасается.

МЫ НИКЕМ НЕ СТАНЕМ НУ ОКЕЙ НОУ ПРОБЛЕМ .

Люцифер слушает уебский поп, любит шарахаться возле аэропортов, наблюдать за улетающими самолётами, ненавидит белый, любит девчонок с красной помадой на губах, носит на шее ироничный крестик, хочет вернуть крылья, чтобы их потом сжечь, и мечтает, чтобы небо всегда было цвета заката.
Ангелы следуют за ним по пятам, объявляя мир смертных нейтральной территорией - клинки они вынимают в Чистилище, пока Люцифер сверкает кровавыми дёснами и разноцветными ножами. Ангелы хотят знать, что забыл Дьявол в мире людей, и вынуждены ловить своё смущение, когда он просто залезает на многоэтажки и сидит там часами, напиваясь в усмерть. От него ждут зла, он его делает. Но заслуженно берёт выходные. Он уже даже не оборачивается, когда слышит шорох крыльев, порошком стирает все эти воспоминания из памяти и очень боится, что однажды, когда он найдёт свои крылья, руки его ослабеют и не смогут кинуть в них зажигалкой.
В Аду не принимают заявлений об увольнении, как бы красиво они не были написаны и аргументированы. Люцифер боится уходить, нуждается в этикетках, которые будут помогать себя определять. Если он кинет кому-то в лицо своё ангельское имя, ничего не будет, кроме жалости. Если он выкрикнет титул Дьявола, будет злость. У злости вкус гранатового сока - Люцифер пьёт его залпом.
Михаил даже не одаривает своим присутствием - посылает юных мальчишек, которые не могут определиться - бояться Дьявола или нет ; Люцифер им помогает, хватая за шею, вырывая пару перьев. Михаилу стыдно смотреть в глаза своей ошибке, и Люцифер его понимает - ему ведь тоже. На поле битвы, если они оказываются вместе, то Люцифер сходит с ума и не может остановиться - в глазах только ангелы, которые через пару секунд будут мертвы ; лишь бы не архангел в сверкающих доспехах. Дьявол не носит броню, скидывает в лагере на серый песок куртку, оголяя разукрашенные чернилами плечи. Люциферу нравится делать то же самое, что и Михаил, но только наоборот.
Чёрные кобры играют барабанные партии. Однообразный бит ебошит в голову вместе с сердцем. У войны такая музыка, словно кто-то рядом поставил оркестр и заставил его играть классику, пока вокруг режутся насмерть. Люцифер подпевает глупым текстам клубных мелодий и делает вид, что далёк от великого. Он не собирается Ад приводить в Эдем - глупость какая, чтобы этот белый испачкал всё вокруг, даже демонов? Он просто хочет, чтобы их оставили в покое, но Отец не успокоится, пока вся зараза из мира не уйдёт. Как жаль, что составляя списки особо опасных он забывает о себе. Тварь.

0

2

— christian mythology —
http://sh.uploads.ru/qF7cW.png
прототип: luke evans ;

beelzebub [вельзевул]
второй князь ада, лекарь, соратник, правая рука люцифера

у вельзевула руки волшебные. перематывает дьявольскую спину каждый день, ты должен быть осторожнее. автоматически хочется ему хамить, хочется слать его нахер, потому что как быть осторожным, если от малейшего движения раны снова открываются, а бинты снова пропитываются кровью. как быть осторожным, если кулаки разбиваются, просто чтобы забыть хотя бы на мгновение, что крылья оторвали. но дьявол молчит, лишь прикусывает язык. не его одного лишили крыльев, и горе это точно такое же, как и у других. вельзевул тоже молчит, потому что у него их никогда и не было. он никогда не мог летать. дьявол смотрит в его усталое выражение лица, в поисках там хоть чего-то, что он когда-то потерял. ничего не видно.


дополнительно:
пожелания и еще важная информация

пример игры;

а здесь постик

0

3

Men. Women. Children. Animals. A heart meant a life. Meant a target. Meant an opportunity for death. It was one of the lessons he had learned as a soldier.

0

4

— christian mythology —
https://media4.giphy.com/media/E3o16tIo6DWuI/giphy.gif
прототип: michael fassbender ( or tom hiddleston ) ;

michael [михаил]
архангел михаил , архистратиг , глава святого воинства

T A C E N D A
t h i n g s  b e t t e r  l e f t  u n s a i d ;
matters to be passed over in silence

если болит, михаил давит ещё сильнее ; разум концентрируется на одном, руки перестают дрожать. михаил танцует войной, движется аккуратно и расчётливо, михаил дышит аккуратно. когда в мысли приходит чёрный шум, закрывает глаза и делает десять глубоких вдохов. мир замирает в ожидании.
если решил поднять меч, то руби. РУБИ МИХАИЛ ПРОШУ. можно глаза закрыть, так станет чуть легче.
михаила боятся - он на поле битвы, как в темноте ; из-под век ничего не видно. когда он сражается с закрытыми глазами, чувствует страх на своём клинке. он мягкий и податливый, режется очень хорошо и легко. почти не слышно хруста крыльев и костей. не видно лиц - там может быть любое, чужое или родное. страшнее, если родное. но если не видно, то не считается.
родного ничего, по-хорошему, остаться не должно. есть меч, есть доспехи, есть армия, есть бог - отец ? тронный зал всегда очень холоден. когда михаил заходит внутрь, чтобы услышать новый приказ, видит кровь на белом мраморе. её там на самом деле нет, но есть внутри михаила.
рай покрывается красным, михаил никому об этом не говорит - он мало кому говорит, что у него там внутри, слишком много всего, слишком тревожно, слишком противно. у юных ангелов красного меньше, но он приходит - с каждый днём всё больше и больше. михаил привыкает. медленно моргает, чтобы на по-дольше закрыть глаза.
михаил никогда не смотрит на свои руки - они алые, багровые ; они знают только войну. они уже почти не помнят чужую мягкую кожу под собой.
михаил хранит крылья люцифера в своих покоях. смотрит каждый раз. долго. взгляд не может оторвать. когда-то их хотели сжечь, михаил не дал.


дополнительно:
пожелания и еще важная информация

пример игры;

а здесь постик

0

5

проверка

0

6

ghjdthrf

0

7

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */
  @import url(style_cs.css);
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i&subset=cyrillic');
  @import url('https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,cyrillic-ext,latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Oswald:400,700&subset=cyrillic,latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Alegreya+SC:400,700&subset=cyrillic,cyrillic-ext,latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Sacramento&subset=latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700&subset=cyrillic,latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Vidaloka');
  @import url('https://fonts.googleapis.com/css?family=Bad+Script&subset=cyrillic');
  @import url('https://fonts.googleapis.com/css?family=Yeseva+One&subset=cyrillic,cyrillic-ext');
  @import url('https://fonts.googleapis.com/css?family=Allura&subset=latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Petit+Formal+Script&subset=latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
  @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700&subset=cyrillic');

@font-face { font-family: Blacklisted; 
src: local("Blacklisted"), url(https://forumstatic.ru/files/0019/c5/aa/28233.ttf); }

@font-face { font-family: Intro; 
src: local("Intro"), url(https://forumstatic.ru/files/0019/c5/aa/53952.otf); }

@font-face { font-family: Nickainley; 
src: local("Nickainley"), url(https://forumstatic.ru/files/0019/c5/aa/34271.otf); }

@font-face { font-family: Lato; 
src: local("Lato"), url(https://forumstatic.ru/files/0019/c5/aa/94222.ttf); }

@font-face { font-family: Bebas Neue; 
src: local("Bebas Neue"), url(https://forumstatic.ru/files/0018/6c/04/80747.otf); }

@font-face { font-family: icon; 
src: local("icon"), url(https://forumstatic.ru/files/0018/6c/04/56553.ttf); }

@font-face {
font-family: 'icon';
src: url('https://forumstatic.ru/files/0019/78/52/99693.eot?'),
url('https://forumstatic.ru/files/0019/78/52/81517.woff') format('woff'),
url('https://forumstatic.ru/files/0019/78/52/58230.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'icon2';
src: url('https://forumstatic.ru/files/0019/bd/e6/80769.eot?'),
url('https://forumstatic.ru/files/0019/bd/e6/75926.woff') format('woff'),
url('https://forumstatic.ru/files/0019/bd/e6/86147.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'icon3';
src: url('https://forumstatic.ru/files/0019/bd/e6/50376.eot?'),
url('https://forumstatic.ru/files/0019/bd/e6/78030.woff') format('woff'),
url('https://forumstatic.ru/files/0019/bd/e6/59980.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


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

/* A2.1 */

html, body {margin: 0; padding: 0}

/* 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: fixed;
  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%;
  text-align: justify;
  }

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

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.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: 1.1em;
  }

/* 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 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

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

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


/* 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;
 width: 1000px;
  position: relative;
margin-bottom: 0px;
  }

/* A5.2 */
.punbb {
  width: auto;
  height: auto;
  margin: 0px 10px
  }


/* A5.3 */
/* A5.3 */
#pun-redirect, #pun-maint {
  border: 0 none!important;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0 !important;
  background: url(https://funkyimg.com/i/2Udwz.png) center no-repeat !important;
  }

/* 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: 0px !important;
  }

/* 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: none;
  }

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


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

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

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 0px solid #888;
  width: 250px;
  margin: 5px 0;
  }

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

/* 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;
  padding-top: 5px!important;
  text-align: justify;
  margin: 20px!important;
  max-width: 700px;
  width: auto;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 20px 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    font: 600 10px arial !important;
    font-style: normal;
    text-transform: lowercase!important;
    text-align: center;
    letter-spacing: 0px;
    color: #9b9b9b!important;
    background-color: #d4d4d4;
    margin-top: -17px;
    margin-left: 30px;
    max-width: 170px;
    width: auto;
    padding: 0px 15px 0px 15px;
  }

/* 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;
  margin-top: -10px;
  left: 1em;
  width: 24em;
font-family: 'arial';
    font-size: 10px;
    color: #abb7ba;
text-transform: lowercase;
  }

/* B3.4 */
.linkst .postlink {
    position: absolute;
    margin-top: -30px;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
font-family: 'arial';
    color: #abb7ba;
text-transform: lowercase;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    font-family: 'arial';
    font-size: 10px;
    color: #abb7ba;
    text-transform: lowercase;
    text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
    font-family: 'arial';
    font-size: 10px;
    color: #abb7ba;
    text-transform: lowercase;
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    font-family: 'arial';
    font-size: 10px;
    color: #abb7ba;
    text-transform: lowercase;
  }


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

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

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

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

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

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 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;
  }

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

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* 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: right;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: right;
  width: 20%;
  font-size: 10px;
  }

/* 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 */
/* C2.8 */
#pun-index .tcl h3 {
font-family: dietdidot;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 13px;
    font-size: 30px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    text-align: left; }

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

/* C2.10 */
.punbb td .modlist {
  display: none;
  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 1em 0.4em 1em;
  }

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

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 0px;
  padding: 0px 0px 5px 0px;
  }

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  height: 30px;
width: 30px;
padding: 0px 5px 0px 0px;
margin-top: -13px !important;
}


 /* 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: 0.5em 1em;
    display: block;
    margin-left: 23em;
    border-left-style: solid;
    border-left-width: 1px;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 профиль */
.punbb .post .post-author {
  float: left;
background: #f2f2f2;
  border-radius: 2px;
  border-top: 1px solid #d4d4d4 !important;
  border-right: 1px solid #d4d4d4 !important;
  border-left: 1px solid #d4d4d4 !important;
  border-bottom: 1px solid #d4d4d4 !important;
  width: 200px;
  margin-top: 10px;
  margin-left: 0px!important;
  overflow: hidden;
  text-align: center;
  color: #989898!important;
  padding-top: 10px
  }


/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  font-size: 10px;
  text-transform: lowercase;
  }

/* C3.7 */
.pa-author {
 text-align: center;
    font: 500 13px "dietdidot" !important;
    text-transform: lowercase;
    padding-top: 2px!important;
    padding-bottom: 2px!important;
    color: #c4d4db!important;
    letter-spacing: 3px;
  }

/* C3.8 */
.pa-author a {
  color: #000;
  }

/* C3.9 */
li.pa-title {
  text-align: center;
  z-index: 1000;
  font: 500 8px arial !important;
  letter-spacing: 1px;
  padding-top: 0px!important;
  padding-bottom: 7px!important;
  color: #afb0b0;
  }

li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  font: 400 7px "arial" !important;
  letter-spacing: 2px;
  margin-top: 0.7em;
  text-transform: lowercase;
  margin-left: -9px !important;
  padding-bottom: 7px!important;
  color: #d3d3d3;
  }

li.pa-respect {
  line-height: 0.8em;
  font: 400 10px "arial" !important;
  letter-spacing: 0px;
  text-transform: lowercase;
  color: #afb0b0!important;
  }

/* 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: 1em;
  }


/* 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: 1em;
  }

/*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;
    text-transform: lowercase;
  }

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

/* 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;
  }

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

/* 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;
  }

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

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* 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: none none none none;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  display: none;
  }

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title h1 span  {
  font-size: 1.5em;
  }

/* 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: 0px;
  }

/* верхняя навигация */
/* D3.2 */
#pun-navlinks .container {
position: absolute;
padding: 0.7em 1em;
top: 13px;
width: 400px!important;
margin-left: 560px;
text-align: right;
}


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

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.0em;
  color: #000000!important;
  }

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

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

/* нижняя навигация */
/* D4.2 */
#pun-ulinks .container {
    border-top: none;
    position: absolute;
    margin-top: 0px;
    margin-left: -10px;
    text-align: center;
    padding: 0.2em 0em;
        padding-bottom: 0.2em;
    padding-bottom: 0px;
    width: 1001px;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  text-transform: lowercase;
  font: 11px arial !important;
  color: #abb7ba!important;
  letter-spacing: -1px; 
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.1em 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;
    margin-top: -145px;
    margin-left: 167px;
    border-top: none;
    font-size: 10px;
    color: #abb7ba;
    letter-spacing: 0px;
    text-transform: lowercase;
    text-align: right;
    font-family: 'arial';
    position: absolute;
    width: 400px; }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
margin-right: 2px;
  }

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

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
margin-top: -30px;
  padding: 1em 1em 0.8em 1em;
  font: 600 10px arial;
  text-transform: lowercase;
  text-align: center;
  color: #acacac!important;
    }

/* 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: 4.3em 1em 1em 1em;
  }

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
    margin-top: 1em;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 100%;
    line-height: 130%;
    text-transform: lowercase;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* 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: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

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

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  text-align: center;
  font: 400 10px arial;
  text-transform: lowercase;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 0px 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;
  }




/* фон репутации */
#pun-reputation div {background-color: #f9f9f9; border-radius: 0px; }

#move_posts_form { background-color: #f9f9f9; }
textarea { font-family: monospace; border-color: #d0d0d0; }

#pun-main .post h3 { padding-left: 0px; 
margin: 0 -10px}
#pun-main .post-author ul { border: 0px solid #b7d3e3; font-family: arial;}

.pa-fld1 {    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    width: 170px;
    color: #222;
    text-align: justify;
    padding: 8px 10px 20px 10px !important;
    margin-left: -6px;
    margin-top: -3px;
    line-height: 12px;
    font-family: arial; }

.pa-fld1 a:first-child {display: block;
font-family: arial black;
font-size: 11px;
color: #3897f0;
margin-bottom: 4px;
}

#pun .pa-fld1 lz a {font-family: arial;
display: inline;
font-size: 10px}

#pun .pa-fld1 a {color: #3897f0 !important;}
#pun .pa-fld1 a:hover {color: #444 !important;}

.pa-fld2 {color: #333;
font-family: arial;
font-size: 9px;
letter-spacing: 1px;
position: absolute;
width: 180px;
margin-top: -17px;
text-align: right;
padding-right: 5px !important;}

.topic a.sharelink { display: none; }

#pun-main .post h3 { padding-left: 0px; 
margin: 0 -10px}
.pa-fld2 {     margin-top: -20px;
    margin-left: 13px;
    width: 160px;
    background-color: #fff; }
.topic a.sharelink { display: none; }

.pa-fld3 {     margin-top: -5px;
    margin-bottom: -5px; } 




/*фон выпадающего меню в форме ответа*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    background: #cdcdcd;
    border: 2px solid #2284a8;
    padding-top: 5px;
    z-index: 10000;
}






.pa-awards {display: none }






.pa-respect, .pa-posts { 
  display: inline-block;
  text-align: center; 
  width: 60px;
  font-size:10px;
  line-height:10px;
padding:5px !important;
}

.pa-respect img {width: 8px}


#main-reply {height: 200px}














/* оформление тем */
.thems-decor {background: #f4f4f4;
border: 2px solid #85bb61;
margin: auto;
padding: 10px 10px 35px 10px;
width: 550px}

.thems-name {margin: 15px auto 5px auto;
border-bottom: 1px solid #89bb61;
padding-bottom: 15px;
width: 400px}

.thems-name span {font-family: montserrat;
font-weight: 900;
font-size: 25px;
text-align: center;
display: block;
letter-spacing: 1px}

.thems-info {text-align: justify;
margin: auto;
font-family: open sans;
font-size: 10px;
max-height: 60px;
overflow-y: auto;
padding: 2px;
text-transform: lowercase}

.thems-pic {width: 450px;
margin: 20px auto;}

.thems-text {width: 450px;
margin: auto;
text-align: justify;
font-family: verdana;
font-size: 11px}

span.thems-h {font-family: montserrat;
font-weight: 900;
font-size: 25px;
text-align: left;
display: block;
letter-spacing: 1px;
width: 450px;}

.thems-t {line-height: 17px;
margin-bottom: 20px}

.thems-t span {margin-top: 10px;
display: block;
font-weight: bold}

span.thems-h2 {transform: scale(1,.7);
display: block;
text-align: center;
letter-spacing: 2px;
word-spacing: 10px;
margin-bottom: 10px;
font-size: 10px}


.thems-t td, .thems-t tr {padding: 5px 0 !important}

.thems-t td.cntr {font-weight: 900;
font-family: montserrat;
font-size: 13px;
text-align: center;
width: 150px;
  text-transform: lowercase}

.thems-t td.header {font-weight: 400;
font-family: playfair display;
font-size: 11px;
text-align: center;
  transform: scale(1,.8);
  letter-spacing: 2px;
  padding-bottom: 15px;
  text-transform: lowercase
} 

.thems-t td {width: 250px;
font-family: open sans;
text-transform: lowercase;
text-align: center;
font-size: 10px;
}

.thems-t table {table-layout: auto !important;
width: 500px !important;}

.thems-name strong.legend {
display: inline-block;
margin-top: 10px;
margin-left: 30px;
  background: #f4f4f4;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 10px;
  padding: 0 20px
}

#pun .thems-name .blockcode {
background: #f4f4f4;
padding: 10px 10px 10px 10px !important;
font-size: 10px;
  width: auto !important;
  border: 1px solid #3d6928;
  margin: -6px 0 0 0 !important;
}

.thems-name pre {font-size: 11px;
font-family: courier new}

.thems-t indent {display: inline-block;
padding: 0 20px !important;}


#keyboard-area input {box-shadow: none;
color: #1e3112!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}

#p4653 .post-content {text-transform: lowercase}


.post-content #bw {filter: grayscale(100%) opacity(.5) brightness(.7);
position: relative}
.post-content #bw:after {content: "занятая ячейка";
  display: flex;
  justify-content: center;
  align-items: center;
text-align: center;
position: absolute;
top: 0;
height: 100%;
width: 100%;
color: #fff;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
filter: grayscale(100%) opacity(1) brightness(1);
opacity: 0;
transition: all .5s linear 0s}











.hui {height: 45px;
overflow-y: auto;
margin-top: -41px;
position: absolute;
margin-left: 13px;
width: 957px;
}

.hui img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.hui img:hover {filter: grayscale(0) opacity(1)}







.innnn1 {height: 60px;
margin-top: 192px;
position: absolute;
margin-left: 778px;
width: 60px;
}

.innnn1 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.innnn1 img:hover {filter: grayscale(0) opacity(1)}


.innnn2 {height: 60px;
margin-top: 283px;
position: absolute;
margin-left: 896px;
width: 60px;
}

.innnn2 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.innnn2 img:hover {filter: grayscale(0) opacity(1)}


.krasavchik {height: 50px;
margin-top: 362px;
position: absolute;
margin-left: 237px;
width: 115px; }

.krasavchik img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.krasavchik img:hover {filter: grayscale(0) opacity(1)}

.krasavchiktext {height: 50px;
margin-top: 362px;
position: absolute;
margin-left: 370px;
width: 379px;
color: #abb7ba; text-align: justify; font-family: arial; font-size: 10px; text-transform: lowercase; overflow-y: auto; }

.novosti { height: 50px;
margin-top: 165px;
position: absolute;
margin-left: 579px;
width: 99px; }

.act1 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 237px;
width: 50px;
}

.act1 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.act1 img:hover {filter: grayscale(0) opacity(1)}

.act2 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 302px;
width: 50px;
}

.act2 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.act2 img:hover {filter: grayscale(0) opacity(1)}

.act3 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 369px;
width: 50px;
}

.act3 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.act3 img:hover {filter: grayscale(0) opacity(1)}

.act4 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 434px;
width: 50px;
}

.act4 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.act4 img:hover {filter: grayscale(0) opacity(1)}

.pl1 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 501px;
width: 50px;
}

.pl1 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.pl1 img:hover {filter: grayscale(0) opacity(1)}

.pl2 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 566px;
width: 50px;
}

.pl2 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.pl2 img:hover {filter: grayscale(0) opacity(1)}

.pl3 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 633px;
width: 50px;
}

.pl3 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.pl3 img:hover {filter: grayscale(0) opacity(1)}


.pl4 {height: 50px;
margin-top: 296px;
position: absolute;
margin-left: 698px;
width: 50px;
}

.pl4 img {filter: grayscale(100%) opacity(.9);
transition: all .5s linear 0s}

.pl4 img:hover {filter: grayscale(0) opacity(1)}




















/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
background: #f7f7f7;
height:15px;
width: 213px;
top:21px;
margin-left: 330px;
  border-top: 1px solid #afb0b0 !important;
  border-right: 1px solid #afb0b0 !important;
  border-left: 1px solid #afb0b0 !important;
  border-bottom: 1px solid #afb0b0 !important;
display:inline-block;
cursor: pointer; 
font-size: 11px;
font-family: arial;
color: transparent;
position: absolute;
transition: all 0.3s ease-in-out 0s;
  color: #abb7ba;
  text-align: center;
  text-transform: lowercase;
  line-height: 15px;
  font-weight: bold; font-style: italic
  letter-spacing: 1px;
border-radius: 3px;
    }

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: #fff;
  color: #abb7ba;
}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {width: 213px;
margin-left: 331px;
position: absolute;
top: 37px;
z-index: 999;
} 

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block;
opacity: .95;
padding: 5px;
background: #fff;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
border-radius: 0px
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: #f4f3f3;
white-space: nowrap;
margin: 5px auto;
border-radius: 2px;
text-align: center;
transition: all 0.3s linear 0s;
display: block;
padding: 4px;
letter-spacing: 1px;
text-transform: lowercase;
width: 175px;
color: #afb0b0;
font-family: arial;
font-size: 10px;
font-weight: bolder; font-style: italic; 
}

/* ссылка при наведении */
#pun .sslka a:hover {
background-color:#fff !important;
opacity: .9;
transform: scale(.8);
color: #afb0b0
}
.post-content abbr {
border-bottom: 1px dotted rgba(0,0,0,.5)}

















/* оформление тем */
.thems-decor {background: #f4f4f4;
border: 2px solid #00c6ff;
margin: auto;
padding: 10px 10px 35px 10px;
width: 550px}

.thems-name {margin: 15px auto 5px auto;
border-bottom: 1px solid #00c6ff;
padding-bottom: 15px;
width: 400px}

.thems-name span {font-family: montserrat;
font-weight: 900;
font-size: 25px;
text-align: center;
display: block;
letter-spacing: 1px}

.thems-info {text-align: justify;
margin: auto;
font-family: open sans;
font-size: 10px;
max-height: 60px;
overflow-y: auto;
padding: 2px;
text-transform: lowercase}

.thems-pic {width: 450px;
margin: 20px auto;}

.thems-text {width: 450px;
margin: auto;
text-align: justify;
font-family: verdana;
font-size: 11px}

span.thems-h {font-family: montserrat;
font-weight: 900;
font-size: 25px;
text-align: left;
display: block;
letter-spacing: 1px;
width: 450px;}

.thems-t {line-height: 17px;
margin-bottom: 20px}

.thems-t span {margin-top: 10px;
display: block;
font-weight: bold}

span.thems-h2 {transform: scale(1,.7);
display: block;
text-align: center;
letter-spacing: 2px;
word-spacing: 10px;
margin-bottom: 10px;
font-size: 10px}


.thems-t td, .thems-t tr {padding: 5px 0 !important}

.thems-t td.cntr {font-weight: 900;
font-family: montserrat;
font-size: 13px;
text-align: center;
width: 150px;
  text-transform: lowercase}

.thems-t td.header {font-weight: 400;
font-family: playfair display;
font-size: 11px;
text-align: center;
  transform: scale(1,.8);
  letter-spacing: 2px;
  padding-bottom: 15px;
  text-transform: lowercase
} 

.thems-t td {width: 250px;
font-family: open sans;
text-transform: lowercase;
text-align: center;
font-size: 10px;
}

.thems-t table {table-layout: auto !important;
width: 500px !important;}

.thems-name strong.legend {
display: inline-block;
margin-top: 10px;
margin-left: 30px;
  background: #f4f4f4;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 10px;
  padding: 0 20px
}

#pun .thems-name .blockcode {
background: #f4f4f4;
padding: 10px 10px 10px 10px !important;
font-size: 10px;
  width: auto !important;
  border: 1px solid #00c6ff;
  margin: -6px 0 0 0 !important;
}

.thems-name pre {font-size: 11px;
font-family: courier new}

.thems-t indent {display: inline-block;
padding: 0 20px !important;}


#keyboard-area input {box-shadow: none;
color: #312112!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}

#p4653 .post-content {text-transform: lowercase}


.post-content #bw {filter: grayscale(100%) opacity(.5) brightness(.7);
position: relative}
.post-content #bw:after {content: "занятая ячейка";
  display: flex;
  justify-content: center;
  align-items: center;
text-align: center;
position: absolute;
top: 0;
height: 100%;
width: 100%;
color: #fff;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
filter: grayscale(100%) opacity(1) brightness(1);
opacity: 0;
transition: all .5s linear 0s}










.post h3 { background-color: #212121; color: #45a5ff!important; font: 600 10px arial; height: 30px; margin-bottom: 5px; margin-left: -1px; margin-top: -5px; width: auto; max-width: 1000px; text-transform: lowercase; border-top: 2px solid #587f96!important; border-bottom: 2px solid #587f96!important; padding: 0 !important; letter-spacing: 1px; }
.post h3 span { color: #cfd6dd; margin-left: 10px !important; margin-top: 5px; text-align: left; width: auto; }
#pun .post h3 span a { color: #ffffff!important; font-family: dietdidot;     margin-left: 750px;}
#pun .post h3 strong { margin-left: 903px;
    position: absolute;
    width: 10px;
    text-align: right !important;
    font-family: dietdidot;
    font-weight: bold;
    font-size: 11px;
    color: #fff; }




.punbb .formsubmit {
    padding: 0 0 56px 1.7em;
    margin: 1em 0 0 0;
}

0

8

Код:
/*--------------------------- шапка --------------------------------------------------*/

#pun-title table {
  background: url(http://sh.uploads.ru/inlKA.png) no-repeat top center; 
  height: 153px;
  width: 1463px;
  margin-left: -240px;
  margin-top: 0px;
  background-repeat: no-repeat;
}


/*тело*/
#pun { background-image : url(https://forumstatic.ru/files/0017/f2/a8/63695.png);
background-position : center;
background-color : #ffffff !important;
background-repeat: repeat-y;
width: 1001px !important;
}


/*--------------------------- фон --------------------------------------------------*/
html {
    background: url(ссылка);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top center;
    background-color: #212121;
    background-size: cover; 
    overflow-x: hidden !important; 
}

/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
  background-image : url(https://forumstatic.ru/files/0017/f2/a8/37620.png);
  background-repeat : no-repeat;
  background-position : center top;
  width: 1001px;
  height: 156px;
  margin-left: -10px;
  margin-top: 9px;
  margin-bottom: -29px;
  font-size: 0 !important;
  border: none;
  border-color: #fff;
}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

/* 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 {
border-color:transparent;
  color: #000;
  }


/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color:transparent;
  color: #3c3c3c;
  }

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

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
    border-color: transparent;
    color: #3c3c3c;
    text-transform: lowercase;
  }

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;;
  color: #3c3c3c;
  }
    /* блок цитат и кодов*/
    .punbb .quote-box, .punbb .code-box {
  color: #333333;
background: #f2f2f2;
    border-radius: 2px;
  border-top: 1px solid #d4d4d4 !important;
  border-right: 1px solid #d4d4d4 !important;
  border-left: 1px solid #d4d4d4 !important;
  border-bottom: 1px solid #d4d4d4 !important;
  padding-top: 10px !important;
      }

/* CS1.8 */
#pun-navlinks .container {
  border-color:transparent;
  color: #3c3c3c;
  }

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

.punbb textarea, .punbb select, .punbb input {
  color: #525252;
}

/* CS2 Цвета границ
-------------------------------------------------------------*/

/* 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: none !important;
font-family: arial;
font-size: 8px !important;
color: #c9d6d5;
text-transform: lowercase;
letter-spacing: 2px !important;
text-align: center !important;
  }

/* 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-color:transparent;
  }

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

.punbb .post-sig dt {
border-color:transparent;
  }

/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #punbb-admain a:visited { text-decoration: none;
  color: #000;
font-weight: bold;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb-admin #pun-admain a:link, .punbb li.isactive a:visited {
  color: #3897f0!important;
  }

/* 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: #1f74c0;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #000000;
  font-weight: normal;
  border-bottom: 0px none #000;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #3897f0;
  }



/* CS4 Скролл
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
background: #efefef;
}
::-webkit-scrollbar-thumb {
    background: #3897f0;
}


/* CS5 Кнопки в форме ответа
-------------------------------------------------------------*/


/* CS6 Активисты
 -------------------------------------------------------------*/

 



/* CS6 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {background-image : url(https://forumstatic.ru/files/0017/f2/a8/90495.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(https://forumstatic.ru/files/0017/f2/a8/11616.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(https://forumstatic.ru/files/0017/f2/a8/29318.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(https://forumstatic.ru/files/0017/f2/a8/42122.png); background-repeat: no-repeat;}


#pun-viewforum .tclcon, #pun-messages .tclcon {
    margin-left: 0px;
}



/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #95ccff;
    color: #000;
    opacity: 0.5;
    }  









/*всплывающее окно наград и репутации*/
#pun-popup_awards div.container {
    background: #e2e8ea;
}





#ams {
   position: absolute;
   margin-top: 151px;
   margin-left: 684px;
   height: 65px;
   width: 200px;
   color: #85bb61;
   text-align: left;
   font-family: arial;
   font-size: 11px;
   text-transform: uppercase;
   font-weight: bold;
  }

#amstext {
   color: #92bb61;
   text-align: center;
   font-family: arial;
   font-size: 13px;
   text-transform: uppercase;
   font-weight: bold;
  }

#newstitle {
   color: #669e44;
   text-align: center;
   font-family: arial black;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: bold;
  }


.pa-avatar img {max-width: 180px; 
    border-top: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    border-left: 1px solid #d4d4d4 !important;
    border-bottom: 1px solid #d4d4d4 !important; }





#pun-navlinks a { display: inline-block; height: 35px; width: 35px; }

/*форум*/#navindex a:after { font-family: icon; content: "\f0e7"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 8px 9px 8px; background-color: none; } 
/*участники*/ #navuserlist a:after { font-family: icon; content: "\f0c0"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 8px 9px 8px; background-color: none; } 
/*награды*/ #navawards a:after { font-family: icon; content: "\f559"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 8px 9px 8px; background-color: none; } 
/*поиск*/ #navsearch a:after { font-family: icon; content: "\f002"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 11px 9px 10px; background-color: none; } 
/*профиль*/ #navprofile a:after { font-family: icon; content: "\f2bd"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 9px 9px 9px; background-color: none; } 

/*сообщения*/ #navpm a:after { font-family: icon; content: "\f0e0"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 10px 9px 11px; background-color: none; } 

/*администрирование*/ #navadmin a:after { font-family: icon; content: "\f6e3"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 12px 9px 12px; background-color: none; } 
/*выход*/ #navlogout a:after { font-family: icon; content: "\f057"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 10px 9px 11px; background-color: none; } 
/*вход*/ #navlogin a:after { font-family: icon; content: "\f52b"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 11px 9px 10px; background-color: none; } 
/*регистрация*/ #navregister a:after { font-family: icon; content: "\f0fe"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 12px 9px 12px; background-color: none; } 
/*моя дополнительная ссылка1*/ #navpr_1 a:after { font-family: icon; content: "\f641"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 11px 8px 9px 8px; background-color: none; } 

/*прячем названия*/
#pun-navlinks a { font-size: 0 !important; }




#pun-main h2 a { font-size: 0 !important; }




























#pun-category1.category h2 {
background: url(https://forumstatic.ru/files/0017/f2/a8/68999.png) no-repeat;
height: 85px; width: 400px;
border-style: none;
margin-left: -10px;
margin-top: 0px;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(https://forumstatic.ru/files/0017/f2/a8/69238.png) no-repeat;
height: 85px; width: 1001px;
border-style: none;
margin-left: -11px;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(https://forumstatic.ru/files/0017/f2/a8/80039.png) no-repeat;
height: 85px; width: 1001px;
border-style: none;
margin-left: -11px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(https://forumstatic.ru/files/0017/f2/a8/45183.png) no-repeat;
height: 85px; width: 1001px;
border-style: none;
margin-left: -11px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(https://forumstatic.ru/files/0017/f2/a8/60099.png) no-repeat;
height: 85px; width: 1001px;
border-style: none;
margin-left: -11px;
font-size:0 !important;}











@import url('https://fonts.googleapis.com/css?family=Lobster+Two:400i,700i');

.insta {background: #e4e4e4;
border: 0px solid #e6e6e6;
width: 500px;
height: 522px}

.instpic img {width: 35px;
height: 35px;}

.instpic {    width: 30px;
    height: 30px;
    padding-left: 40px;
    float: left;}

.instt { font-family: dietdidot;
    font-weight: 700;
    text-transform: lowercase;
    font-size: 25px;
    margin-right: 300px !important;
    padding-top: 1px;

}

.instsearch {     font-size: 1px;
    background: #ededed;
    border-radius: 2px;
    border: 1px solid #cccccc;
    font-family: arial;
    font-weight: bold;
    font-size: 10px !important;
    text-align: center;
    text-transform: uppercase;
    float: right;
    width: 150px;
    margin-top: -22px !important;
    margin-right: 20px !important;
    padding: 1px 0px; }

.instsearch img {widt: 9px;
height: 9px;
padding-right: 5px;
opacity: 0.5;
padding-top: 2px}

.instatitle {border-bottom: 1px solid #e6e6e6;
padding: 5px 0}
.instcont {background: #ededed; }
.instimg {border-radius: 100%;
    float: left;
    padding-left: 120px;
    padding-top: 20px;}

.instimg img {border-radius: 100%;
max-height: 80px;
max-width: 80px}

.instname {     font-family: dietdidot;
    font-weight: bold;
    font-size: 26px;
    text-align: left;
    width: 300px;
    margin-left: 210px !important;
    padding-top: 30px;
    text-transform: lowercase;
    color: #5ba9f3; }

.instfoll table {table-layout: auto}
.instfoll td {width: 100px}
.instfoll tr {padding: 0}
.instfoll {font-family: tahoma;
font-size: 10px;
text-align: center;
color: #999;
padding-left: 15px;
margin-top:-45px;
float: right;
margin-right: 10px;
line-height: 10px}
.instfoll in {font-family: roboto;
font-weight: 700;
color: #222;
font-size: 13px;}

.instname2{ font-family: arial;
    font-size: 12px;
    text-transform: lowercase;
    margin-top: 0px !important;
    margin-left: 210px !important;
    text-align: left;
}

.instinfo {font-family: arial;
font-size: 10px;
line-height:10px;
margin-left: 0px;
overflow-x: auto;
width: 420px;
  text-align: center;
}
.instphoto {background: #ededed;
padding-top: 0px !important;
height: 324px;
width: auto}
.instpht img {
width: 150px;
height: 150px;
}

.instphoto table {width: 500px;
table-layout: auto;
text-align: center;}


















.instimg2 {border-radius: 100%;
    float: left;
    padding-left: 20px;
    padding-top: 10px;}

.instimg2 img {border-radius: 100%;
max-height: 40px;
max-width: 40px}


.instname3 { font-family: dietdidot;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    width: 300px;
    margin-left: -60px !important;
    padding-top: 15px;
    text-transform: lowercase;
    color: #5ba9f3;}
.instname4 { font-family: arial;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    width: 300px;
    margin-left: -55px !important;
    padding-top: 0px;
    text-transform: lowercase;
    color: #b0b0b0;}

.instpht2 img { padding-top: 10px !important;
width: 400px;
height: 400px;
}

.instcont2 {background: #ededed; width: 500px;
height: 490px }


.insta2 {background: #e4e4e4;
border: 0px solid #e6e6e6;
width: 500px;
height: 50px}

.instinfo2 {
    font-family: arial;
    margin-top: 10px !important;
    font-size: 10px;
    line-height: 10px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    overflow-x: auto;
    width: 490px;
    text-align: center;
}


.instcont3 {background: #ededed; width: 500px;
height: 100px }





.hatshtag { position: absolute;
    height: 200px;
    width: 125px;
    top: 145px;
    left: 25px;
    text-align: left;
    color: #ff0000;
    font-family: dietdidot;
    font-size: 20px;
    text-transform: lowercase;
    font-weight: bold; }



.frfr{ position: absolute;
    height: 56px;
    width: 217px;
    top: 0px;
    left: 30px;
    text-align: left;
    font-family: dietdidot;
    font-size: 20px;
    text-transform: lowercase;
    font-weight: bold; }



.hatshtag2 {position: absolute;
    height: 100px;
    width: 300px;
    top: 430px;
    left: 685px;
    color: #ff0000;
    text-align: left;
    font-family: arial black;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: bold;
}

0

9

<! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] -->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
<div class="spirit-navigation" id="navig-batton" title="навигация">полезные ссылки</div>
<div id="navigblock" style="display:none"><div class="sslka">
<!-- важные ссылки -->
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=30#p4646">гостевая</a>
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=36">фак</a>
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=35#p4651">сюжет</a>
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=37#p4653">список ролей</a>
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=38">внешности</a>
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=39">занятость</a>
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=40#p4656">шаблон анкеты</a>
<a href="http://thisisapogee.rusff.me/viewtopic.php?id=52#p4669">нужные персонажи</a>
</div></div>

0

10

Код:
<div class="hui">
<a href="http://earlgrey.rusff.me" target="_blank"><a href="http://earlgrey.rusff.me" target="_blank"><img src="https://i.imgur.com/MXrFuUK.png" title="earl grey. real-life."></a> <a href="http://glassdrop.rusff.me/"><img src="https://forumstatic.ru/files/0019/e7/0f/47593.jpg" title="самый стекольный кроссовер"></a> <a href="http://howlongisnow.rusff.me/"><img src="https://funkyimg.com/i/2TVKQ.gif" title="TACHELES"></a> <a href="http://thelastchance.quadrobb.ru/"target=_blank><img src="http://s3.uploads.ru/h3sNc.gif" alt= "THE LAST SPELL" height="31" width="88" border="0"></a> <a href="http://onepercentams.ru/"><img src="http://sg.uploads.ru/WOoPw.jpg" title="1%"></a> <a href="http://yellowcross.f-rpg.ru/" target="_blank"><img src="https://forumstatic.ru/files/001a/0d/3f/73738.png" title="yellowcross" border="0"width="88" height="31"></a> <a target="_blank" href="http://elm.rolbb.ru/" title="Ролевая игра ELM AGENCY. Стань агентом!" alt="Ролевая игра ELM AGENCY. Стань агентом!"><img src="https://b.radikal.ru/b29/1809/b8/8acc81be18ff.gif" border="0"></a> <a href="http://simplebiology.rusff.me"><img src="https://i.imgur.com/zSwuCwP.png" title="simple biology"></a> <a href="http://luminary.f-rpg.ru/" target=_blank> <img src="http://s6.uploads.ru/wyRsU.png"border="0" title="Harry Potter: Luminary"> 
</a>  <a target="_blank" href="http://thebreakdown.ru/"><img src="https://i.ibb.co/0sFXbxG/FlBCR.png" ></a> <a href="http://backsides.rusff.me/" target="_blank"><img src="http://sg.uploads.ru/xTg5u.gif"></a> <a href="http://acadia.rusff.me" target="_blank"><img src="https://i.imgur.com/MCczFNl.png" title="АКАДИЯ"></a> <a href="http://imperiumaeternum.rolka.su/" target="_blank"><img src="https://forumstatic.ru/files/0018/97/46/53803.gif" title="Imperium Aeternum"></a> <a href="http://ilvermorny.rolbb.ru/"><img src="https://forumstatic.ru/files/0019/40/e2/52682.gif" title="ГП, Магическая Америка, 2019"></a> <a href="http://drinkbutterbeer.rusff.me" target="_blank"><img src="https://s8.hostingkartinok.com/uploads/images/2019/06/d92a7f7b64f5f4ca90c6f004d2f2493d.png" title="DRINK BUTTERBEER"></a> <a href="http://clickla.ru/" title="CLICK'-твоя социальная сеть" target=_blank><img src="https://forumstatic.ru/files/0019/93/79/13985.gif"></a> <a href="http://blindfaith.ru/" target="_blank"><img src="https://i.imgur.com/veiFytV.gif"title="Blind Faith"border="0"width="88" height="31"></a> <a target="_blank" href="http://gloryngore.rusff.me" title="game of thrones modern au"><img src="https://funkyimg.com/i/2SEbe.jpg" width="88" height="31" border="0"></a> <a href="http://exlibris.rusff.me/" title="ex libris crossover"  target="_blank"><img src="https://i.imgur.com/HztmJUT.jpg" alt="ex libris"></a> <a href="http://eltropicanolife.rusff.me/#?advNum=site_banner" target="_blank"><img src="https://i.imgur.com/eUbopU4.gif" ></a> <a target="_blank" href="http://unirole.rusff.me/" title="uniROLE"><img src="https://i.ibb.co/BfLDpkG/image.png" alt="Кроссовер uniROLE" width="88" height="31" border="0"></a> <a href="http://333.f-rpg.ru" title="разгадай загадки забытых земель"  target="_blank"><img src="https://forumstatic.ru/files/001a/71/e3/63469.png" alt="Загадки Забытых Земель - фэнтези"></a> <a href="http://nodragons.rusff.me/" target="_blank"><img src="https://i.imgur.com/MhBKsyw.png" "width="88" height="31" title="ну блин, никаких драконов!"></a> <a href="http://crossreturns.rusff.me" target="_blank"><img src="https://i.imgur.com/VIuyOaR.jpg" title="wonderlandcross" border="0" width="88" height="31"></a> <a href="http://themostsupernatural.ru" target=_blank title="Самая Сверхъестественная ролевая игра"><img src="https://funkyimg.com/i/2T5va.gif"></a> <a href="http://toeden.rusff.me" title="Мистика, США, 2022 год"  target="_blank"><img src="https://imgur.com/6jtkz4o.gif" alt="Return to eden"></a> <a href="http://oneway.rusff.me/" target="_blank"> <img src="https://i.ibb.co/HNj8psS/One-Way-Sign-PNG-Clipart-586.png" title="one way" border="0" alt="one way"></a> <a href="http://wrathofthevillains.rusff.me"><img src="https://funkyimg.com/i/2TkFk.jpg" border="0" title="This is Gotham" width="88" height="31"></a> <a href="http://lastnight.f-rpg.ru" title="LAST NIGHT"><img src="https://funkyimg.com/i/2XBge.png"></a> <a href="http://circles.rolka.su" target=_blank, title='Circles. Magic World'><img src="http://sg.uploads.ru/5ZhL9.gif"></a> <a href="http://dieunterwelt.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0019/d1/33/26003.png" title=" dieUnterwelt - кроссовер. идем на ДНО" alt="" width="88" height="31"></a>
</div>


0

11

https://forumupload.ru/uploads/0019/e7/78/1578/268292.png

korra [корра]
— avatar: the legend of korra —


i love the way your eyes light up when someone says, 'it might be dangerous'
AVATAR , SOUTH WATER TRIBE , 153 AG


о главном можно не очень коротко (основной текст вашей анкеты, в любой комфортной форме)

пример игры

а здесь постик

[icon]https://forumupload.ru/uploads/0019/e7/78/1578/827686.png[/icon]

0


Вы здесь » [ сатана и аня ] » пространство для мышления » другой сатана


Рейтинг форумов | Создать форум бесплатно