Здесь делается вжух 🪄

Test by devls

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

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

Вы здесь » Test by devls » Новый форум » страница howdy

страница howdy

Страница: 1

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

1

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<center>
<div class="id">
<div class="id_photo"><img src="https://i.imgur.com/GhUEOv2.png"></div>
<div class="id_name">чо сынён, 24</div>
<div class="id_prof">гитарист</div>

<div class="id_gifts"><img src="https://i.imgur.com/el470Da.png" title="привет! дела теперь будут хорошие"></div>

<div class="id_plashki"><img src="https://i.imgur.com/R4rY9so.png"></div>

<div class="id_tarot"><img src="https://i.imgur.com/aTMm2nd.png" style="opacity: 0.6;" title="the fool"> <img src="https://i.imgur.com/9aUbQUo.png" style="opacity: 0.6;" title="the magician"> <img src="https://i.imgur.com/p2NWTS6.png" style="opacity: 0.6;" title="the high priestess"> <img src="https://i.imgur.com/aDP3jVH.png" style="opacity: 0.6;" title="the empress"> <img src="https://i.imgur.com/Km2Vwtu.png" style="opacity: 0.6;" title="the emperor"> <img src="https://i.imgur.com/BKYVjGs.png" style="opacity: 0.6;" title="the hierophant"> <img src="https://i.imgur.com/twEkz2A.png" style="opacity: 0.6;" title="the lovers"> <img src="https://i.imgur.com/tARnCR3.png" style="opacity: 0.6;" title="the chariot"> <img src="https://i.imgur.com/jtQxxfm.png" style="opacity: 0.6;" title="strength"> <img src="https://i.imgur.com/lkG6wLj.png" style="opacity: 0.6;" title="the hermit"> <img src="https://i.imgur.com/EyqSeaa.png" style="opacity: 0.6;" title="wheel of fortune"> <img src="https://i.imgur.com/r54Oo9O.png" style="opacity: 0.6;" title="justice"> <img src="https://i.imgur.com/wUB9Amt.png" style="opacity: 0.6;" title="the hanged man"> <img src="https://i.imgur.com/Us6KLSq.png" style="opacity: 0.6;" title="death"> <img src="https://i.imgur.com/J4BT8uC.png" style="opacity: 0.6;" title="temperance"> <img src="https://i.imgur.com/4IP34Ja.png" style="opacity: 0.6;" title="the devil"> <img src="https://i.imgur.com/ud8jKjk.png" style="opacity: 0.6;" title="the tower"> <img src="https://i.imgur.com/Ofm6gTo.png" style="opacity: 0.6;" title="the star"> <img src="https://i.imgur.com/xXuH1HX.png" style="opacity: 0.6;" title="the moon"> <img src="https://i.imgur.com/dOQsRIH.png" style="opacity: 0.6;" title="the sun"> <img src="https://i.imgur.com/7EoJiIh.png" style="opacity: 0.6;" title="judgement"> <img src="https://i.imgur.com/wrfbhOW.png" style="opacity: 0.6;" title="the world"> 
<div>
</div></div></div></center>

2

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
в стиль

3

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )

4

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
/* ЧТО МЕНЯЮ
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

@import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,900');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia&display=swap');
@import url('https://fonts.googleapis.com/css?family=UnifrakturCook:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=New+Rocker&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ruslan+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Istok+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

@font-face { font-family: batch-icon; 
src: local("batch-icon"), url(http://forumstatic.ru/files/001a/73/5b/99504.ttf); }
@font-face {
    font-family: 'Germgoth';
    src: url('http://forumstatic.ru/files/001a/fe/04/19816.eot?'),
    url('http://forumstatic.ru/files/001a/fe/04/40490.woff') format('woff'),
    url('http://forumstatic.ru/files/001a/fe/04/37904.ttf') format('truetype'),
    url('http://forumstatic.ru/files/001a/fe/04/69708.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'Pearl';
    src: url('http://forumstatic.ru/files/001b/4e/7d/89688.eot?'),
    url('http://forumstatic.ru/files/001b/4e/7d/45228.woff') format('woff'),
    url('http://forumstatic.ru/files/001b/4e/7d/35306.ttf') format('truetype'),
    url('http://forumstatic.ru/files/001b/4e/7d/48618.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'Geometria-heavy';
    src: url('http://forumstatic.ru/files/001b/4e/7d/66662.eot?'),
    url('http://forumstatic.ru/files/001b/4e/7d/54058.woff') format('woff'),
    url('http://forumstatic.ru/files/001b/4e/7d/64099.ttf') format('truetype'),
    url('http://forumstatic.ru/files/001b/4e/7d/28879.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'Geometria-light';
    src: url('http://forumstatic.ru/files/001b/4e/7d/79817.eot?'),
    url('http://forumstatic.ru/files/001b/4e/7d/55813.woff') format('woff'),
    url('http://forumstatic.ru/files/001b/4e/7d/92014.ttf') format('truetype'),
    url('http://forumstatic.ru/files/001b/4e/7d/90333.svg#svgFontName') format('svg');
}

@font-face {font-family: APRILA-BOLD;
src: local("APRILA-BOLD"), url(http://forumstatic.ru/files/001a/76/f7/60829.ttf);}

@font-face {font-family: Kosko;
src: local("Kosko"), url(http://forumstatic.ru/files/001a/76/f7/34195.ttf);}


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

@font-face {
    	font-family: "MyriadProRegular";
    	src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
    	src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    	url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    	url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    	font-style: normal;
    	font-weight: normal;
	}

	@font-face {
    	font-family: "MyriadProBold";
    	src: url("../fonts/MyriadProBold/MyriadProBold.eot");
    	src: url("../fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
    	url("../fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
    	url("../fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
    	font-style: normal;
    	font-weight: normal;
	}

	@font-face {
    	font-family: "MyriadProItalic";
    	src: url("../fonts/MyriadProItalic/MyriadProItalic.eot");
    	src: url("../fonts/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"),
    	url("../fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"),
    	url("../fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
    	font-style: normal;
    	font-weight: normal;
	}

	@font-face {
    	font-family: "MyriadProSemiBold";
    	src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
    	src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
    	url("../fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
    	url("../fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
    	font-style: normal;
    	font-weight: normal;
	}

	@font-face {
    	font-family: "MyriadProBoldItalic";
    	src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot");
    	src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"),
    	url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
    	url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
    	font-style: normal;
    	font-weight: normal;
	}

@font-face {font-family: "MyriadProSemiBoldItalic"; src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
 src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    	url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
    	url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
    	font-style: normal;
    	font-weight: normal;
	}

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');







.punbb h1 span, .punbb h2 span, .punbb legend span {
    color: #9e9e9ed1!important;
    font-family: Trebuchet Ms;
    font-weight: 500;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 9px!important;
    letter-spacing: 0.4px;
    background-color: #00000005;
    border-radius: 10px;
 }
/* A3.3 ШРИФТЫ В ПОЛЯХ ВВОДА
-------------------------------------------------------------*/
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
 font: 1em verdana, arial, helvetica, sans-serif;
 background-color: #fff;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
 }



