Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться22022-04-14 12:56:43
Структура style.css
Код:
/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Engagement);
@import url(http://fonts.googleapis.com/css?family=Six+Caps);
@import url(http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Cuprum);
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:400,500,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,800');
@import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:700');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('https://fonts.googleapis.com/css?family=Kelly+Slab');
@import url('https://fonts.googleapis.com/css?family=Neucha|Marmelad|Pattaya|Rubik+Mono+One');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500');
@import "http://fonts.fontstorage.com/import/leaguegothic.css";
/* A1.1 */
@import url(style_cs.css);
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html, body {margin: 0; padding: 0}
/* A2.2 */
.punbb * {
margin: 0
}
/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}
.pa-posts {margin-top: 3px; }
.pa-respect {margin-top: 3px;}
.post-author-Sp {margin-top: 8px;}
/* 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.95% verdana, arial, helvetica, sans-serif;
}
/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}
.punbb th {
font-size: 0.9em;
font-weight: bold;
}
.punbb h4, .punbb table {
font-size: 1em;
font-weight: normal;
}
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}
/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}
/* A3.8 */
.punbb .post-content em {
}
/* 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 : 1024px;
margin: auto;
position: relative;
background: url(https://i.imgur.com/BlZNNAO.png) repeat-y; background-position: top center;
padding: 0 20px;
}
/* A5.2 */
.punbb {
float: center;
height: auto;
width: 935px;
margin-left: 50px;
}
/* A5.3 переадресация*/
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
float: none;
}
/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}
/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}
/* 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 none solid none;
border-width: 0px 0px 2px 0px
}
/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}
/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 1px solid #888;
width: 250px;
margin: 5px 0;
}
/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 140%;
text-align: justify;
}
/* B1.4 */
.punbb .post-content img {
vertical-align: text-bottom
}
/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}
/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
}
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}
/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}
/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}
/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}
/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}
/* B3.2 */
.multipage {
margin-top: 3em;
}
/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em;
width: 24em;
}
/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}
/* B3.5 Ответить, подписать и отслеживать*/
.punbb .linksb {
text-align: right;
padding: 0.4em 1.0em 0.5em 1em;
text-transform: lowercase;
font-family: 'Cuprum' !important;
font-size: 12px;
}
/* B3.6 страница*/
.linksb .pagelink {
float: left;
text-align: left;
margin-left: -10px;
}
/* B3.7 */
.linksb .postlink {
float: right;
font-weight: bold;
}
/* 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 18px 0 18px;
margin: 0 0 1em 0
}
/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}
/* C1.6 напишите ваше сообщение*/
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
font-family: 'cuprum';
color: #3f6800;
text-transform: lowercase;
font-size: 11px;
letter-spacing: 1px;
}
/* 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: 60%;
}
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: left;
width: 6%;
}
/* C2.3 последнее сообщение*/
.punbb .main .tcr {
background-color: transparent;
overflow: hidden;
text-align: left;
width: 28%;
}
.punbb .main .tcr a {
font-family: 'cuprum' !important;
text-transform: lowercase;
font-style: italic;
font-size: 13px !important;
line-height:14px;
color: #456012!important;
text-shadow: none!important;
}
.punbb .main .tcr a:hover {
color: #b0091f!important;
text-shadow: 1px 1px 0px #fefefe!important;
}
/* C2.4 */
#pun-userlist .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
width: 20%
}
#pun-searchtopics .main .tcl,
{background-color: transparent;
width: 50%}
/* 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 {
width: 280px;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight:800;
font-size: 18px;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.1px;
margin: 35px 0px 0px 32px;
text-shadow: 1px 0px 0px #fff;
position: absolute;
}
/* C2.9 */
.punbb td span.youposted {
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: 0.5em 0.5em;
}
/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}
/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}
/* C2.14 */
/* подфорум*/
#pun-index td div.tclcon {
width: 365px;
height: 160px;
margin-left: 60px;
padding: 0px 0px 0px 0px;
background: url(https://i.imgur.com/Co3IuJl.png) no-repeat;
}
.tclcon h3 a {
color:#6e893c!important;
}
.tclcon h3 a:hover {
text-shadow: 2px 0px 0px #fff;
}
/* описание подфорума*/
.podfortext {
width: 280px;
margin-left: 33px;
letter-spacing: 110%;
line-height: 130%;
font-family: 'Roboto';
font-size : 11px;
color:#4d661b;
text-transform: lowercase;
padding: 67px 0px 0px 0px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}
/* C3.2 строка дата*/
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
font-family: 'Cuprum' !important;
text-transform: lowercase;
font-size: 12px;
}
/* C3.3 сдвиг даты*/
.punbb .post h3 span {
padding: 0.5em 1.0em 0.5em 1em;
display: block;
margin-left: 22em;
border-left-style: solid;
border-left-width: 1px;
}
/* C3.4 хз что с датой*/
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}
/* C3.5 Оформление профиля*/
.punbb .post .post-author {
float: left;
width: 232px;
padding: 6px 0px 75px 0px !important;
margin-left: -7px;
text-align: center;
background: url(https://i.imgur.com/zeYKkwU.png) top no-repeat, url(https://i.imgur.com/8LTuBq1.png) bottom no-repeat, url(https://i.imgur.com/maGKPI0.png) repeat-y;
}
/* C3.6 расстояние между строками в профиле*/
.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 15px;
text-align: center;
}
/* C3.7 сдвиг ника*/
.pa-author {
text-decoration: none;
margin-top: 7px;
}
/* C3.8 шрифт ника*/
.pa-author a, li#profile-name {
text-decoration: none;
color: #eaf1dc;
font-size: 18px;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight:700;
letter-spacing: 0.8px;
text-transform: uppercase;
margin-left: 7px;
}
/*ник при наведение*/
.pa-author a:hover {
color: #395b05!important;
text-shadow: -1px 0 0 rgb(44,74,0), 0 1px 0 rgba(255,255,255,0.45);
}
/* C3.9 */
li.pa-title {
width: 170px;
height: 17px;
font-family: tahoma;
font-size: 8.5px;
color: #fff;
text-transform: lowercase;
line-height: 8px;
letter-spacing: 1.5px;
margin: 25px 0px 21px 30px;}
li.pa-online {
color: #3f6800;
font-size: 11px;
letter-spacing: 1px;
line-height: 0.8em;
padding-left: -1em;
margin-top: 0.7em;
font-family: 'cuprum';
text-transform: uppercase;
}
/* C3.11 сдвигает сами сообщения*/
.punbb .post-body {
margin-left: 21em;
border-left-style: solid;
border-left-width: 1px;
padding: 0px 0px 1px 0px;
}
/* C3.12 */
.punbb .post-box {
padding: 1em;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
}
/* C3.15 профиль, лс, e-mail, удалить и тд*/
.punbb .post-links ul {
padding: 0 10px 0 0;
height: 18px;
line-height: 2em;
margin-left: -10px;
text-align: right;
text-transform: lowercase;
font-size: 12px !important;
font-family: 'Cuprum' !important;
}
/* 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 1.0em 0.5em 1em;
margin-left: -10px;
text-align: right;
text-transform: lowercase;
font-size: 11px !important;
font-family: tahoma;
}
/* 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;
margin-left: -16.3em;
display: inline;
}
/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}
/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}
/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}
/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}
/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}
/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}
/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}
/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}
/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}
/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}
/* D1.2 */
#pun-title h1 {
display : block;
height: 0px;
padding: 2em 1em 0 1em;
}
/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}
/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}
#pun-title table {
border: none;
margin-left: -135px;
float: none;
width: 1150px;
height: 722px;
background-repeat : no-repeat;
}
#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title td.title-logo-tdr {
border: none;
width: 420px;
}
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
position: absolute;
top: 505px;
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: 0px;
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 {
position: absolute;
text-align: center;
width: 100%;
margin-left: 35px;
top: 0px;
}
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 17px;
letter-spacing: 0px;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight:800;
font-size: 18px;
text-transform: uppercase;
color: #6e893c!important;
text-shadow: 1px 0px 0px #000;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 установка новых сообщений и тд*/
#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
margin-left: -23px;
top: 41px;
}
/* D4.2 */
#pun-ulinks .container {;
margin-left: 85px;
color: #ffffff;
font-family: 'Cuprum';
font-size: 9px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
color: #ffffff!important;
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
text-shadow: none;
}
/* 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-top: 0px;
}
/* D5.2 привет, последний визит*/
#pun-status .container {
text-align: center;
padding: 5px 0 2px 0;
font-family: tahoma;
letter-spacing: 0px;
color: #2e480b;
text-transform: lowercase !important;
font-size: 9.5px !important;
}
/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}
/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}
/* D5.5 Названия ролки, тем и т.д.*/
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 2em 0.8em 1em;
margin-top: 0px;
font-size: 12px;
text-align: center;
letter-spacing: 0px;
text-transform: uppercase;
}
/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}
/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
}
/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}
/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}
/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}
/* D8.3 */
#pun-about {
margin-top: 0;
}
/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
}
/* D8.5 */
#pun-about p span {
display:block;
padding-left: 50%;
}
/* D8.6 */
#pun-crumbs2 {
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}
/* D8.7 название форума внизу*/
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
text-align: center;
font-size: 1.1em;
}
/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}
/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}
/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}
/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}
/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}
/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}
/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
Цвета style_cs.css
Код:
/* шапка*/
#navpiar{padding-left:10px!important;}
#pun-title table {
background-image : url("https://i99.fastpic.ru/big/2018/0905/39/_3e57b61aed221d6d82dc893253441d39.jpg?noht=1");}
body {background-color: #94b74f;
background: url("https://i.imgur.com/oYHuZzg.png") repeat-x top center,
url("https://i.imgur.com/vHDpKQo.png") repeat;}
#pun { background-image : url("");
background-color : #7a9449;
background-position : center;}
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #000000;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 0px; top: 100px
}
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;
font-style: normal;}
#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}
.offline li.pa-online strong {
color: #000000;
font-weight: normal}
/*cтиль формата ответа*/
.punbb textarea {
border-radius: 15px;
border: 1px solid;
border-color: #a2b57e;
padding: 7px;
box-shadow: inset 0 0 4px #afc18d, 0 0 5px #f2f5eb;
background: #f2f5eb;
background: linear-gradient(#f2f5eb,#dde5ca);
}
/*стиль кнопок отправить, посмотреть*/
.punbb input {
border-radius: 19px;
border-top: 4px solid #a2b57e;
border-left: solid 2px #a2b57e;
border-right: solid 2px #a2b57e;
border-bottom: 4px solid #a2b57e;
padding: 7px;
background: #f2f5eb;
background: linear-gradient(#f2f5eb,#f2f5eb);
color: #374711;
margin-bottom: 5px;
}
/*стиль модерской кнопки*/
.punbb select {
border-radius: 7px;
border: 1px solid #a2b57e;
padding: 4px;
background: #f2f5eb;
box-shadow: inset 0 0 3px #afc18d;
font-size: 10px;
}
/* Закругленные края цитаты и кода с тенью */
#pun-main .quote-box, #pun-main .code-box
{border: 1px solid #74923d;
padding: 10px;
background: #d6e4bc;
background: linear-gradient(#d6e4bc,#b0c97f);
}
/*стиль элементов над формой ответа*/
#font-area, #size-area, #smilies-area, #imageup-area, #imageattach-area, #addition-area {
overflow-y: auto;
max-height: 200px;
padding: 7px;
border: 1px solid #74923d;
padding: 10px;
background: #afc682;
background: linear-gradient(#bbd38d,#7e9f46);
color:#fff;
font-family: 'cuprum';
font-size: 12px;
}
/*фон к репутации*/
li#navawards {display: none;}
#pun-reputation div, #pun-popup_awards div {
background-color: #afc682;}
/* CS2 Border colours
-------------------------------------------------------------*/
/*цвет основных линков */
.punbb a, .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: #456012;
text-decoration: none;}
/*при наведение*/
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #940523;
text-shadow: 1px 1px 0px #fefefe;
text-decoration: none;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #940523;
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{
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;}
.punbb .quote-box, .punbb .code-box {
border-color: #b6c0f2;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}
.punbb .divider {
border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #b6c0f2;}
li.pa-online {
border-left-color: transparent;}
.punbb .post-sig dt {
border-top-color: transparent !important;}
/* CS3 Links
-------------------------------------------------------------*/
/* Старое сообщение*/
.punbb table Div.icon {
float: right;
display: block;
width: 53px;
height: 60px;
background-image: url(https://i.imgur.com/A4RPwin.png);
background-repeat: no-repeat;
margin: 19px 139px 0px 0px;
}
/* Новое сообщение*/
TR.inew Div.icon {
background : url(https://i.imgur.com/yIdEMLN.png) no-repeat top center;
}
/* Важная тема*/
TR.isticky Div.icon {
background: url(https://i.imgur.com/yIdEMLN.png) no-repeat top center;
}
/* Закрытая тема*/
TR.iclosed Div.icon {
background: url(https://i.imgur.com/A4RPwin.png) no-repeat top center;
}
/* CS4 Something parts
-------------------------------------------------------------*/
#pun .section {border-style: none; }
/* CS5 Post categorys
-------------------------------------------------------------*/
#pun-category2.category h2 {
background: url(https://i.imgur.com/GvSRdwg.png) no-repeat;
height: 120px;
width: 1024px;
margin-left: -50px;
padding:20px;}
#pun-category3.category h2 {
background: url(https://i.imgur.com/Ae04XWd.png) no-repeat;
height: 120px;
width: 1024px;
margin-left: -50px;
padding:20px;}
#pun-category4.category h2 {
background: url(https://i.imgur.com/kCNgKos.png) no-repeat;
height: 100px;
width: 1024px;
margin-left: -50px;
padding:20px;}
#pun-category5.category h2 {
background: url(https://i.imgur.com/wqMMs1J.png) no-repeat;
height: 100px;
width: 1024px;
margin-left: -50px;
padding:20px;}
/* CS5.2 Картинка с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 {
background-attachment: scroll;
background-clip: border-box;
height: 100px;
width: 1024px;
margin-left: -70px;
padding:20px;
font-size:0 !important;
background-color: transparent;
background-image: url("https://i.imgur.com/fteaIZy.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;}
/* CS7 Post status icons and other options
------------------------------------------------------------*/
/* Футеркоп */
#pun-about p.container {background-color: #;
background-image : url(https://i.imgur.com/AaLPURb.png);
background-position : center top;
background-repeat : no-repeat;
height : 290px;
width: 1024px;
margin-left: -62px;
text-align: center;
border-color: transparent;
}
div#pun-about {
margin-bottom: -50px;
}
/* 24 часа */
#pun-stats ul.container {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("https://i.imgur.com/Bc8aFrk.png");
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 75px;
padding-top: 0px;}
/* CS8 Other
-------------------------------------------------------------*/
/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: #none; border-color: none; border-style: solid; border-width: 0px; color: inherit; padding: 1px; vertical-align: top; }
.hoverbox li { background: none; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: px; position: relative; }
.hoverbox li.text { background: none; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: #ffaf19; }
/*линки*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color:#fff;
background: none;
text-align: left;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-transform: uppercase;
line-height: 30px;
font-size: 11px;
letter-spacing: 1px;
}
a.tvm:hover {
background : url("");
color:#192803;
background: none;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size : 11px;
letter-spacing: 1px;
text-shadow: none;
}
tvmfon {
font-family: 'Raleway', sans-serif; font-size : 11px; color:#74acff;
}
/*линки в подфорумах*/
a.morc, a.morc:active, a.morc:link, a.morc:visited {
color:#fff;
background: #9597dd;
font-family: 'Roboto';
font-weight: normal;
font-size : 10px;
letter-spacing: 1px;
line-height: 20px;
padding: 0px 6px 2px 6px;
margin: 1px;
position: relative;
left: 42px;
}
a.morc:hover {
color : #fff!important;
font-family: 'Roboto';
background : #9e8bce;
font-size : 10px;
}
/*прокрутка*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background-color: #25370d;
box-shadow: inset 0 0 2px #50611e;
}
::-webkit-scrollbar-thumb {
background-color: #5c0109;
border: 1px solid #5c0109;
box-shadow: inset 0 0 2px #b33351;
}
/*стрелки */
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right: 35px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
text-align:center; /*выравнивание*/
font-size: 20px; /*размер стрелок*/
text-shadow:0 1px 2px #000, 0 0 10px #E0F1FF;
opacity: 1.0; /*прозрачность*/
padding:0 3px 5px 3px; /*отступы внутри*/
width: 35px; /*ширина кнопки*/
height: 25px; /*высота кнопки*/
}
.go-up {
bottom: 180px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom: 150px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
/*стили при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
/* team*/
.team {opacity: 0.0;
transition-duration: 0.6s;
padding-top: 9px; width: 55px; height: 55px; font-size: 12px;
color: white;
text-align: center;}
.team:hover { opacity: 0.95}
/* posts*/
.pa-posts {
width: 59px;
font-family: 'cuprum';
font-size: 11px;
line-height: 12px;
letter-spacing: .5px;
text-align: center;
text-transform: uppercase;
display: inline-block;
padding: 4px 2px 3px!important;
COLOR: #ffffff;
background: #88a059;
box-shadow: inset 0 0 12px 5px #526f1c;
border: 1px solid #3d5908;
}
/* rep*/
.pa-respect {
width: 71px;
font-size: 11px;
font-family: 'cuprum';
text-transform: uppercase;
text-align: center;
line-height: 12px;
letter-spacing: .5px;
background: #be162f;
box-shadow: inset 0 0 12px 5px #8a0919;
border: 1px solid #6e0613;
display: inline-block;
padding: 3px 1px!important;
COLOR: #ffffff;
}
.pa-respect a, .pa-respect a:hover {
color: #fff!important;
text-shadow: none!important;
}
/* budget */
.pa-fld4 {
width: 57px;
font-family: 'cuprum';
font-size: 11px;
line-height: 12px;
letter-spacing: .5px;
text-align: center;
text-transform: uppercase;
background: none;
display: inline-block;
padding: 4px 2px 3px!important;
COLOR: #ffffff;
background: #88a059;
box-shadow: inset 0 0 12px 5px #526f1c;
border: 1px solid #3d5908;
}
/*over av*/
.pa-fld1 {
color: #000;
font-size: 10px;}
.int { width: 180px;}
.hoverint { opacity: 0; width: 180px; height: 180px; position: absolute; overflow: hidden; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.hoverint:hover { opacity: 1; width: 180px; height: 180px; color: #fff; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.avname {width: 180px; height: 23px; padding: 13px 0px 9px; font-family: Oswald; font-size: 17px; letter-spacing: 0.4px; }
.avinfo { width: 158px; height: 85px; font-family: 'tahoma'; font-size: 10px; text-align:justify; line-height: 100%; letter-spacing: 0.5px; padding-bottom: 0px;}
.ic { padding: 10px; padding-left: 18px; width: 57px; height: 24px; text-align: right; letter-spacing: 1px; }
.ic1 { width: 46px; height: 25px; font-family: Oswald; font-size: 12px; text-align: right; letter-spacing: 0.8px; margin-top: 5px; line-height: 29px;}
/*instagram*/
.instagram a .bigram {
display: none;
}
.instagram a:hover .bigram {
position: absolute;
top: -202px;
left: -85px;
z-index: 999;
display: block;
}
/* код кнопки */
#button-record {background-image:url('http://funkyimg.com/i/VraT.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
/* сокрытие зарегин */
#pun-stats li.item3{
display:none;
}
/* убрать слова */
.punbb th { background: transparent;color: transparent;}
/* the relationship */
.fearofsleep { width:580px; -webkit-box-shadow: 1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; -moz-box-shadow:1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; box-shadow:1px 1px 5px 0px#eee, -1px -1px 5px 0px #eee; }
.fearofsleep ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }
.fearofsleep .box { width:180px; height:180px; overflow:hidden; position:relative; background-color:#eee; }
.fearofsleep .headers { position:absolute; top:0px; left:0px; width:180px; height:170px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:170px; top:120px; left:5px; color:#fff; text-align:center; text-transform:uppercase; font-family:arial; font-weight:700; font-size:10px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #fff; margin:0; }
.fearofsleep .white { position:absolute; top:-300px; width:180px; height:180px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .white .words { width:160px; height:160px; padding:10px; overflow:scroll; text-align:justify; font-size:10,5px; color:#222; line-height:100%; }
/* SUPERCHART */
.SUPERCHART { width:570px; }
.SUPERCHART ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.SUPERCHART ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.SUPERCHART ::-webkit-scrollbar-corner { background:#fff; }
.SUPERCHART .box { width:500px; height:70px; overflow:hidden; position:relative; background-color:#eee; }
.SUPERCHART .headers { position:absolute; top:0px; left:0px; width:500px; height:60px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.SUPERCHART .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.SUPERCHART .white { position:absolute; top:-300px; width:500px; height:70px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.SUPERCHART .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
. .white .words { width:480px; height: 50px; padding:10px; overflow:scroll; text-align:center; font-size:10,5px; color:#222; line-height:100%; }
/* flash */
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:350px;height:300px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#eee;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#222;}
.elle-info {box-sizing:border-box; background:#fff; width:350px; height:300px; position:absolute; top: 0px; left:0;padding:80px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:175px;height:300px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:175px;height:300px;background:#fff;border-left:3px solid #fff;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:135px;left:-32px; border-right:32px solid #fff; border-top:25px solid transparent;border-bottom:25px solid transparent;}
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:-7px;left:70px;right:0px;color:#000000;font:400 27pt/28pt 'Mrs Saint Delafield', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:20px;left:70px;right:40px;border-top:1px solid #003399; border-bottom:1px solid #003399; width:auto;padding:0 0 7px;color:#003399;font:200 34pt/25pt 'Six Caps', arial;}
.elle-tag {position:absolute; top:65px;left:205px;right:5px;width:auto;color:#000000;font:400 10pt/11pt 'Playfair Display', arial;letter-spacing:2px;text-transform:lowercase;}
.elle-scroll {margin-top: 70px; box-sizing:border-box; width:190px;height:200px;overflow:auto;padding:2px 10px;padding-right:5px;text-align:justify;color:#000;font:400 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
.gold { position:absolute; width: 60px; height: 60px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }
.bbar1 { float: left; width: 650px; height: 25px; background: #86807a; margin-top: 0px; text-align: left;}
.bbarfill1 { float: left; font-size: 0px; text-align: left; margin: auto; height: 25px; background: #380474; }
.bba1 { font-size: 20px; text-align: center; color: #380474; }
Поделиться32022-04-14 12:58:51
HTML верх
Код:
<!--NEW--!>
<div style="position: absolute; width: 150px; height: 156px; top: 533px; left: 458px;">
<div class="slider-box">
<div class="slider">
<a href="http://newrecord.rusff.me/viewtopic.php?id=7052&p=3#p1089001"><img src="https://i.imgur.com/BpzYpjg.png"></a>
<a href="http://newrecord.rusff.me/viewtopic.php?id=7051#p1087081"><img src="https://i.imgur.com/fKIFs1k.png"></a>
</div></div></div>
<!--ACTIVE--!>
<div style="position: absolute; width: 350px; height: 75px; top: 525px; left: 59px; letter-spacing: 4px;">
<a href="http://newrecord.rusff.me/profile.php?id=873"><img src="https://i.imgur.com/e5bfky8.png"/></a>
<a href="http://newrecord.rusff.me/profile.php?id=8"><img src="https://i.imgur.com/dNVXSz6.png"/></a>
<a href="http://newrecord.rusff.me/profile.php?id=945"><img src="https://i.imgur.com/6Hsdy2M.png"/></a>
<a href="http://newrecord.rusff.me/profile.php?id=1373"><img src="https://i.imgur.com/ol2mOkV.png"/></a>
<a href="http://newrecord.rusff.me/profile.php?id=656"><img src="https://i.imgur.com/uABJ9st.png"/></a>
</div>
<!--Record's hello--!>
<div style="position: absolute; width: 72px; height: 72px; top: 618px; left: 296px;">
<img src="///"/></div>
<div style="position: absolute; width: 195px; height: 45px; top: 626px; left: 85px; font-family: 'cuprum'; color: #142002; text-align: right; line-height: 11px; font-size: 12px; font-style: normal;"><br>hhhh
</div>
<!--BEST POST--!>
<div style="position: absolute; width: 72px; height: 72px; top: 525px; left: 715px;">
<img title="лучший пост на неделе" src=""/></div>
<div style="position: absolute; width: 195px; height: 45px; top: 533px; left: 802px; font-family: 'cuprum'; color: #142002; text-align: left; line-height: 11px; font-size: 12px; font-style: normal;">лучший пост недели. самый лучший пост недели <a href="http://newrecord.rusff.me/">читать далее</a> </div>
<!--слова над week episode--!>
<div style="position:absolute; width: 180px; height: 15px; left: 828px; top: 600px; text-align: center;">
<img src="https://i.imgur.com/fOJxPlo.png"/>
</div>
<!--week episode--!>
<div style="position: absolute; width: 220px; height: 68px; top: 618px; left: 767px;">
<a href="http://newrecord.rusff.me/viewtopic.php?id=6834"><img title="лучший эпизод" src="https://i.imgur.com/zomOJZM.png" border="0" /></a></div>
<!--welcome--!>
<div style="position:absolute; width: 240px; height: 100px; left: 760px; top:378px; text-align: center; font-family: 'tahoma'; font-size: 10px; color: #9cba60; line-height: 10px; font-size: 10px; letter-spacing: 0.8px;">В Нью Йорк пришла <br>осень, на Рекорд - новый <br>дизайн! Впереди нас ждёт череда <br> вкусных, ярких конкурсов, квест, <br>готовый окунуть в невероятные приключения и новые непокорённые вершины. В осень на волне вдохновения!</div>
<!--navigation-->
<div style="position:absolute; width: 120px; height: 120px; left: 970px; top: 149px; text-align: center;">
<a href="http://newrecord.rusff.me/viewtopic.php?id=3581" class="tvm" target="">анкета</a><br>
<a href="http://newrecord.rusff.me/viewtopic.php?id=7004" class="tvm" target="">гостевая</a><br>
<a href="http://newrecord.rusff.me/viewtopic.php?id=6384" class="tvm" target="">банк</a> • <a href="http://newrecord.rusff.me/viewtopic.php?id=6967" class="tvm" target="">шопинг</a><br>
<a href="http://newrecord.rusff.me/viewtopic.php?id=5412" class="tvm" target="">о городе</a><br>
<a href="http://newrecord.rusff.me/viewforum.php?id=5" class="tvm" target="">нужные</a><br>
</div>
<!--AMS-->
<div style="position: absolute; width: 220px; height: 40px; top: 465px; left: 752px; border: none; font-family: 'Fira Sans Condensed', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 14px; letter-spacing: 0.5px; "><center>
<span class="tooltip"><a href="http://newrecord.rusff.me/profile.php?id=3"><font color="#a1bf67">Leona •</font></a><em><img src="https://i.imgur.com/JXfaDfS.gif"/></em></span>
<span class="tooltip"><a href="http://newrecord.rusff.me/profile.php?id=2"><font color="#a1bf67">Dexter •</font></a><em><img src="https://i.imgur.com/UsqKgTz.gif"/></em></span>
<span class="tooltip"><a href="http://newrecord.rusff.me/profile.php?id=143"><font color="#a1bf67">Ester •</font></a><em><img src="https://i.imgur.com/4Dtgrug.gif"/></em></span>
<span class="tooltip"><a href="http://newrecord.rusff.me/profile.php?id=945"><font color="#a1bf67">Aisha</font></a><em><img src="https://i.imgur.com/uRombkb.gif"/></em></span>
</center> </div></style>
<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>
<style>
.lastedit {display:none;}
</style>
<style type="text/css">
li#navawards {display: none;}
</style>
<style>
#pun-viewtopic li.pa-avatar {
margin-bottom: -10px;
}
</style>
<style type="text/css">
#pun-profile .int {display: none;}
</style>
<script type="text/javascript">
document.onkeydown=function(e){
if (e) event=e
if ((event.keyCode==13)&&(event.ctrlKey)){
document.getElementById('post').submit.click();
}}
</script>
<div class="go-up" title="Вверх" id='ToTop'><img src="https://i.imgur.com/hLHYWta.png"></div>
<div class="go-down" title="Вниз" id='OnBottom'><img src="https://i.imgur.com/r8mAt3O.png"></div>
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на реконструкции</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 0;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/46860.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>https://www.youtube.com/watch?v=hR7i7WAHpbU
</center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript">
var ON_button=1; //Cвитч включения: 1 - включено!; 0 - выключено
var moderDostyp_ON=1; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
$("style.#style_st,div.#pircs2").replaceWith("");}
else {$("#msg-n2").replaceWith("");
if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для Администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script><!--end/profilaktika-->HTML низ
<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
navlinks=new Array(
"navindex", // Форум
"https://i.imgur.com/uAvudiW.jpg","https://i.imgur.com/r650BF0.jpg",
"navuserlist", // Участники
"https://i.imgur.com/Bg1n6rm.jpg","https://i.imgur.com/l21f1Vj.jpg",
"navsearch", // Поиск
"https://i.imgur.com/LuWSBrl.jpg","https://i.imgur.com/gEu8VcL.jpg",
"navprofile", // Профиль
"https://i.imgur.com/yWkqDrv.jpg","https://i.imgur.com/rhPEftt.jpg",
"navpm", // Сообщения
"https://i.imgur.com/Dh8KzLw.jpg","https://i.imgur.com/6sWyFik.jpg",
"navadmin", // Администрирование
"https://i.imgur.com/nkvduYO.jpg","https://i.imgur.com/SIywpn0.jpg",
"navregister", // Регистрация
"https://i.imgur.com/t1pKKLa.jpg","https://i.imgur.com/WsQnUNc.jpg",
"navlogin", // Войти
"https://i.imgur.com/IcPswib.jpg","https://i.imgur.com/N72u6iE.jpg",
"navlogout", // Выход
"https://i.imgur.com/vgluOtN.jpg","https://i.imgur.com/x8FdVHu.jpg" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>
<!--пиар--!>
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'The New Yorker'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'https://i.imgur.com/MJ6FDzn.jpg'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<style>
.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
height: 113px;
top: -121px;
right: -95px;
background-color: none;
border-color: #f68a08;
border-style: solid;
}
</style>
<!--запрет редактирования--!>
<style>
#pun-main #profile1[action$="id=7"]{
display:none;
}
</style>
<style>
.slider-box{
width: 150px;
height:156px;
overflow:hidden;
}
.slider{
position:relative;
width:10000px;
height:100px;
}
.slider img{
float:left;
z-index:0;
}
</style>
<script>
$(function() {
var width=$('.slider-box').width(); // Ширина слайдера.
interval = 3000; // Интервал смены слайдов.
$('.slider img:last').clone().prependTo('.slider'); // Копия последнего слайда помещается в начало.
$('.slider img').eq(1).clone().appendTo('.slider'); // Копия первого слайда помещается в конец.
$('.slider').css('margin-left', -width); // Контейнер .slider сдвигается влево на ширину одного слайда.
setInterval('nextSlide()',interval); // Запускается функция nextSlide(), выполняющая смену слайдов.
});
function nextSlide(){
var margin = parseInt($('.slider').css('marginLeft')); // Текущее смещение блока .slider
width=$('.slider-box').width(), // Ширина слайдера.
slidersAmount=$('.slider').children().length; // Количество слайдов в слайдере.
if(margin!=(-width*(slidersAmount-1))) // Если текущий слайд не последний,
{
margin=margin-width; // то значение margin уменьшается на ширину слайда.
}else{ // Если показан последний слайд,
$('.slider').css('margin-left', -width); // то блок .slider возвращается в начальное положение,
margin=-width*2;
}
$('.slider').animate({marginLeft:margin},1000); // Блок .slider смещается влево на 1 слайд.
};
</script>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="100") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="100") $("#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 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">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>
<!--преобразование в html--!>
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--record-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--record-->')[1]);
}
});
});
</script>
<!-- Скрыть названия доп. полей-->
<script type="text/javascript">
var A=[1,2,3,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>
<!-- Просмотр полного профиля на странице /profile.php V.2 -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/44995.js"></script>
<!-- Изменение слова репутация-->
<script type="text/javascript">
var nWRD="like";
function setRespecNew(){
$(".post .pa-respect a[href^='/respect.php?']").each(function (){
$(this).html(nWRD);});}
function TestRespect(){
if($(".post .pa-respect:contains('Репутация')").length){setRespecNew();return;
}else {timerID = setTimeout("TestRespect()",110);return;}
}TestRespect()
</script>
<!-- Изменение слова сообщения-->
<script type="text/javascript">
if (document.URL.indexOf("viewtopic.php") != -1){
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Сообщений")) != -1) li[f].innerHTML=s.substring(0,p)+"mess"+s.substring(p+9)
}
}
</script>
<!-- запятая после нажатия -->
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>
<!-- прозрачность картинок -->
<script type="text/javascript">
$(document).ready(function() {
$('.Hoverbuttons').each(function () {
var $span = $(this).css('opacity', 0.4);
$(this).hover(function () {
$span.stop().fadeTo(600, 1);
}, function () {
$span.stop().fadeTo(600, 0.4);
});
});
});
</script>
<style>
.modlist {display: none;}
</style>
<script type="text/javascript">
(function(){var m = '\[spoiler="$more.."\]\',\'\[/spoiler\]';
var img = '<img src="http://funkyimg.com/i/HK6n.png" style="width:17px;height:18px;margin-left:-14px;position:absolute" title="more.." onclick="bbcode(\''+m+'\')"/>';
$('#button-spoiler').append(img);
$('.post-content .spoiler-box>div[onclick]:contains("$more..")').each(function(J){
$(this).hide().next().hide();var sp = $(this).parents('.spoiler-box:first').removeAttr('class').addClass('more').attr('id','m'+ J);
var v=$('#m'+ J+'>blockquote>p:first');v.replaceWith(' '+v.html())
var a=$('<a onclick="$(this).replaceWith($(\'#m'+ J+'>blockquote\').html())" style="text-decoration:none;margin-left:14px; cursor:pointer">more...</a>');
a.appendTo(sp.prev('p'))
});
}())
</script>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img src='/i/blank.gif' id='button-record' onclick=\"bbcode('
Код:
<!--record-->', '
');\"/>"
</script>
<style>
.needgirl {width:590px; height: 500px; background: #004027; background-image:url(http://i.imgur.com/F1oe83b.png); overflow: hidden;}
.needguys {width:590px; height: 500px; background: #deb275; background-image:url(http://i.imgur.com/02iCyq9.png); overflow: hidden;}
.needtabl {width:535px; height: 150px; padding: 0px 0px 0px 0px; text-align: center; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 11px; line-height: 95%;}
</style>
<style type='text/css'>
.recv { width: 620px; height: 635px; position:relative; background-color:#9ed2cb; background: url(https://i.imgur.com/Rc117Zw.png) no-repeat;}
.rechead { width: 620px; height: 180px; }
.recface { position:absolute; width: 130px; height:130px; top: 76px; left: 435px; -moz-border-radius: 130px; border-radius: 130px; box-shadow: 0 0 1em #3c2019;}
.recn {text-align: center; text-transform: uppercase; font-family: 'League Gothic'; font-size: 28px; color: #ffffff; text-shadow: 1px 1px 0px black; letter-spacing: 1px; padding-top: 15px; padding-bottom: 7px; margin: auto;}
.rec0 {position:absolute; left: 27px; top: 67px; width: 360px; height: 180px; line-height: 7px;}
.rec1 {width: 163px; padding: 2px 3px 4px; background: #741411; text-align:center; font-family: 'Neris Black', arial; letter-spacing: 1px; font-size: 10px; color: #ffffff; text-shadow: 1px 1px 0px black;}
.rec2 {width: 165px; height: 11px; padding: 3px 3px 5px 1px; background: #efefef; text-align: center; font-family: arial; font-size: 10px; color:#000000; letter-spacing: 1px; line-height: 9px; overflow:auto;}
.lavi { position: relative; width: 580px; height:405px; clear: both; }
.lavi1 { width: 566px; height: 320px; position:relative; padding: 7px 7px 10px 5px; margin-top: 9px; background-color: #efeded; border-radius: 0px 0px 20px 20px; overflow:auto; }
.lavi2 { width: 570px; height: 330px; position:relative; padding: 2px 7px 7px 3px; margin-top: 10px; overflow:auto; text-align: left; font-family: 'calibri', 'arial', sans-serif; font-size: 13px; }
.lavi3 { width: 580px; position:relative; background-color: none; font-family: 'Fira Sans Condensed', sans-serif; font-weight:700; font-size: 13px; letter-spacing: 1px; overflow:auto; padding-top: 3px; color: #372a22; text-transform: uppercase;}
.fiel { float:left; }
.fiel label { position:relative; top: 00px; left: 145px; height: 20px; width: 145px; font-family: 'Neris Black', font-size: 11px; letter-spacing: 3px; text-transform: uppercase; line-height:20px; text-align: center; border:none; margin-right:10px; display:block;}
.fiel [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.used { position:absolute; left: 0px; top: 17px; width:580px; height:370px; padding: 0px; text-align: left; color: black; font-size: 11px; line-height: 110%; }
.us1 {height: 120px; padding: 5px 5px 5px 0px; overflow:auto; }
.us2 {text-align: center;}
.fiel [type=radio]:checked ~ label { z-index: 99; font-weight: bold; background-color: #e8e8e8; }
.fiel [type=radio]:checked ~ label ~ .used { z-index: 98; }</style>
<style type="text/css">
#wrapper {width: 550px;}
/*доп смайлов */
ul.tabs {height: 25px; line-height: 25px; margin: 0 0 3px; list-style: none; }
ul.tabs li {float: left; margin-right: 1px; cursor:pointer;}
ul.tabs li a {display: block; padding: 0 13px 1px; margin-bottom: -1px;color: #444; text-decoration: none;cursor: pointer;background: #f9f9f9;border: 1px solid #efefef;border-bottom: 1px solid #F9F9F9;position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #7ea334;padding: 0 13px;background: #e3edcf;border: 1px solid #bdd294;}
ul.tabs li.tab-current a {color: #444;background: #efefef; padding: 0px 13px 2px; border: 1px solid #d4d4d4; border-bottom: 1px solid #efefef;}
div.t2,div.t3,div.t4,div.t5,div.t6 {display: none;width: 510px;}
</style>
</div>
<!-- смайлы -->
<script type="text/javascript">
var nabor2 = ['http://funkyimg.com/i/2c3ZA.png',
'http://i.imgur.com/DKZ9Ez5.png',
'http://i.imgur.com/yk153gC.png',
'http://i.imgur.com/6O81Kbt.png',
'http://funkyimg.com/i/2c3ZD.png',
'http://i.imgur.com/n1mpp6C.png',
'http://i.imgur.com/VwtlKNG.png',
'http://i.imgur.com/bAkmP7N.png',
'http://funkyimg.com/i/2c3ZU.png',
'http://i.imgur.com/hLSdbqI.png',
'http://i.imgur.com/srUHovs.png',
'http://i.imgur.com/6dS2c5M.png',
'http://i.imgur.com/wy0omBj.png',
'http://i.imgur.com/Js4IsyV.png',
'http://i.imgur.com/FUz12DE.png',
'http://i.imgur.com/God7Eso.png',
'http://i.imgur.com/nSY4wxp.png',
'http://i.imgur.com/uSOgXeT.png',
'http://i.imgur.com/eEeBPP4.png',
'http://i.imgur.com/SBzhV6F.png',
'http://i.imgur.com/fP0aZzR.png',
'http://i.imgur.com/83QDSyz.png',
'http://i.imgur.com/kH8l46P.png',
'http://i.imgur.com/8FmDlde.png',
'http://funkyimg.com/i/2c4ai.png',
'http://funkyimg.com/i/2c49Z.png',
'http://funkyimg.com/i/2c4a3.png',
'http://funkyimg.com/i/2c4a4.png',
'http://i.imgur.com/6fJnCWj.png',
'http://funkyimg.com/i/2c4aj.png',
'http://funkyimg.com/i/2c4an.png',
'http://funkyimg.com/i/2c4aq.png',
'http://i.imgur.com/Aj4d4r7.png',
'http://funkyimg.com/i/2c4ao.png',
'http://i.imgur.com/8o9EkmL.png',
'http://i.imgur.com/iJtczpe.png',
'http://i.imgur.com/3KHCLpo.png',
'http://i.imgur.com/mTrxd7u.png',
'http://i.imgur.com/NH1bN1r.png',
'http://i.imgur.com/Ay37g5Q.png',];
var nabor3 = ['http://i.imgur.com/5MEKgHk.png',
'http://i.imgur.com/RT71VtD.png',
'http://i.imgur.com/QnutTgb.png',
'http://i.imgur.com/CeepE4f.png',
'http://i.imgur.com/KrDm5GK.png',
'http://i.imgur.com/s5SxHnq.png',
'http://i.imgur.com/aMA5EOC.png',
'http://i.imgur.com/lyhDF8S.png',
'http://i.imgur.com/LYEJGta.png',
'http://i.imgur.com/aNDkUgL.png',
'http://i.imgur.com/Z9G4W0r.png',
'http://i.imgur.com/OFivJUR.png',
'http://i.imgur.com/qN6Nkd8.png',
'http://i.imgur.com/Lrrvutz.png',
'http://i.imgur.com/CtRBpyf.png',
'http://i.imgur.com/OYS9Obv.png',
'http://i.imgur.com/a1sewW1.png',
'http://i.imgur.com/hMIuPC9.png',
'http://i.imgur.com/p8OcPi9.png',
'http://i.imgur.com/J7QbaOp.png'];
var nabor4 = ['http://i.imgur.com/ZhMeyny.png',
'http://i.imgur.com/Tv0Fsop.png',
'http://i.imgur.com/U51acGs.png',
'http://i.imgur.com/uDvxUNV.png',
'http://i.imgur.com/HXcUGQf.png',
'http://i.imgur.com/KRL2lBa.png',
'http://i.imgur.com/JnRYBRJ.png',
'http://i.imgur.com/AkuLOWg.png',
'http://i.imgur.com/7LHuXzx.png',
'http://i.imgur.com/ZTI4tpZ.png',
'http://i.imgur.com/nQTf13A.png',
'http://i.imgur.com/dL7KbRL.png',
'http://i.imgur.com/1kDoLTW.png',
'http://i.imgur.com/VYjKdiL.png',
'http://i.imgur.com/jM79L0U.png',
'http://i.imgur.com/kOGYjSg.png',
'http://i.imgur.com/s2fEr6j.png',
'http://i.imgur.com/oSW3c0f.png',
'http://i.imgur.com/IJBcI1R.png',
'http://i.imgur.com/m16znmO.png',
'http://i.imgur.com/mIePDhj.png',
'http://i.imgur.com/eJ9jwGL.png',
'http://i.imgur.com/jdZPBAl.png',
'http://i.imgur.com/vaQHNCg.png'];
var nabor5 = ['http://i.imgur.com/9XPFUG0.png',
'http://i.imgur.com/0AX5DXi.png',
'http://i.imgur.com/kSvxjUY.png',
'http://i.imgur.com/UdE1BKP.png',
'http://i.imgur.com/1lqPg7w.png',
'http://i.imgur.com/H2v5Mg0.png',
'http://i.imgur.com/U8Y2c4P.png',
'http://i.imgur.com/SQkhbLj.png',
'http://i.imgur.com/NlWWFMX.png',
'http://i.imgur.com/uZKyhee.png',
'http://i.imgur.com/KjtOmZf.png',
'https://i.imgur.com/RSIXc0h.png',
'https://i.imgur.com/xHShjPI.png',
'https://i.imgur.com/6PyXOpl.png',
'https://i.imgur.com/SRt7mdA.png',
'https://i.imgur.com/EtyeUBx.png',
'https://i.imgur.com/nFJIovk.png',
'https://i.imgur.com/2coPZex.png',
'https://i.imgur.com/Ph8ThjL.png'];
var nabor6 = ['http://sg.uploads.ru/8Di9S.gif',
'http://sg.uploads.ru/TahAw.gif',
'http://i.imgur.com/05JQYKw.gif',
'http://funkyimg.com/i/VyiD.gif',
'http://funkyimg.com/i/Vyjs.gif',
'http://i.imgur.com/1RYacNI.gif',
'http://funkyimg.com/i/Vyjx.gif',
'http://i.imgur.com/6FHnCEO.gif',
'http://i.imgur.com/HgYlGto.gif',
'http://i.imgur.com/BTFudD9.gif',
'http://i.imgur.com/8i8Xi1v.gif',
'http://sg.uploads.ru/NDY8c.gif',
'http://sh.uploads.ru/LSvtp.gif',
'http://sg.uploads.ru/ChkUJ.gif',
'http://i.imgur.com/NNcsXuo.gif',
'http://i.imgur.com/VPA8r7y.gif',
'http://i.imgur.com/hkuwRhf.gif',
'http://i.imgur.com/iFXWix2.gif',
'http://i.imgur.com/wIuD55F.gif',
'http://i.imgur.com/Ac3TUTT.gif',
'http://i.imgur.com/xIxmeHs.gif',
'http://i.imgur.com/Qj9R7d0.gif',
'http://i.imgur.com/VoKfFUb.gif',
'https://i.imgur.com/6nVYzl2.gif',
'http://funkyimg.com/i/XH1h.gif',
'http://funkyimg.com/i/XH1k.gif',
'http://funkyimg.com/i/Vykq.gif',
'http://sh.uploads.ru/xEe1i.gif',
'http://i.imgur.com/ZXvO24n.gif',
'https://i.imgur.com/litG12k.gif',
'https://i.imgur.com/HFmMVN8.gif',
'https://i.imgur.com/7RUpBG9.gif',
'https://i.imgur.com/iVtQcl6.gif',
'https://i.imgur.com/dq7utIL.gif',
'https://i.imgur.com/YfjmHEI.gif',
'https://i.imgur.com/v4XHVLC.gif',
'https://i.imgur.com/XtKYFDT.gif',
'https://i.imgur.com/YI1rKLQ.gif',
'https://i.imgur.com/qLkoYuy.gif',
'https://i.imgur.com/ZLZARuU.gif',
'https://i.imgur.com/4BXQTJi.gif',
'https://i.imgur.com/bjpxgPd.gif',
'https://i.imgur.com/b6TtkPi.gif'];
$(document).ready(function() {
$('#smilies-block').addClass('t1');
$('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>Смайлы</a></li><li class="t2"><a>Сборная солянка</a></li><li class="t3"><a>Брюнетка</a></li><li class="t4"><a>Блонди</a></li><li class="t5"><a>Мужские</a></li><li class="t6"><a>18+</a></li></ul><div class="t2"><br></div><div class="t3"><br></div><div class="t4"><br></div><div class="t5"><br></div><div class="t6"><br></div></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor4, function(i) {
$('div.t4').append('<img src="'+nabor4[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor5, function(i) {
$('div.t5').append('<img src="'+nabor5[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor6, function(i) {
$('div.t6').append('<img src="'+nabor6[i]+'" onclick=smile(\'--\') />');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3, div.t4, div.t5, div.t6').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>
<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
border-radius: 4px;
position:relative;z-index:1000;
background: #E0E0E0;
width: 110px;
height: 5px;
margin: 3px 5px;
border: solid 1px #ccc;
float: right;
margin-right: 7%;
}
.FNTslider .before {
height: 5px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #A0BCDA;
margin-top: -1px;
}
.FNTslider .thumb {
width: 8px;
height: 13px;
border-radius: 3px;
position: relative;
top: -4px;
background: #3980D8;
cursor: pointer;
}
</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<script type="text/javascript">
/***********************************************
* Contractible Headers script- © Dynamic Drive (wwwdynamicdrive.com)
* This notice must stay intact for legal use. Last updated Mar 23rd, 2004.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="no" //Collapse previously open content when opening present? (yes/no)
if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}
function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}
function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}
function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}
function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}
function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}
document.cookie=window.location.pathname+"="+selectedItem
}
function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined"){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0"
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
if (!firsttimeload)
revivecontent()
}
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
</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.2em 2.1em; "></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
<!--дополнительные цвета © Romych-->
<script language="javascript">
$(function(){
$('div#color-area table').append('<td style="background-color: thistle;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: yellowgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightpink;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: palegoldenrod;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: steelblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: orange;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: forestgreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: firebrick;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: lightsteelblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: sienna;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: darkseagreen;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: saddlebrown;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: mediumpurple;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: tan;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td><td style="background-color: dodgerblue;"><img src="/i/blank.gif" onclick="bbcode(\'\',\'\')"></td>');
});
</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('Caveat');
ft_f.push('Pacifico');
ft_f.push('Great Vibes');
ft_f.push('Mrs Saint Delafield');
ft_f.push('Engagement');
ft_f.push('Amatic SC');
ft_f.push('Bad Script');
ft_f.push('Cuprum');
ft_f.push('Kelly Slab');
ft_f.push('Marmelad');
ft_f.push('Neucha');
ft_f.push('Oswald');
ft_f.push('Pattaya');
ft_f.push('Rubik Mono One');
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 type="text/javascript">
//alert("A")
var SkL="\\[",SkR="\\]";
var patt = new Array()
patt[0] = SkL + "NIC" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/NIC" + SkR;
patt[1] = SkL + "AVA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/AVA" + SkR;
patt[2] = SkL + "SGN" + SkR + "([^" + SkL + SkR + "]+)" + SkL + "/SGN" + SkR;
patt[3] = SkL + "STA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/STA" + SkR;
$(".post-content").each(function (){
var contex = $(this).html();
for (j=0; j < patt.length; j++){
var chang = '<legend class="hide ' + patt[j].substring(2,5) + '" >';//alert(chang)
var EndCh = '</legend>';
var reg_esp = new RegExp(patt[j],"igm");
contex=contex.replace(reg_esp,chang + "$1" + EndCh);//alert(contex)
}$(this).html(contex)
});
var pa_avtr='<li class="pa-avatar">';
var Avt_St='<img src="';
var Avt_End='"alt="Аватар"/>';
var PostSig_St='<dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>';
var PostSig_End='</p></dd></dl>';
$(".post legend.hide").each(function (){
var S=$(this).html();
var STA=$(this).parents(".post").find(".post-author .pa-title")
/*[NIC]*/ if($(this).hasClass('NIC')==true){$(this).parents(".post").find(".post-author .pa-author a").html(S);}
/*[AVA]*/ if($(this).hasClass('AVA')==true){var AVA=$(this).parents(".post").find(".post-author .pa-avatar")
if(AVA.html()!=null){AVA.html(Avt_St+S+Avt_End)}else $(this).parents(".post").find(".post-author .pa-title").after(pa_avtr+Avt_St+S+Avt_End+'</li>');}
/*[SGN]*/ if($(this).hasClass('SGN')==true){$(this).parents(".post").find(".post-content .post-sig").replaceWith("");
$(this).parents(".post").find(".post-content").append(PostSig_St+S+PostSig_End);}
});
</script>
<style>#avtrChang-area{position: absolute; right: 5%;top: 43px;} .post-content legend.hide{ display:none;} .punbb .pa-avatar img {max-width:180px;height:auto;}</style>
<style>#custom-change{background-image:url(https://i.imgur.com/t1kmEwX.png);background-position:center;background-repeat:no-repeat;height:16px;line-height:0;padding:0;width:100%}</style>
<script type="text/javascript">
if((form=document.getElementById("form-buttons")))
form.getElementsByTagName("tr")[0].insertCell(14).innerHTML="<img src='/i/blank.gif' id='custom-change' title='Смена имиджа в посте' onclick=\"return changeVisibility('change', this);\" />"
</script>
<div class="container" id="change" style="
display:none;
position: absolute;
width: 100px; left: 470px;
margin-top: -460px;
padding: 7px;
border: 1px solid #74923d;
padding: 10px;
background: #afc682;
background: linear-gradient(#bbd38d,#7e9f46);
color:#fff;
font-family: 'cuprum';
font-size: 14px;">
<span style="cursor:pointer;" onclick="bbcode('[AVA]', '[/AVA]');return changeVisibility('change', this)">Смена аватара</span><br>
<span style="cursor:pointer;" onclick="bbcode('[STA]', '[/STA]');return changeVisibility('change', this)">Смена статуса</span><br>
<span style="cursor:pointer;" onclick="bbcode('[SGN]', '[/SGN]');return changeVisibility('change', this)">Смена подписи</span><br>
<span style="cursor:pointer;" onclick="bbcode('[NIC]', '[/NIC]');return changeVisibility('change', this)">Смена ника</span>
</div>
<!--скрипт вставки картинки--!>
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" 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>
<!--соо в анкету--!>
<style type="text/css">
.tabsPROF {
position: relative;
width: 620px;
height: 500px;
clear: both;
margin: 0;
}
.tabPROF {
float: left;
}
.tabPROF label {
padding: 3px 10px 3px 10px;
background: #eee;
position: relative;
left: 200px;
top: -18px;
font-family: calibri;
font-size: 12px;
line-height: 100%;
}
.tabPROF [type=radio] {
display: none;
baseline-tab-shift: true, retrieve;
}
.contentPROF {
width: 0px;
height: 0px;
position: absolute;
top: 20px;
bottom: 0px;
left: 30px;
right: 0px;
}
[type=radio]:checked ~ label {
background: white;
z-index: 2;
}
[type=radio]:checked ~ label ~ .contentPROF {
z-index: 1;
}
.stylePROF { width: 620px; padding: 18px 0px 18px 0px; background-color: #67804e; font-family: 'poiret one', sans-serif; font-size: 40px; color: #fff; text-shadow: 1px 2px 1px #000; text-transform: uppercase; line-height: 100%; text-align: center;}
.stylePROFline { width: 620px; height: 20px; background-color: #53703b;}
.STRIPstylePROF { width: 540px; height: 400px; background-color: #67804e;}
.tdtablecolorPROF { background-color: #67804e;}
.ssaraboxoutPROF { width: 620px; height: 470px; background-image: url(https://i.imgur.com/ZzA8FAC.png);}
.ssaboutPROF { width: 590px; height: 430px; padding: -15px; background-color: #d4dec5; position: relative; left: -15px; text-align: justify;}
.ssthreadsPROF { width: 590px; height: 430px; padding: -15px; background-color: #d4dec5; position: relative; left: -15px; text-align: justify;}
.ssplotPROF { width: 590px; height: 430px; padding: -15px; background-color: #d4dec5; position: relative; left: -15px; text-align: justify;}
.scrolltablePROF { height: 400px; overflow: auto; }
.stitlePROF {font-family: 'poiret one', sans-serif; font-size: 25px; color: #000; text-align: center;}</style>
Страница: 1