дизайн-архив

Страница: 1

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

Поделиться130-03-2020 11:11:57

Автор: The Creator
Администратор
Сообщений: 25
Уважение: +0
Позитив: +0
Зарегистрирован: 02-01-2020
Провел на форуме:
6 часов 40 минут
Последний визит:
15-05-2020 12:42:54

Деревянные полки - CSS

Код:

/* A1 Import the colour scheme */
@import url(style_cs.css);

@font-face {font-family: Decameron; 
src: url(http://forumstatic.ru/files/001a/a3/ad/37254.ttf); }

@font-face {
font-family: 'Alice';
src: url('http://forumstatic.ru/files/001a/a3/ad/45720.ttf') format('truetype');
font-weight: normal; font-style: normal; }


@media screen and (orientation: portrait), screen and (max-width: 720px) {
.post-box .post-content { font-size: 2.1em !important; }
.punbb textarea { font-size: 2em !important; }
   }


/* A2 Deal with browser defaults and wonkiness */
/* A2.1  */
html, body {margin: 0; padding: 0}


/*** ФОН  ***/
html {
background: url(https://i.imgur.com/PkuwxNT.jpg) 50% 0% no-repeat,
url(https://i.imgur.com/Metmz3g.jpg) 50% 0% repeat fixed;
background-color:#20140c;}

/* 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.75% verdana, arial, helvetica, sans-serif;}

/* A3.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 {font-weight: normal; }

.punbb th, #pun-about .container {font-weight: normal; background-color: transparent; text-transform: lowercase;}
.punbb th {font-size: 0px !important;  font-family: Tahoma, arial; color:#8c7e6e;}
#pun-about .container {font-size: 10px;}


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

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

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

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

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

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


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

/*** Здесь был Шиповничек ***/
/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }


/* A5 Basic page layout and borders  */

/*** A5.1 ПОДЛОЖКА ФОРУМА ***/
#pun {
width: 960px;
margin: 260px auto auto; padding: 0px 20px 110px 20px;
background: url(https://i.imgur.com/PkuwxNT.jpg) 50% calc(0% - 260px) no-repeat, 
url(https://i.imgur.com/evM7H4K.png) 50% 100% no-repeat, 
url(https://i.imgur.com/8db6TZP.jpg) 50% 0% repeat;
background-color:#cabaa1; color:#2f1d06;
}


/* A5.2 */
.punbb {float: left; width: 100%; height: auto;}

/* A5.3 */
#pun #pun-redirect {
  border:0 none!important;
  background-image: url(https://i.imgur.com/Metmz3g.jpg) !important;
  margin: auto; padding:0;
  left:0; right:0; top:0; bottom:0; position:fixed;
  width:100%; height:100%; text-align:center;}
#pun-redirect *{border:0 none; margin:0; padding:0;}
#pun-redirect .main-title {display:none;}
 #pun-redirect.punbb .info .container {
  height:200px; width:400px; text-align:center;
  margin:auto!important; padding:0;
  left:0; right:0; top:0; bottom:0;
  position:absolute; font-weight:bold; display:block;
  background: transparent !important; color: #6b5842 !important; }
#pun-redirect.punbb .info a{color: #a18e6d;
font: normal 400 12px/normal Tahoma, Georgia;}


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

/* A5.5 */
.punbb .category {margin-top: 0.4em; padding-bottom:1.2em;}
.punbb .post {padding-top: 0px; background: transparent; }

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

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

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



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

/* B1.2 подпись */
.punbb .post-sig dt {display: block; width: 70%; height: 13px; margin: 10px auto; border: 0; 
background: url(https://i.imgur.com/s5aEUSa.png) 50% 0% no-repeat transparent; }
.post-content .post-sig p {font-size: 11px !important;}

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

/* B1.4 */
.punbb .post-content img {vertical-align: text-bottom;}
.punbb .post-content img.postimg {margin: 0.2em 0px !important;}

/* B1.5 */
.punbb .post-content img.postimg {vertical-align: middle; height:auto; width:auto; max-width:100%;}

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.5em 0.5em 0.9em; padding: 1em 1.5em;}


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block; padding: 5px 16px 5px; margin: auto -1.2em 1em;
text-align: center;
font-size: 14px; font-weight: 400 !important; font-style: normal;
font-family: Alice, Tahoma, serif; color: #c7ad84;
background: rgba(0,0,0,0.5);
}



/* B2 Information boxes */
/* B2.1 */
.punbb .info-box {padding: 1.1em 1.7em 1em 1.7em; border-style: none; border-width: 0px; 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 */
.multipage{background:transparent;}

#pun-main .linkst {width: 100%;  font-family: Alice, Tahoma, times; color:#5d4121;  }
.linkst .pagelink {width: 20rem; display: inline-block; font-size: 0.85rem; padding: 0.5rem; margin: 0.2rem auto; }
.linkst .postlink {display: inline-block; float:right; width:18rem; text-align:right; font-weight:700;
font-size: 0.85rem; padding: 0.5rem; margin: 0.2rem auto; }

.punbb .linksb {width: 100%; font-family: Alice, Tahoma, times; color:#5d4121; }
.linksb .pagelink {width: 20rem; display: inline-block; font-size: 0.85rem; padding: 0.5rem; margin: 0.2rem auto;
color: #5d4121; font-weight:400;}
.linksb .postlink {display: inline-block; float:right; width:16rem; font-size: 0.85rem; text-align:right; font-weight:700; padding: 0.5rem; margin: 0.2rem auto; }



/*** НОМЕР АКТИВНОЙ СТРАНИЦЫ ***/
.linkst .pagelink strong, .linksb .pagelink strong {padding: 0 3px; border-bottom: 1px solid #5d4121;}


/* B3.8 */
.subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em; }
.punbb .linksb .subscribelink {font-size:11px !important; text-align:center;}

/*****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: none; border-width: 0px; padding: 0 18px 0 18px; margin: 0 0 1em 0; border-color: transparent;}

/* C1.5 */
.punbb fieldset legend {padding: 0; margin: 0 0 0 11px; font-size: 1.2em; color:#694921; font-family: Tahoma, Arial, sefir;}

.punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span {font-weight: bold; color:#694921; border-bottom: 1px solid #92836c;}
.punbb legend span {font-family: Alice, Tahoma, sefir;}

/* C1.6 */
.punbb fieldset legend span {padding: 0 5px; margin: 0 0 0 -15px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* C2 Table layout */
/* C2.1 */
.punbb .main .tcl {overflow: hidden; text-align: left; width: 56%; vertical-align: middle;}
.punbb em.user-avatar {margin:-6px 10px 2px 0px !important;}
.punbb .user-avatar .avatar-image {border-radius:10% !important;}
#pun-online .main .tcl {text-align: left; padding: 7px 0 7px 30px;}

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

/* C2.3 */
.punbb .main .tcr {overflow: hidden; text-align: center; width: 28% !important;}

/*** ШИРИНА НА ГЛАВНОЙ СТРАНИЦЕ ***/
#pun-index #pun-main .tcl {overflow: hidden; text-align: left; width: 50% !important; padding-right:0px; }

#pun-index #pun-main .tcmod {text-align: center; width: 10%;}
#pun-index #pun-main .tc2, #pun-index #pun-main .tc3{
display: list-item; clear: right;
width: auto !important;
padding-left: 10% !important;
padding-right: 10% !important;
list-style-type: none;
text-align: center !important;
padding-bottom: 1px !important; }
#pun-index #pun-main .tc2 {padding-top: 2.3em !important;}
#pun-index #pun-main .tc3 {padding-top: 0 !important;}

#pun-index #pun-main .tc2:before {content: "Тем: " !important;}
#pun-index #pun-main .tc3:before {content: "Сообщений: " !important;}

#pun-index #pun-main .tcr {overflow: hidden; text-align: center; width: 30% !important; padding-right: 12px;}

/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%;}
#pun-searchtopics .main .tcl, #pun-searchtopics .main .tcr {font-size:1em;}

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

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

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

/* C2.8 */
#pun-index .tcl h3 { font-weight: normal; text-align:center; padding-bottom: 6px; }

/*** НАЗВАНИЯ ФОРУМОВ НА ГЛАВНОЙ  ***/
.punbb .main .tcl h3 { margin: 1em auto 0.5em auto; font-family: Decameron, Times New Roman, serif; font-weight: 400; }

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

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

/* C2.11 */
.punbb .main td {border: none; padding: 0.6em 0.6em;}

/* C2.12 */
.punbb .main th {border: none; padding: 0.4em 1em 0.4em 1em;}

/* C2.13 ИКОНКИ */
.punbb div.icon {float: left; display:block; height:22px; width:22px; background-position: 0% 0%; background-repeat: no-repeat;}

Div.icon { 
height:22px; width:22px; margin: -2px 10px auto 18px; 
background: url(https://i.imgur.com/86vaqDu.png) no-repeat; opacity:0.4;}
TR.inew Div.icon {background-position: -84px 0px; opacity:1;}
TR.iclosed Div.icon {background-position: 0px 0px; opacity:1;}
TR.isticky Div.icon {background-position: -42px 0px; opacity:1;}  

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

/* C2.14 */
.punbb td div.tclcon {margin-left: 0px; padding: 2px 0px 18px; font-size: 1em;} 


/*** ОФОРМЛЕНИЕ ГЛАВНОЙ СТРАНИЦЫ  ***/
#pun-index #pun-main td div.tclcon {
margin: 8px 12px auto; padding: 8px 14px 14px;
font-size: 1em; line-height: 110%;
text-align: center; font-style: normal;
background: url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(0% - 20px) no-repeat, 
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 4px #110b07 inset, 0 0 5px #4b2c10;
color: #8a6a3e;
   }

/*** КРЫСА ***/
#pun-index #pun-main .alt1 td div.tclcon::after {display:block; content: " ";
background: url(https://i.imgur.com/njdg1Ac.png) 0% 100% no-repeat; 
width:56px; height:68px; position: absolute;
margin-top: -40px; margin-left: -20px;}
#pun-index .main .tc2, #pun-index .main .tc3 {font-family: Times New Roman, Georgia, serif; font-size: 12px; color:#947147;}


/*** БЛОК ОПИСАНИЯ ФОРУМОВ ***/
.foropisanie {display: block; padding: 10px 10px; margin-bottom: 12px !important;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
background: rgba(0, 0, 0, 0.4);
color: #b1987b;
box-shadow: 0 0 2px #170e04 inset, 0 0 5px #0c0702 inset, 0 1px 4px #060402;
text-decoration: none;  }



/*** ИКОНКИ НА ГЛАВНОЙ ***/
#pun-main .category td div.tclcon { padding-top: 2px; text-align:justify;}
#pun-main .category Div.icon {position:relative; float: right; display:block; border-style:none; 
height:70px; width:64px; 
margin: 0px 14px auto 0px; 
background-repeat: no-repeat; 
background: url(https://i.imgur.com/QKGXDeY.png) transparent; 
background-position: 0% 0% !important;
opacity:1;
   } 
#pun-main .category TR.inew Div.icon{background-position: -104px 0px !important; opacity:1;}  


 /* C3 Topics */
/* C3.1 */
.punbb .post .container {border-style: none; border-color: transparent; border-width: 0px; margin: -1px 0.5em auto 0.5em; padding-bottom: 1px; }

/* C3.2 ДАТА ПОСТА */
.punbb .post h3 {
width: auto; margin: auto -20px; padding: 5px 25px;
font-size: 10px;
color: #ac956c;
text-shadow: 0 0 2px #000;
background: url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/FXUyad8.jpg) 50% 0% repeat #20140c;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 4px #110b07 inset, 0 0 5px #4b2c10; 
   }

/*** C3.3 ***/
.punbb .post h3 span { display: block; text-align: center; }

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


/* C3.5 */
.punbb .post .post-author {float: left; margin-top: -15px; margin-left:auto; overflow: hidden; text-align:center; }


/*** БЛОК ПОЛЬЗОВАТЕЛЯ ***/
.post-author { width: 216px;
background: url(https://i.imgur.com/7cO898B.png) 100% 0% no-repeat border-box, 
url(https://i.imgur.com/6Hpn4p8.png) 100% 100% no-repeat border-box,
url(https://i.imgur.com/6Hpn4p8.png) 0% 0% repeat padding-box #20140c;
border-top: 40px solid transparent; border-bottom: 25px solid transparent;
color: #9a8164;   }

/*** КРЫЛО ДРАКОНА ***/
.post-author::before {display:block; content: " ";
background: url(https://i.imgur.com/7cO898B.png) 0% 0% no-repeat; 
width:14px; height:100px; position: absolute;
margin-top: -40px; margin-left: -14px;}

/*** СВЕЧА ***/
.post-author::after {display:block; content: " ";
background: url(https://i.imgur.com/iQ7Jcok.png) 100% 100% no-repeat;
width: 40px; height:46px; position: absolute;
margin-top: -50px; margin-left: 168px;}


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


/*** C3.8 ***/
.pa-author { text-align: center; 
font-weight: 400; font-size: 18px;
font-family: Decameron, Times New Roman, serif; 
padding-top:70px !important; margin-bottom: 8px; letter-spacing: 1px;
color:#bd9b72;
   }

.pa-author strong {font-weight: 400;}


/* C3.9 */
li.pa-title { padding: 0 0 6px 0; font-weight: 400; font-size: 11px; font-family: Tahoma, serif; }

li.pa-online {line-height: 0.8em; border-left-style: none; margin-top: 0.7em;}
li.pa-online strong {font-style: italic; font-weight: 400 !important; font-family: Georgia, Tahoma, serif;}

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

/* C3.12 */
.punbb .post-box {padding: 1.6em 0.9em 1em 2.2em;}
#profile .post-box {padding-right: 0em !important;}

/*** ТЕЛО ПОСТА ТЕКСТ ***/
.post-box { font-size: 1.1em; text-align: justify; }

/*C3.13 */
.punbb fieldset .post-box {margin-bottom: 0.8em;}

/* C3.14 */
.punbb .post-links {margin-left: 19em; border-left-style: none; border-left-width: 0px; border-color: transparent; 
font-weight:400; font-family: Alice, Tahoma, Arial; text-transform: uppercase;
text-shadow: 0 0 1px #88653d;  }


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

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

/* 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: 1.1em !important;}


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

/*** C6.2 ***/
#profilenav {
float: left; display: inline; width: 14em; margin-left: -16.3em; padding-top: 1.1em;
text-align: center; 
background: url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(0% - 20px) no-repeat, url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(0% - 20px) no-repeat, 
url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(100% + 20px) no-repeat, url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 4px #110b07 inset, 0 0 5px #4b2c10;
}

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

/* C6.4 */
#viewprofile ul, #profilenav ul {border-style: none; border-width: 0px; border-color: transparent; padding: 1em 18px 0.1em 18px; margin: 0 0 1em 0;}

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

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

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

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

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

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

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

/*** ВКЛАДКИ ПРОФИЛЯ ***/
#viewprofile h2 span, #profilenav h2 span {
font-weight: 400; font-size: 19px; font-style: normal; text-decoration: underline;
color: #c5a671 !important; font-family: Decameron, Georgia, times; }


/*** РАМКА И ТЕНЬ ДЛЯ АВАТАРКИ ***/
.pa-avatar img {
max-width: 200px; max-height:350px; 
width:auto; height:auto; margin: auto; 
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 5px #000;
}


/*** РАДИУС У АВАТАРОК ПРИ ССЫЛКАХ ***/
.punbb .user-avatar .avatar-image {border-radius:5% !important;}


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


/*****D - PUNBB SECTIONS OTHER THAN MAIN CONTENT*****/
/* D1.1 */
#pun-title {margin: 0; border-style: none; border-width: 0px;}

/* D1.2 название форума */
#pun-title h1 {display: none; height: 20px; padding: 2em 1em 0 1em;}

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

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

#pun-title table {border:none; height:200px; background: transparent; position:relative; margin-top:-260px;}

#pun-title td.title-logo-tdl {border:none; width: 100%;}
#pun-title td.title-logo-tdr {border: none; vertical-align: top; top: 0px; left: 5%; margin-top: 0px; position: absolute;}


/* 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-left: none 0px; border-right: none 0px; 
text-align:center; 
font-family: Decameron, Times New Roman, Arial, serif; 
margin-bottom:0px; 
font-weight:400; 
   }

/* D3.2 */
#pun-navlinks .container {margin: 24px auto 24px;}

/* D.3 */
#pun-navlinks li {display: inline; padding-right: 1.6em; }
#pun-navlinks li:last-child {padding-right: 0;}

/* D3.4 */
#pun-navlinks li a {font-size: 20px; letter-spacing: 2px;}

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

/* D4.2 */
#pun-ulinks .container {
margin: 0px auto 14px auto; height:15px; 
text-align: center; text-transform: lowercase; font-size: 12px; font-family: Alice, Arial, serif;
   }

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

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

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

/* D5 Welcome box and Top Breadcrumbs */
/* D5.1 */
#pun-status, #pun-status .container {border-bottom: none; margin-bottom: 0; margin-top:1em; }

/* D5.2 */
#pun-status .container {
padding: 0em 1em 0.7em 2.2em; 
font-size: 1em;
   }

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

/* D5.4 */
#pun-crumbs1 {
font-weight: 600; font-size: 1em;
overflow: hidden; margin-top: 0;
color: #5a4321; font-family: Tahoma, Verdana, serif;
   }

/* D5.5 */
#pun-crumbs1 p.container {border-top: none; padding: 1em 1em 0.8em 1em;}

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

/* D6 Announcement */
/* D6.1 */
#pun-announcement h2 {display: none; 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;}

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

/* D6.3 */
#pun-announcement .container {background: transparent; padding: 0px 20px 6px 20px;  margin-top: 0px; }

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

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

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

/***  КАРТИНКА ПЕРЕД СТАТИСТИКОЙ  ***/
#pun-stats ul.container {
background: transparent url(https://i.imgur.com/QKGXDeY.png) no-repeat -104px 30%;
margin: auto 14px auto 18px; padding-left: 80px; image-rendering: pixelated;  } 


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

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

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

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

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

/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: center;
line-height: 150%;
padding: 0.8em 1em 8px;}

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

/* D8.6 */
#pun-crumbs2 {
font-weight: 600; font-size: 1em;
overflow: hidden; margin-top: 0;
color: #5a4321; font-family: Tahoma, Verdana, serif;
   }

/* D8.7 */
#pun-crumbs2 .container {border-bottom: none; padding: 0.8em 1em;}

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

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

/* D9 Help file */
/* D9.1 */
#pun-help .formal .info-box h3.legend {border-bottom-style: none; border-bottom-width: 0px; 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: none; border-bottom-width: 0px; 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;}


/*** ЦВЕТ АДМИНКИ ***/
.punbb-admin #pun-admain .adcontainer, #pun-admain {background-color:#cabaa1;}
#pun-navlinks li#navadmin a span {display: none;}
#pun-navlinks li#navadmin a:before {content: 'Админка';}


/*** всякое ***/
.punbb #pun-main .info-box .legend, .punbb .info-box, #setmods dd, #viewprofile li div, #viewprofile li strong, .punbb .formal fieldset .post-box, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .post .container, .punbb .main .container {background: transparent}
#pun-navlinks .container {background-color: transparent;}
.offline li.pa-online strong {font-weight: normal;}
.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 h2, #pun-debug h2, .punbb .main h1 {
background: 
url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;
color: #bb9a72;
padding: 5px 1.5em 4px; margin: -4px -20px auto -20px;
text-align:center;
font-family: Alice, Times New Roman, serif;
font-size: 15px !important; font-style: normal;
letter-spacing: 1px;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 4px #110b07 inset, 0 0 5px #4b2c10; 
   }
.punbb-admin #pun-admain h2 {
text-align:center; color: #cabaa1;
font-family: Times New Roman, Tahoma, Arial; font-size: 12px !important; }

.punbb td, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border: none;}

#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 .formal fieldset .post-box, .punbb .info-box {border: transparent;}
.punbb .divider {border-color: transparent;}
#pun-main div.catleft, #pun-main div.catright {display: none}

#poll-special td h1{background: #95a912 !important; margin: auto 0;}
table.poll2 {margin-left:40px;}


/*** ЗАПЛАТКА НА ПРЕВЬЮ ***/
#post-preview, fieldset {min-width:0;}
.punbb .post-content .quote-box + p:first-line { line-height: 150%; }


/*** ЗАПЯТАЯ МЕЖДУ ПОЛЬЗОВАТЕЛЯМИ ***/
#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display: none;}


/*** ГРАНИЦЫ ТАБЛИЧЕК ***/
.punbb .post-content td {border: 0px none transparent !important;}


/*** ПЕРЕМЕЩЕНИЕ СООБЩЕНИЙ - РАЗДЕЛИТЕЛЬ ***/
div.Select_Topics .container tr { border-bottom: 1px solid #c1b08c; }


/*** ФОН ДЛЯ ВЫСКАКИВАЮЩИХ ОКОН ***/
.inner, #pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner, #post-sig .container[id$="-area"] {
outline:none; background: #d0c5b1;
box-shadow: inset 0 0 6px 0 #b09671, 0 1px 3px rgba(117, 73, 44, 0.35);
border: 1px solid #855e37;
}

#pun_wrap #post .container[id$="-area"] {max-height:264px; overflow:auto;}

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
display: none; position: fixed; z-index: 10; width: 100%; height: 100%; left: 0;top: 0;
background: #0c0a0a !important; opacity: .65; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; cursor: pointer; }


/*** РЕЙТИНГ ПОСТА ***/
div.post-rating a, div.post-vote a, .post-rating p.container {font-weight:normal; font-size:0.9em;}


/*** ЗАПЛАТКИ ДЛЯ ЗАКЛАДКИ ***/
#MyBookmarks .container, .editBookmark {
border: 1px solid #7b5832 !important; background: #cabaa1;
box-shadow: inset 0 0 4px #a27332, 0 1px 3px rgba(81, 48, 10, 0.3);  }
#MyBookmarks .container {padding: 2em 1em 1em !important; }
#MyBookmarks {max-height: 300px; margin-top: 5%;}
#BookmCntToggle.default-style {color: #895d36 !important;}
#MyBookmarks h2, #MyBookmarks h1 {margin: auto; padding: 10px 1em !important; }

/*** тень для ЛС ***/
span.num_msg, span.num_msg:before {text-shadow: 1px 1px 1px #000 !important;}
span.num_msg {padding: 2px 6px !important; border-radius: 50%;}

/*** ЗАПЛАТКА ДЛЯ ПЛАВАЮЩЕГО БЛОКА ***/
.punbb .main .tcr span { overflow: hidden; }

/***** ФИКС ДЛЯ ФОНДА ФОРУМА ******/
#pun-status p span.item3 {display: inline-block !important; }

/***** НИКНЕЙМ АВТОРА ТЕМЫ В СПИСКЕ ******/
#pun-main .forum .tcl .byuser {font-size: 10px;}
#pun-main .forum .tcl .byuser:before {content: "— " !important;}

/***  ЗАПЛАТКА ДЛЯ ПОЛЯ ОТВЕТА ***/
textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%;
   }

/*** Фикс против расплывающейся репутации ***/
#pun-respect .tc3 {position: relative; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; }

.pa-posts, .pa-respect {display:inline-block; width:31%; margin-bottom: 6px;}
.pa-posts {margin-right:18px;}

.mini_awards_label { display: none; }
li.pa-awards>br {display:none;}
ul.post-ul-Sp.Sp1 {padding: 6px 0px 0px !important;}


/*** МОДЕРАТОРСКОЕ МЕНЮ    ПОЛЯ ВВОДА ***/
.punbb input, .punbb select, .punbb optgroup {
outline: none; padding: 5px;
background-color: #dacfba; color: #2b1d04;
border: 1px solid #a48559; box-shadow: 0 0 4px #bda57f inset;
}

/*** МОДЕРАТОРСКОЕ МЕНЮ, RSS ATOM ***/
#topic-modmenu {
width: auto; margin-left: -20px; margin-right: -20px; padding: 5px 10px;
background: url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;
color: #c7ad84;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 4px #110b07 inset, 0 0 5px #4b2c10;
}


/*** ПРИВЕТСТВИЕ   КОПИРАЙТ  ***/
#pun-status .container, #pun-about .container {color:#77511e; font-family: Tahoma, arial, serif;}


/*** ТЕМУ ПРОСМАТРИВАЮТ ***/
#pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; color: #694921; }


/*** ПОЛЕ ОТВЕТА ***/
.punbb textarea {
padding: 0.8em; outline: none; font-size: 0.75rem !important;
background: url(https://i.imgur.com/kb2uWne.png) calc(100% + 320px) 50% no-repeat rgba(225, 222, 215, 0.2);
box-shadow: inset 0 0 6px 0 #b09671, 0 1px 3px rgba(117, 73, 44, 0.25);
border: 1px solid #855e37; width: calc(100% - 1.8em) !important; }

/*** ЦИТАТА И КОД ***/
.punbb .quote-box, .punbb .code-box { 
outline: none; color: #c7b39b;
background: 
url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;
box-shadow: 0 0 4px #000 inset, 0 0 3px #180d08;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
}
.punbb .quote-box {font-size: 1em;}
.punbb .code-box { font-size: 0.9em; outline: none; }


/*** HR-разделитель ***/
hr { border: 0; height: 1px;
background: #6b4511;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #6b4511 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #6b4511 50%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #6b4511 50%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #6b4511 50%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, #6b4511 50%, rgba(255,255,255,0) 100%);}


/*** ВЫДЕЛЕННЫЙ ТЕКСТ ***/
.post-content .highlight-text { background-color: #eaaf66 !important; padding: 0 3px;}

/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
::selection { background: #2b180d; color: #cbbfa9; }  
*::-moz-selection { background: #2b180d; color: #cbbfa9; }

/*** ЦВЕТНОЙ СКРОЛЛ ***/
*::-webkit-scrollbar {width:5px; height:5px; background:rgba(156, 119, 74, 0.2);}
*::-webkit-scrollbar-thumb {background: #9c7647; box-shadow: inset 0 0 0 1px #6e4726;}
*::-webkit-scrollbar-corner {background: transparent;}

/**** ПОДСКАЗКИ ****/
#tooltip { position:absolute;
background: rgba(0,0,0,0.93);
color: #c5b99f; text-shadow: 0 0 1px #000;
max-width:300px;
box-shadow: 0 0 2px #000, inset 0px 0px 3px 0px #000;
border-radius: 5px;
margin: 0.4em 1.1em 1.4em 0.8em; padding: 0.6em; 
font-weight: 400; font-size: 13px; font-family: Alice, Georgia, times;
display:none; }

/***  Убрать Закрыто и Важно  ***/
.stickytext,.closedatafield {display:none;}

/*** СКРЫВАЕМ НЕКОТОРЫЕ ЭЛЕМЕНТЫ ***/
li#navawards, .pl-share, .lastedit, .pa-gifts, #button-files_rusff, #pun-live-rusff, #pun-title .title-logo span, .sharelink, .pa-from, .pa-sex, .pa-age, .pa-invites {display:none !important; }

/***   МАСКА ПРОФИЛЯ   ***/
#mask_dialog .inner { background: url(https://i.imgur.com/8db6TZP.jpg) 50% 0% repeat #cabaa1; }


/****** АДМИН_1 И АДМИН_2 ******/
.admin1, .admin2 {display: block; position: absolute; padding: 0; background: #1d1008; color: #b1a18a;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 3px #110b07 inset, 0 1px 4px #060402;
text-decoration:none;  }

.admin1 { margin-top: -196px !important; margin-left: 652px !important; transform: rotate(-2deg);
 transition-duration: 0.7s; transition-property: all; transition-timing-function: ease;  }
.admin1 img{height:90px; width:78px; margin-bottom: -2px; filter: sepia(80%);  opacity:0.65;
 transition-duration: 0.7s; transition-property: all; transition-timing-function: ease; }
.admin2 { margin-top: -197px !important; margin-left: 798px !important; transform: rotate(0deg);
 transition-duration: 1s; transition-property: all; transition-timing-function: ease; }
.admin2 img {height:54px; width:54px; margin-bottom: -2px; filter: sepia(80%); opacity:0.65;
 transition-duration: 0.7s; transition-property: all; transition-timing-function: ease; }

.admin1 img:hover, .admin2 img:hover { filter: sepia(0%); opacity:1; transition-duration: 0.5s; transition-property: all; transition-timing-function: ease; }

.admin1:hover, .admin2:hover {transform: rotate(2deg); 
transition-duration: 0.5s; transition-property: all; transition-timing-function: ease; }


/****** ЛУЧШИЙ ЭПИЗОД, АДМИНИСТРАЦИЯ ******/
.adminytext, .bestpost {
display: block; position: absolute; width: 200px; height: 20px; line-height: 20px; background: transparent; text-align: center; font-size: 12px; color: #b09367; font-family: Alice, Times New Roman, serif; letter-spacing: 1px; }
.adminytext { margin-top: -239px !important; margin-left: 604px !important; transform: rotate(5deg); }
.bestpost { margin-top: -240px !important; margin-left: 159px !important; transform: rotate(-5deg);}


/*** ШАРИК И ДРАКОН ***/
.sharkus {position:absolute; margin: -190px auto auto 5px !important; opacity:0; transition:1s;}
.sharkus:hover {opacity:1; transition:1s;}
.dragonus {position:absolute; margin: -260px auto auto 875px !important; opacity:0; transition:1s;}
.dragonus:hover {opacity:1; transition:1s;}


/****** НАЗВАНИЕ ФОРУМА ******/
.nazv1, .nazv2 {display: block; position: absolute; background: transparent;}
.nazv1 {  height:50px; line-height:50px; text-align: right;
font-size: 34px; color: #c7ad84; font-family: Decameron, times;
text-shadow: 0 0 3px #000; letter-spacing: 2px;}
.nazv1::first-letter {font-size: 50px; color: rgba(166, 218, 34, 0.35);}
.nazv2 {max-width: 200px; font-size: 26px; color: #c7ad84;
font-family: Decameron, times;
text-shadow: 0 0 3px #000; letter-spacing: 2px;}


/****** НОВОСТИ КВАДРАТИКАМИ ******/
.novost {display: inline-block; text-align: center; max-width: 240px; margin-right: 20px !important;
background: url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;
color: #bba283; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 4px #7f5431;
padding: 10px 10px 8px 10px;
line-height: 110%;
border-radius: 5px;}
.novost:last-child {margin-right: 0px  !important;}
.novh1 {font-family:Alice, Tahoma, serif; font-size:11px; padding-bottom: 5px; text-transform:uppercase;
border-bottom: 1px solid #443128;}
.novh1 a {color: #deb77d !important;}
.novh2 {padding-top: 5px; font-family: tahoma, serif; font-size: 10px;}



/*** ЛЗ  ***/
.pa-fld1 {
margin: -5px -8px 0.4em -8px !important; padding: 2px 0.5em 10px !important;
font-size: 1em; line-height: 110%;
text-align: center; font-style: normal;
background: url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(100% + 20px) no-repeat, 
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/Metmz3g.jpg) 50% 50% repeat #20140c;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 3px #000000 inset, 0 1px 4px #080604;
color: #a19178;}

a.lz1 {font-family: Alice, Verdana, serif; font-size: 15px; font-weight:400;} 
.lz2 {margin-top: 8px;}

Код:

/****** НАЗВАНИЕ ФОРУМА ******/
.nazv1 {width: 150px; margin-top: -206px !important; margin-left: 360px !important;}
.nazv2 {margin-left: 480px !important; margin-top: -166px !important;}


/*** ГРАНИЦЫ ДЛЯ ОТДЕЛЬНЫХ СООБЩЕНИЙ ***/
#p21 .post-content td, #p22 .post-content td {border: 1px solid rgba(117, 99, 75, 0.25) !important;}


/*** ССЫЛКИ НА ФОРУМЕ ***/
.punbb a, .punbb a:link, .punbb a:visited { color: #6f420f; }
.post-box a { text-shadow: 0 0 1px #decdb1;}
#pun-index #pun-main td div.tclcon a {font-weight:600; color:#a57f4a; text-shadow: 0 0 2px #000;}

/*** ССЫЛКИ АКТИВНЫ ***/
.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:#986e2f; }


/*** КНОПОЧКИ ***/
input[type="submit" i], .button {
background: #20140c;
background: -moz-radial-gradient(center, ellipse cover, #593d15 0%, #20140c 100%);
background: -ms-radial-gradient(center, ellipse cover, #593d15 0%,#20140c 100%);
background: radial-gradient(ellipse at center, #593d15 0%,#20140c 100%);
border: 2px outset #4c3f32 !important;
box-shadow: 0px 0px 6px #252523 inset, 0px 2px 5px rgba(43, 36, 23, 0.55) !important;
padding: 6px 8px 4px !important;
text-shadow: 1px 1px 1px #000000;
font-weight: 600 !important;
color: #c7ad8a !important;
font-size: 11px !important;
font-family: Georgia, serif !important;
text-transform: uppercase;  }

input[type="submit" i]:hover, .button:hover, .button:active { 
background: #20140c;
background: -moz-radial-gradient(center, ellipse cover, #555f10 0%, #20140c 100%);
background: -ms-radial-gradient(center, ellipse cover, #555f10 0%,#20140c 100%);
background: radial-gradient(ellipse at center, #555f10 0%,#20140c 100%);
cursor: pointer; }
#imageupload-left input[type=button] { width: auto !important; } 


/*** НАЗВАНИЯ ФОРУМОВ НА ГЛАВНОЙ ***/
.punbb .main .tcl h3 a {
font-size: 20px; letter-spacing: 1px;
font-weight: 400 !important; color: #d0a263;
text-shadow: 0px 0px 2px #000000, 0 0 4px #3a2c14; }


/*** ПРОФИЛЬ В ТЕМЕ ***/
.post-author a {color:#9e7547 !important;}
.post-author a:hover {color: #bd9f7d !important;}


/*** ССЫЛКА ДАТА ПОСТА ***/
.punbb .post h3 span a { color:#a88b5f; }

/*** ССЫЛКИ ПОЛЬЗОВАТЕЛЯ ПОД ПОСТОМ ***/
.punbb .post-links a {color: #754b0e;}
.punbb .post-links a:hover {color: #2f0903; text-decoration: underline;}

/*** ССЫЛКИ ВЫДЕЛИТЬ КОД ***/
.quote-box a, .punbb .quote-box cite a, .punbb .code-box strong.legend a {
color: #d8b076 !important; text-shadow: 1px 1px 1px #170d0b; }
.quote-box a:hover, .punbb .quote-box cite a:hover, .punbb .code-box strong.legend a:hover {
color: #e2ceb0 !important;  text-shadow: 1px 1px 1px #170d0b; }

/*** ВКЛАДКА АКТИВНА ***/
#pun-main li.isactive a, #pun-main li.isactive a:link, #pun-main li.isactive a:visited { color:#818c25; }


/*** НАВИГАЦИЯ  ***/
.nazv1, .nazv2, .fpart, #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon h3 a, #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon h3 a, a.lz1, .pa-author a,
#pun-navlinks a {
text-decoration: none; color: rgba(230, 175, 95, 0.6) !important;
background: linear-gradient(rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%) !important;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%) !important;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75) !important;  }


/*** ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ ***/
#pun-ulinks a { color: #713d1d; text-shadow: 0 0 1px #af936b; text-decoration: none; }


/*** НАВИГАЦИЯ ПРИ НАВЕДЕНИИ ***/
#pun-navlinks a { transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; }
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { 
 transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; 
color: #eabe78 !important; }


/*** ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ ПРИ НАВЕДЕНИИ ***/
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { 
color:#966f46; text-decoration: none; }

/*** ССЫЛКИ В ВЫБОРЕ ВКЛАДОК ПРОФИЛЯ ***/
#profilenav a {color:#ab8861;}


/*** ЛУЧШИЙ ЭПИЗОД ***/
.bestepz { display: table; position: absolute;     margin-top: -254px !important; margin-left: 173px !important; width: 134px; text-align: center; transform: }
.insideep {display:table-cell; vertical-align:middle;height:100px; line-height: 110%; font-size: 12px; font-family: Alice, Tahoma, times; height: 52px; overflow: auto; text-shadow: 0 0 1px #b1946a; }
.insideep a {color: #4e2d10 !important;}



/*** МЕНЮ СО ССЫЛКАМИ ***/
#fafn {font-family: Alice, Times New Roman, serif; letter-spacing: 1px; position: absolute;
margin-top: -96px; margin-left: 380px;
height: 24px; line-height: 24px;}
#fafn .wrapf {display: inline-block; width: 200px; margin: auto; height: 100%; position: relative;}
#fafn .fpart {
height: 24px; line-height:24px; width: 100%; display: block; position: relative; 
cursor: pointer; z-index: 7; text-align: center;
border-radius: 0px;
background: url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;
color: #c7ad84;
box-shadow: 0 0 4px #110b07 inset;
font-weight: 400; font-size: 12px;
text-transform: uppercase;
font-family: Alice, Times New Roman, serif;  }
    
#fafn .fpart:hover, #fafn .fcont:hover ~ .fpart { background: url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c; box-shadow: 0 0 8px #000 inset;}

#fafn .fcont:hover ~ .fpart {border-radius:0px; z-index: 0;}
    
#fafn .fcont {
position: absolute; top: 0; display: block; z-index: 6;
height: 0; width: 200px; padding-top: 24px;
-webkit-transition: height .5s ease;
-webkit-transition-delay: .4s;  }
    
#fafn .wrapf:active .fcont { height: auto; z-index: 8; -webkit-transition-delay: 0.2s; }
    #fafn .fcont:hover { height:auto; z-index: 8; -webkit-transition-delay: 0.2s; }
    
#fafn .fcont ul {
margin: 6px auto; padding: 0; overflow: hidden; height: 100%;
box-sizing: border-box; color: #c7ad84;
border-style: solid; border-left-width: 3px; border-right-width: 3px;
border-top-width: 0px; border-bottom-width: 0px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 4px #110b07 inset, 0 0px 4px #000;
background: url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(0% - 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(0% - 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/PvqysZ4.png) calc(100% + 35px) calc(100% + 20px) no-repeat,
url(https://i.imgur.com/FXUyad8.jpg) 50% 50% repeat #20140c;    }
    
#fafn .fcont ul a { text-decoration: none; }
    
#fafn .fcont li:hover { box-shadow: 0 8px 15px rgba(160, 118, 68, 0.35) inset; background: transparent; color: #dcbf82; text-shadow: 0 0 1px #000; }
    
#fafn .fcont li { list-style: none; margin: 4px auto; padding: 5px 0; text-align: center; color: #c4b28e; font-size: 14px; background: transparent; }


/*** ТАБЛИЧКИ ВНИЗУ ***/
#vnizu {position: relative; 
margin: 0px auto -110px 0px !important; text-align: center; overflow: auto; height: 110px; width:auto;}

.prof1, .prof2, .prof3, .prof4 {display: inline-block; background: #1d1008; color: #b1a18a;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
-webkit-border-image: url(https://i.imgur.com/F7vf6XK.png) 3 round;
border-image: url(https://i.imgur.com/F7vf6XK.png) 3 fill round;
box-shadow: 0 0 3px #110b07 inset, 0 1px 4px #060402;
text-decoration:none; height:50px; width:50px; }
.prof1 img, .prof2 img, .prof3 img, .prof4 img {height:50px; width:50px; filter: sepia(80%); opacity:0.65;}
.prof1 img:hover, .prof2 img:hover, .prof3 img:hover, .prof4 img:hover {filter: sepia(0%); opacity:1;}
.prof1 {margin: auto auto auto 30px !important; transform: rotate(10deg);}
.prof2 {margin: auto 30px !important; transform: rotate(0deg);}
.prof3 {margin: auto !important; transform: rotate(-5deg);}
.prof4 {margin: auto auto auto 20px !important; transform: rotate(3deg);}

/***  БАННЕРЫ ***/
.partnerka {margin: 10px auto 4px 0px !important; text-align: center; overflow: auto;
line-height: 160%; letter-spacing: 3px; max-height: 80px; width: 580px; }
.partnerka img {opacity: 0.4; filter: sepia(88%);}
.partnerka img:hover {opacity:1; filter: sepia(0%);}

Поделиться230-03-2020 11:15:53

Автор: The Creator
Администратор
Сообщений: 25
Уважение: +0
Позитив: +0
Зарегистрирован: 02-01-2020
Провел на форуме:
6 часов 40 минут
Последний визит:
15-05-2020 12:42:54

Деревянные полки - HTML

HTML-верх:

Код:

<div class="adminytext">Администрация</div>
<div class="bestpost">Лучший эпизод</div>

<!----------- АДМИН_1 И АДМИН_2 ------------->
<div class="admin1"><a href="#"><img src="https://i.imgur.com/ojgmqnS.jpg" title="Первый админ"></a></div>
<div class="admin2"><a href="#"><img src="https://i.imgur.com/IpKY9Nh.jpg" title="Второй админ"></a></div>

<!----------- НАЗВАНИЕ ФОРУМА ------------->
<div class="nazv1">Ignis</div><div class="nazv2">aeterna</div>

<img src="https://i.imgur.com/gQxOqW8.gif" class="sharkus">
<img src="https://i.imgur.com/3PhlZL8.gif" class="dragonus">

<!----------- БЫСТРАЯ НАВИГАЦИЯ ------------->
<div id="fafn"><div class="wrapf"><div class="fcont"><ul>
                <a href="#"><li>Сюжет</li></a>
                <a href="#"><li>Летопись</li></a>
                <a href="#"><li>Расы</li></a>
                <a href="#"><li>Правила</li></a>
                <a href="#"><li>Внешности</li></a>
                <a href="#"><li>Гостевая</li></a>
</ul></div><div class="fpart">Навигация</div></div></div>


<!------------ ВЫДЕЛИТЬ КОД Alex_63 2019 -------------> 
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'Скопировать по клику' //текст ссылки</script>
<!-- конец -->

<!------------ ПРОСМОТР ПОЛНОГО ПРОФИЛЯ V.2  ------------->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/44995.js"></script>

<!------------HTML верх -СПОЙЛЕР СКРЫТИЯ ИНФЫ ПОД КНОПКИ ------------->
<style>img.post-img-Sp {margin:12px auto 0px auto;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;} </style>
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/57844.js"></script>


<!------------ ПРЕМОДЕРАЦИЯ ТЕМ И СООБЩЕНИЙ - Ч.1 в начало HTML верх ------------->
<style type="text/css">.post .premod{background: url("http://forumstatic.ru/files/0013/61/e9/51464.png") no-repeat;}</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0013/61/e9/80906.js"></script>
<!-- //END  - Ч.1 в начало HTML  верх Премодерация Тем и Сообщений -->


<!------------ ПИАР-ВХОД v.2 ------------>
<script src="http://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>

HTML-низ:

Код:

<!----------- БАННЕРЫ -------------><table id="vnizu"><tr><td><div class="partnerka">

<a href="http://urchoice.rolka.su/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL" width="88" height="31"></a>
<a href="http://never-where.diary.ru"><img src="http://static.diary.ru/userdir/6/7/1/4/671413/73075332.jpg" width="88px;" height="31px;" border="0" title="Реклама текстовых ролевых игр"></a>
<a href="http://imagiart.ru/viewtopic.php?id=12288" target="_blank"><img src="https://i.imgur.com/poQI688.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a>
<a href="http://artishock.rusff.ru/viewtopic.php?id=4764" target="_blank"><img src="http://s2.uploads.ru/nzVxs.gif" title="ARTISHOCK" border="0"width="88" height="31"></a>

<!----------- КОНЕЦ БАННЕРЫ ------------->
</div></td><td>
<!----------- НИЖНИЕ БЛОКИ ------------->

<div class="prof1"><a href="#"><img src="https://i.imgur.com/IpKY9Nh.jpg" title="Ищем сотрудника на удаленку"></a></div>
<div class="prof2"><a href="#"><img src="https://i.imgur.com/IpKY9Nh.jpg" title="Потерялся брат и сват"></a></div>
<div class="prof3"><a href="#"><img src="https://i.imgur.com/IpKY9Nh.jpg" title="Просто странная надпись"></a></div>
<div class="prof4"><a href="#"><img src="https://i.imgur.com/IpKY9Nh.jpg" title="человек, сваривший мухомор"></a></div>

<!----------- КОНЕЦ БЛОКИ -------------></td></tr></table>



<!----------- УБРАТЬ НАЗВАНИЕ ДОП.ПОЛЯ ------------->
<script type="text/javascript"> 
var A=[1,2,3,4,5] 
$(".post .post-author li").each(function (){ 
for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){ 
$(this).html($(this).html().replace(/^[^:]*:/,''));}};}); 
</script> 


<!----------- НОВЫЕ СООБЩЕНИЯ ------------->
<script type="text/javascript"> 
if(GroupID != 3)$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script> 


<!--------- СМЕНА ИМИДЖА от Человек-Шаман --------->
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script type="text/javascript">
hvScriptSet.addMask({
    defaultAvatar: 'http://forumavatars.ru/img/avatars/001a/73/dc/5-1567755254.png',
    guestAccess: ['Сюжетные квесты', 'Личные эпизоды', 'Альтернативная реальность', 'Общение', 'Игровой архив', 'Незаконченные эпизоды'],
    forumAccess: {
        'Партнерство': ['Не принятые', 'Принятые'],
        'Принятые анкеты': ['Не принятые', 'Принятые']
    },
    forumAccessExtended: {
        'Сюжетные квесты': ['Не принятые', 'Принятые'],
        'Личные эпизоды': ['Не принятые', 'Принятые'],
        'Альтернативная реальность': ['Не принятые', 'Принятые'],
        'Общение': ['Не принятые', 'Принятые'],
        'Игровой архив': ['Не принятые', 'Принятые'],
        'Незаконченные эпизоды': ['Не принятые', 'Принятые']
    },
    changeList: {
        'pafld1': {
            title: 'Описание',
            description: 'Информация о персонаже',
            tag: 'info',
            class: 'pa-fld1',
            defaultCode: '<a href="#" class="lz1"> Имя персонажа </a><div class="lz2"> Описание персонажа </div>',
            type: 'html'
        }
    },
});  //конец скрипта
</script>

<!--------- ЗАМЕНА СООБЩЕНИЙ НА ПИСЕМ --------->
<script type="text/javascript">    function UniverСhange(selektor,changed,substitute){
    $(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
    $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}

    UniverСhange(".pa-posts","Сообщений:","<b>Писем</b>:<br>");
 //На следующей строке можно добавить еще запрос
</script>


<!--------- ЗАМЕНА ПРИВЕТСТВИЯ ------------->
<script type="text/javascript">
<!--
greet="Доброго вам здравия, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1) 

visit="В последний раз вы посещали нас: "
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
   document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1)
-->
</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>



<!---------  ЗАМЕНА ДЛИННОЕ ТИРЕ  ------------->
<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>.status_userava>img{max-width:36px;max-height:36px;vertical-align:middle;box-shadow: 0px 0px 3px #7b7168;border-radius:0px;margin:-.6em 0}</style>
<script>if(GroupID != 3)$('#pun-status>p').prepend('<span class="status_userava"><img src="'+(window.UserAvatar?UserAvatar:'/i/default_avatar.jpg')+'"/></span>')</script>


<!--------- ВОССТАНАВЛИВАЕМ ПОСТ ПРИ НЕУДАЧНОЙ ОТПРАВКЕ ------------->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>


<!--------- HTML низ - СПОЙЛЕР СКРЫТИЯ ИНФЫ В ПРОФИЛЕ ------------->
<script>
var a1 = 3	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;

var LiArr=new Array(
// 3 кнопка- ссылка на Картинку
"https://i.imgur.com/4p4Wqd1.png",
"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)

//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</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=(.*?)\]([^\[]*)\[\/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:#dfddd9;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('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>



<!--------- ЗАПЯТАЯ ПОСЛЕ КЛИКА НА НИК ------------->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>


<!--------- ТЕГ АБЗАЦА - [indent] ------------->
    <style>#button-indent {background:url(https://i.imgur.com/vz0DIyC.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:auto 1em;"></span>'; /*удвоенные Отступы  слева*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>


<!--------- КНОПКИ BB-кодов В ПОДПИСИ ------------->
    <script type="text/javascript">
    if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="http://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');
    </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>


<!--------- СТИЛЬ ВСПЛЫВАЮЩИМ ПОДСКАЗКАМ TITLE ----------->
<script src='http://forumstatic.ru/files/0012/9a/62/92819.js'></script>
<script>
$(function(){
$('*[title]').quicktip({
speed:400 //Скорость появления подсказки
});
});
</script>


<!--------- ССЫЛКА НА ХРАНИЛИЩЕ-музыку ------------->
<script type="text/javascript">
$('<td align=center><a href="https://zaix.ru" target="_blank"><img src="http://forumstatic.ru/files/001a/00/4c/34969.png" style="height:24px;width:auto!important"></a></td>')
.insertAfter($('#post #button-video'));
</script>


<!-------------- БЫСТРОЕ УПРАВЛЕНИЕ СТАТУСОМ ТЕМ ------------->
<style>img.mod_topic {cursor:pointer;}</style>
<script type="text/javascript">
var tnum= 0; 
var mod_topic = [];
mod_topic[0]= ['dafDw.png','stick','Выделить'];
mod_topic[1]= ['wDvgx.png','unstick','Снять выделение'];
mod_topic[2]= ['dsnFu.png','open','Открыть'];
mod_topic[3]= ['twBuH.png','close','Закрыть'];
function ModTopic(it,rt,tt){return (' <img src="http://s2.uploads.ru/'+it+'" class="mod_topic" rel="'+rt+'" title="'+tt+'" /> ')};
function GetModTopic(th,tn,tr,tnp,tnr,tnt){
  $.get('/moderate.php?fid='+tn+ '&'+tr+'='+tn); 
  // alert(tnp+'#'+tnr+'#'+tnt);
  $(th).attr({'src':'http://s2.uploads.ru/'+tnp}).attr({'rel':tnr}).attr({'title':tnt});
  if(tnr=='unstick') {
    $(th).parent().find('span.acchide:first').after('<span class="stickytext">Важно: </span>');
    $(th).parents('tr').attr({'class':'isticky'});
  }
  if(tnr=='open') {
    $(th).parent().find('span.acchide:first').after('<span class="closedatafield">Закрыта </span>');
    $(th).parents('tr').attr({'class':'iclosed'});
  }
  if(tnr=='stick') {
    $(th).parent().find('span.stickytext').remove();
    $(th).parents('tr').attr({'class':''});
  }
  if(tnr=='close') {
    $(th).parent().find('span.closedatafield').remove();
    $(th).parents('tr').attr({'class':''});
  }
};

if (document.URL.indexOf('viewforum.php') != -1 && GroupID <= 2){
var fnum=$('div.forum[id^=forum_f]').attr('id').replace('forum_f','');

$('div.forum div.tclcon').each(function(){

if($(this).html().indexOf('closedatafield')!=-1)  $(this).append(ModTopic(mod_topic[2][0],mod_topic[2][1],mod_topic[2][2]));
else $(this).append(ModTopic(mod_topic[3][0],mod_topic[3][1],mod_topic[3][2]));

if($(this).html().indexOf('stickytext')!=-1)  $(this).append(ModTopic(mod_topic[1][0],mod_topic[1][1],mod_topic[1][2]));
else $(this).append(ModTopic(mod_topic[0][0],mod_topic[0][1],mod_topic[0][2]));

});

$("img.mod_topic").live("click", function(){
tnum=$(this).parent().find('a').attr('href').replace('http://'+document.domain+'/viewtopic.php?id=','');
var threl=$(this).attr('rel');
if(threl=='stick') GetModTopic(this,tnum,threl,mod_topic[1][0],mod_topic[1][1],mod_topic[1][2]);
if(threl=='unstick') GetModTopic(this,tnum,threl,mod_topic[0][0],mod_topic[0][1],mod_topic[0][2]);
if(threl=='open') GetModTopic(this,tnum,threl,mod_topic[3][0],mod_topic[3][1],mod_topic[3][2]);
if(threl=='close') GetModTopic(this,tnum,threl,mod_topic[2][0],mod_topic[2][1],mod_topic[2][2]);
});

}
</script>


<!------------  ПРЕМОДЕРАЦИЯ ТЕМ И СООБЩЕНИЙ - Ч.2 в начало HTML низ ------------->
<script type="text/javascript">
/* Премодерация Новосозданных Тем */
TemsPremodForFid = {
//ID форума   //Премодерируемые группы
  8:    [3,4,5,6,7,8]
}
PostPremod_ = 0 ; // 1 - премодерация сообщений включена; 0- премодерация сообщений выключена;
HidePremodFromUser = 0 // 0 - Режим премодерации с уведомлением; 1- Cкрытый режим для создавшего тему;
messag_account = 2	//UserId Аккаунта собирающего сведения о Премодерации Тем и Сообщений;
</script><script type="text/javascript" src="http://forumstatic.ru/files/001a/73/dc/80910.js"></script>
<!-- END//Ч.2 в начало HTML низ Премодерация Тем и Сообщений --->


<!--------- КНОПКИ ВВЕРХ_ВНИЗ ------------->
<div style="position:fixed;z-index:100; right:2%; bottom: 37%;">
<a href=#top onClick="$('html,body').scrollTop(0,0); return false;" alt="Вверх"><img src="https://i.imgur.com/SyFHKbu.png" /></a>
<br><br>
<a href="#bottom" onclick="$('html,body').scrollTop(document.body.scrollHeight); return false;"><img src="https://i.imgur.com/S0hXXRp.png" alt="Вниз"/></a></div>

Текст объявления:

Код:

<!----------- ЛУЧШИЙ ЭПИЗОД ------------->
<div class="bestepz"><div class="insideep"><div style="max-height: 50px;
overflow: auto;"><a href="#">"Здесь может быть твой эпизод!"</a></div></div></div>
<!----------- ВСЕ НОВОЕ СТАВИТЬ НИЖЕ ЭПИЗОДА ------------->


<!----------- КНОПКИ-НОВОСТИ ------------->
<center>
<div class="novost"><div class="novh1"><a href="#">Некоторое сообщение</a></div>
<div class="novh2">для проверки кнопки-новости</div></div>

<div class="novost"><div class="novh1"><a href="#">Бессрочный прием</a></div>
<div class="novh2">любых персонажей в любое время года</div></div>
</center>

HTML в форме ответа:

Код:

<!----------- СЧЕТЧИК СИМВОЛОВ ------------->
<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>

<script type="text/javascript">/*  Сокращатель ссылок  */
FORUM.set("e
ditor.link.short_url", function() { return false; }); // Конец сокращения
</script>

<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="http://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

Описание форумов

Код:

<div class="foropisanie">
Пыльные фолианты, хранящие истории нашего королевства. Разбудив старого библиотекаря, вы можете получить гостевую книгу.
</div>

<a href="#">сюжет</a> • 
<a href="#">faq</a> • 
<a href="#">расы</a> • 
<a href="#">география</a> • 
<a href="#">гильдии</a> •
<a href="#">о мире</a>

Поделиться330-03-2020 11:31:56

Автор: The Creator
Администратор
Сообщений: 25
Уважение: +0
Позитив: +0
Зарегистрирован: 02-01-2020
Провел на форуме:
6 часов 40 минут
Последний визит:
15-05-2020 12:42:54

Особенности

Порядок полей профиля	Поле с ЛЗ обязательно должно быть под аватаром (из-за отрицательного отступа); В ряд выстроены только блоки "Сообщений" и "Уважение"
Личное звание	располагается в первом поле (pa-fld1) Код: <a href="#" class="lz1">Имя Персонажа</a> <div class="lz2"> Случайное описание в свободном виде </div>
Размеры картинок в шапку и подвал	Для админов: - Админ_1: высота 90px, ширина 78px (размеры можно поправить в стиле, изменив height и/или width для элемента .admin1 img) - Админ_2: высота 54px, ширина 54px - Для плашек внизу форума: высота 50px, ширина 50px
Как подвинуть название в шапке	Его нужно будет скорректировать под себя в CSS Для первого слова (Ignis) - изменять ширину [width] или отступ [margin-left] для .nazv1 Для второго слова (aeterna) - изменять отступ margin-left для элемента .nazv2 Все можно найти в первых строчках второго окна стиля: /**** НАЗВАНИЕ ФОРУМА ****/ .nazv1 {width: 150px; margin-top: -206px !important; margin-left: 360px !important;} .nazv2 {margin-left: 480px !important; margin-top: -166px !important;}
Мне нужны границы для таблички в определенном сообщении	Идем в CSS и вписываем номера тех сообщений, таблицы в которых нуждаются в границах (например, для летописи, некоторых списков и т.п.) /* ГРАНИЦЫ ДЛЯ ОТДЕЛЬНЫХ СООБЩЕНИЙ / #p21* .post-content td, *#p22* .post-content td {border: 1px solid rgba(117, 99, 75, 0.25) !important;}
Хочу поставить объявление или внести что-то новое	Лучше ставить новый контент ниже существующего, т.к. отступы в этой верстке чувствительны к расположению элементов. Как пример - объявление ставим только после лучшего эпизода. Эпизод всегда должен оставаться наверху.

Страница: 1

Попытка

Меню навигации

Пользовательские ссылки

Объявление

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

дизайн-архив

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

Поделиться130-03-2020 11:11:57

Поделиться230-03-2020 11:15:53

Поделиться330-03-2020 11:31:56