/* НИК ППРОФИЛЯ*/
.pa-author a {     }
.pa-author a:hover {    }

.pa-author a { text-decoration: none }
/* СТАТУС И ОНЛАЙН В ПРОФИЛЕ */
li.pa-title {}
 li.pa-online {   }


/* C2.8 МЕНЯЛОСЬ*/
#pun-index .tcl h3 {font-size: 20px;    line-height: 16px;    text-align: left;    margin-bottom: 6px;    padding: 4px;    padding-left: 53px;  padding-bottom: -1px!important;  }

/* C3.3 РАЗДЕЛИТЕЛЬ ДЛЯ ПОСТОВ */
.punbb .post h3 span {padding: 7px;    background-color: #f7f7f752;    border-radius: 15px;    display: block; }

/* МЕНЯЛОСЬ*/
.punbb .post h3 strong {float: right;    width: 5em;    text-align: right;    font-family: Manrope;    font-weight: 700;    text-transform: uppercase;    color: #00000082;    font-size: 10px; }

/* C3.11 ВАЖНО!!! СООТНОШЕНИЕ МЕЖДУ ШИРИНОЙ ПРОФИЛЯ И ШИРИНОЙ ПОСТА */
.punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; }

.punbb .post-box { padding: 1em; padding-top: 20px; }
/* МЕНЯЛОСЬ */
.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; margin-top: 5px;padding-top: 20px; }

/* МЕНЯЛОСЬ */
.punbb .post-links ul { }

/* D3 НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
Та самая строка, которая показывает ваше нынешнее положение в виде 
НАЗВАНИЕ ФОРУМА - ПОДФОРУМ - ТЕМА
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; }


/* D.3.3 */
#pun-navlinks li {  display: inline;  padding-right: 0;  }

/* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
Форум, участники, поиск и тд - настраиваем вид ссылок */
#pun-navlinks li a {font-size: 9px;    font-family: 'Manrope';    text-transform: uppercase;    font-weight: 900;    color: #878762;    letter-spacing: 1.1px;  }

#pun-navlinks li a:hover { }


/* D4 ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
Новые сообщения, активные темы, Темы без ответов и т.д.
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks  { }

/* D4.2 РАСПОЛОЖЕНИЕ КОНТЕЙНЕРА С ПОЛЬЗОВАТЕЛЬСКИМИ ССЫЛКАМИ

/* МЕНЯЛОСЬ */
#pun-ulinks li a { font-size: 7.9px;    font-family: Arial;    font-variant: small-caps;    text-transform: lowercase;    color: #6e7f56!important;    letter-spacing: 0.5px; }
#pun-ulinks li, #pun-ulinks li a {  display: inline;  border-left-style: solid;  border-left-width: 1px;  white-space: nowrap;  }
#pun-ulinks li.item1, #pun-ulinks li.item1 a {  border-left-style: none;  border-left-width: 0;  padding-left: 0  }

/* D5 СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/

#pun-status, #pun-status .container {  border-bottom: none;  margin-top: 0px;margin-bottom: 15px;  }

/* D5.2 ВАЖНО!!! НАСТРОЙКИ СТРОКИ ПРИВЕТСТВИЯ */
/* МЕНЯЛОСЬ */
#pun-crumbs1 p.container {padding: 2em 1em 2.8em 1em;    font-size: 9px;    font-family: Trebuchet Ms;    text-transform: lowercase;    font-weight: 600;    color: #7c7e847a;    letter-spacing: 1px;    font-variant: small-caps;}
#pun-status .container {margin-top: 5px;    margin-left: 9px;    padding: 0em 0em 0em 0em;font-size: 7.3px;    font-family: Arial;    font-variant: small-caps;    text-transform: lowercase;    font-weight: 100;    font-weight: 700;    color: #989898a6;    letter-spacing: 0.3px;    text-align: left;  }

#pun-status span {  white-space: nowrap;  margin-right: 0.5em;  }
#pun-crumbs1 {  font-weight: bold;  overflow: hidden;  margin-top: 0;  }
#pun-break1 {  margin: 0 1em;  border-style: solid none;  border-width: 1px 0;  height: 0;  margin: -2px 1em;  position: relative;  z-index: 1;  }

/* ФОРМА ОТВЕТА */
#main-reply {height: 220px}
/* ФОРМА ОТВЕТА В АДМИНЕ */
#pun-admain textarea {    width: 94%!important;}


/* АВИК ЮЗЕРА НА ГЛАВНОЙ СТР
-------------------------------------------------------------*/

   .punbb .user-avatar .ava {
/* border-radius: 0% !important;*/
    border: 2px solid #3e3e35 !important;
    box-shadow: 0 0 4px #44433f !important;}
.pun-modal .modal-inner {background-color: #9c9c9c;
    /*border-radius: 3px;*/
border: 2px solid #c0b9c3;
}

.punbb .user-avatar .on_ {top: 4px !important;}


div#pun-live-rusff {color: #58585d !important;
    text-transform: lowercase !important;}




/* всплывалка при личном соо
-------------------------------------------------------------*/
span.num_msg {
    position: absolute;
    margin-top: 20px !important;
    margin-left: -57px !important;
    font-size: 8px !important;
    background: #13130e !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    height: 13px !important;
    color: #75756d !important;
}

span.num_msg:before {
    top: -3px !important;
    background: #13130e !important;
    margin-left: 0px !important;}


/* внунтри личных соо
-------------------------------------------------------------*/
#pun-messages  .post h3 span {   margin-left: 170px !important;
    padding: 20px 150px !important;     background: none !important;}





#pun-index .category tr { 
    width: 984px;
    position: relative;
}
#pun-index .category tr .Tems_And_messages {
display: none;
}

.Tems_And_messages .right {
    margin-left: 3px;
}





#pun-status .item4 {
   display:none;
}




/* OTHER */
.fs-box .container {
background-color: #ffffff;
    border: 1px solid #0000000a;
    z-index: 2;
    margin-right: 0px;
    margin-top: 10px;
 }

.permalink {
   font-family: Manrope;
    font-weight: 700;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 8px;
    letter-spacing: 0.5px;
    color: #bfbfbf!important;
 }

.pa-posts,.pa-respect, .pa-fld2 {

      margin-top: -2px!important;
    padding: 9px!important;
    display: inline-block!important;
    float: none!important;
    max-width: 50px!important;
    color: #989898;
    text-align: center;
    font-family: arial;
    text-transform: lowercase;
    font-size: 7.8px;
    letter-spacing: 0.6px;
padding-bottom: 20px!important;
}

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


