post of the week

    за многие годы жизни вдали от океана, чивон познала одно — жить так для нее невозможно.

    читать
    episode of the week eyes like a flame;

    просто такая сильная любовь

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

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


    Вы здесь » просто такая сильная любовь » Lorem ipsum » персик


    персик

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

    1

    Код:
    /******************************************
    A - SETUP
    ******************************************/
    
    /* A1.1 */
    @import url(style_cs.css);
    @font-face {font-family: Cormorant Unicase;
    	src: local("Cormorant Unicase"), url(https://forumstatic.ru/files/001b/04/0c/78245.ttf);}
    
    @font-face {font-family: Tahoma;
    	src: local("Tahoma"), url(https://forumstatic.ru/files/001b/04/0c/74466.ttf);}
    
    @font-face {font-family: Attentica4F;
    	src: local("Attentica4F"), url(https://forumstatic.ru/files/001b/01/0c/80170.ttf);}
    
    @font-face {font-family: POE Vetica Vanta;
    	src: local("POE Vetica Vanta"), url(https://forumstatic.ru/files/001a/fa/97/18837.otf);}
    
    @font-face {font-family: Alcotton;
    	src: local("Alcotton"), url(https://forumstatic.ru/files/001a/fa/97/19273.ttf);}
    
    @font-face {font-family: Honey ScriptCYR Light;
    	src: local("Honey ScriptCYR Light"), url(https://forumstatic.ru/files/001a/fa/97/19539.otf);}
    
    @font-face {font-family: Arimo;
    	src: local("Arimo"), url(https://forumstatic.ru/files/001a/fa/97/19676.ttf);}
    
    @font-face {font-family: Fulbo Argenta;
    	src: local("Fulbo Argenta"), url(https://forumstatic.ru/files/001a/fa/97/19847.otf);}
    
    @font-face {font-family: Calibri Bold;
    	src: local("Calibri Bold"), url(https://forumstatic.ru/files/001a/fa/97/19901.ttf);}
    
    @font-face {font-family: Consolas;
    	src: local("Consolas"), url(https://forumstatic.ru/files/001a/fa/97/19894.ttf);}
    
    @font-face {font-family: Tw Cen MT Condensed Cyrillic Bold;
    	src: local("Tw Cen MT Condensed Cyrillic Bold"), url(https://forumstatic.ru/files/001a/fa/97/19956.otf);}
    
    @font-face {font-family: Vienna Convention;
    	src: local("Vienna Convention"), url(https://forumstatic.ru/files/001a/74/bf/17792.otf);}
    
    @font-face {font-family: Zinco-BlackCondensed;
    	src: local("Zinco-BlackCondensed"), url(https://forumstatic.ru/files/001a/74/bf/17853.ttf);}
    
    @font-face {font-family: MinionPro;
    	src: local("MinionPro"), url(https://forumstatic.ru/files/0019/fc/02/94872.otf);}
    
    @font-face {font-family: Kurale;
    	src: local("Kurale"), url(https://forumstatic.ru/files/000c/e1/eb/13318.ttf);}
    
    @font-face {font-family: Gabriela;
    	src: local("Gabriela"), url(https://forumstatic.ru/files/000c/e1/eb/15262.ttf);}
    
    @font-face {font-family: Roboto;
    	src: local("Roboto"), url(https://forumstatic.ru/files/000c/e1/eb/58963.ttf);}
    
    @font-face {font-family: Lora;
    	src: local("Lora"), url(https://forumstatic.ru/files/000c/e1/eb/41850.ttf);}
    
    @font-face {font-family: PlayfairDisplaySC Regular;
    	src: local("PlayfairDisplaySC Regular"), url(https://forumstatic.ru/files/0019/fc/02/19920.ttf);}
    
    @font-face {font-family: Yeseva One;
    	src: local("Yeseva One"), url(https://forumstatic.ru/files/0019/fc/02/59450.ttf);}
    
    @font-face {font-family: Playfairdisplay;
    	src: local("Playfairdisplay"), url(https://forumstatic.ru/files/0019/fc/02/52969.ttf);}
    
    
    @font-face {font-family: pattaya;
    	src: local("pattaya"), url(https://forumstatic.ru/files/0019/fc/02/47653.ttf);}
    
    
    @font-face {font-family: pacifico;
    	src: local("pacifico"), url(https://forumstatic.ru/files/0019/fc/02/40217.ttf);}
    
    
    @font-face {font-family: oranienbaum;
    	src: local("oranienbaum"), url(https://forumstatic.ru/files/0019/fc/02/84820.ttf);}
    
    @font-face {font-family: neucha;
    	src: local("neucha"), url(https://forumstatic.ru/files/0019/fc/02/72367.ttf);}
    
    @font-face {font-family: marckscript;
    	src: local("marckscript"), url(https://forumstatic.ru/files/0019/fc/02/78215.ttf);}
    
    @font-face {font-family: lobster;
    	src: local("lobster"), url(https://forumstatic.ru/files/0019/fc/02/56183.ttf);}
    
    @font-face {font-family: ebgaramond;
    	src: local("ebgaramond"), url(https://forumstatic.ru/files/0019/fc/02/92954.ttf);}
    
    @font-face {font-family: cormorant;
    	src: local("cormorant"), url(https://forumstatic.ru/files/0019/fc/02/26615.ttf);}
    
    @font-face {font-family: caveat;
    	src: local("caveat"), url(https://forumstatic.ru/files/0019/fc/02/15610.ttf);}
    
    @font-face {font-family: badscript;
    	src: local("badscript"), url(https://forumstatic.ru/files/0019/fc/02/96816.ttf);}
    
    @font-face {font-family: 'blanken'; 
    src: local("blanken"), url(https://forumstatic.ru/files/001a/dd/43/13587.ttf);}
    
    @font-face {font-family: 'dorotea'; 
    src: local("dorotea"), url(https://forumstatic.ru/files/001a/dd/43/11609.ttf);}
    
    @font-face {font-family: BebasNeue; 
    src: local("BebasNeueRegular"), url(https://forumstatic.ru/files/001a/66/8b/77684.otf);}
    
    @font-face {font-family: Bebas; 
    src: local("BebasRegular"), url(https://forumstatic.ru/files/001a/66/8b/89570.ttf);}
    
    @font-face {font-family: Beer; 
    src: local("BeerRegular"), url(https://forumstatic.ru/files/001a/66/8b/11988.ttf);}
    
    @font-face {font-family: Typewriter; 
    src: local("Typewriter"), url(https://forumstatic.ru/files/001a/66/8b/82155.ttf);}
    
    @font-face {font-family: dali; 
    src: local("dali"), url(https://forumstatic.ru/files/001a/66/8b/45615.ttf);}
    
    @font-face {font-family: Intro; 
    src: local("Intro"), url(https://forumstatic.ru/files/001a/66/8b/90707.ttf);}
    
    @font-face {font-family: Bahnschrift; 
    src: local("Bahnschrift"), url(https://forumstatic.ru/files/001a/66/8b/12002.ttf);}
    
    
    @font-face {font-family: Code Pro Bold; 
    src: local("Code Pro Bold"), url(https://forumstatic.ru/files/001a/5f/8b/20280.otf);}
    @font-face {font-family: Code Pro Light; 
    src: local("Code Pro Light"), url(https://forumstatic.ru/files/001a/5f/8b/61658.otf);}
    @font-face {font-family: Code Pro Light LC; 
    src: local("Code Pro Light LC"), url(https://forumstatic.ru/files/001a/5f/8b/51133.otf);}
    
    @font-face {font-family: SFUIText-Regular; 
    src: local("SFUIText-Regular"), url(https://forumstatic.ru/files/001a/5f/8b/81923.ttf);}
    @font-face {font-family: SFUIText-Semibold; 
    src: local("SFUIText-Semibold"), url(https://forumstatic.ru/files/001a/5f/8b/98251.ttf);}
    @font-face {font-family: Vanity-Bold; 
    src: local("Vanity-Bold"), url(https://forumstatic.ru/files/001a/5f/8b/91581.ttf);}
    @font-face {font-family: Cheque-Black; 
    src: local("Cheque-Black"), url(https://forumstatic.ru/files/001a/5f/8b/57593.ttf);}
    
    /* A2 Deal with browser defaults and wonkiness
    -------------------------------------------------------------*/
    
    
    /* A2.1 */
    
    
    /* задний фон */
    
    html,
    body {
    	margin: 0;
    	padding: 0;
    }
    
    html {
    	background: url(https://i.imgur.com/Qft3SnC.jpg) bottom center repeat #bec2c5;
    }
    
    body {
    	background: transparent url(https://i.imgur.com/9VnDRaA.jpg) center top no-repeat;
    	padding-top: 312px !important;
    }
    
    
    /* 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.01%;
    }
    
    
    /* A3.2 */
    
    .punbb {
    	font: normal 68.55% 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: none;
    }
    
    
    /* A3.5 */
    
    
    /* название темы в самой теме */
    
    .punbb h1 span,
    .punbb legend span {
        letter-spacing: 1px;
        font-size: 13px;
        color: #60747b !important;
        text-shadow: 0px 1px 1px #e8e8e8;
        font-family: arial;
        text-transform: lowercase;
    font-weight: bold;
        font-style: italic;
    	text-align: center;
    	padding-bottom: 10px !important;
    }
    
    
    /* A3.6 */
    
    
    /* текст в коде */
    
    .punbb pre {
    	font: 100.01% verdana, arial, Roboto, sans-serif;
    	padding: 5px 0px 5px 0px;
    }
    
    
    /* 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;
    	font-family: "Arial" width: 0;
    	line-height: 0.0;
    	position: absolute;
    	left: -9999px;
    	overflow: hidden
    }
    
    
    /* A5 Basic page layout and borders
    -------------------------------------------------------------*/
    
    
    /* A5.1 */
    
    
    /* фон форума */
    
    #pun {
    	background-image: url(https://i.imgur.com/knFTa32.jpg);
    	width: 944px;
    	border: none;
    	border-top: none;
    	background-color: transparent;
    	background-position: center;
    	background-repeat: repeat-y;
    	margin: auto;
    	position: relative;
    }
    
    
    /* A5.2 */
    
    
    /* текстовая часть */
    
    .punbb {
    	float: none;
    	height: auto;
    	width: 870px;
    	padding-left: 40px;
    	float: none;
    }
    
    
    /* A5.3 */
    
    
    /* переадресация */
    
    #pun-redirect,
    #pun-maint {
    	background: #909196 url(https://forumstatic.ru/files/0019/fc/02/21393.jpg) top center;
    	margin: 15% 15%;
    	float: none;
    	text-align: justify;
    	padding-left: 90px;
    	padding-right: 130px;
    	padding-top: 0px;
    	padding-bottom: 90px;
    	position: absolute;
    	width: 500px;
    	height: 10px;
    	float: none;
    	border: 0px;
    	border-radius: 5px;
    }
    
    
    /* A5.4 */
    
    .punbb .section,
    .punbb .main {
    	margin-bottom: 1em;
    }
    
    
    /* A5.5 */
    
    .punbb .category,
    .punbb .post {
    	margin-top: 0.4em;
    }
    
    
    /* A5.6 */
    
    .punbb #pun-category1,
    .punbb .toppost,
    .punbb .topicpost {
    	margin-top: 0;
    }
    
    
    /* 5.7 */
    
    #pun-post .topic {
    	margin-top: 1em;
    }
    
    
    /* A5.8 */
    
    .punbb .section,
    .punbb .forum,
    .punbb .formal,
    .punbb .modmenu,
    .punbb .info,
    .punbb .category,
    .punbb .post {
    	border-style: none none solid none;
    	border-width: 0px 0px 0px 0px
    }
    
    
    /* A5.9 */
    
    .punbb .container {
    	border-style: solid;
    	border-width: 0px;
    }
    
    
    /* A5.10 */
    
    
    /* размер названия темы в теме */
    
    .punbb .section h2,
    #pun-main h1,
    #pun-main h2,
    #pun-stats h2,
    #pun-debug h2 {
    	font-size: 13px;
    	text-align: center;
    }
    
    
    /******************************************************/
    
    ************************************************************* 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;
        border-bottom: 1px solid #5c6f76 !important;
        color: #c5cace;
        width: 300px;
        margin: 15px 0px 5px 165px;
    }
    
    
    /* B1.3 */
    
    .punbb .post-content p {
    	margin: 0;
    	padding: 5px 5px 5px 5px;
    	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;
    }
    
    
    /* B1.7 */
    
    .punbb .post-content .scrollbox {
    	width: 100%;
    	overflow: auto;
    	max-height: 35em;
    	height: auto!important;
    	padding-bottom: .4em;
    }
    
    
    /* B1.8 */
    
    .punbb .post-content .quote-box,
    .punbb .post-content .code-box {
        border: medium none;
        margin: 0.4em 5em 0.8em;
        padding: 0em;
    }
    
    
    /* B1.9 */
    
    
    /* автор цитаты */
    
    .punbb .quote-box cite,
    .punbb .code-box strong.legend {
    display: block;
        padding-bottom: 0em;
        font-size: 13px;
        letter-spacing: 1px;
        font-family: arial;
        background-color: #e8e8e8;
        font-weight: bold;
        font-style: italic;
    color: #193744a6!important;
        border-radius: 5px;
        text-shadow: 0px 1px 1px #e8e8e8;
        text-align: left;
        padding: 2px;
        text-transform: lowercase;
    }
    
    
    /* отделить автора цитаты от поста */
    
    .punbb .quote-box cite {
    	border-bottom: 0px dashed #0f1e34 !important;
    	padding-bottom: 0px;
    }
    
    
    /* 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%;
    	height: 0;
    	letter-spacing: 1px;
    	font-size: 13px;
    	font-family: 'tahoma';
    	font-weight: none;
    }
    
    
    /* B3.2 */
    
    .multipage {
    	margin-top: 3em;
    }
    
    .topic a.sharelink {
    	display: none;
    }
    
    
    /* B3.3 */
    
    .linkst .pagelink {
    	position: absolute;
    	margin-left: 15px;
    	top: -15px;
    	width: 24em;
    	letter-spacing: 0px;
    	font-family: 'tahoma' !important;
    	letter-spacing: 1px;
    	font-size: 13px;
    	font-weight: none;
    }
    
    
    /* B3.4 */
    
    .linkst .postlink {
    	position: absolute;
    	top: -15px;
    	right: 2em;
    	width: 100px;
    	text-align: right;
    	letter-spacing: 1px;
    	font-size: 13px;
    	font-family: 'tahoma';
    	font-weight: none;
    }
    
    
    /* 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;
    	text-align: left;
    	letter-spacing: 1px;
    	font-size: 13px;
    	font-family: 'tahoma';
    	font-weight: none;
    }
    
    
    /* B3.7 */
    
    .linksb .postlink {
    	float: right;
    	width: auto;
    	letter-spacing: 1px;
    	font-size: 13px;
    	font-family: 'tahoma';
    	font-weight: none;
    }
    
    
    /* B3.8 */
    
    .subscribelink {
    	clear: both;
    	padding-top: 0.3em;
    	padding-bottom: 0.5em;
    }
    
    
    /******************************************************/
    
    ************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/
    /* 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 35px 0 0px;
    	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.3em 0.8em 1.0em;
    }
    
    
    /* C1.10 */
    
    .punbb .inline .inputfield,
    .punbb .inline .selectfield,
    .punbb .inline .passfield {
    	float: left;
    	margin-right: 1em;
    }
    
    
    /* C1.11 */
    
    .punbb .inline .infofield {
    	clear: both
    }
    
    
    /* C1.12 */
    
    .punbb .datafield br {
    	display: none
    }
    
    
    /* C1.13 */
    
    .punbb .required label,
    .punbb .datafield span.input {
    	font-weight: bold
    }
    
    
    /* C1.14 */
    
    .punbb .datafield span.input a {
    	font-weight: normal;
    }
    
    
    /* C1.15 */
    
    .punbb .areafield span.input,
    .punbb p.longinput span.input {
    	display: block;
    	padding: 0 12em 0 0;
    	height: 100%;
    	/* For IE */
    }
    
    
    /* C1.16 */
    
    .punbb textarea,
    .punbb .longinput input {
    	width: 64%;
    	margin: 0;
    }
    
    
    /* C1.17 */
    
    .punbb .hashelp {
    	position: relative;
    }
    
    
    /* C1.18 */
    
    .punbb .helplinks {
    	display: block;
    	position: absolute;
    	top: 1em;
    	right: 0;
    	font-weight: normal;
    	width: 36%;
    }
    
    
    /* c1.19 */
    
    .punbb #profile .helplinks {
    	top: 1.5em;
    }
    
    
    /* C1.20 */
    
    .punbb .helplinks span {
    	display: block;
    	padding-bottom: 0.2em;
    }
    
    
    /* C1.21 */
    
    #pun-post .formal .info-box li {
    	padding-left: 4px;
    	list-style-type: square;
    	list-style-position: inside;
    	line-height: 1.5;
    	margin: 0;
    }
    
    
    /* C2 Table layout
    -------------------------------------------------------------*/
    
    
    /* C2.1 */
    
    .punbb .main .tcl {
    	overflow: hidden;
    	text-align: left;
    	width: 60%;
    }
    
    
    /* C2.2 */
    
    .punbb .main .tc2,
    .punbb .main .tc3,
    .punbb .main .tcmod {
    	overflow: hidden;
    	text-align: left;
    	width: 10%;
    	font-family: tahoma;
    	color: #2e3f4c;
    	font-size: 10px;
    }
    
    
    /* C2.3 */
    
    .punbb .main .tcr {
    	background-color: transparent;
    	font-family: tahoma;
    	letter-spacing: 1px;
    	overflow: hidden;
    	text-align: left;
    	width: 30%;
    }
    
    
    /* C2.4 */
    
    #pun-userlist .main .tcl,
    #pun-searchtopics .main .tcl,
    #pun-modviewforum .main .tcl {
    	background-color: transparent;
    	width: 40%
    }
    
    
    /* C2.5 */
    
    #pun-userlist .main .tc2,
    #pun-searchtopics .main .tc2 {
    	width: 20%;
    }
    
    
    /* C2.6 */
    
    #pun-debug table .tcl {
    	width: 15%;
    	white-space: normal;
    }
    
    
    /* C2.7 */
    
    #pun-debug .tcr {
    	width: 90%;
    	white-space: normal;
    }
    
    
    /* C2.8 */
    
    
    /* ссылки в подфорумах */
    
    #pun-index .tcl h3 {
    	text-align: left!important;
    	margin-left: 0px;
    	padding: 35px 0px 10px 0px;
    	margin-bottom: 0px!important;
    }
    
    #pun-index .tcl h3 a {
    font-family: arial;
        font-size: 22px!important;
        letter-spacing: 1px;
        color: #346979!important;
        text-transform: lowercase;
        font-weight: bold;
        font-style: italic;
        text-shadow: 0px 1px 1px #dadada;
    }
    
    #pun-index .tcl h3 a:hover {
    font-family: arial;
        font-size: 22px!important;
        letter-spacing: 1px;
        color: #e87c0a!important;
        text-transform: lowercase;
        font-weight: bold;
        font-style: italic;
        text-shadow: 0px 1px 1px #dadada;
    }
    
    
    /* C2.9 */
    
    .punbb td span.youposted {
    	font-weight: bold;
    	margin-left: -1em;
    	position: absolute;
    }
    
    
    /* C2.10 */
    
    .punbb td .modlist {
    	display: none;
    }
    
    
    /* C2.11 */
    
    .punbb .main td {
    	border-style: solid none none solid;
    	border-width: 1px 0 0 1px;
    	padding: 1em 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;
    	font-size: 0px!important;
    	color: transparent;
    }
    
    
    /* C2.13 */
    
    .punbb .main .tcl {
    	border-left-style: none;
    }
    
    
    /* C2.14 */
    
    
    /* оформление подфорумов */
    
    #pun-index td div.tclcon {
    font-family: tahoma;
        letter-spacing: 1px;
        color: #798189;
        text-shadow: 0px 0px 1px #c8d5dd;
        width: 360px;
        margin-left: 0px;
        margin-top: 0px;
        line-height: 12px;
        font-size: 10px;
        text-align: justify;
        text-transform: none;
        min-height: 66px;
        padding: 0px 0px 25px 65px;
    }
    
    
    }
    
    /* значок темы */
    .punbb tbody.hasicon td.tcl {
    	padding-left: 2.2em;
    }
    .hasicon tr .tcr a {
    	background-image: url();
    	background-repeat: no-repeat;
    	background-position: left top;
    	padding-left: px;
    }
    
    /* C2.15 */
    .punbb div.icon {
    	margin: -5px 0px 0px 0px;
    }
    
    /* C2.16 */
    .punbb table div.icon {
    	font-size: 1.05em;
    }
    
    /* C3 Topics
    -------------------------------------------------------------*/
    
    /* C3.1 */
    .punbb .post .container {
    	border-style: none solid solid solid;
    	border-width: 1px;
    	margin-top: 0px;
    	padding-bottom: 0px;
    }
    
    /* C3.2 */
    .punbb .post h3 {
    	border-style: solid solid none solid;
    	border-width: 1px;
    }
    
    /* C3.3 */
    
    /* подвинуть номер/дату */
    .punbb .post h3 span {
    	padding: 0.5em 4em;
    	display: block;
    	border-left-style: solid;
    	border-left-width: 1px;
    	margin-top: 3px !important;
    	margin-left: 0px!important;
    }
    
    /* C3.4 */
    
    /* номер поста */
    .punbb .post h3 strong {
    	float: right;
    	width: 10px;
    	text-align: left;
    	letter-spacing: 1px;
        text-transform: lowercase;
    	font-size: 12px;
        font-family: arial;
        color: #798189!important;
        text-shadow: 0px 0px 1px #e8e8e8!important;
        font-weight: bold;
        font-style: italic;
    	margin-right: 30px!important;
    	margin-top: 0px;
    }
    
    /* C3.6-отступы */
    .punbb .post .post-author ul,
    .punbb .post .post-author p {
    	padding: 0 1em 1em 1em;
    	line-height: 140%;
    }
    
    /* C3.7 */
    
    /* ник */
    .pa-author,
    .pa-author a {
    text-align: right;
        width: 300px;
        margin-left: -156px;
        margin-top: -20px !important;
    padding: 8px 144px 8px 115px;
        background: #e8e8e8;
        font-family: arial;
        font-style: normal;
        font-weight: bold;
        font-size: 14px !important;
        line-height: 14px;
        color: #5c6f76!important;
        text-shadow: 0px 1px 1px #d6dbde!important;
        letter-spacing: 2px!important;
        text-transform: uppercase;
        transform: translate(0, 100%) rotate(-90deg);
    }
    
    
    /* C3.9 */
    li.pa-title {
    	padding-bottom: 0.4em;
    	text-align: center;
    }
    
    /* онлайн */
    li.pa-online {
    line-height: 0.8em;
        border-left-style: solid;
        border-left-width: 0.7em;
        padding-left: 0.4em;
        margin-top: 12px;
        text-align: center;
        font-family: arial;
        font-size: 9px!important;
        color: #346979!important;
        text-shadow: 0 1px 1px #e9dcb0 !important;
        margin-bottom: 0px!important;
        font-weight: bold;
        font-style: italic;
        margin-left: -10px!important;
        text-transform: uppercase;
        letter-spacing: 1px !important;
    }
    
    /* C3.11 */
    
    /* отступ текста */
    .punbb .post-body {
    	margin-left: 230px;
    	border-left-style: solid;
    	border-left-width: 1px;
    	padding: 0 0 1px 0;
    }
    
    /* C3.12 */
    .punbb .post-box {
    	padding: 0px 5px 0px 20px;
    	font-family: verdana;
    	font-size: 11px;
    }
    
    /*C3.13 */
    .punbb fieldset .post-box {
    	margin-bottom: 0.8em
    }
    
    /* C3.14 */
    .punbb .post-links {
    	margin-left: 19em;
    	border-left-style: solid;
    	border-left-width: 1px;
    }
    
    /* C3.15 */
    .punbb .post-links ul {
    	padding: 0 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;
        margin-left: -16em;
        color: #2e3f4c!important;
        background: transparent;
        outline: 1px solid #2e3f4c;
        font-family: 'tahoma' !important;
        font-size: 10px;
        letter-spacing: 1.5px!important;
        padding: 3px 5px 3px 5px;
        margin-top: 13px;
    }
    #profile-right li strong {
    	padding-left: 2em;
    	padding-bottom: 2em;
    }
    #viewprofile li span a {
    color: #2e3f4c!important;
        text-shadow: 0px 1px 1px #e8e8e8!important;
    }
    
    /*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.8em 1em;
    	font-weight: normal;
    }
    
    /* C6.11 */
    .punbb img.avatardemo {
    	float: right;
    	margin: 0 0 0.8em 1.8em
    }
    
    /* C7 User list
    -------------------------------------------------------------*/
    
    /* C7.1 */
    #pun-userlist .formal,
    #pun-userlist .formal .container {
    	border-bottom: none;
    	margin-bottom: 0;
    }
    
    /* C7.2 */
    #pun-userlist .usertable .container {
    	padding: 0 2.3em 2.3em 2.3em;
    	border-top: none;
    }
    
    /* C7.3 */
    #pun-userlist .usertable table {
    	border-style: solid;
    	border-width: 1px;
    }
    
    /******************************************************/
    ************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/
    /* D1 Logo and description
    -------------------------------------------------------------*/
    
    /* D1.1 */
    #pun-title {
    	margin: 0;
    	border-style: solid solid none solid;
    	border-width: 1px 1px 0 1px;
    }
    
    /* D1.2 */
    #pun-title h1 {
    	display: none;
    }
    
    /* D1.3 */
    #pun-title .container {
    	border-style: none solid none solid;
    }
    
    /* D1.4 */
    #pun-title h1 span {
    	font-size: 1.5em;
    }
    #pun-title td.title-logo-tdl {
    	border: none;
    	width: 100%;
    }
    #pun-title td.title-logo-tdr {
    	border: none;
    	width: 468px;
    }
    
    /* D2 Page navigation
    -------------------------------------------------------------*/
    
    /* D2.1 */
    #pun-pagelinks {
    	position: absolute;
    	top: -15px;
    	left: 0;
    	margin: 0;
    	border: none;
    	padding: 0;
    	width: 100%;
    }
    
    /* D2.2 */
    #pun-pagelinks .container {
    	background: transparent;
    	border: none;
    	padding: 0
    }
    
    /* D2.3 */
    #pun-pagelinks .container li {
    	display: inline
    }
    
    /* D2.4 */
    #pun-pagelinks li a,
    #pun-pagelinks a:link,
    #pun-pagelinks a:hover {
    	height: 2em;
    	line-height: 2em;
    	padding: 0;
    	font-size: 1.2em;
    	margin-left: -9999px;
    	display: block;
    	float:left;
    	width: 100%;
    }
    
    /* D2.5 */
    #pun-pagelinks a:active,
    #pun-pagelinks a:focus {
    	position:relative;
    	margin: 0;
    }
    #pun-pagelinks li a span {
    	display:block;
    	margin: 0 1em
    }
    
    /* D3 Forum navigation-навигация
    -------------------------------------------------------------*/
    
    /* D3.1 */
    #pun-navlinks,
    #pun-navlinks .container {
    	border-style: none;
    	border-width: 0;
    	margin: 0;
    }
    
    /* D3.2 */
    #pun-navlinks .container {
    padding: 0.7em 1em;
        position: absolute;
        width: 922px;
        text-align: center;
        top: -51px;
        margin-left: -20px;
        height: 20px !important;
    }
    
    /* D.3 */
    #pun-navlinks li {
    	display: inline;
    	padding-right: 1em;
    }
    
    /* D3.4 */
    #pun-navlinks li a {
    	font-size: 1.1em;
    }
    #pun-navlinks a {
    font-family: arial;
        font-size: 16px!important;
        letter-spacing: 1px;
        color: #798189;
        text-transform: lowercase;
        font-style: italic;
        font-weight: bold;
        text-shadow: 0px 1px 1px #c9ced2;
    }
    #pun-navlinks a:hover,
    #pun-navlinks a:focus,
    #pun-navlinks a:active {
    font-family: arial;
        font-size: 16px!important;
        letter-spacing: 1px;
        color: #798189;
        text-transform: lowercase;
        font-style: italic;
        font-weight: bold;
        text-shadow: 0px 1px 1px #c9ced2;
    }
    
    /* D4 User links-нижняя
    -------------------------------------------------------------*/
    
    /* D4.1 */
    #pun-ulinks {
    	border: 2px solid transparent;
    	margin-bottom: 15px;
    }
    
    /* D4.2 */
    #pun-ulinks .container {
    border-top: none;
        padding: 0.7em 1em;
        width: 880px;
        position: absolute;
        text-align: center!important;
        top: -20px;
        letter-spacing: 0px;
        height: 10px !important;
        margin-left: -15px;
    }
    
    /* D4.3 */
    #pun-ulinks li,
    #pun-ulinks li a {
    	display: inline;
    	white-space: nowrap;
    }
    
    /* D4.4 */
    #pun-ulinks li a {
    	padding: 0 0.3em 0 0.6em
    }
    
    /* D4.5 */
    #pun-ulinks li.item1,
    #pun-ulinks li.item1 a {
    	border-left-style: none;
    	border-left-width: 0;
    	padding-left: 0
    }
    
    /* D5 Welcome box and Top Breadcrumbs
    -------------------------------------------------------------*/
    
    /* D5.1 */
    #pun-status,
    #pun-status .container {
    	border-bottom: none;
    }
    
    /* D5.2 */
    #pun-status .container {
    	padding: 0.8em 1em 1em 1em;
    }
    
    /* D5.3 */
    
    /* привет, гость */
    #pun-status span {
    white-space: nowrap;
        margin-right: 0.5em;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 100%;
        color: #346979 !important;
        text-shadow: 0px 1px 1px #e8e8e8;
        font-family: arial;
        font-weight: bold;
        font-style: italic;
    }
    
    /* D5.4 */
    #pun-crumbs1 {
    	font-weight: bold;
    	overflow: hidden;
    	margin-top: 00;
    }
    
    /* D5.5 */
    
    /* название форума наверху */
    #pun-crumbs1 p.container {
    	border-top: none;
    	padding: 0em 1em 0.8em 1em;
    text-align: left;
        letter-spacing: 1px;
        font-size: 13px;
        color: #60747b !important;
        text-shadow: 0px 1px 1px #e8e8e8;
        font-family: arial;
        text-transform: lowercase;
    font-weight: bold;
        font-style: italic;
    }
    
    /* D5.6 */
    #pun-break1 {
    	border-style: solid none;
    	border-width: 0px 0;
    	height: 0;
    	margin: -2px 1em;
    	position: relative;
    	z-index: 1;
    }
    
    /* D6 Announcement
    -------------------------------------------------------------*/
    
    /* D6.1 */
    #pun-announcement h2 {
    	padding: 0;
    	margin: -45px -20px;
    	border-style: none none solid none;
    	border-width: 0 0 1px 0;
    	position: relative;
    	font-weight: bold;
    	visibility: hidden;
    }
    
    /* D6.2 */
    #pun-announcement h2 span {
    	display: block;
    	padding: 0em 0 0.8em 0;
    	border-bottom-style: solid;
    	border-bottom-width: 1px;
    }
    
    /* D6.3 */
    #pun-announcement .container {
    text-align: center !important;
        margin: 65px 0px 0px 0px !important;
        padding: 1.3em 1em 0em 1em;
    }
    
    /* D7 Statistics
    -------------------------------------------------------------*/
    
    /* D7.1 */
    #pun-stats .container {
    	padding: 0.8em 1em font-variant: small-caps;
    	text-align: center;
    }
    
    /* D7.2 */
    #pun-stats li.item1,
    #pun-stats li.item2,
    #pun-stats li.item3,
    #pun-stats li.item4 {
    color: #5c6f76!important;
        background: transparent;
        text-align: center;
        padding: 3px 5px 1px 5px;
        margin-right: 5px;
        display: inline-block;
        font-family: tahoma;
        letter-spacing: 1px;
        font-size: 10px;
        line-height: 12px;
        text-transform: lowercase;
        font-weight: 400;
        text-decoration: none;
        margin-top: 13px;
        border: none;
        outline: 1px solid #e8e8e8;
    }
    
    /* D7.4 */
    li#onlinelist {
    	margin-top: 1em;
    	border-top-style: solid;
    	border-top-width: 1px;
    	float: left;
    	width: 100%;
    	line-height: 130%;
    	letter-spacing: 1px;
    	font-family: tahoma;
    }
    
    /* D7.5 */
    li#onlinelist div {
    	float: left;
    	text-align: left;
    	border-top-style: solid;
    	border-top-width: 1px;
    	padding: 0.7em 0 0 0;
    	letter-spacing: 1px;
    	font-family: tahoma;
    text-transform: lowercase;
    }
    
    /* 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: 0px;
    }
    
    /* 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;
        letter-spacing: 1px;
        font-size: 13px;
        color: #60747b !important;
        text-shadow: 0px 1px 1px #e8e8e8;
        font-family: arial;
        text-transform: lowercase;
    font-weight: bold;
        font-style: italic;
    }
    
    /* D8.8 */
    #pun-break4 {
    	margin: -2px 1em;
    	border-style: solid none;
    	border-width: 1px 0;
    	position: relative;
    	height: 0;
    	z-index: 1;
    }
    
    /* D8.9 */
    div.punbb-admin #pun-about .container {
    	border-top-style: solid;
    	border-top-width: 0px;
    }
    
    /* 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;
    }
    
    /*прокрутка*/
    .scrollgeneric {
    	line-height: 1px;
    	font-size: 1px;
    	position: absolute;
    	top: 0;
    	left: 0;
    }
    .vscrollerbase {
    	/*База вертикального скроллбара*/
    	width: 10px;
    	background-color: transparent;
    }
    .vscrollerbar {
    	/*Цвет и ширина бегунка вертикального скроллбара*/
    	width: 8px;
    background: #d9dee4;
        box-shadow: 0 0 6px 0px #d9dee4 inset, 0 0 0 2px #193744 inset;
    	max-height:18px;
    	border-radius:6px;
    	border: 1px solid #d9dee4;
    }
    .hscrollerbase {
    	/*База горизонтального скроллбара*/
    	height: 10px;
    	background-color: transparent;
    }
    .hscrollerbar {
    	/*Цвет и высота бегунка горизонтального скроллбара*/
    	height: 10px;
    background: #d9dee4;
        box-shadow: 0 0 6px 0px #d9dee4 inset, 0 0 0 2px #193744 inset;
    }
    .scrollerjogbox {
    	background: #d9dee4;
    	width: 10px;
    	height: 10px;
    	top: auto;
    	left: auto;
    	bottom: 0px;
    	right: 0px;
    }
    
    /* бегунок */
    ::-webkit-scrollbar {
    	width: 8px;
    	/* вертикальный бегунок */
    	height: 8px;
    	/* горизонтальный бегунок */
    }
    ::-webkit-scrollbar {
    	width: 8px;
    	height: 4px;
    }
    ::-webkit-scrollbar-track {
    	background: transparent;
    }
    ::-webkit-scrollbar-thumb {
    background: #d9dee4;
        box-shadow: 0 0 6px 0px #d9dee4 inset, 0 0 0 2px #193744 inset;
    }
    
    /* плюсы и оценка постов*/
    .post-rating .container a {
    	text-transform: uppercase;
    	letter-spacing: 1px;
    	font-family: Vienna Convention;
    	color: #00000d!important;
    	text-shadow: 0px 1px 1px #e9dcb0!important;
    	font-size: 12px;
    }
    
    /* убрать награды наверху */
    li#navawards,
    .lastedit {
    	display: none;
    }
    
    /* стиль даты/время в темах */
    #pun-main .post .permalink {
    letter-spacing: 1px;
        text-transform: lowercase;
        font-size: 12px;
        font-weight: bold;
        font-style: italic;
        font-family: arial;
        color: #798189!important;
        text-shadow: 0px 0px 1px #e8e8e8!important;
    }
    li#navawards,
    .lastedit {
    	display: none;
    }
    #mask_dialog .inner {
        background-image: none!important;
    background-color: #c3c3c3!important;
    }
    #main-reply {
    	width: 100%;
    	height: 200px;
    }
    Код:
    /* кнопка новостей */
    .novosti {margin: 10px 10px 0px 0px !important;
        background-color: #c5cace82;
        padding: 3px 10px 5px 10px;
        display: inline-block;
        border: 2px solid #6b9eb3;
        outline: 1px solid #596c72;
    }
    
    .novosti a {font-size: 15px;
        padding: 3px 10px 5px 10px;
        font-weight: bold;
        font-family: tahoma;
        letter-spacing: 1px !important;
        color: #5f7278 !important;
        text-shadow: 1px 1px 0px #e8e8e8 !important;
    }
    
    .novosti:hover,
    .novosti:focus,
    .novosti:active {
        background-color: #e8e8e8;
        border: 2px solid #e49036;
        outline: 1px solid #5c7079;
    }
    
    .opis {
    font-weight: bold;
        color: #6592af;
        font-size: 12px;
        margin-top: -5px !important;
        margin-bottom: -7px !important;
    }
    
    /* личное звание */
    
    .pa-fld1 {
    background-color: #e8e8e85c;
        border: 1px solid #e8e8e8;
        margin: 10px 0px 0px 16px!important;
        width: 186px;
    }
    
    .name {
    font-family: arial;
        letter-spacing: 1px;
        color: #193744;
        text-shadow: 1px 1px 0px #e8e8e8;
        width: 180px;
        line-height: 12px;
        font-size: 12px;
        text-align: center;
        margin-left: 5px!important;
        padding: 6px 0px 5px 0px!important;
    text-transform: lowercase;
    }
    
    .pant {
    font-family: Roboto;
        letter-spacing: 0px;
        color: #5c6f76;
        text-shadow: 1px 1px 0px #e8e8e8;
        width: 180px;
        line-height: 12px;
        font-size: 10px;
        text-align: center;
        margin-left: 3px!important;
    }
    
    .lz {
    font-family: arial;
        letter-spacing: 0.5px;
        color: #193744;
        text-shadow: 1px 1px 0px #e8e8e8;
        width: 172px;
        line-height: 11px;
        font-size: 10px;
        text-align: justify;
    padding: 3px 0px 5px 8px!important;
        margin-left: 0px!important;
    }
    
    .lz a {
        font-weight: bold;
    }
    
    /* ава на главной */
    
    .punbb .user-avatar .avatar-image {
    border-radius: 0% !important;
        height: 30px !important;
        width: 30px !important;
        opacity: 0.85;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
        margin-left: -9px;
    border: 3px solid #e8e8e8;
        outline: 1px solid #193744;
        box-shadow: 3px -4px #e8e8e8;
        padding: 2px;
    }
    
    
    /* футер */
    
    #pun-about p.container {
    	background: url("https://i.imgur.com/iCxdhNs.jpg") transparent no-repeat;
    	width: 944px;
    	height: 211px;
    	margin-left: -41px;
    	text-align: center;
    	font-size: 9px;
    	background-repeat: no-repeat;
    	border: none;
    }
    
    div#html-footer {
    	margin: 0px 0px 0px 0px;
    }
    
    div#pun-about {
    	margin-bottom: -211px;
    }
    
    #pun-announcement.section h2 span {
    	display: none;
    }
    
    a.menu:link,
    a.menu:visited,
    a.menu:active {
    	text-decoration: none;
    }
    
    
    /* ССЫЛКИ */
    
    
    /* непрозрачность границ*/
    
    .punbb .container,
    .punbb .post-body,
    .post h3,
    #pun-title {
    	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;
    }
    
    #pun-stats h2 .punbb .main h1,
    .punbb .main h2,
    #pun-debug h2,
    .punbb-admin {
    	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-color: transparent;
    	font-family: verdana!important;
    	font-size: 11px;
    }
    
    li.pa-online {
    	border-left-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 .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-stats h2,
    .punbb .main h1,
    .punbb .main h2,
    #pun-debug h2,
    .punbb-admin #pun-admain h2,
    #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: #2e3f4c;
    	font-family: tahoma;
    	font-weight: normal;
    	font-style: normal;
    	text-align: justify;
    }
    
    
    /*  нижние ссылки */
    
    #pun-ulinks a {
    font-family: tahoma;
        letter-spacing: 1px;
        font-size: 8px;
        font-style: normal;
        text-transform: uppercase;
        font-stretch: normal;
        line-height: normal;
        font-weight: bold;
        color: #869ec3;
        text-shadow: 0px 0px 0px #e0f7f1;
        position: relative;
    }
    
    
    /*  нижние при наведении */
    
    #pun-ulinks a:hover,
    #pun-ulinks a:focus,
    #pun-ulinks a:active {
    font-family: tahoma;
        letter-spacing: 1px;
        font-size: 8px;
        font-style: normal;
        text-transform: uppercase;
        font-stretch: normal;
        line-height: normal;
        font-weight: bold;
        color: #869ec3;
        text-shadow: 0px 0px 0px #e0f7f1;
        position: relative;
    }
    
    
    /* цвет ссылок */
    
    
    /* CS2.1 */
    
    .punbb a,
    .punbb a:link,
    .punbb a:visited,
    .punbb-admin #pun-admain a,
    .punbb-admin #pun-admain a:link,
    .punbb-admin #punbb-admain a:visited,
    .punbb li.isactive a,
    .punbb li.isactive a:link,
    .punbb li.isactive a:visited {
    color: #193744;
        text-shadow: 0px 0px 1px #584848;
        text-decoration: none;
        letter-spacing: 0.5px;
        transition: all 0.3s ease-in-out;
        border: none !important;
    }
    
    td.tcr a {
    color: #193744;
        text-shadow: 0px 0px 1px #584848;
    	font-family: arial;
    	background-position: left center;
    	font-weight: none;
    	letter-spacing: 1px;
    	font-size: 12px;
    	!important;
    	text-transform: uppercase;
    }
    
    
    /* CS2.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: #110c0d;
    	transition-duration: .7s;
    	-moz-transition-duration: .7s;
    	-webkit-transition-duration: .7s;
    	-o-transition-duration: .7s;
    }
    
    
    /* ИКОНКИ*/
    
    .punbb div.icon {
    	float: left;
    	display: block;
    	height: 55px;
    	width: 55px;
    	background-position: 0% 0%;
    	background-repeat: no-repeat;
    	margin-right: 12px;
    }
    
    Div.icon {
    	height: 55px;
    	width: 55px;
    	background: url(https://i.imgur.com/dfWUxvq.jpg) no-repeat;
    }
    
    TR.inew Div.icon {
    	background: url(https://i.imgur.com/l2d3NK1.jpg) no-repeat;
    }
    
    TR.iclosed Div.icon {
    	background: url(https://i.imgur.com/55WiXL0.jpg) no-repeat;
    }
    
    TR.isticky Div.icon {
    	background: url(https://i.imgur.com/55WiXL0.jpg) no-repeat;
    }
    
    
    /*главная страница*/
    
    #pun-main .category Div.icon {
    float: left;
        display: block;
        margin-top: 18px!important;
        margin-right: 10px!important;
        border-style: none;
        height: 55px;
        width: 55px;
    	background: url(https://i.imgur.com/goYTR5U.jpg) transparent no-repeat;
    }
    
    #pun-main .category TR.inew Div.icon {
    	height: 55px;
    	width: 55px;
    	background: url(https://i.imgur.com/rYxFrjS.jpg) transparent no-repeat;
    }
    
    
    /* личные соо*/
    
    #pun-messages table Div.icon {
    	float: left;
    	display: block;
    	height: 35px;
    	width: 35px;
    	border-style: none;
    	background-image: url() !important;
    	background-repeat: no-repeat;
    	position: relative;
    	margin-right: 13px;
    	margin-left: 10px;
    	margin-top: -7px;
    }
    
    #pun-messages TR.inew Div.icon {
    	background: url(https://i.imgur.com/l2d3NK1.jpg) no-repeat !important;
    }
    
    
    /* ЦИТАТЫ И ПРОЧЕЕ*/
    
    
    /* цитата и код*/
    
    .punbb #pun-main .quote-box,
    .punbb #pun-main .code-box,
    .punbb textarea {
    background-color: #d9dee4;
        color: #1b2731;
        text-shadow: 0px 1px 1px #e8e8e8;
        border: 3px solid #bec3c7;
        outline: 1px solid #193744;
        box-shadow: 3px 3px 0 #e8e8e8;
        padding: 5px 10px;
    }
    
    .punbb #pun-main .quote-box a,
    .punbb #pun-main .code-box a,
    .punbb textarea a {
    color: #607379;
        text-shadow: 0px 1px 1px #e8e8e8;
    }
    
    #font-area,
    .popup_graffiti,
    #size-area,
    #image-area,
    #color-area,
    #addition-area,
    #video-area {
    background-color: #d9dee4;
        color: #1b2731;
        text-shadow: 0px 1px 1px #e8e8e8;
        border: 3px solid #bec3c7;
        outline: 1px solid #193744;
        box-shadow: 3px 3px 0 #e8e8e8;
        padding: 5px 10px;
    }
    
    
    /* быстрый ответ */
    
    {
    background-color: #d9dee4;
        color: #1b2731;
        text-shadow: 0px 1px 1px #e8e8e8;
        border: 3px solid #bec3c7;
        outline: 1px solid #193744;
        box-shadow: 3px 3px 0 #e8e8e8;
        padding: 5px 10px;
    }
    
    
    /* штуки в форме ответа */
    
    .inner,
    #pun_wrap #post .container[id$="-area"] {
    background-color: #d9dee4;
        color: #1b2731;
        text-shadow: 0px 1px 1px #e8e8e8;
        border: 3px solid #bec3c7;
        outline: 1px solid #193744;
        box-shadow: 3px 3px 0 #e8e8e8;
    	padding: 10px;
    }
    
    #font-area {
    	max-height: 270px;
    	overflow-y: auto;
    	font-size: 12px!important;
    }
    
    #font-area::-webkit-scrollbar {
    	width: 3px;
    	height: 7px;
    }
    
    #keyboard-span input {
    	color: #02022d!important;
    	text-shadow: 0px 1px 1px #e9dcb0;
    	!important;
    }
    
    .punbb .move_posts_form .container {
    	background-color: #e9dcb0;
    }
    
    
    /*КНОПКА*/
    
    .punbb .button {
    color: #193744!important;
        background: #d9dee4;
        text-align: center;
        padding: 5px 8px 5px 8px;
        margin-right: 5px;
        display: inline-block;
        font-family: arial;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 12px;
        text-transform: lowercase;
        font-weight: bold;
        font-style: italic;
        text-decoration: none;
        border: none;
        outline: 1px solid #193744;
    }
    
    .punbb .button:hover {
    color: #193744!important;
        background: #d9dee4;
        text-align: center;
        display: inline-block;
        font-family: arial;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 12px;
        text-transform: lowercase;
        font-weight: bold;
        font-style: italic;
        text-decoration: none;
        border: none;
        outline: 1px solid #193744;
    }
    
    .punbb input {
    color: #193744!important;
        background: #d9dee4;
        text-align: center;
        padding: 5px 8px 5px 8px;
        margin-right: 5px;
        display: inline-block;
        font-family: arial;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 12px;
        text-decoration: none;
        margin-top: 13px;
        border: none;
        outline: 1px solid #193744;
    }
    
    
    /* КАТЕГОРИИ*/
    
    #pun-category1.category h2 {
    	background: url(https://i.imgur.com/9sR0pX4.jpg);
    	width: 945px;
    	height: 34px;
    	font-size: 0 !important;
    	margin-left: -41px;
    	border: none;
    }
    
    #pun-category2.category h2 {
    	background: url(https://i.imgur.com/9sR0pX4.jpg);
    	width: 945px;
    	height: 34px;
    	font-size: 0 !important;
    	margin-left: -41px;
    	border: none;
    }
    
    #pun-category3.category h2 {
    	background: url(https://i.imgur.com/9sR0pX4.jpg);
    	width: 945px;
    	height: 34px;
    	font-size: 0 !important;
    	margin-left: -41px;
    	border: none;
    }
    
    #pun-category4.category h2 {
    	background: url(https://i.imgur.com/9sR0pX4.jpg);
    	width: 945px;
    	height: 34px;
    	font-size: 0 !important;
    	margin-left: -41px;
    	border: none;
    }
    
    #pun-category5.category h2 {
    	background: url(https://i.imgur.com/9sR0pX4.jpg);
    	width: 945px;
    	height: 34px;
    	font-size: 0 !important;
    	margin-left: -41px;
    	border: none;
    }
    
    #pun-category6.category h2 {
    	background: url(https://i.imgur.com/9sR0pX4.jpg);
    	width: 945px;
    	height: 34px;
    	font-size: 0 !important;
    	margin-left: -41px;
    	border: none;
    }
    
    
    /* статистика */
    
    #pun-stats.section h2 {
    	background-attachment: scroll;
    	background-clip: border-box;
    	width: 945px;
    	height: 34px;
    	font-size: 0em;
    	border: none;
    	text-align: center;
    	margin-left: -41px;
    	background-color: transparent;
    	background: url(https://i.imgur.com/9sR0pX4.jpg);
    	background-origin: padding-box;
    	background-position: 50% 0%;
    	background-repeat: no-repeat;
    	background-size: auto;
    }
    
    
    /* разделитель перед формой ответа */
    
    #post-form h2 {
    	background: transparent url() no-repeat scroll center top;
    	width: 900px;
    	height: 33px;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	margin-left: -16px;
    	padding-top: 0px;
    	border: none;
    }
    
    #post-form h2 span {
    	display: none;
    }
    
    
    /* Разделитель сообщений */
    
    #pun-viewtopic .post h3 {
    	background: transparent url() no-repeat scroll center top;
    	width: 900px;
    	height: 33px;
    	margin-left: -16px;
    	border: none;
    	margin-top: 0px;
    	padding-top: 0px;
    }
    
    
    /* разделялка при поиске */
    
    #pun-searchposts .post h3 span,
    #pun-post .post h3 span {
    	margin-left: 230px;
    	margin-top: 7px;
    }
    
    #pun-searchposts .post h3 span,
    #pun-searchposts .post h3 span a {
    	color: #57647a;
    	text-shadow: 1px 0px 2px #bbafa2;
    	font-weight: bold;
    	font-size: 11px !important;
    	font-family: barkentina;
    }
    
    #pun-searchposts .post h3 span,
    #pun-searchposts .post h3 span a:active {
    	color: #57647a;
    	text-shadow: 1px 0px 2px #bbafa2;
    	font-weight: bold;
    	font-size: 11px !important;
    	font-family: barkentina;
    }
    
    #pun-viewtopic .post h3,
    #pun-searchposts .post h3,
    #pun-post .post h3 {
    	background: transparent url() no-repeat scroll center top;
    	width: 900px;
    	height: 33px;
    	margin-left: -16px;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	padding-top: 7px;
    	border: none;
    }
    
    
    /* ПРОФИЛЬ*/
    
    .punbb .post .post-author {
    	overflow: hidden;
    	float: left;
    	padding: 9px 0px 10px 22px!important;
    }
    
    
    /* Шрифт в оформлении профиля */
    
    .punbb .post .post-author ul,
    .punbb .post .post-author p {
    line-height: 140%;
        text-align: center;
        color: #193744;
        margin-left: 10px;
    }
    
    
    /* рамка верх-низ-середина */
    
    .post-author {
    	background: url("https://i.imgur.com/MYhM4w0.jpg") no-repeat scroll center top, url("https://i.imgur.com/MYhM4w0.jpg") no-repeat scroll center bottom, url("https://i.imgur.com/MYhM4w0.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
    	margin-right: -15px !important;
    	margin-left: -20px !important;
    	margin-top: 10px !important;
    	width: 250px !important;
    }
    
    
    /* аватар */
    
    li.pa-avatar {
    	z-index: 5;
    	margin-top: 8px;
    	padding-bottom: 0px !important;
    	align: center;
    }
    
    .pa-avatar.item2>img {
    	border-image: url("") 8 8 8 8 round round;
    	box-shadow: 0 0 0px #767a86;
    }
    
    
    /* рамка */
    
    li.pa-avatar img {
    	border: 3px solid transparent;
    	outline: 1px solid #e8e8e8;
    	margin-bottom: 0px;
    	max-width: 180px;
    	max-height: 180px;
    }
    
    
    /* статус */
    
    .pa-title {
    text-align: center;
        z-index: 1000;
        color: #62757c!important;
        text-shadow: 0px 0px 1px #e8e8e8;
        font-size: 10px!important;
        font-family: tahoma!important;
        font-style: normal;
        font-stretch: normal;
        width: 180px;
        line-height: 13px;
        letter-spacing: 1px !important;
        text-shadow: 0 0 1px #c0b89f!important;
        margin-top: 10px !important;
        margin-bottom: 0px!important;
        margin-left: 20px !important;
        text-transform: lowercase;
    }
    
    
    /* уважение и репуация */
    
    .pa-posts {
    text-align: center;
        display: inline-block;
        width: 65px;
        line-height: 15px;
        font-size: 10px;
        padding: 0px!important;
        margin-bottom: 5px!important;
        color: #193744!important;
        text-shadow: 0px 0px 1px #584848 !important;
        font-family: tahoma;
        font-style: normal;
        font-weight: lighter;
        text-transform: lowercase;
        letter-spacing: 0.5px !important;
        padding: 10px 20px 0px 0px!important;
    }
    
    .pa-respect {
    text-align: center;
        display: inline-block;
        width: 65px;
        line-height: 15px;
        font-size: 10px;
        padding: 0px!important;
        margin-bottom: 5px!important;
        color: #193744!important;
        text-shadow: 0px 0px 1px #584848 !important;
        font-family: tahoma;
        font-style: normal;
        font-weight: lighter;
        text-transform: lowercase;
        letter-spacing: 1px !important;
    	padding: 0px 0px 0px 10px!important;
    }
    
    .pa-respect a:hover,
    .pa-respect a:focus,
    .pa-respect a:active {
    text-align: center;
        width: 65px;
        line-height: 15px;
        font-size: 10px;
        color: #193744!important;
        text-shadow: 0px 0px 1px #584848 !important;
        font-family: tahoma;
        font-style: normal;
        font-weight: lighter;
        text-transform: lowercase;
        letter-spacing: 0.5px !important;
    }
    
    /* таблица */
    
    #proc {    font-family: Attentica4F;
        text-transform: uppercase;
        font-size: 110px;
        color: #e59036 !important;
        position: absolute;
        top: -222px;
        margin-left: 30px;
        overflow: auto;
        font-weight: normal;
        letter-spacing: 2px;
        word-spacing: 0em;
        z-index: 999;
    }
    
    <!-- Быстрый перенос сообщений: фон,
    цвета строк --><style type="text/css">.punbb .pun-modal .section h2,
    .punbb .pun-modal .section h1 {
    	padding-left: 1em!important;
    background: #aac1bb!important;
        box-shadow: inset 0px 0px 20px 0px #000c00;
    	color: #0a0a0c;
    	box-shadow: inset 0px 0px 15px 0px #000c00;
    }
    
    .punbb .pun-modal .section .container {
    background: #aac1bb!important;
        box-shadow: inset 0px 0px 20px 0px #000c00;
    }
    
    .Select_Topics tbody tr:nth-child(2n) td {
    	background: #aac1bb;
    }
    
    </style>
    /* закладка */
    
    #MyBookmarks h2,
    .editBookmark h1 {
    	background-color: #cbbea3 !important;
    	/*фон поля закладок*/
    	opacity: 0.9;
    	color: #19191b !important;
    }
    
    #MyBookmarks h2,
    #MyBookmarks h1 {
        padding-left: 1em;
        padding-right: 1em;
        text-align: left !important;
        background-color: #001800 !important;
        opacity: 0.9;
        color: #006858 !important;
        font-family: Vienna Convention;
        text-transform: uppercase;
        padding: 5px 0px 5px 0px;
    }
    
    #MyBookmarks .container {
    background: #e0f7f1 !important;
        opacity: 0.9;
        color: #001800 !important;
    }
    
    #BookmCntToggle {
    	position: fixed;
    	top: 20px!important;
    	/*отступ от верха кнопки*/
    	left: 10px;
    }
    
    #MyBookmarks {
    	top: 50px !important;
    	/*отступ от верха поля*/
    }
    
    #MyBookmarks a {
    	color: #a6998c!important;
    }
    
    #MyBookmarks a:hover {
    	color: #a6998c!important;
    }
    
    .post .bookmark {
    	color: #a6998c!important;
    }
    
    
    /*цвет флажка*/
    
    #BookmCntToggle.default-style {
    color: #006858!important;
    background: #e0f7f1;
        border-left: solid 5px currentColor;
        box-shadow: 0 0 6px rgb(16 4 4);
        color: #001800;
        display: block;
        height: 26px;
        width: 21px;
    }
    
    
    /*цвет элементов кнопки*/
    
    
    /* вкладки доп смайлов */
    
    #wrapper {
    	width: 450px;
    	overflow: auto;
    }
    
    ul.tabs {
    	height: 25px;
    	line-height: 20px;
    	margin: 0 0 3px;
    	list-style: none;
    }
    
    ul.tabs li {
    	float: left;
    	margin-right: 1px;
    	cursor: pointer;
    }
    
    ul.tabs li a {
    	color: #d53d40;
    	cursor: pointer;
    	font-family: arial narrow;
    	display: block;
    	text-transform: uppercase;
    	font-weight: bold;
    	margin-bottom: -1px;
    	padding: 0 14px 1px;
    	position: relative;
    	text-decoration: none;
    	width: 70px;
    }
    
    ul.tabs li a:hover {
    	color: #EFEFEF;
    	padding: 0 14px;
    	background: url("http://flowplayer.org/img/global/tabs.png")no-repeat scroll;
    	background-position: -652px -31px;
    	text-decoration: none;
    }
    
    ul.tabs li.tab-current a {
    	color: #444;
    	padding: 0px 14px 2px;
    	border: medium hidden;
    	line-height: 22px;
    	background-position: -652px -62px;
    }
    
    ul.tabs li.tab-current a:hover {
    	color: #02021c;
    }
    
    div.t2,
    div.t3,
    div.t4,
    div.t5,
    div.t6 {
    	display: none;
    	width: 450px;
    	overflow: auto;
    	height: 200px;
    }
    
    /* баннеры */
    #banners{ position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    width: 860px;
        height: 42px;
    margin-left: 0px;
    margin-top: 25px!important; }
    
    #banners a img {
    opacity:0.9;
    -moz-opacity:0.9;
     /*   
    filter:alpha(opacity=50);  
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
     */
    }
    
    #banners a img:hover {
    opacity:1;
    -moz-opacity:1;
     /* 
    filter:alpha(opacity=100);  
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
     */
    }
    
    .punbb .post-content del {
    text-decoration: none;
    filter: blur(2px);
    }
    
    .punbb .post-content del:hover {
    filter: blur(0px);
    }

    0

    2

    Код:
    <!--процент-->
    <div id="proc">81%</div>
    
    <!- репутация без комментариев ->
    <script>
    var YesForumEdit=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]; //Форумы с редактированием
    if(YesForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)
    RusffCore.sets.reputation = 0;
    FORUM.PartnerVote = function() {return true;};
    </script>
    
    
    <!--непрозрачность-->
    <!-- jquery уже подключен -->
    <script type="text/javascript">
        $(document).ready(function() {
            $('.Hoverbuttons').each(function () {
                  var $span = $(this).css('opacity', 0.5);
                  $(this).hover(function () {
                    $span.stop().fadeTo(600, 1);
                 }, function () {
                    $span.stop().fadeTo(600, 0.5);
                  });
            });
        });
    </script>
    <!--конец-->
    
    <!--прозрачность контейнера баннеров-->
    <script type="text/javascript">
        $(document).ready(function() {
            $('.Hoverbanner').each(function () {
                  var $span = $(this).css('opacity', 0.6); /* до наведения */
                  $(this).hover(function () {
                    $span.stop().fadeTo(600, 1); /*при наведении*/
                 }, function () {
                    $span.stop().fadeTo(600, 0.7); /*после наведения*/
                  });
            });
        });
    </script>
    
    <!--Кастомный Скролл-->
    <script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/48134.js"></script>
    Код:
    <!-- маска профиля -->
    <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
    <script>
    hvScriptSet.addMask({
        guestAccess: ['макулатура', 'картотека', 'прожитое'],
        forumAccessExtended: {
            'семейные драмы': ['Пользователи'],
            'наблюдаем за тобой': ['Пользователи'],
            'мои правила': ['Пользователи'],
            'смешнее не бывает': ['Пользователи'],
            'забытое время': ['Пользователи']
        },
        userFields: ['pa-author', 'pa-fld1', 'pa-fld2', 'pa-title', 'pa-avatar', 'pa-posts', 'pa-fld3', 'pa-respect', 'pa-online']
    });
    </script>
    
    
    <!-- Мгновенный предпросмотр сообщения © Alex_63 -->
        <script type="text/javascript">
        var PPREV = {};
        PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
        PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
        </script>
        <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    
    
    <!-- Кнопка отключения мгновенного предпросмотра -->
        <style>#togglePreview{float:right;margin-top:-30px;}</style>
        <script type="text/javascript">(function (){
          var a='Вкл предпросмотр';
          var b='Откл предпросмотр';
          var d='_PreviewToggle';
          setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
          getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
          $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
          var x = ParseContent;
          window.togglePreview = function(sel){//alert(sel.value);
            if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
            if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
          }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
        }())
        </script>
    
    <!-- шрифты в форме ответа-->
    <script type="text/javascript"> 
    if (document.URL.indexOf("viewtopic") != -1) { 
    var ft; var i; var ft_f; var j = ""; 
    ft = document.getElementById("font-area"); 
    var ft_f = new Array(); 
    ft_f.push('Cormorant Unicase'); 
    ft_f.push('Attentica4F'); 
    ft_f.push('POE Vetica Vanta'); 
    ft_f.push('Alcotton'); 
    ft_f.push('Honey ScriptCYR Light'); 
    ft_f.push('Arimo'); 
    ft_f.push('Fulbo Argenta'); 
    ft_f.push('Calibri Bold'); 
    ft_f.push('Consolas'); 
    ft_f.push('Tw Cen MT Condensed Cyrillic Bold'); 
    ft_f.push('Vienna Convention'); 
    ft_f.push('Zinco-BlackCondensed'); 
    ft_f.push('MinionPro'); 
    ft_f.push('Kurale'); 
    ft_f.push('Gabriela'); 
    ft_f.push('Roboto'); 
    ft_f.push('Lora'); 
    ft_f.push('PlayfairDisplaySC Regular'); 
    ft_f.push('Yeseva One'); 
    ft_f.push('Playfairdisplay'); 
    ft_f.push('pattaya'); 
    ft_f.push('pacifico'); 
    ft_f.push('oranienbaum'); 
    ft_f.push('neucha'); 
    ft_f.push('marckscript'); 
    ft_f.push('lobster'); 
    ft_f.push('cormorant'); 
    ft_f.push('caveat'); 
    ft_f.push('badscript'); 
    ft_f.push('blanken'); 
    ft_f.push('dorotea'); 
    ft_f.push('BebasNeue'); 
    ft_f.push('Bebas'); 
    ft_f.push('Beer'); 
    ft_f.push('Typewriter'); 
    ft_f.push('dali'); 
    ft_f.push('Intro'); 
    ft_f.push('Bahnschrift'); 
    ft_f.push('Vanity-Bold'); 
    ft_f.push('Cheque-Black'); 
    for (i in ft_f) { 
    j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; 
    j += "font=" + ft_f[i]; 
    j += "]','[/font]')\" /></div>"; 
    ft.innerHTML += j; 
    }} 
    </script>
    
    <script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
    <script>
    $(document).ready(function() {
      hvStickerPack.init("https://forumstatic.ru/files/001b/04/0c/75666.txt?v=2");
    });
    </script>
    
    
    <!--скрыть доп строки-->
    <script type="text/javascript">
    var fld = document.getElementsByClassName("pa-fld1")
    for(i=0;i<fld.length;i++){
    fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
    }
    </script>
    
    <!-- Восстановить утерянный при закрытии темы пост -->
    <script src="https://forumstatic.ru/files/0019/37/10/51919.js"></script>
    
    <!-- реплейс дефиса в постах -->
    <script type="text/javascript">
    $('.post-content p').each(function(){
      function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
      var a = $(this).clone().wrap('<div></div>').parent().html();
      var b = a.replace(/>[^<>]+</gim,replacer);
      if(a!=b)$(this).replaceWith(b)
    });
    </script>
    
    <!-- Меняем Шрифт в Топике --> 
    <style id=a_fnt>.post h3 img{margin:0 7px;cursor:pointer;}</style>
    <script type="text/javascript">
    function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}
     
    a='<strong class=fnt style="width:auto;margin-right:28%;"><img src="img/minus.png" alt="-" />Шрифт<img src="img/plus.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
    b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
    var c_Fnt;
    N=getcookieF('c_Fnt')
     if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
     b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
    function setFnt_Size(){
     b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
     $("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
     setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
    }
    $(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
    $(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
    </script><!--End//Меняем Шрифт в Топике -->
    
    <!--кнопки вверх вниз-->
    <div class="go-up" id='ToTop'><img src="https://i.imgur.com/zrg5fMB.jpg" border="0" /></div>
    <div class="go-down" id='OnBottom'><img src="https://i.imgur.com/ovR4b2C.jpg" border="0" /></div>
    <style>
    .go-up,.go-down {
    display:none;
    position:fixed;
    right: 10px; 
    z-index: 9999; 
    cursor: pointer;
    opacity:.7; 
    margin-bottom: 20px; 
    width: 58px; 
    height: 58px; 
    }
    .go-up {
    bottom:350px;
    }
    .go-down {
    bottom:290px; 
    }
    .go-down:hover,.go-up:hover {
    opacity:1;
    }
    </style>
    <!--кнопки вверх вниз-->
    <script type="text/javascript">
    $(function(){
    if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
      else $("#ToTop").fadeIn("slow")
    });
    if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
      else $("#OnBottom").fadeIn("slow")
    });
    $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
    $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
    });
    </script>
    
    <!--Альтернативная вставка картинки-->
    <script>
    var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
    $("#button-image").after(oldIMG);
    </script>
    
    <!--запятая после ника --> 
    <script type="text/javascript">
    function to(username)
    {insert('[b]' + username + '[/b]' + ', ');}
    </script>
    
    <!--ТЕГ  абзаца - [indent] -->
    <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin: 0.6em 1.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>
    
    <!--обтекание изображения 2.4.4--> 
    <script language="javascript"> 
    $(function(){ 
    $('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>'); 
    $('#floatbut, .vibor').click(function(){ 
    $('div#float').toggle();}); 
    }); 
    elm=document.getElementsByTagName("div") 
    for(x in elm) if(elm[x].className=="post-content") 
    { 
    post = elm[x].innerHTML; 
    if(post.indexOf("[/float]") != -1) { 
    floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi 
    elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>") 
    }} 
    </script> 
    <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20"> 
    <div><strong>Направление обтекания</strong></div><br> 
    <div align="center"> 
    <img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('', '')" /> 
    <img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('', '')" /> 
    </div></div>
    
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.Hoverbuttons').each(function () {
                  var $span = $(this).css('opacity', 0.3);
                  $(this).hover(function () {
                    $span.stop().fadeTo(600, 1);
                 }, function () {
                    $span.stop().fadeTo(600, 0.3);
                  });
            });
        });
    </script>
    
    <!- скрыть названия в категориях ->
    <style>
    #pun-stats h2 span,
    .category h2 span {
    visibility:hidden!important;
    }
    </style>
    
    <!-- Пиар-вход v.2 -->
        <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
        <script type="text/javascript">
        PR.nick = 'крылатые сандалии'; //Ник PR-аккаунта
        PR.pass = '1111'; //Пароль PR-аккаунта
        PR.btn_text = 'Пиар'; //Надпись на кнопке PR-входа(или ссылка на картинку);
        PR.set();</script>
    
    <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
    
    <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
    <script type="text/javascript">select_text.linkText = 'Выделить код'</script>
    
    <!-- Разделение ников пользователей в теме запятой -->
    <script>$('#topic-users-in a').prev('a').after(',');</script>
    
    <!-- Аватар по умолчанию / Deff, Alex_63 -->
    <script type="text/javascript">
    var DefAvtr = 'https://s8.hostingkartinok.com/uploads/images/2020/12/ec8383d8140b5edffcaff90930dccc43.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://s8.hostingkartinok.com/uploads/images/2020/12/ec8383d8140b5edffcaff90930dccc43.png'; //Ссылка на аватар для Гостя
    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });$('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
    <!-- Аватар по умолчанию / Deff, Alex_63 -->
    
    <!-- Новые сообщения -->
    <script type="text/javascript">
    $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
    </script>
    <!-- Конец -->
    
    <!-- Кликабельность ника в постах Гостя --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
    
    <!--Кнопка "текст по ширине"-->
    <style>
    #button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
    </style>
    <script type="text/javascript">
    if(form=document.getElementById("form-buttons"))
    form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
    </script>
    
    <!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
    <script> if($('#pun-viewtopic').length)$(window).load(function () {
    if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
    });
    </script>
    
    <!--Отключить функцию "Поделиться" -->
    <script type="text/javascript">
    RusffCore.sets.share = false;
    </script>
    
    <!--Отключить функцию "Это интересно" -->
    <script type="text/javascript">
    rusffLive.enable = false;
    </script>
    
    <!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
        <script type="text/javascript">
        $('.post-content').each(function() {
            var CNT = $(this).html();
            CNT = CNT.replace(/<p><br><\/p>/img,'');
            CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
            CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
            $(this).html(CNT);
        });
        </script>
    Код:
    <div class="novosti"><a href="https://demitest.rusff.me/viewtopic.php?id=22"> конкурс #1</a></div> <div class="novosti"><a href="https://demitest.rusff.me/viewtopic.php?id=21#p2085"> конкурс #2</a></div> <div class="novosti"><a href="http://demitest.rusff.me/viewtopic.php?pid=4438#p4438"> новости #2</a></div><div class="novosti"><a href="https://demitest.rusff.me/viewtopic.php?id=32#p4416"> перекличка</a></div>

    0


    Вы здесь » просто такая сильная любовь » Lorem ipsum » персик


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