.tcl .intd .tclcon {font-size: 11px;
    color: #00000094;
    text-transform: lowercase;
    z-index: 1;
    text-align: justify;
padding: 4px;
margin-left: 15px;}

.topic a.sharelink {
 float: right;
 margin-left: 1em;
 font-family: 'Roboto', sans-serif;
 text-transform: lowercase;
 font-size: 10px;}

.topic .sharelink {display:none;}

/*.pa-fld2 {
 margin-top: -7px!important;
 padding-bottom: 1px!important;
display: block;
 }*/

#pun-index .category .tc2,#pun-index .category .tc3 {display:none!important;}

#font-area { height: 195px; overflow-y: auto;}

.punbb #pun-category1, #pun-category2, #pun-category3, #pun-category4, #pun-category5, #pun-category6 {
 margin-top: 0;
 padding-bottom: 60px;
 }

/* ПЕРЕАДРЕСАЦИЯ */
#pun-redirect{
  border:0 none!important;
  background:#6c6c49!important;
  margin:0;
  padding:0;
  left:0;right:0;
  top:0;bottom:0;
  position:fixed;
  width:100%;
  height:100%;
  text-align:center;
  }
#pun-redirect *{
  border:0 none;
  }
#pun-redirect .main-title {
  display:none;
  }
#pun-redirect.punbb .info .container{
  text-align:left;
  font-weight:bold;
  display:inline-block;
  left:0;right:0;
  top:0;bottom:0;
  margin:7% auto;
  width:500px;
  padding:0px 50px;
  height:500px;
  background:url(https://i.imgur.com/zGbzHXl.png) center no-repeat!important;
  }
/* ЗАГОЛОВОК ПЕРЕАДРЕСАЦИИ ОТКЛЮЧЕН */
.punbb h1 span, .punbb h2 span, .punbb legend span {font-size: 1.1em;}







/* ЧТО НЕ ТРОГАЮ
-------------------------------------------------------------*/
html, body {margin: 0; padding: 0}
.punbb * { margin: 0  }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { border:none }
.punbb .main table { table-layout: fixed; width: 100%; margin-top: 10px; }
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *,div[class="checkfield"] *,fieldset[class="radiofield"] * {  height: 1.8em;  vertical-align: middle  }


 /* A3 ШРИФТ НА ФОРУМЕ - ЛУЧШЕ НЕ ТРОГАТЬ.
 блок отвечает за шрифты и их размеры, но он не требует изменений в 95% случаев
-------------------------------------------------------------*/

/* A3.1 РАЗМЕР ШРИФТА НА ФОРУМЕ
-------------------------------------------------------------*/
body {  font-size: 100.01%;   overflow-x: hidden }

/* A3.2 ШРИФТЫ НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb { font: normal 11px 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; }

.punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
.punbb address, .punbb em { font-style: normal }
.punbb .post-content em { font-style: italic }
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
.punbb a { text-decoration: underline }
.punbb optgroup { font-weight: bold; }


/* A4 ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ - ЛУЧШЕ НЕ ТРОГАТЬ
-------------------------------------------------------------*/
#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; }
.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 ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ
-------------------------------------------------------------*/
.punbb .section, .punbb .main { margin-bottom: 1em; }
.punbb .category, .punbb .post { margin-top: 0.4em; }
.punbb .toppost, .punbb .topicpost { margin-top: 0; }
#pun-post .topic {  margin-top: 1em;  }
.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 }
.punbb .container { border-style: solid; border-width: 1px; }
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; text-align: center; }

/*************************************************************
B - ГЛАВНОЕ СОДЕРЖИМОЕ - ОБЩИЕ
**************************************************************/

/* B1 контент, подписи и поля прокрутки
-------------------------------------------------------------*/

/* B1.1 ВАЖНО! ВЫРАВНИВАНИЕ ТЕКСТА В ПОСТАХ*/
.punbb .post-content { padding: 0; /* padding-left: 13px; */ margin: 0; width: 100%; overflow: hidden; text-align: justify; }

/* B1.2 ПОЛОСА, ОТДЕЛЯЮЩАЯ ПОСТ И ПОДПИСЬ*/
.punbb .post-sig dt { display: block; width: 250px; margin: 5px 0; }

/* B1.3 АБЗАЦЫ ВНУТРИ ПОСТОВ*/ 
.punbb .post-content p { margin: 0; padding: 0 0 10px 0; line-height: 150%; }


.punbb .post-content img { vertical-align: text-bottom  }
.punbb .post-content img.postimg { vertical-align: middle; }
.punbb .post-content .blockcode, .punbb .post-content blockquote { width: auto; text-align: justify; margin: 10px!important; overflow: hidden; }
.punbb .post-content .scrollbox { width: 100%; overflow: auto; }

/* B1.8 ОТСТУПЫ У ЦИТАТ, КОДОВ - НЕ ТРОГАЕМ  */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 8px 20px 8px 20px;padding: 12px; }



/* B2 ИНФОБОКСЫ ВООБЩЕ НЕ ТРОГАЕМ
-------------------------------------------------------------*/
.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; }
.punbb .info-box * {  padding: 0 0 0.7em 0;  }
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }


/* B3 РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
-------------------------------------------------------------*/
.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }
.multipage { margin-top: 3em; }

/* B3.3 СТРАНИЦЫ ВНУТРИ ТЕМ СВЕРХУ */
.linkst .pagelink { position: absolute; top: -4em; left: 1em; width: 24em; }

/* СНИЗУ */
.linksb .pagelink { float: left; width: 24em; text-align: left; }



/* СТРАНИЦЫ ВНУТРИ ТЕМ СНИЗУ */
.punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; }

/* B3.4 ССЫЛКИ НОВАЯ ТЕМА, СОЗДАТЬ ОПРОС ВНУТРИ ПОДФОРУМА
Лучше не трогать */
.linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; }

.linksb .postlink { float: right; width: 16em; font-weight: bold }

/* B3.8 ССЫЛКА ПОДПИСАТЬСЯ И ОТСЛЕЖИВАТЬ ВНУТРИ ТЕМЫ
Лучше не трогать */
.subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; }


/*************************************************************
C - НАСТРОЙКА ГЛАВНЫХ ЭЛЕМЕНТОВ
**************************************************************/

/* C1 РАСПОЛОЖЕНИЕ ФОРМ
-------------------------------------------------------------*/
.punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; }
.punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 }
.punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 }
.punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em }
.punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; }
.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 }
.punbb .fs-box { padding: 1em 0 0.8em 0; }
.punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 }
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; }
.punbb .inline .infofield { clear:both }
.punbb .datafield br { display: none }
.punbb .required label, .punbb .datafield span.input { font-weight: bold }
.punbb .datafield span.input a { font-weight: normal; }
.punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ }
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; background-color: #ffffff;}
.punbb .hashelp { position: relative; }
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; widht: 36%; }
.punbb #profile .helplinks { top: 1.5em; }
.punbb .helplinks span { display: block; padding-bottom: 0.2em; }
#pun-post .formal .info-box li {  padding-left: 4px;  list-style-type: square;  list-style-position: inside;  line-height: 1.5;  margin: 0;  }

/* C2 РАСПОЛОЖЕНИЕ ТАБЛИЦ
-------------------------------------------------------------*/

/* C2.1 ПОДФОРУМ - СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА 
Очень редко требует корректировки */
.punbb .main .tcl { overflow: hidden; text-align: left; width: 58%; }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { background-color: transparent; text-align: center; width: 8%; padding-left: 0px;color: #b7b7b7!important;    font-size: 11px; }

/* C2.3 ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА И ПОСЛЕДНЕЕ СООБЩЕНИЕ
СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА
Очень редко требует корректировки */
.punbb .main .tcr {background-color: transparent;    overflow: hidden;    text-align: left;    width: 34%; }
#pun-userlist .main .tcl,#pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl {  background-color: transparent;  width: 40%  }
#pun-userlist .main .tc2,#pun-searchtopics .main .tc2 {  background-color: transparent;  text-align: left;  width: 20%;  }
#pun-debug table .tcl {  background-color: transparent;  width: 15%;  white-space:normal;  }
#pun-debug .tcr {  background-color: transparent;  width: 90%;  white-space: normal;  }


.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }
.punbb td .modlist { display: block; padding-top: 0.3em }
.punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 10px; padding: 0.8em 10px; }
.punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }
.punbb .main .tcl { border-left-style: none; border-left-width: 0 }
*html .tclcon {height: 1px}
.punbb td div.tclcon { }
.punbb div.icon {}

/* C3 ТОПИКИ
-------------------------------------------------------------*/
.punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-left: 10px; margin-top: -1px; padding-bottom: 1px; }
.punbb .post h3 { border-style: solid solid none solid; border-width: 1px; padding-top: 10px; }
.punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; font-size: 10px; text-transform: lowercase; }
.punbb fieldset .post-box { margin-bottom: 0.8em }
.punbb .post-links li { display: inline; padding-left: 1em; }
.pl-email, .pl-website { float: left; }
.punbb .clearer { clear: both; height: 0; font-size: 0; }
 
/* C4 МЕНЮ МОДЕРАТОРА
-------------------------------------------------------------*/
.punbb .modmenu .container { padding: 0.5em 1em; text-align: right; }
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }
.punbb .modmenu .container strong { float: left; }
.punbb .modmenu input { margin-left: 1em; }

.punbb .info .container { padding: 0.8em 1em }
.punbb .info .container .backlink { padding-top: 0.8em; }

/* C6 ПРОФИЛЬ
-------------------------------------------------------------*/
#profile .container {  padding-left: 18.6em;  }
#profilenav {  float: left;  width: 14em;  margin-left: -16.3em;  display: inline;  }
#profilenav li {  padding-bottom: 0.8em;  font-weight: bold;  }
#viewprofile ul, #profilenav ul {  border-style: solid;  border-width: 1px;  padding: 1.5em 18px 0.8em 18px;  margin: 0 0 1em 0;  }
#viewprofile h2, #profilenav h2 {  background: transparent;  border: none;  padding: 0 0 0 0;  margin: 0 14px -0.6em 14px;  }
#viewprofile h2 span, #profilenav h2 span {  padding: 0 5px;  position: relative;  }
#viewprofile li, #setmods dl {  padding: 0 0 0 16em;  margin-bottom: 0.2em;  }
#viewprofile li span {  float: left;  width: 14em;  margin-left: -16em;  padding: 0.5em 1em;  font-weight: bold;  }
#setmods dt {  float: left;  width: 14em;  margin-left: -16em;  padding: 0.8em 1em;  font-weight: bold;  display: inline;  }
#viewprofile li strong, #viewprofile li div, #setmods dd {  display: block;  padding: 0.5em 1em;  font-weight: normal;  }
.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em }

/* C7 СПИСОК ПОЛЬЗОВАТЕЛЕЙ
-------------------------------------------------------------*/
#pun-userlist .formal, #pun-userlist .formal .container {  border-bottom: none;  margin-bottom: 0;  }
#pun-userlist .usertable .container {  padding: 0 2.3em 2.3em 2.3em;  border-top: none;  }
#pun-userlist .usertable table {  border-style: solid;  border-width: 1px;  }

/* D1 ЛОГОТИП И ОПИСАНИЕ
-------------------------------------------------------------*/
#pun-title {  margin: 0;  border-style: none none none none;  border-width: 1px 1px 0 1px;  }
#pun-title h1 {  display : block;  height : 40px;  padding: 2em 1em 0 1em;  }
#pun-title .container {  border-style: none none none none;  }

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

/* D2 НАВИГАЦИЯ ПО СТРАНИЦАМ
-------------------------------------------------------------*/

#pun-pagelinks {  position: absolute;  top: -15px;  left: 0;  margin: 0;  border: none;  padding: 0;  width: 100%;  }
#pun-pagelinks .container {  background: transparent;  border: none;  padding: 0}
#pun-pagelinks .container li {  display: inline  }
#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%;  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {  position:relative;  margin: 0;  }
#pun-pagelinks li a span {  display:block;  margin: 0 1em  }









/* D6 ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
#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;  }
#pun-announcement h2 span {  display: block;  padding: 1em 0 0.8em 0;  border-bottom-style: solid;  border-bottom-width: 1px;  }
#pun-announcement .container {  padding: 0em 1em 1em 1em;  }

/* D7 СТАТИСТИКА
-------------------------------------------------------------*/

/* D7.1 СТАТИСТИКА
Можно добавить особенный шрифт и цвет, но можно и не трогать*/
#pun-stats .container {  padding: 0.8em 1em  }
#pun-stats li.item1, #pun-stats li.item2 {  float: left;  clear: both;  line-height: 150%;  }
#pun-stats li.item3, #pun-stats li.item4 {  text-align: right;  line-height: 150%;  }
li#onlinelist {  margin-top: 1em;  text-align: justify;  border-top-style: solid;  border-top-width: 1px;  float: left;  width: 100%;  line-height: 130%;  }
li#onlinelist div {  border-top-style: solid;  border-top-width: 1px;  padding: 0.7em 0 0 0;  }

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

#pun-qjump {  margin: 0;  border: none;  width: 50%;  position: relative;  float: left;  }
#pun-qjump .container {  border: none;  background: transparent;  padding: 0.8em 1em;  }
#pun-about {  margin-top: 0;  }
#pun-about .container {  border-top-style: none;  text-align: right;  line-height: 150%;  padding: 0.8em 1em;  }
#pun-about p span {  display: block;    margin-left: -5px;    margin-top: -12px;  font-family: 'Open Sans', sans-serif;  text-transform: uppercase;  font-size: 6px;  text-align: center;  }
#pun-crumbs2 {  font-weight: bold;  overflow: hidden;  margin-bottom: 0;  border-bottom: none;  }
/* МЕНЯЛОСЬ */
#pun-crumbs2 .container {padding: 2em 1em 2.8em 1em;    font-size: 9px;    font-family: Trebuchet Ms;    text-transform: lowercase;    font-weight: 600;    color: #7c7e847a;    letter-spacing: 1px;    font-variant: small-caps;text-align: center;  }
#pun-break4 {  margin: -2px 1em;  border-style: solid none;  border-width: 1px 0;  position: relative;  height: 0;  z-index: 1;  }
div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; }

/* D9 Help file
-------------------------------------------------------------*/
#pun-help .formal .info-box h3.legend {  border-bottom-style: solid;  border-bottom-width: 1px;  padding-bottom: 0;margin-bottom: 0.8em;  }
#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;  }
#pun-help .formal p, #pun-help .formal dd {  margin-bottom: 1em  }
#pun-help .formal ul, #pun-help .formal dl {  padding: 0 0 0 1em  }#pun-help .formal li {  padding: 0;  line-height: 130%  }#pun-help .formal li * {  vertical-align: text-top  }
#pun-help .formal dt span {  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {  padding-bottom: 0;  }

.punbb .container, .punbb .post-body, .post h3 { border-color:  transparent; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post { border-color: transparent; }
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {  border-color: transparent ;  }
.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; }
.punbb th { 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 ;}

5

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
.punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -22em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right;    font-size: 10px; }

.punbb div.icon { float: left; display: block; width: 60px; height: 60px; }

#pun-redirect, #pun-maint {  margin: 50px 20% 12px 20%;  width: auto;  float: none;  text-align: center;  font-size: 0 !important;  }

.category .container thead {
    display: none;
}



/*************************************************************

ПАН ТЕЛО

**************************************************************/
/* ПАН ИЛИ ТЕЛО
-------------------------------------------------------------*/
#pun {
    margin: auto;
    width: 1050px;
    position: relative;
    background: #fff;
}

/* РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
-------------------------------------------------------------*/
.punbb {
 height: auto;width: 1007px;    padding-left: 0px;margin-left: 21px;
}


/*************************************************************

ШАПКА, ФОН, ФУТЕР И НАСТРОЙКИ ФУТЕРА

**************************************************************/

/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body { background-color: #6c6c4a; background: url(https://i.imgur.com/wr3LkuQ.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: cover;  overflow-x: auto !important; }

/* ШАПКА
-------------------------------------------------------------*/
#pun-title table {background-image : url(https://i.imgur.com/VNbo7qZ.jpg); background-repeat: no-repeat; background-position: top center; border: none; height: 588px; width: 1050px; margin-left: -21px;}

/* ФУТЕР
-------------------------------------------------------------*/
#pun-about p.container { background: url(https://i.imgur.com/E98M75m.jpg) bottom center no-repeat; height: 238px;     width: 1048px;  margin-left: -31px;    margin-bottom: -200px;    padding-top: 35px!important; border: none 0 transparent!important; }

/* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 45px;
    width: 980px;
    margin-left: 70px;
    position: absolute;
    font-family: arial;
    font-size: 9px;
    text-align: center;
}

/*************************************************************

ПРОФИЛЬ

**************************************************************/

/* РАМКА ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/

.post-author {
float: left;    width: 212px;    margin-top: 25px;    margin-left: -8px;    text-align: center;    overflow: hidden;    background-color: #fff;    border: 1px solid #f2f2f2;    border-radius: 20px;
}

/* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.post-author ul {
    margin-left: 6px;
    margin-top: 7px;
    width: 250px;
    padding: 1px !important;
}

/* НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author {     
    letter-spacing: 0.5px;margin-top: -19px;    margin-left: -10px;    padding: 4px!important;    width: 206px;
}

/* НИК АВТОРА В ТОПИКЕ ССЫЛКА
-------------------------------------------------------------*/
.pa-author a {
background-color: #ffffff;    width: auto;/*color: #de0d6c!important;*/    padding: 0px 8px 0 8px !important;     font-family: Open Sans;    font-weight: 800;    text-transform: lowercase;    font-size: 13px;    text-align: center;    letter-spacing: 0.7px;
}

/*ПРИ НАВЕДЕНИИ НА НИК АВТОРА В ТОПИКЕ
-------------------------------------------------------------*/
.pa-author a:hover {
background-color: #ffffff;    width: auto;    /*color: #a9a9a9!important;*/    padding: 0px 8px 0 8px !important;    font-family: Open Sans;    font-weight: 800;    text-transform: lowercase;    font-size: 13px;    text-align: center;    letter-spacing: 0.7px;
}

/* СТАТУС ЛИЧНОЕ ЗВАНИЕ
-------------------------------------------------------------*/
.pa-title {
 padding-top: 5px;    padding-bottom: 9px;    text-align: center;    font-family: Manrope;    text-transform: lowercase;    font-weight: 400;    color: #000000bd!important;    font-size: 7.9px;    margin-top: -4px!important;    letter-spacing: 1.2px;
}

/* АВАТАР ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-avatar {
    padding-top: 5px !important;
}

/* ЗАДАЕМ ТЕНЬ И РАМКУ АВАТАРУ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
 /*  outline: 2px solid #000000; */
  /*     border: 1px solid #728060!important; */
   /*    box-shadow: 0 0 7px #3b4033b0;  */
}

/* ПРОВЕЛ НА ФОРУМЕ
-------------------------------------------------------------*/
.pa-time-visit {
    font-size: 8px;
    margin-left: -6px !important;
    font-family: Inter !important;
    text-transform: lowercase;
    color: #4c4c48!important;
}

/* поля профиля, лз */
.pa-fld1 {    margin-top: -30px!important;
    background-color: #fff;
    position: absolute;
    width: 30px;
    margin-left: 80px!important;}

.pa-fld3 { width: 166px;
    position: relative;
    /*border-bottom: 1px dotted #e1e1e199;
    border-right: 1px dotted #e1e1e199;
    border-left: 1px dotted #e1e1e199;
    background-color: #f7f7f7a3;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;*/
    margin-top: -1px!important;
    margin-left: 6px!important;
    padding-top: 7px!important;
    padding-bottom: 6px!important;
    padding-left: 6px!important;
    padding-right: 6px!important;
    text-align: center;
    text-transform: lowercase;
    font-size: 8.6px!important;
    font-family: Arial;
    letter-spacing: 0.4px;
    line-height: 11px;}

.pa-fld4 {margin-top: -5px!important;
    background-color: #fff;
    position: absolute;
    width: 169px;
    margin-left: 11px!important;}

#profilenav h2 {
    text-align: left !important;
}

/*ЦВЕТ ССЫЛОК ЛЗ
-------------------------------------------------------------*/

.pa-fld1 bio a {
    color: #0f0f0f!important;
}

.pa-fld1 bio a:hover {
    color: #8eaedf!important;
}

.pa-fld1 lz a {
    color: #000000!important;
}

.pa-fld1 lz a:hover {
    color: #8eaedf!important;
}

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-posts,.pa-respect, .pa-fld2 {

      margin-top: -2px!important;
    padding: 9px!important;
    display: inline-block!important;
    float: none!important;
    max-width: 50px!important;
    color: #989898;
    text-align: center;
    font-family: arial;
    text-transform: lowercase;
    font-size: 7.8px;
    letter-spacing: 0.6px;
padding-bottom: 20px!important;
}

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


/* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
-------------------------------------------------------------*/
#pun-post .pa-author {
    padding: 12px;
    /* margin-top: 12px; */
    color: #be894d;
    text-align: center;
}

/* ССЫЛКИ ПРОФИЛЬ, ЛС, EMAIL ПОД ПРОФИЛЕМ ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
Возможно, придется двигать с помощью последнего параметра*/

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

}

/* ВРЕМЯ И НОМЕР ПОСТА
-------------------------------------------------------------*/
.post h3 {
    height: 66px;
    margin: 5px 0px 5px -2px;
    border: none;
    text-transform: lowercase;
}

/* НОМЕР ПОСТА (МОЖНО ПОДВИНУТЬ)
-------------------------------------------------------------*/
#pun .post h3 strong {
        margin-left: 620px;
    position: absolute;
    font-family: helvetica!important;
    width: 8px;
    font-weight: 900;
    text-align: right!important;
}

/* ИКОНКА СТРАНЫ НЕ ОТОБРАЖАЕТСЯ
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


/* АЙПИ В ТОПИКЕ
-------------------------------------------------------------*/
.pa-ip {
  margin-top: -6px;    font-size: 7.4px;    color: #585858;    font-family: Arial;    font-style: italic;    text-transform: lowercase;    letter-spacing: 1.5px;    padding-bottom: 18px;
}


/* ОНЛАЙН - АКТИВЕН В ТОПИКЕ
-------------------------------------------------------------*/
.pa-online {
    margin-top: -6px;
    font-size: 7.4px;
    color: #585858;
    font-family: Arial;
    font-style: italic;
    text-transform: lowercase;
    letter-spacing: 1.5px;
    padding-bottom: 18px;
}


/* НЕ ОТОБРАЖАТЬ ПОСЛЕДНЕЕ ИЗМЕНЕНИЕ И НАГРАДЫ
-------------------------------------------------------------*/
.lastedit {
    display: none !important;
}

/* НЕ ОТОБРАЖАТЬ ПОДАРКИ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}


/*************************************************************

ЦВЕТ ТЕКСТА И КОНТЕНТ ПОСТА

**************************************************************/

/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transpanent; color: #0000009e; font-weight: normal; font-style: normal;}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.punbb .post-box {
color: #0e0e0c;
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: uppercase;
    font-size: 8px !important;
    color: #0d0d0d;
}

/* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ)
-------------------------------------------------------------*/
.post-content {    margin: 0px 0px 0px 0px !important;}



/*************************************************************

ЦВЕТ ССЫЛОК

**************************************************************/

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #daa339; text-decoration: none;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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: #1e2a12;  text-decoration: none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;
}


/*************************************************************

ПОДФОРУМ

**************************************************************/

/* ПОДФОРУМ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: 495px;
    font-size: 10px;
    text-transform: lowercase;
    margin-left: 11px;
    font-family: 'Helvetica';
    text-align: left;
    margin-bottom: 5px!important;
    padding: 0px 0px 0px 3px;
    min-height: 70px;
}

/* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-size: 10px;
    font-family: Helvetica!important;
    font-weight: 900!important;
    display: block;
    margin-bottom: 5px;
    width: 450px;
    padding: 6px 0 4px 0px;
    text-align: left;
    letter-spacing: 2px;
    color: #a1b0c7;
    text-transform: uppercase;
}

#pun-index .tclcon h3 a:hover {
   color: #060606;
   text-shadow: 0 0 3px #a1b0c7;
}

/* ВСЕ ССЫЛКИ В ПОДФОРУМЕ
-------------------------------------------------------------*/
#pun-index .tclcon a {
        font-weight: 400 !important;
    font-size: 9px;
}

/* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-index .tcr a {    font-family: 'Geometria-heavy';
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #dca946!important;
}

#pun-index .tcr a:hover {       font-family: 'Geometria-heavy';
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #878762!important;}

/* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 232px!important;
    text-align: left;
}


/* КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ В ПОДФОРУМЕ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 9%;
    font-family: inter;
    font-size: 11px;
}


/*************************************************************

КАТЕГОРИИ И СТАТИСТИКА

**************************************************************/

/* КАТЕГОРИИ

-------------------------------------------------------------*/

/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats.section h2 {   background: url(https://i.imgur.com/P2gaTWZ.png); height: 126px; width: 452px;  /* font-size: 0!important; */  margin-left: 255px;  margin-top: -85px; background-position: center; background-repeat: no-repeat;
}

/* ПЕРВАЯ
-------------------------------------------------------------*/
#pun-category1 h2, #pun-category2 h2, #pun-category3 h2 {height: 126px;
    width: 452px;
    /* font-size: 0!important; */
    margin-left: 258px;
    margin-top: -85px;
    background-position: center;
    background-repeat: no-repeat;}

#pun-category1 h2 { 
    background: url(https://i.imgur.com/GP5Dlnu.jpg);
    }

#pun-category2 h2 {      background: url(https://i.imgur.com/AeaoNhx.jpg); }

/* ТРЕТЬЯ
----------------------------  
#pun-category3 h2 {    background: url(https://i.imgur.com/MHUvsiw.jpg);
 }


/*************************************************************

ФОРУМНАЯ И ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ

**************************************************************/

/* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ
-------------------------------------------------------------*/
#pun-navlinks .container {position: absolute;margin-top: 0px;margin-left: 87px;text-align: center;width: 800px;word-spacing: 10px; padding-top:6px;}

/* ЦВЕТ ССЫЛОК ФОРУМНОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-navlinks a {display: inline-block; letter-spacing: -10px; 
}
#pun-navlinks a:hover { color: #dfd08d; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

/* КОНТЕЙНЕР НАВИГАЦИОННЫХ ССЫЛОК
-------------------------------------------------------------*/
#pun-navlinks .container {
    border: none;
    margin: 0;
    height: 20px;
    margin-left: -50px;
    padding-top: 5px;
    font-weight: normal;
    text-align: center;
    width: 1100px!important;
}

/* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК
-------------------------------------------------------------*/
#pun-ulinks .container {        position: absolute;    margin-top: 174px;    margin-left: -182px;    text-align: center;    width: 985px;}

/* ДВИГАЕМ МОИ СООБЩЕНИЯ В ПОЛЬЗОВАТЕЛЬСКОЙ НАВЕ
-------------------------------------------------------------*/
#pun-ulinks .container .item4 {margin-left: 0px;}


/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
-------------------------------------------------------------*/
#pun-ulinks a {

}

/* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
#pun-ulinks a:hover {
color: #dfd08d; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; 
}


/*************************************************************

ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ

**************************************************************/

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    font-size: 9px;
    text-align: left;
    width: 980px;
    /* margin-left: 6px !important; */
    margin-bottom: -5px !important;
    font-family: Helvetica !important;
    font-weight: 500 !important;
    letter-spacing: 2px;
}

#pun-crumbs2 {
    margin-bottom: -26px !important;
}

/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ
-------------------------------------------------------------*/
#pun-crumbs1 {
    margin-top: 2px !important;
}

/* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ - ДЕЛАЕМ ЖИРНЫМИ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {}



/*************************************************************

ПОЛЯ ВВОДА, ЦИТАТЫ-КОДЫ, ВСПЛЫВАЮЩИЕ ОКНА 

**************************************************************/

/* СТРАНИЦА ПЕРЕАДРЕСАЦИИ
-------------------------------------------------------------*/
#pun-redirect{
padding: 14px;
margin-top: -140px!important;
margin-left: 250px!important;
}

/* ВНЕШНИЙ ВИД ОКНА СТРАНИЦЫ ПЕРЕАДРЕСАЦИИ
Зачастую, страница переадресации не требует серьезных изменений. 
В большинстве случаев достаточно изменить цвета и закругление краев (т.е. 5 последних позиций)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width:500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 40px;
    display:inline-block;
    text-transform: uppercase;
    background-color: #bdbdbc;
    color: #292925;
    border: 1px solid #67666180;
    box-shadow: inset 0px 0px 2px #ffffffb0, inset 0px 0px 1px #ffffff, inset 0px 0px 30px rgba(103, 102, 96, 0.74);
}


/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
   background-color: #ffffff; color: #000000;
}

/* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ - НАЗВАНИЕ ТЕМЫ
-------------------------------------------------------------*/
.punbb select, input {
    background-color: #ffffff; color: #000000;
}

/* СДВИГАЕМ ЦИТАТУ, КОД И ТД
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ВНЕШНИЙ ВИД ЦИТАТЫ, КОДА И ТД
-------------------------------------------------------------*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    background-clip: padding-box;
    position: relative;
    padding: 15px 25px !important;
    padding-bottom: 15px !important;
    color: #040404;
    border: 1px solid #d9e0e8;
    border-radius: 20px 0px 20px 0px;
}

del {} 

/* B1.9 ЛЕГЕНДА ЦИТАТЫ, КОДА
Отвечает за настройки того самого "Маша написал(-а), выделить код и тд.
Работаем только с 4 последними параметрами 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend a {     display: block;    background-color: #f6f6f6;    border-radius: 25px;
    font-style: normal;    text-transform: lowercase;    line-height: 18px;    font-family: Manrope;    font-weight: 900;    letter-spacing: 1px;    font-size: 9px;    padding-left: 10px;    padding-top: 5px;    padding-bottom: 5px;    text-align: center; }


/* ЦВЕТ ПРИ НАЖАТИИ НА КОД */
.punbb .quote-box cite, .punbb .code-box strong.legend a:active  {    color: #75645f!important;    font-family: Manrope;    font-weight: 900;    letter-spacing: 1px;    font-size: 9px;    text-align: center;}

/* КОД (СКОПИРОВАТЬ КОД)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-family: pt sans !important;
font-size: 12px;}


/* РЕЙТИНГ ПОСТА В ТОПИКЕ (КОГДА ПИШЕШЬ КОММЕНТ К ПЛЮСУ - ЧТОБЫ ФОН БЫЛ НЕ ПРОЗРАЧНЫЙ)
-------------------------------------------------------------*/
.post_reputation {
    background-color: #aaaaad;
    border-radius: 3px;
    outline: 1px solid #402c2f;
    padding-right: 20px !important;
}

/* В ФОРМЕ ОТВЕТА ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #spoiler-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
   padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background-color: #f9f7f6;
    color: #1e1e2b;
    box-shadow: inset 0px 0px 2px #a8b8cb, inset 0px 0px 1px #9cacc317, inset 0px 0px 30px rgb(174 189 208 / 11%);
}

/* ЗАДАЕМ ШИРИНУ И ВЫСОТУ ФОРМЕ ОТВЕТА, А ТАКЖЕ СОЗДАЕМ ДЛЯ НЕЕ ПРОКРУТКУ
ЧТОБЫ ОНА НЕ РАСТЯГИВАЛАСЬ НА ПОЛОВИНУ ЭКРАНА
-------------------------------------------------------------*/
#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}



/*************************************************************

ИКОНКИ СТАРЫХ НОВЫХ

**************************************************************/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
#pun-viewforum div.icon, #pun-searchtopics div.icon, #pun-messages div.icon { display: none; }
.punbb table Div.icon { float: left; position: absolute; display: block; border-style: none none none none; margin-left: 25px;
    margin-top: 22px; margin-bottom: 0px; width: 51px; height: 52px; background: url(https://i.imgur.com/VUqHU0B.jpg) no-repeat; }
tr.inew div.icon { background: url(https://i.imgur.com/UUNgp1V.jpg) no-repeat; }

/* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -5px 9px;
    width: 24px;
    height: 24px;
    background-image: url(https://forumstatic.ru/files/001b/9e/58/77761.png);
    opacity: 0.5;
}

/* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 24px;
    height: 24px;
    background-image: url(https://forumstatic.ru/files/001b/9e/58/77761.png);
    opacity: 1;
}
/* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 24px;
    height: 24px;
    background-image: url(https://forumstatic.ru/files/001b/9e/58/81926.png);
    opacity: 1;
}
/* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
width: 24px;
    height: 24px;
    background-image: url(https://forumstatic.ru/files/001b/9e/58/34910.png);
    opacity: 0.5;
    filter: grayscale(0.8);
}



/*************************************************************

КНОПКИ ОТПРАВИТЬ, ПОСМОТРЕТЬ, СОХРАНИТЬ И ТД

**************************************************************/

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-family: Helvetica !important;
    letter-spacing: 2px;
    padding: 6px 8px 6px 8px !important;
    cursor: pointer!important;
    font-size: 7px!important;
    color: #2b313a !important;
    text-transform: uppercase;
    border-radius: 10px;
    background: #f9f7f6;
    display: inline-block;
    transition: all 0.4s ease 0s;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    cursor: pointer!important;
    background: #b296831c;
    transition: all 0.4s ease 0s;
}


/*************************************************************

ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 

**************************************************************/


/* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА
-------------------------------------------------------------*/
::selection {      
    background: #0a0a0a;
    color: #ffffff!important;
}

/* ПРОКРУТКА ШИРИНА
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 5px;
    height: 6px;}

/* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border: 1px solid #a0a0a0;
}

/* ПОДЛОЖКА ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #2a3023;
    border: 1px solid #0a0a08;
    box-shadow: none!important;
}

/* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
-------------------------------------------------------------*/
/* body {overflow-x: hidden}*/

/* КНОПКИ ВВЕРХ ВНИЗ 
-------------------------------------------------------------*/
.go-up, .go-down {
cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 0.5;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
-------------------------------------------------------------*/
.go-up {
    bottom: 46%;
    margin-left: 1005px !important;
}

/* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
-------------------------------------------------------------*/
.go-down {
    bottom: 42%;
    margin-left: 1005px !important;
}
/* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*************************************************************

ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ

**************************************************************/

/* ТЕКСТ В ШАПКЕ
-------------------------------------------------------------*/
#html-header igrok {
    position: absolute;
    top: -122px !important;
    margin-left: 44px;
    font-family: helvetica;
    border-radius: 20px;
    font-weight: 900;
    padding: 2px;
    text-align: justify;
    background-color: #ced2d7a1;
    font-size: 10px;
    color: #607799;
    letter-spacing: 1.5px;
}

#html-header epis {
    position: absolute;
    top: -122px !important;
    margin-left: 600px;
    font-family: helvetica;
    border-radius: 20px;
    font-weight: 900;
    padding: 2px;
    text-align: justify;
    background-color: #ced2d7a1;
    font-size: 10px;
    color: #607799;
    letter-spacing: 1.5px;
}

#html-header para {
    position: absolute;
    top: -92px !important;
    margin-left: 44px;
    font-family: helvetica;
    border-radius: 20px;
    font-weight: 900;
    padding: 2px;
    text-align: justify;
    background-color: #ced2d7a1;
    font-size: 10px;
    color: #607799;
    letter-spacing: 1.5px;
}

#html-header sns {
    position: absolute;
    top: -92px !important;
    margin-left: 600px;
    font-family: helvetica;
    border-radius: 20px;
    font-weight: 900;
    padding: 2px;
    text-align: justify;
    background-color: #ced2d7a1;
    font-size: 10px;
    color: #607799;
    letter-spacing: 1.5px;
}

#html-header activ1 {    position: absolute; margin: 156px 48px!important;}
#html-header activ2 {    position: absolute;  margin: 156px 178px!important;}
#html-header activ3 {    position: absolute;    margin: 156px 308px!important;}
#html-header activ4 {    position: absolute;    margin: 156px 604px!important;}
#html-header activ5 {    position: absolute;    margin: 156px 734px!important;}
#html-header activ6 {    position: absolute;    margin: 156px 862px!important;}

#html-header ams {
    position: absolute;
    top: -312px !important;
    margin-left: -66px;
    font-size: 8px;
    width: 1100px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 3px !important;
}

.ams span{
    /* background: #fff; */
    box-shadow: -2px 2px 10px -1px #a5a5a5;
    visibility: hidden;
    position: absolute;
    left: 510px;
    width: 72px;
    height: 40px;
    top: 10px;
    border: 1px solid #000000; 
}
 
.ams:hover span{
visibility: visible;
}


/*ЦВЕТ ССЫЛКИ В ТАБЛИЦЕ
-------------------------------------------------------------*/
#html-header igrok a {
    color: #000000!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header epis a {
    color: #000000!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header para a {
    color: #000000!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header sns a {
    color: #000000!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header ams a {
    color: #000000!important;
    font-family: Helvetica!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header .plashka a {
    color: #000000!important;
    border-radius: 10px;
    padding: 2px 6px 2px 6px;
    background: #d0d5d9;
    font-family: Helvetica!important;
    text-shadow: 0px 0px 2px #00000024;
}

/*ПРИ НАВЕДЕНИИ НА ССЫЛКУ В ТАБЛИЦЕ
-------------------------------------------------------------*/
#html-header igrok a:hover {
    color: #355b88!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header epis a:hover {
    color: #355b88!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header para a:hover {
    color: #355b88!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header sns a:hover {
    color: #355b88!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header ams a:hover {
    color: #e4e4e4!important;
    text-shadow: 0px 0px 2px #00000024;
}

#html-header .plashka a:hover {
    color: #617799!important;
    text-shadow: 0px 0px 2px #00000024;
}




/* ОПИСАНИЕ ПОДФОРУМОВ - ССЫЛКИ
-------------------------------------------------------------*/
.podforum {position: relative;
    overflow: hidden;
    padding-top: 0px;
    text-align: right;
    text-transform: uppercase;
    font-size: 6px;
    font-family: Manrope;
    font-weight: 500;
    color: #a9a9a9;
    letter-spacing: 2px;
    margin-top: -21px!important;
    margin-left: 178px!important;
    width: 345px;
}
.podforum:after { content: '';
    position: absolute;
    width: 111%;
    border-top: 1px solid #a2a0a21f;
    margin-top: 3px;
    margin-left: -456px; }
.atl {
text-align: justify;
    font-family: Arial;
    font-size: 8.5px;
    color: #0000005c;
    letter-spacing: 0.7px;
    text-transform: lowercase;
    padding-top: 10px;
    line-height: 11px;
    width: 470px;
    margin-left: 53px!important;}
#pun-index td div.tclcon {
border: 1px solid #efefef9e;
    border-radius: 20px;
    padding-top: 14px;
padding-bottom: 27px;
    padding-right: 21px;
    padding-left: 21px;
    overflow: hidden;
    text-align: left;
    width: 91%;
}

.blood{width: 523px;
    position: absolute;
    display: flex;
    padding-top: 16px;
    justify-content: center;}

.bean { transition: .4s;
    background-color: #d9c797;
    border-radius: 10px;
    font-weight: 700;
    font-family: 'Manrope';
    font-size: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px;
    margin-right: 7px !important;}

#pun-index .bean a
{color: #fff;}

#pun-index .bean a:hover
{color: #fff;}

.bean:hover {background: #eca529; transition: transition: .4s;}
Страница: 1

Вы здесь » Test by devls » Новый форум » страница howdy

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