тестовик |
Привет, Гость! Войдите или зарегистрируйтесь.
цитата
код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код код
пост
Я не была глупой девочкой и на общении с мужчинами, можно сказать, наверное, собаку съела. наши отношения с Хенком казались мне весьма практичными и, в целом, абсолютно меня устраивали: мне не нужно было от него что-то сверх того, чем то что между нами уже есть, не смотря на то, что он настойчиво намекал на свадьбу и на какой-то более серьезный уровень. И, наверное, именно поэтому мне с ним было так легко: ведь я абсолютно не переживала насчет того что ему что-то там не нравится в моем поведении или ответах. Хенк был достаточно предсказуем для того, что бы я была уверена в том, что он ни за что не решится порвать наши отношения и, со временем, для меня все стало крайне просто ведь, разве мужчин было так сложно понять? Предугадать их желания и намерения? Однако, с тех пор, как в моей жизни появился Честер, или я в его, не знаю, как будет правильно, я очень скоро пришла к выводу, что ни черта не знаю о мужчинах и о том, что им, все таки, нужно.
...боги, неужели вам вообще никто не понравился? мать раздраженно вздрогнет, позволяя пышному, меховому боа скользнут вниз, кокетливо обнажая плечо, по которому ледяным взглядом скользнет отец. Она была достаточно мила и приветлива с ним на протяжении вечера, что, кажется, делало отца лишь еще более угрюмей. Может быть на Октавию так действует длительное отсутствие под рукой огромного крепкого мужского х... кхм. В сезон зимних приемов, в связи с тем, что отец часто бывает дома, ей приходиться прекращать общения со своими молодыми любовниками, дабы не провоцировать Дамьена и не ставить под угрозу свое собственное содержание. После очередной вечеринки одного из крупнейших партнеров отца, я устало плюхнусь в диван, стягивая правым носком с левой пятки ужасно неудобную туфлю. Ева, потягивая шампанское из своего бокальчика, присядет рядом и покажется мне еще более задумчивой и притихшей, чем отец, но как бы сильно я не хотела расспросить сестру о том, что происходит в ее жизни, сейчас я вряд ли смогу это проделать, да и вряд ли она вообще захочет мне о чем-то рассказать, ведь, с тех пор как мы были по-настоящему близки, прошло слишком много времени.
Оставь их в покое, Октавия! коротко бросит отец, отворачиваясь к бару для того, что бы плеснуть себе в стакан виски. Мать недовольно вздохнет, пока я, вспоминая того ужасного дипломата из Турции, с которым меня познакомила мать сегодня, улыбнусь, в очередной раз убеждаясь, что, кажется, никто не сравниться с Честером Филдсем. Но улыбаться я буду недолго, потому как Октавия быстро придет в себя и громко поинтересуется ...все забывала тебя спросить, Мегги, дорогая, а что за симпатичного кавалера ты приводила к себе в комнату несколькими неделями ранее? я опасливо покошусь на отца, с облегчением отметив его безразличие к замечанию матери и, немного помявшись, совру ...я подумала, может быть неплохо мне нанять телохранителя? рассматривала...эм... кандидатуру...
...как интересно... улыбнувшись скажет мать, пряча ухмылочку в бокале мартини, в то время как отец, обернувшись, скажет В свете последних событий, это не такая уж и плохая идея!
...ты какой-то молчаливы! потрепав Ледиберд за ухо, я подтяну на диван и свои ноги, удобно уместив их между собой и Честером. Я не была мерзлячкой, но сквозняк, ходящий по полу знатно подморозил мои ступни и мне не хотелось жаловаться, но надо было смотреть правде в глаза: дом Честера нуждался в капитальном ремонте. Я подумаю о том, что обязательно займусь ремонтом в этом месте чуть попозже, когда между нами все прояснится окончательно, хотя, казалось бы, куда окончательней? И после того, как я решу все это для себя Честер нехотя скажет мне Как обстоят дела с поиском для тебя богатого хахаля, которого не стыдно людям показать? я удивлено оглянусь на Филдса, пытаясь переворотить смысл его претензии Прости, что? Я не расслышала! и мне хотелось бы добавить еще что-нибудь про то, что мы, кажется, все обговорили и, вообще, я достаточно четко дала ему понять, что мне совершенно неинтересно общаться со всеми, к кому мать пытается подсунуть меня в постель, но я не успею потому как Честер добавить еще кое что и я замолчу, распираемая удивительной догадкой мотивов его слов
Ты что, ревнуешь? Боже мой, Честер, ты действительно ревнуешь! удивившись этой догадке я потянусь к нему для того, что бы оторвать его взгляд от телевизора, в который он упрямо пялился на протяжении всего вечера Взгляни на меня, Честер... и после того, как наши взгляды встретятся, произнесу Ни один мужчина в мире, как бы богат и знаменит он не был, не сравниться с тобой! И, если бы был бы хотя бы малейший шанс прийти на все эти вечеринки под руку с самым лучшим мужчиной на планете, без последствия для тебя же, я бы не задумываясь нарядила тебя в вычурный смокинг и потащила знакомить со всеми этими людьми, над которыми мы бы потом вдоволь посмеялись оказавшись наедине. отпустив его подбородок, удостоверившись, что он наверняка услышал, что я ему сказала, я расслаблено откинусь на спинку дивана и добавлю К тому же, если ты так сильно переживаешь за мою честь и достоинство, то можешь попробовать пройти собеседование у моего отца. Он планирует нанять мне телохранителя.
[html]<style>
.activ {
width: 170px;
height: 100px;
line-height: 100px;
margin: 0 auto;
background: rgba(0, 228, 246, .4);
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.activ:hover {
-o-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
-moz-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
</style>
<div class="activ" style="background: url(http://s9.uplds.ru/4wnxU.gif);">
</div>
[/html]
[html]<style>
.s13 {
z-index: 1;
width: 100px;
height: 20px;
font-size: 16px;
line-height: 1.2;
position: relative;
font-family: Russo One!important;
padding: 2px 1px 2px 45px;
text-transform: uppercase;
}
.s13 a{
display: inline-block;
letter-spacing: 1px;
color:#34495e!important;
}
.s13:after {
content: "";
height: 100%;
min-width: 4px;
background: #34495e;
position: absolute;
z-index: 0;
left: 0;
bottom: 0;
transition: .5s;
}
.s13:hover:after {
min-width: 100%;
background: #95a5a6;
opacity: .35;
}
</style>
<div class="s13"><a href="ссылка">ссылка</a></div>
[/html]
цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата цитата
пост
Я не была глупой девочкой и на общении с мужчинами, можно сказать, наверное, собаку съела. наши отношения с Хенком казались мне весьма практичными и, в целом, абсолютно меня устраивали: мне не нужно было от него что-то сверх того, чем то что между нами уже есть, не смотря на то, что он настойчиво намекал на свадьбу и на какой-то более серьезный уровень. И, наверное, именно поэтому мне с ним было так легко: ведь я абсолютно не переживала насчет того что ему что-то там не нравится в моем поведении или ответах. Хенк был достаточно предсказуем для того, что бы я была уверена в том, что он ни за что не решится порвать наши отношения и, со временем, для меня все стало крайне просто ведь, разве мужчин было так сложно понять? Предугадать их желания и намерения? Однако, с тех пор, как в моей жизни появился Честер, или я в его, не знаю, как будет правильно, я очень скоро пришла к выводу, что ни черта не знаю о мужчинах и о том, что им, все таки, нужно.
...боги, неужели вам вообще никто не понравился? мать раздраженно вздрогнет, позволяя пышному, меховому боа скользнут вниз, кокетливо обнажая плечо, по которому ледяным взглядом скользнет отец. Она была достаточно мила и приветлива с ним на протяжении вечера, что, кажется, делало отца лишь еще более угрюмей. Может быть на Октавию так действует длительное отсутствие под рукой огромного крепкого мужского х... кхм. В сезон зимних приемов, в связи с тем, что отец часто бывает дома, ей приходиться прекращать общения со своими молодыми любовниками, дабы не провоцировать Дамьена и не ставить под угрозу свое собственное содержание. После очередной вечеринки одного из крупнейших партнеров отца, я устало плюхнусь в диван, стягивая правым носком с левой пятки ужасно неудобную туфлю. Ева, потягивая шампанское из своего бокальчика, присядет рядом и покажется мне еще более задумчивой и притихшей, чем отец, но как бы сильно я не хотела расспросить сестру о том, что происходит в ее жизни, сейчас я вряд ли смогу это проделать, да и вряд ли она вообще захочет мне о чем-то рассказать, ведь, с тех пор как мы были по-настоящему близки, прошло слишком много времени.
Оставь их в покое, Октавия! коротко бросит отец, отворачиваясь к бару для того, что бы плеснуть себе в стакан виски. Мать недовольно вздохнет, пока я, вспоминая того ужасного дипломата из Турции, с которым меня познакомила мать сегодня, улыбнусь, в очередной раз убеждаясь, что, кажется, никто не сравниться с Честером Филдсем. Но улыбаться я буду недолго, потому как Октавия быстро придет в себя и громко поинтересуется ...все забывала тебя спросить, Мегги, дорогая, а что за симпатичного кавалера ты приводила к себе в комнату несколькими неделями ранее? я опасливо покошусь на отца, с облегчением отметив его безразличие к замечанию матери и, немного помявшись, совру ...я подумала, может быть неплохо мне нанять телохранителя? рассматривала...эм... кандидатуру...
...как интересно... улыбнувшись скажет мать, пряча ухмылочку в бокале мартини, в то время как отец, обернувшись, скажет В свете последних событий, это не такая уж и плохая идея!
...ты какой-то молчаливы! потрепав Ледиберд за ухо, я подтяну на диван и свои ноги, удобно уместив их между собой и Честером. Я не была мерзлячкой, но сквозняк, ходящий по полу знатно подморозил мои ступни и мне не хотелось жаловаться, но надо было смотреть правде в глаза: дом Честера нуждался в капитальном ремонте. Я подумаю о том, что обязательно займусь ремонтом в этом месте чуть попозже, когда между нами все прояснится окончательно, хотя, казалось бы, куда окончательней? И после того, как я решу все это для себя Честер нехотя скажет мне Как обстоят дела с поиском для тебя богатого хахаля, которого не стыдно людям показать? я удивлено оглянусь на Филдса, пытаясь переворотить смысл его претензии Прости, что? Я не расслышала! и мне хотелось бы добавить еще что-нибудь про то, что мы, кажется, все обговорили и, вообще, я достаточно четко дала ему понять, что мне совершенно неинтересно общаться со всеми, к кому мать пытается подсунуть меня в постель, но я не успею потому как Честер добавить еще кое что и я замолчу, распираемая удивительной догадкой мотивов его слов
Ты что, ревнуешь? Боже мой, Честер, ты действительно ревнуешь! удивившись этой догадке я потянусь к нему для того, что бы оторвать его взгляд от телевизора, в который он упрямо пялился на протяжении всего вечера Взгляни на меня, Честер... и после того, как наши взгляды встретятся, произнесу Ни один мужчина в мире, как бы богат и знаменит он не был, не сравниться с тобой! И, если бы был бы хотя бы малейший шанс прийти на все эти вечеринки под руку с самым лучшим мужчиной на планете, без последствия для тебя же, я бы не задумываясь нарядила тебя в вычурный смокинг и потащила знакомить со всеми этими людьми, над которыми мы бы потом вдоволь посмеялись оказавшись наедине. отпустив его подбородок, удостоверившись, что он наверняка услышал, что я ему сказала, я расслаблено откинусь на спинку дивана и добавлю К тому же, если ты так сильно переживаешь за мою честь и достоинство, то можешь попробовать пройти собеседование у моего отца. Он планирует нанять мне телохранителя.
шампанское из своего бокальчика, присядет рядом и покажется мне еще более задумчивой и притихшей, чем отец, но как бы сильно я не хотела расспросить сестру о том, что происходит в ее жизни, сейчас я вряд ли смогу это проделать, да и вряд ли она вообще захочет мне о чем-то рас
llonljn
/***************************************
A - SETUP
***************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Lobster|Oswald|Open+Sans|Open+Sans+Condensed:300&display=swap');
@media screen and (min-width: 500px) {
body {overflow-x: hidden}
}
/* A2 Deal with browser defaults and wonkiness*/
/* A2.1 */
html, body {margin: 0px; padding: 0}
/* A2.2 */
.punbb * {margin: 0px}
/* 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%;
}
/* A3.2 */
.punbb {
font: normal 70.75% verdana, geneva, lucida, 'lucida grande', 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 {
font-size: 12px;
}
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 0.9em;
}
/* 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 {
margin: auto;
position: relative;
width: 960px!important;
background-color: #d0bfbe;
background-image: url(https://i.imgur.com/4pmIurI.png);
}
/* A5.2 */
.punbb {
float: auto;
height: auto;
width: 880px;
margin-left: 45px;
margin-top: 0px;
}
/* A5.3 */
#pun-redirect, #pun-maint {
text-decoration: 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: none;
}
/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
text-align: center;
}
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}
/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: none;
}
/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0.5em;
line-height: 150%;
text-align: justify;
}
/* B1.4 */
.punbb .post-content img {
vertical-align: middle
}
/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: auto;
}
/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
}
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.0em 1.4em 1.0em;
padding: 0.5em;
}
/* 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: 0em;
}
/* B3.3 */
.linkst .pagelink {
font-family: 'open sans';
position: absolute;
top: -2em;
left: 1em;
width: 24em;
}
/* B3.4 */
.linkst .postlink {
font-family: 'open sans';
position: absolute;
top: -2em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}
/* B3.5 */
.punbb .linksb {
font-family: 'open sans';
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}
/* B3.6 */
.linksb .pagelink {
font-family: 'open sans';
float: left;
width: 24em;
text-align: left;
}
/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
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: 0em 2em 1.1em 1em;
}
/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 0em 0 0 0;
text-align: center;
}
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0;
}
/* C1.4 */
.punbb fieldset {
border: none;
}
/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 10px;
font-size: 1.1em
}
/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}
/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}
/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}
/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 5px 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 4em 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;
}
.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}
/* 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: 50%;
}
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 15%;
}
/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: right;
width: 30%;
font-weight: bolder;
font-family: open sans!important;
}
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}
/* C2.5 */
#pun-index .tc2, #pun-index .tc3 {
width: 7%;
font-family: open sans!important;
font-size: 14px;
}
#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 {
text-decoration: none;
}
/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}
/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}
/* C2.11 */
.punbb .main td {
border-width: 0;
padding: 1.5em 1em;
}
/* C2.12 */
.punbb .main th {
padding: 4px 1em 5px 1em;
border-width: 0;
}
/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}
* html .tclcon {
height: 0px;
}
/* C2.14 */
.punbb td div.tclcon div {
border: none;
}
/* C2.15 */
#pun-viewforum div.tclcon {
border-width: 0;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
z-index: 100;
border-width: 0;
}
/* C3.2 */
.punbb .post h3 {
border-width: 0px;
}
/* C3.5 */
.punbb .post .post-author {
margin-left: -80px;
width: 230px;
line-height: 140%;
float: left;
text-align: center;
padding: 40px 0 15px 0;
background: url(https://i.imgur.com/um2cS7a.png) no-repeat top,
url(https://i.imgur.com/bp1wjcE.png) no-repeat bottom,
url(https://i.imgur.com/qdBgEYf.png) repeat-y;
}
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
border: none;
}
/* C3.7 */
.pa-author {
text-decoration: none;
line-height: 160%;
font-size: 19px;
font-weight: bolder;
text-transform: lowercase;
font-style: italic;
color: #6b5c6d;
}
/* C3.8 */
.pa-author a {
color: #664c6a !important;
text-shadow: 0 1px 5px #e9daeb;
font-family: 'open sans condensed'!important;
}
.pa-author a:hover {
color: #29222b !important;
text-shadow: 1px 1px 0 #e2d3d2;
}
/* C3.9 */
li.pa-title {
text-transform: lowercase;
font-family: arial!important;
font-size: 0.9em;
padding: 0 10px 10px 10px!important;
color: #e0d3e0;
}
/* C3.10 */
li.pa-online {
text-transform: uppercase;
font-family: arial!important;
font-size: 8px;
color: #e0d3e0;
}
/* C3.11 */
.punbb .post-body {
margin-left: 18em;
padding: 0px 0 0px 0px;
}
/* C3.12 */
.punbb .post-box {
padding: 0em 0em 1em 0;
margin-left: -20px;
}
/* C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em;
}
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border: none;
}
/* C3.15 */
.punbb .post-links ul {
line-height: 1.7em;
margin: 0em 0 0 -20em;
padding: 4px;
border-width: 0;
text-align: right;
}
/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}
/* C3.17 */
.pl-email, .pl-website {
float: left;
}
/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
margin-top: 4px;
}
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}
/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}
/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em;
}
/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
padding-left: 18.6em;
}
/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -18em;
display: inline;
}
/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: normal;
}
/* C6.4 */
#viewprofile ul, #profilenav ul {
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}
/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}
/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}
/* C6.8 */
#viewprofile li span {
float: left;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: normal;
}
/* 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 0em;
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-width: 0px;
width: 108%;
margin-left: -30px;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
border: none;
height: 0;
}
/* D1.2 */
#pun-title h1 {
display : block;
}
/* D1.3 */
#pun-title .container {
border: none ;
padding: 0.2em 1em 0.8em 1em;
}
/* D1.4 */
#pun-title h1 span {
display: none;
}
#pun-title table {
border: none;
}
#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title TD.title-logo-tdr {
border: none;
width: 420px;
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 Navlinks
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
text-decoration: none;
margin: -4px 0 225px 100px;
}
/* D3.2 */
#pun-navlinks .container {
text-align: center;
}
/* D.3.3 */
#pun-navlinks li {
display: inline;
}
#pun-navlinks a {
text-transform: uppercase;
font-size: 1.6em;
font-family: 'open sans condensed'!important;
font-weight: bold;
padding: 0 10px;
color: #b3adb4;
text-shadow: 0 1px 0 #322a34;
transition-duration: 0.3s;
-webkit-text-size-adjust: 100%;
}
#pun-navlinks a:hover, #pun-navlinks a:active {
color: #332b35;
text-shadow: 0 1px 0 #ab9cac;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
border: none;
}
/* D4.2 */
#pun-ulinks .container {
text-align: center;
width: 100%;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
white-space: nowrap;
}
#pun-ulinks a {
font-size: 1em;
font-family: 'Arial';
padding: 0 7px;
text-transform: lowercase;
color: #726274 !important;
-webkit-text-size-adjust: 100%; /* приоритет стиля на iOS */
}
#pun-ulinks a:hover, #pun-ulinks a:active {
opacity: .5;
}
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
}
/* D5.2 */
#pun-status .container {
padding: 1em 0em 1em 1em;
}
/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}
/* D5.4 */
#pun-crumbs1 {
text-align: center;
font-weight: bold;
overflow: hidden;
border: none;
}
/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0em 1em;
font-size: 1.1em;
font-family: 'open sans';
}
/* D5.6 */
#pun-break1 {
margin: 0 1em;
height: 0;
position: relative;
z-index: 1;
}
/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
position: relative;
font-weight: bold;
}
/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
}
/* D6.3 */
#pun-announcement .container {
padding: 0 0 0 0;
}
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
padding: 0em 1em;
text-align: center;
margin-top: -30px;
}
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
line-height: 150%;
padding: 2px 5px;
margin: 15px 5px;
font-size: 0.9em;
text-transform: lowercase;
display: inline-block;
font-family: open sans!important;
}
/* D7.4 */
li#onlinelist {
font-family: open sans!important;
margin-top: 1em;
float: left;
text-align: justify;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
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: 0px;
margin-bottom: -40px;
}
/* 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;
text-align: center;
margin-top: -30px;
}
/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
border-bottom: none;
}
/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 1.8em 1em;
font-size: 1.1em;
text-align: center;
}
/* D8.8 */
#pun-break4 {
margin: -2px 1em;
position: relative;
height: 0;
z-index: 1;
}
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-width: 0px;
}
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
padding-bottom: 0;
margin-bottom: 0.8em;
}
/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
font-size: 1.1em;
}
/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em;
}
/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em;
}
/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%;
}
/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}
/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
#pun-stats h2 span, .category h2 span {font-size: 0!important;}
.punbb h1 {display: none;}
#pun-about p span {display: none;}
html, body {
min-width: 1245px!important;
background: url(https://i.imgur.com/KBN5fa3.png) repeat-x,
url(https://i.imgur.com/iJHsOke.png) repeat;
background-color: #d1c0c0;
}
#pun-title table {
background: url(https://i.imgur.com/ExQcNv9.png);
margin-left: -153px;
width: 1200px;
height: 342px;
background-repeat : no-repeat;
}
/* Футер
--------------------------------- */
#pun-about p.container {
background: url(https://i.imgur.com/EHigk6R.png);
width: 960px;
height: 159px;
font-size: 0px;
margin: 0px 0 0px -45px!important;
}
/*картинка перед формой ответа*/
#post-form h2 {
background: url(https://i.imgur.com/c2bcABl.png);
width: 960px;
height: 40px;
margin-left: -45px;
text-align: center;
padding-top: 14px;
}
#post-form h2 span {
color: #dbd8d8;
text-shadow: 0 1px 0 #322a34;
font-size: 14px;
font-weight: 600;
text-transform: lowercase;
letter-spacing: 1px;
font-family: 'open sans';
}
/* Дата и номер поста */
.punbb .post h3 span {
font-size: 0.9em;
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 15px;
line-height: 350%;
font-family: 'open sans condensed';
color: #415e49 !important;
}
.punbb .post h3 span:before {
content: "//////////";
letter-spacing: -1px;
padding: 0 10px 0 0;
font-size: 1.1em;
}
.punbb .post h3 span a {
font-weight: bold;
font-family: 'open sans condensed';
}
.punbb .post h3 strong {
float: right;
font-size: 1.1em;
letter-spacing: 2px;
text-align: right;
width: 3em;
color: #415e49;
}
.punbb .post h3 strong:before {
content: '#';
padding-right: 1px;
font-size: 0.9em;
font-weight: normal;
}
/* Переадресация */
#pun-redirect, #pun-maint {
margin: 50px 28% 12px 28%!important;
width: 480px;
float: none;
background: url(https://i.imgur.com/bWhEpgq.png) top center no-repeat,
url(https://i.imgur.com/J9QQQ7I.png) bottom center no-repeat,
url(https://i.imgur.com/A06kWaA.png) top center repeat-y;
text-align: justify;
font-family: 'open sans condensed';
}
#pun-redirect .container {
padding: 15px 15px 20px 15px;
}
#pun-redirect a, #pun-maint a {
transition-duration: 0.0s!important;
}
.redirect-page {
background: url(https://i.imgur.com/npcVgvb.png) top center repeat!important;
}
.redirect-page h1 {
font-family: 'open sans condensed';
text-transform: uppercase;
line-height: 250%;
}
.redirect-page h1 span {
color: #eee;
font-size: 1em!important;
}
/* Иконки */
#pun-main .category div.icon {
background: url(https://i.imgur.com/A7Bekp6.png) no-repeat center top;
border-style: none;
display: block;
position: absolute;
width: 35px;
height: 64px;
margin: -2px 0 0 455px;
}
#pun-main .category TR.inew Div.icon {
background: url(https://i.imgur.com/pc5cpqH.png) no-repeat center top;
border-style: none;
display: block;
position: absolute;
width: 35px;
height: 64px;
margin: -2px 0 0 455px;
}
#pun-viewforum table Div.icon, #pun-modviewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
background: url(https://i.imgur.com/A7Bekp6.png) no-repeat center top;
float: left;
border-style: none;
display: block;
position: relative;
width: 35px;
height: 64px;
margin: 0px 15px 0px 0;
}
#pun-viewforum TR.inew Div.icon, #pun-modviewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
background: url(https://i.imgur.com/pc5cpqH.png) no-repeat center top;
width: 35px;
height: 64px;
margin: 0px 15px 0px 0;
}
#pun-viewforum TR.iclosed Div.icon, #pun-modviewforum TR.iclosed Div.icon #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background: url(https://i.imgur.com/z1hNtP9.png) no-repeat center top;
width: 35px;
height: 64px;
margin: 0px 15px 0px 0;
}
#pun-viewforum TR.isticky Div.icon, #pun-modviewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: url(https://i.imgur.com/z2bN66x.png) no-repeat center top;
width: 35px;
height: 64px;
margin: 0px 15px 0px 0;
}
/* профиль */
.pa-avatar {
padding: 0 0 10px 0!important;
margin-bottom: 10px;
}
.pa-fld2 {
background: url(https://i.imgur.com/znNtgiq.png) top center repeat-y;
text-transform: uppercase;
font-weight: bold;
font-size: 1.6em;
padding: 10px 0!important;
}
.pa-fld2 a {
font-family: 'open sans condensed'!important;
color: #67846e !important;
}
.pa-fld1 {
font-size: 0.9em;
text-align: justify;
padding: 5px 10px 0 10px!important;
}
.pa-fld4 {
padding: 10px 10px 0 10px!important;
font-size: 1.4em;
font-weight: bold;
color: #415e49;
font-family: 'open sans condensed';
}
.pa-fld4:before {
content: 'Money:';
text-transform: uppercase;
}
.pa-fld4:after {
content: '$';
padding-left: 2px;
}
.pa-fld3 {
background: url(https://i.imgur.com/9FcF8HP.png) top center no-repeat;
width: 210px;
height: 44px;
margin: 10px 0 0 8px!important;
}
.pa-fld3 img {
height: auto;
width: 53px;
position: absolute;
margin: -5px 0 0 -96px;
}
.pa-fld3 .text {
color: #eee;
display: block;
position: absolute;
width: 132px;
height: 28px;
margin-left: 62px;
font-family: 'open sans condensed';
font-weight: bold;
font-size: 1.4em;
text-transform: uppercase;
padding: 5px!important;
line-height: 190%;
overflow: hidden;
}
.pa-posts, .pa-respect {
text-align: center;
display: inline-block;
padding: 10px 3px 10px 3px!important;
width: 65px;
text-transform: uppercase;
font-size: 0.8em;
}
.pa-respect img {
margin-bottom: -2px;
}
.pa-online {
padding: 10px!important;
text-transform: lowercase;
font-size: 0.9em;
letter-spacing: 1px;
border: none;
}
.mini_awards_label {
display: none;
}
.pa-awards {
margin-top: -20px!important;
padding: 0 10px 10px 10px!important;
}
/* цитаты кнопки, поля ввода */
#pun-main .code-box, #pun-main .quote-box, #pun_wrap #post .container[id$="-area"] {
background: linear-gradient(135deg, #dececd, #cfbebd);
padding: 8px 10px;
box-shadow: 0 0 0 1px #b6a2b8 inset,
0 0 1px 2px #e3dbdb inset,
0 0 0 1px #b9a2a2,
0 0 5px #e6dfdf;
border: 7px solid #cdbccf !important;
}
.punbb .quote-box cite, .punbb .code-box strong.legend a {
color: #2c232d;
text-shadow: 0 1px 0 #e4e4e4;
padding-left: 55px;
font-size: 16px;
font-weight: bolder;
font-style: italic;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 25px!important;
font-family: 'open sans condensed';
}
.inner, .punbb .pun-modal .section {
background: url(https://i.imgur.com/YiudUFG.png) top center repeat;
border: 2px solid #aaa17f !important;
padding-top: 10px;
}
.inner textarea, .punbb .pun-modal .section textarea {
border: 2px solid #aaa17f !important;
}
.punbb .post-content .blockcode div {
margin: 2px 5px;
line-height: 120%;
font-size: 1.2em;
}
#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
background: #0d0d0d !important;
}
/* Поля ввода и кнопки */
.punbb textarea {
color: #6b5c6d !important;
font-size: 11px!important;
letter-spacing: .2px;
background: #dbd8d8;
border: 1px #cfbebd solid;
border-radius: 5px;
padding: 5px 0 0 5px;
box-shadow: #e6e6e6 0px 0px 3px, 0 0 2px #ededee inset;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.punbb input.button {
padding: 7px 13px 10px 15px;
color: #dbd8d8 !important;
background: #6b5c6d;
letter-spacing: 0.5px;
transition-duration: 0.3s;
font-size: 0.9em!important;
text-transform: lowercase;
border-radius: 9px;
border: 1px #797878 solid!important;
box-shadow: #e6e6e6 0px 0px 3px, 0 0 2px #bbb3bc inset;
}
.punbb input:hover, .punbb button:hover, .punbb input:focus, .punbb button:focus {
cursor: pointer;
}
body #post .fs-box.hashelp .container, #post-sig .container {
padding-top: 10px;
border: none !important;
background: url(https://i.imgur.com/A06kWaA.png) top center repeat;
border: 2px solid #aaa17f;
padding: 10px;
padding-left: 10px!important;
}
#keyboard-span input {
font-size: 1.1em;
color: #000000 !important;
background: url(https://i.imgur.com/A06kWaA.png) top center repeat;
border: 1px solid #aaa17f !important;
filter: brightness(105%);
border-radius: 5px;
cursor: pointer;
min-width: 20px;
}
/* меню модерации */
.punbb select, .punbb input {
background: #dbd8d8;
border: 1px solid #c3b4b3 !important;
padding: 5px 5px 5px 0;
font-size: 0.9em!important;
letter-spacing: 0.5px;
}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
position: absolute;
right: 60px;
top: 43px;
}
#form-buttons table, .punbb .formal textarea {
width: 99%!important;
}
/* Заголовок спойлера */
.post-content .spoiler-box > div {
text-align: center;
font-family: 'open sans condensed'!important;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 1px;
}
/* ссылки */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
border-bottom: none;
color: #6d5e6f;
transition-duration: 0.5s;
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 {
border-bottom: none;
opacity: .5;
}
/* цвет текста */
.punbb .container, .punbb .post-body, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #pun-ulinks li, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box {
border: none;
color: #2d242e;
}
/* Граница подписи */
.punbb .post-sig dt {
width: 250px;
border: 1px solid #4e431d2b;
margin: 10px 0px 10px 214px;
}
#profile-signature ul {
border-top: 1px solid #4e431d2b !important;
}
/* подфорумы */
#pun-index .tcl {
width: 400px;
float: left;
}
#pun-index .tcl .intd {
text-align: justify;
margin-bottom: 5px;
padding: 2px 25px 15px 25px;
background: url(https://i.imgur.com/bWhEpgq.png) top center no-repeat,
url(https://i.imgur.com/J9QQQ7I.png) bottom center no-repeat,
url(https://i.imgur.com/A06kWaA.png) top center repeat-y;
text-align: justify;
color: #44614c;
}
#pun-index .tcl h3 {
text-align: left;
margin-bottom: 16px;
width: 450px;
height: 100%;
}
#pun-index .tcl h3 a {
font-size: 1.6em;
line-height: 215%;
font-weight: bold;
text-transform: uppercase;
color: #eee;
font-family: 'open sans condensed';
}
#pun-index .tcl h3 a:hover {
color: #cadbcf;
}
.punbb .user-avatar img.ava {
margin: 1px 9px 2px 12px !important;
}
/* Ссылки в описаниях
--------------------------------- */
.intdlink {
text-align: center;
}
.intdlink a {
font-weight: bold;
color: #eee! important;
background: #415e49;
font-size: 0.9em;
text-transform: uppercase;
padding: 5px 15px;
margin: 10px 10px 0 10px;
display: inline-block;
}
.intdlink a:hover, .intdlink a:focus, .intdlink a:visited {
background: #67846e;
}
/* Остальные коды для оформления форума
-------------------------------------------------------------*/
/* Скрытие отдельных элементов
--------------------------------------------- */
#pun-announcement h2, p.lastedit, .topic a.sharelink, .category .container thead, .intd .tclcon .modlist {
display: none!important;
}
/* Сглаживание шрифтов
--------------------------------- */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Сдвиг рекламы
--------------------------------- */
#banner_top {
margin: -2000px -2000px 2000px -2000px!important;
position: absolute;
}
/* Убираем свечение в Chrome
--------------------------------- */
input, textarea {
outline: none;
}
input:active, textarea:active {
outline: none;
}
:focus {
outline: none;
}
/* Закладки
--------------------------------- */
.post .bookmark {
color: #67846e !important;
right: -35px !important;
}
#BookmCntToggle.default-style {
color: #425f4a !important;
}
#MyBookmarks, .editBookmark {
background: url(https://i.imgur.com/bbkJTQV.png) top center repeat;
}
/* Выравнивание кнопки загрузки изображений
-------------------------------------------------------------*/
#imageupload-left input[type=button] {
width: auto!important;
}
/* Выделение
--------------------------------- */
::selection {
color: #eee !important;
background: #67846e;
}
/* Зачёркнутый текст
--------------------------------- */
del {
filter: blur(2px);
transition: 0.3s linear;
-webkit-backface-visibility: hidden; /* правка смещения элементов на пиксель при применении transform */
}
del:hover {
filter: blur(0px);
background: transparent;
text-decoration: none!important;
}
/* Подчёркнутый текст
--------------------------------- */
.bbuline {
background: transparent;
text-decoration: #415e49 underline!important;
transition: 0.3s linear;
}
.bbuline:hover {
background: transparent;
text-decoration: none!important;
}
/* Ссылки в постах
--------------------------------- */
#main-reply a:link, .punbb .post-content a:link {
color: #415e49;
font-weight: bold;
}
/* Ссылка на автора цитаты
-------------------------------------- */
.qc-post-link a {
border: none!important;
filter: hue-rotate(190deg);
}
/* Скролл
--------------------------------- */
::-webkit-scrollbar {
width: 5px; /* for vertical scrollbars */
height: 5px; /* for horizontal scrollbars */}
::-webkit-scrollbar-track {
background: #45624d;
}
::-webkit-scrollbar-thumb {
background: #67846e;
}
/* Значок новых ЛС
--------------------------------- */
span.num_msg {
margin-top: -6px!important;
margin-left: -8px!important;
background: #67846e !important;
border-radius: 2px !important;
color: #eee !important;
height: 10px !important;
line-height: 110%;
font-size: 9px !important;
font-family: 'open sans';
-webkit-animation: blinkColor .7s ease infinite;
padding: 1px 4px!important;
}
span.num_msg:before {
display: none!important;
}
/* Значок новых сообщений в разделе
------------------------------------------------ */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
background: #67846e url(https://i.imgur.com/bWhEpgq.png) top center repeat-y !important;
color: #eee !important;
margin: 64px 0 0 0px!important;
width: 35px!important;
padding: 2px 0!important;
border-radius: 0!important;
font-family: 'open sans';
}
/* Заголовки в админке
--------------------------------- */
#pun-admain h2, #pun-admain legend span {
background-color: #eee !important;
color: #383323;
font-family: 'open sans';
text-align: center;
}
/* Запятая после ников просматривающих тему
------------------------------------------------------------ */
.modmenu a:after {
content: ",";
}
.modmenu a:last-child:after {
content: "";
}
/* Правка результатов опроса
---------------------------------------------------------------------------------------- */
#poll-special .poll2 td h1 {
background: currentColor;
padding: 1px;
}
/* Всплывающая подсказка
---------------------------------------------------------------------------------------- */
#tooltip {
position:absolute;
background-color: #000000;
z-index: 999;
max-width:200px;
font-size:11px;
display:none;
color:#ffffff;
opacity: 0.8!important;
text-align:center;
padding:5px 8px!important;
border-radius: 3px;
font-family: tahoma;
}
#tooltip:before {
content: " ";
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
transform: rotate(45deg);
top: -3px;
background: #000;
opacity: 1;
left: 48%;
z-index: -1;
}
/* Таблица
---------------------------------------------------------------------------------------- */
.tables img {
margin: 0 3px 1px 3px;
border: 2px solid #45624d!important;
}
.t1 {
position: absolute;
width: 600px;
height: 222px;
top: 20px;
left: -162px;
opacity: 0.2;
transition-duration: 0.3s;
filter: grayscale(100%);
}
.t1:hover {
opacity: 1;
filter: grayscale(0%);
}
.t2 {
position: absolute;
width: 600px;
height: 220px;
top: 132px;
right: -124px;
opacity: 0.2;
transition-duration: 0.3s;
filter: grayscale(100%);
}
.t2:hover {
opacity: 1;
filter: grayscale(0%);
}
.players {
position: absolute;
top: 14px;
left: 24px;
}
.episode {
position: absolute;
top: 148px;
left: 24px;
z-index: 1;
}
.knopka-top {
position: absolute;
top: 101px;
left: 206px;
}
.knopka-top img {
margin: 0;
}
.current {
position: absolute;
top: 26px;
left: 212px;
text-shadow: 1px 1px 2px #45624d;
color: #eee;
text-align: center;
font-weight: bold;
font-size: 1.5em;
line-height: 100%;
font-family: 'open sans condensed';
}
.nav {
position: absolute;
top: 48px;
left: 204px;
}
.admins {
position: absolute;
top: 166px;
left: 212px;
text-align: center;
color: #eee;
font-weight: bold;
font-size: 1.3em;
text-shadow: 1px 1px 1px #45624d, -1px -1px 1px #45624d, 1px -1px 1px #45624d, -1px 1px 2px #45624d;
}
.admins a {
color: #eee!important;
text-transform: uppercase;
font-family: 'open sans condensed'!important;
}
.admins .a1:after, .admins .a3:after {
content: '•';
font-size: 1em;
font-weight: 100;
padding: 0 3px;
vertical-align: top;
}
.couple {
position: absolute;
top: 14px;
left: 340px;
z-index: 1;
}
.actives {
position: absolute;
top: 92px;
left: 340px;
}
.news {
position: absolute;
top: 12px;
left: 20px;
width: 302px;
height: 164px;
overflow: auto;
}
.news .line {
background: #45624d url(https://i.imgur.com/pTz7V4a.png) top center repeat;
color: #eee;
text-transform: uppercase;
font-size: 1.3em;
font-family: arial narrow;
font-weight: bold;
padding: 5px 6px 8px 6px;
line-height: 100%;
margin: 10px 10px 10px 10px;
}
.news .line a {
color: #eee;
text-transform: uppercase;
font-size: 1em;
font-family: arial narrow;
font-weight: bold;
}
.wanted {
position: absolute;
top: 30px;
right: 40px;
}
.wtext, .atext, .ptext, .etext, .ctext {
position: absolute;
color: #45624d;
background: #eee url(https://i.imgur.com/znNtgiq.png) top center repeat;
text-transform: uppercase;
font-family: 'open sans condensed';
font-weight: bold;
font-size: 1.2em;
text-align: center;
height: 15px;
line-height: 110%;
}
.wtext {
width: 206px;
top: 144px;
right: 34px;
}
.ptext {
width: 148px;
top: 114px;
left: 22px;
}
.etext {
width: 148px;
height: 30px;
line-height: 340%;
top: 180px;
left: 22px;
z-index: 0;
}
.ctext {
width: 148px;
height: 30px;
line-height: 340%;
top: 46px;
z-index: 0;
left: 338px;
}
.atext {
width: 148px;
line-height: 110%;
top: 195px;
left: 338px;
}
.partners {
position: absolute;
font-size: 1.9em;
font-family: 'open sans condensed';
color: #415e49;
text-transform: uppercase;
font-weight: bold;
transform: rotate(-90deg);
top: 206px;
right: -202px;
}
.bpost {
position: absolute;
top: 264px;
left: -98px;
width: 510px;
height: 43px;
padding: 5px;
color: #415e49;
overflow: auto;
font-family: 'open sans';
}
.bpimg {
position: absolute;
top: 264px;
left: -160px;
border: 2px solid #415e49!important;
}
.qweekly {
position: absolute;
top: 92px;
right: -73px;
color: #67846e;
text-align: center;
font-family: 'open sans condensed';
font-weight: 700;
font-size: 1.1em;
text-transform: uppercase;
line-height: 110%;
width: 375px;
}
Активисты:
https://i.imgur.com/2T9I4Y7.jpg - Nathan Schraeger - http://chicagorol.ru/profile.php?id=70
https://i.imgur.com/XmocUJV.jpg - Amelinda Thorne - http://chicagorol.ru/profile.php?id=71
https://i.imgur.com/S4CRo5g.jpg - Thomas West - http://chicagorol.ru/profile.php?id=101
https://i.imgur.com/YPiaClg.jpg - James Cooper - http://chicagorol.ru/profile.php?id=111
https://i.imgur.com/RyiP5Ix.jpg - Jacqueline Parrish - http://chicagorol.ru/profile.php?id=112
https://i.imgur.com/f35IpDk.jpg - Alan Masters - http://chicagorol.ru/profile.php?id=99
Постописцы:
https://i.imgur.com/2T9I4Y7.jpg - Nathan Schraeger - http://chicagorol.ru/profile.php?id=70
https://i.imgur.com/QKtFWrR.jpg - Richard Alister - http://chicagorol.ru/profile.php?id=103
https://i.imgur.com/d77V8gf.jpg - Charlotte Moreau - http://chicagorol.ru/profile.php?id=104
https://i.imgur.com/XmocUJV.jpg - Amelinda Thorne - http://chicagorol.ru/profile.php?id=71
https://i.imgur.com/GonvpBt.jpg - Sam Frost - http://chicagorol.ru/profile.php?id=96
https://i.imgur.com/f9mP7AI.jpg - Alice Amanda Kane - http://chicagorol.ru/profile.php?id=7
Пост:
https://i.imgur.com/i2FJwNQ.jpg - Пост от Medivh (Nathan Schraeger) - http://chicagorol.ru/profile.php?id=70
Медив принял пергамент у Мии и мельком взглянул на список. Парочку имён он знал, и это знание заставило Хранителя поморщиться.
— И эти люди громче всех обвиняли меня в предательстве… Ладно. Нужно подумать.
Они вдвоем дошли до леса, Хранитель спрятал пергамент с именами во внутреннюю подкладку дорожного плаща, потом начертил в воздухе руны и открыл портал, за которым виднелся двор Каражана. - http://chicagorol.ru/viewtopic.php?id=3 … p=3#p19907
Пара:
love: Nathan & Amelinda
Эпизод:
story: Как правильно цеплять парней - http://chicagorol.ru/viewtopic.php?id=364#p20651
/* Ссылки в постах */
#main-reply a:link, .punbb .post-content a:link {
color: #415e49;
font-weight: bold;
}
M as Megera, новая Амелинда - https://i.imgur.com/JhZtqNy.jpg
M as Megera,
<big>«</big>чтобы тебя упокоить, мне отряд коммандос надо вызвать хДДД<big>»</big> <a href="http://chicagorol.ru/profile.php?id=101">© Thomas West</a>
Шаблон анкеты
DOUGLAS MICHAEL EVERVERS | |
| |
But I will embrace who I really am |
Дата рождения / Возраст: | ● Профессия и образование: информационная безопасность, неоконченное высшее |
Chicago, I’ll show you around, I love it | |
Дуглас родился в обеспеченной семье и был единственным ребенком. Его никогда не баловали, но и в строгости не держали, в целом, у него было счастливое детство. Мальчик рос любознательным и дружелюбным, уже в детском саду воспитатели отметили высокие умственные способности маленького Дагги. Годы шли, Дуглас взрослел, и постепенно упоминания воображаемого друга сошли на нет, а препарирование лягушек заменили компьютер и футбол. Дуглас имел большой успех у девушек, потому что был не по годам умен и обходителен, обладал хорошим чувством юмора и большими перспективами в жизни, однако, ни одни его юношеские отношения не длились долго, потому что рано или поздно девушки узнавали страшную тайну: Эверверс прячет в себе другую свою сторону. Жестокого и беспринципного подонка, которому нравится причинять людям боль. В итоге Дагу удалось справиться со своими личностями самостоятельно. По крайней мере, он так думал. Второй Дуглас словно исчез и не показывал себя долгое время. Эверверс закончил школу и поступил в институт, на факультет информационной безопасности. Тогда это было ужасно перспективно, а у Дугласа получалось схватывать всё на лету в этой сфере. Мир Дугласа рушился. Общественные работы — это ерунда, не так страшно, он не уголовник. Но родители отвернулись от Дага. Из института пришлось забрать документы — ректор очень не хотел черного пятна на репутации ВУЗа. Тот самый "друг" Дага даже и не подумал извиниться. Он вообще не видел своей вины в случившемся. Он только посмеивался над Эверверсом и ни разу не заглянул в гости к парню, которому временно пришлось жить в том же общественном центре, в котором он и работал. Дуглас пытался заставить надзирателя заплатить за это по закону, но быстро понял, что это бесполезно. Он, молодой преступник в глазах общества, никогда не докажет, что надзиратель, человек чести и достоинства, изнасиловал его подругу. Понял, что этот ублюдок, который должен делать из уголовников полезных членов общества, никогда не ответит по заслугам. После отработки Даг домой не вернулся. Да его там и не ждали. Он словно перестал существовать для своего прошлого. Связь с вами: в а ш п р о б н ы й п о с т
| |
[html]
<div class="twitshap"><div class="twitshap1">Поиск в Твиттере</div><div class="twitshap2">Войти</div><div class="twitshap3">Зарегистрироваться</div></div>
<div class="twit" style="background: url(https://img.freepik.com/free-photo/mode … mp;ext=jpg);"><img src="http://placehold.it/110" class="twiti"></img>
<div class="tname">
<b>name</b><br>
@name</div>
<div class="tfollow">читать</div>
<div class="twitin">
Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. </div>
<div class="twitniz">
<b>00</b> Читаемых
<b>00</b> Читателей
</div>
</div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto" />
<style>
.twitshap {position: absolute; height: 28px; padding-top: 5px; width: 100%; background: #fff;}
.twitshap1 {position: absolute; left: 70px; height: 17px; padding: 5px 0 0px 25px; width: 170px; background: #e4e9e9; color: #5f5d5d; font-family: roboto; border-radius: 15px;}
.twitshap2 {position: absolute; left: 400px; top: 4px; height: 17px; padding: 3px 9px 2px 10px; border: 1px solid rgba(29,161,242,1.00); color: rgba(29,161,242,1.00); border-radius: 20px; font-size: 14px; font-weight: bolder; font-family: roboto;}
.twitshap2:hover {background: rgba(29,161,242,0.5)}
.twitshap3 {position: absolute; left: 470px; top: 4px; height: 17px; padding: 3px 9px 2px 10px; border: 1px solid rgba(29,161,242,1.00); background: rgba(29,161,242,0.5); color: #fff; border-radius: 20px; font-size: 14px; font-weight: bolder; font-family: roboto;} .twitshap3:hover {background: rgba(29,161,242,0.9)}
.twiti {position: relative; top: 175px; left: 20px; height: 110px; width: 110px; border: 5px solid #fff!important; border-radius: 50%; z-index: 999;}
.twiti img{height: 100px; width: 100px;}
.tname {position: relative; top: 120px; left: -105px; color: #3b3a3a; padding-left: 255px; width: 100px; font-size: 16px; font-family: Verdana; text-transform: uppercase; z-index: 999;}
.twitin{height: auto; font-family: roboto; font-size: 11px; padding: 20px; padding-top: 70px; padding-bottom: 65px; top: 50px; text-align: justify; background-color: #fff; position: relative;}
.twitniz{ font-family: roboto; font-size: 14px; top: -5px; left: 50px; text-align: justify; position: relative;}
.twit {height: auto; width: 100%; background-size: cover!important; margin: auto;}
.tfollow {position: relative; top: 90px; left: 480px; width: 49px; border: 1px solid rgba(29,161,242,1.00); color: rgba(29,161,242,1.00); border-radius: 20px; margin-top: -5px; text-transform: lowercase; font-size: 14px; padding: 7px; padding-left: 12px; font-family: roboto; z-index: 999;} .tfollow:hover {background: rgba(29,161,242,0.5)}
</style>[/html]
[html]
<div class="hall1">Well Hallo или Привет</div>
<div class="hall"><center>
<a href="http://capital-queen.ru/viewtopic.php?id=10">ссылка</a> <a href="http://capital-queen.ru/viewtopic.php?id=10">ссылка</a> <a href="http://capital-queen.ru/viewtopic.php?id=10">ссылка</a> <a href="http://capital-queen.ru/viewtopic.php?id=10">ссылка</a></center><br>
Текст приветствия. Большой-маленький какой хотите. Всякие там лобызания гостя или твинка. Текст приветствия. Большой-маленький какой хотите. Всякие там лобызания гостя или твинка. Текст приветствия. Большой-маленький какой хотите. Всякие там лобызания гостя или твинка. Текст приветствия. Большой-маленький какой хотите. Всякие там лобызания гостя или твинка. Текст приветствия. Большой-маленький какой хотите. Всякие там лобызания гостя или твинка.</div>
<div class="gen"><img src="https://forumavatars.ru/img/avatars/0019/d7/11/26-1583767017.gif"></div></div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poiret One" /><style>
.hall1 {position: relative; text-align: center; font-family: Poiret One; font-size: 40px; color: #595a5b; text-shadow: 1px 2px 0px #ebebeb; line-height: 30px; font-weight: 900; margin-bottom: 18px; padding-top: 10px; padding-bottom: 10px; font-style: italic; letter-spacing: -1px; z-index: 999;}
.gen {width: 425px; text-align: center; height: 80px; top: -30px; background: linear-gradient(90deg, #656d82, #b4bac5, #656d82); margin: auto; position: relative;}
.gen img {width:90px; height:90px; border:5px solid #b4bac5; margin-top:-12px; border-radius:100%;}
.hall {top: -35px; position: relative; margin: auto; width: 385px; padding: 20px; padding-bottom: 20px; background-color: #eee; text-align: justify; font-family: arial; font-size: 10px; color: #3f3f3f; line-height: 13px; border-top: solid #656d82 2px;}
.hall a {background: #656d82; padding: 1px 5px 2px 5px; border-radius: 10px; color: #d8d4d4; box-shadow: 0 0 2px #fff inset!important;} .hall a:hover {opacity: .5}
</style>[/html]
[html]
<div class="twitshap"><div class="twitshap1">Поиск в Твиттере</div><div class="twitshap2">Войти</div><div class="twitshap3">Зарегистрироваться</div></div>
<div class="twitotv"><img src="http://placehold.it/60" class="twitoi"></img>
<div class="toname">
<b>name</b> @name · 2 ч
</div>
<div class="twitoin">
Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. Какой-нибудь текст для шапки. не очень большой. </div>
</div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto" />
<style>
.twitshap {position: absolute; height: 28px; padding-top: 5px; width: 100%; background: #fff;}
.twitshap1 {position: absolute; left: 70px; height: 17px; padding: 5px 0 0px 25px; width: 170px; background: #e4e9e9; color: #5f5d5d; font-family: roboto; border-radius: 15px;}
.twitshap2 {position: absolute; left: 400px; top: 4px; height: 17px; padding: 3px 9px 2px 10px; border: 1px solid rgba(29,161,242,1.00); color: rgba(29,161,242,1.00); border-radius: 20px; font-size: 14px; font-weight: bolder; font-family: roboto;}
.twitshap2:hover {background: rgba(29,161,242,0.5)}
.twitshap3 {position: absolute; left: 470px; top: 4px; height: 17px; padding: 3px 9px 2px 10px; border: 1px solid rgba(29,161,242,1.00); background: rgba(29,161,242,0.5); color: #fff; border-radius: 20px; font-size: 14px; font-weight: bolder; font-family: roboto;} .twitshap3:hover {background: rgba(29,161,242,0.9)}
.twitoi {position: relative; top: 75px; left: 20px; height: 60px; width: 60px; border: 5px solid #fff!important; border-radius: 50%; z-index: 999;}
.twitoi img{height: 60px; width: 60px;}
.toname {position: relative; top: 10px; left: -155px; color: #3b3a3a; padding-left: 255px; width: 300px; font-size: 14px; font-family: Verdana; text-transform: uppercase; z-index: 999;}
.twitoin{ padding-right: 110px; height: auto; font-family: roboto; font-size: 11px; padding-bottom: 55px; left: 100px; width: auto; top: 20px; text-align: justify; position: relative;}
.twitotv {background-color: #fff; height: auto; width: 100%; background-size: cover!important; margin: auto;}
</style>[/html]
[html]
<div class="itog"><div class="itogt1">Итоги Недельки</div>
<div class="avtor"><img src="https://24.media.tumblr.com/c3a923f529bce74015e46ec9cc75171d/tumblr_mih97dAJKC1r9b7g9o3_250.gif">
</div>
<div class="itext3"> неделя 00</div>
<div class="itext4"> посты 00</div>
<div class="itext">текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов текст итогов</div>
<div class="itogac"><img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png"></div>
<div class="itogac1"><img src="https://i.imgur.com/X2v1dWL.png"></div>
<div class="itogt2">самые активные</div>
<div class="itogac"><img src="https://i.imgur.com/X2v1dWL.png"></div>
<div class="itogac2"><img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png"> <img src="https://i.imgur.com/T6GqeBX.png">
</div>
<div class="itext5">1 2 3 4 5</div>
<div class="itext6">написано постов</div>
<div class="itext2"><img src="https://i.imgur.com/T6GqeBX.png">текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста текст поста </div>
</div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poiret One" /><style>
.itogt1 {height: 20px; top: -100px; margin-bottom: -40px; position: relative; text-align: center; font-family: Poiret One; font-size: 25px; color: #595a5b; text-shadow: 1px 2px 0px #ebebeb; font-weight: 900; letter-spacing: 1px; z-index: 999;}
.itogt2 {height: 10px; top: -58px; font-style: italic; margin-bottom: -40px; position: relative; text-align: center; font-family: Poiret One; font-size: 25px; color: #494949; text-shadow: 1px 2px 0px #ffffff; font-weight: 900; letter-spacing: 18px; z-index: 999;}
.avtor {width: 480px; text-align: center; height: 50px; top: -30px; left: -25px; background: linear-gradient(90deg, #656d82, #b4bac5, #656d82); margin: auto; position: relative; z-index: 999;}
.avtor img {width: 70px; height: 70px; border: 5px solid #b4bac5; margin-top: -15px; border-radius: 100%;}
.itog {height: 350px; top: -35px; position: relative; margin: auto; width: 430px; padding: 20px; padding-top: 150px; padding-bottom: 20px; background-color: #eee;}
.itog img{}
.itogac1 {height: 50px; top: -46px; left: 290px; position: relative; z-index: 999;}
.itogac2 {height: 50px; top: -46px; left: 167px; position: relative; z-index: 999;}
.itext {top: -20px; height: 100px; overflow: auto; position: relative; width: 410px; padding: 10px; background-color: #e1e1e1; text-align: justify; font-family: arial; font-size: 10px; color: #3f3f3f; line-height: 13px; box-shadow: 0 0 3px 1px #ededed inset, 0 0 5px #959292; border: solid #d8d4d4 2px; z-index: 0;}
.itext::-webkit-scrollbar {width: 1px;}
.itext2 {top: -20px; height: 70px; overflow: auto; position: relative; width: 410px; padding: 10px; background-color: #e1e1e1; text-align: justify; font-family: arial; font-size: 9px; color: #3f3f3f; line-height: 13px; box-shadow: 0 0 3px 1px #ededed inset, 0 0 2px #959292; border: solid #d8d4d4 1px; z-index: 0;}
.itext2 img{float: left; margin: 5px;}
.itext2::-webkit-scrollbar {width: 1px;}
.itext3 { top: 122px;
position: absolute;
width: 70px;
font-family: arial;
font-size: 9px;
text-transform: uppercase;
color: #d8d4d4;
z-index: 9999999;}
.itext4 {top: 122px; left: 385px; position: absolute; width: 70px; text-align: right; font-family: arial; font-size: 9px; text-transform: uppercase; color: #d8d4d4; z-index: 9999999;}
.itext5 {top: 405px; left: 186px; position: absolute; width: 245px; word-spacing: 37px; padding-top: 13px; text-align: center;font-family: arial; font-size: 16px; font-style: italic; text-transform: uppercase; color: rgba(0,0,0, 0.2); font-weight: 600;text-shadow: 1px 1px 0 #fff; z-index: 9999999;}
.itext6 {top: 420px; left: 186px; position: absolute; width: 245px; padding-top: 13px; text-align: center; font-family: arial; font-size: 10px; font-style: italic; text-transform: lowercase; color: rgba(0,0,0, 0.2); letter-spacing: 9px; font-weight: 600; z-index: 9999999;}
</style>[/html]
ц
ц
ц
хтмл-низ
<div style=" position: absolute;
margin-top: -175px;
margin-left: 20px;
width: 980px;
overflow: auto;
height: 30px;"><a href="http://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/poQI688.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a> <a href="http://shfreewill.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/0019/c9/b2/20926.gif" border="0" width="88" height="31" title="Shadowhunters. Free Will"></a> <a href="http://pinotgrigio.rusff.me" target="_blank"><img src="http://funkyimg.com/i/2PPuM.gif" title="Pinot Grigio"></a> <a href='http://nolf.rusff.me/' target='blank'><img src="https://forumstatic.ru/files/0015/1e/ae/42709.gif" border="0" width="88" height="31"></a> <a href="http://irepublic.rusff.me" target=_blank, title='Irish Republic'><img src="http://s0.uploads.ru/5qNF1.gif"></a> <a href="http://noname.rolbb.ru" title="NO NAME - no problem" target="_blank"><img src="https://funkyimg.com/i/2VbVk.gif"></a> <a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a><a href="ссылка" target="_blank"><img src="https://i.imgur.com/hQ8akeB.gif"></a>
</div><script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){myarray=new Array(
"AMC", "http://funkyimg.com/i/2Soc9.png",
"Welcome to Minnesota", "http://funkyimg.com/i/2Soca.png",
"Governor's residence", "http://funkyimg.com/i/2Socb.png",
"Minnesota state stories", "http://funkyimg.com/i/2Socd.png",
"City cafe", "http://funkyimg.com/i/2Soce.png",
"Minnesota Station", "http://funkyimg.com/i/2Socc.png",
"Leaving Minnesota", "https://i.imgur.com/hSX6p9W.png"
//Последний элемент без запятой!
)$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){var cssObj = {
"height":"26px",
"width":"1034px",
"margin-left":"-57px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script><!-- отключить название полей профиля -->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script><script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld4")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<!-- конец --><!--Кнопки вверх и вниз-->
<a style="position: fixed; top: 200px; right: 91px; cursor: pointer; background-color: transparent !important;" id="Go_Top"><img src="https://i.imgur.com/cp6nCI2.png" alt="Вверх"></a><a style="position: fixed; top: 260px; right: 91px; cursor: pointer; background-color: transparent !important;" id="Go_Bottom"><img src="https://i.imgur.com/LCysR4X.png" alt="Вниз"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</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: #2d8687;
margin-top: -1px;
}
.FNTslider .thumb {
width: 8px;
height: 13px;
border-radius: 3px;
position: relative;
top: -4px;
background: #77bebf;
cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script><!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script><!--Скрипт быстрой вставки изображения-->
<script>
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>
<!--Конец скрипта--><!-- счетчик символов в посте -->
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) {
var repl = document.getElementById("main-reply");
var submit = document.getElementsByTagName("p")
for (var i=0; i<submit.length; i++){
if (submit[i].className == "formsubmit")
submit[i].innerHTML = "<span id=\"plng\" style=\"border: 1px solid; padding: 2px 3px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML;
}
repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){
document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>";
}}
</script>
<!-- счетчик символов в посте конец--><!-- Запятая-->
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script><!-- ХТМЛ в постах -->
<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('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!-- Конец скрипта --><style type="text/css">
#form-audio {background: url(https://forumstatic.ru/files/0017/d8/50/90072.png) no-repeat 50% 5px;}@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialico … C3mY.woff2) format('woff2'),
url('https://forumstatic.ru/files/0017/d8/50/55034.woff') format('woff'),
url('https://forumstatic.ru/files/0017/d8/50/69630.ttf') format('truetype');
}.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}div[id^="r-"] {
background-color: #9f9f9f;
border: 2px solid #59add4;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;border-radius: 4px;khtml-border-radius:4px;-webkit-border-radius:4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
margin:3px;z-index:200;overflow:hidden;width:430px;opacity: 0.9;
text-shadow: 0 1px 0 rgba(255,255,255,.4);font-weight: bold;padding: 10px;
}#play {background: transparent url(https://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -22px;
border: 0 none;cursor: pointer;display: block;float: left;height: 31px;left: 13px;margin: 7px;vertical-align: super;width: 31px;}
#prev,#next {border: 0 none;cursor: pointer;height: 10px;margin-left: 9px;width: 21px; vertical-align: middle;}
#prev {background: transparent url(https://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 0;}
#next {background: transparent url(https://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -11px;}
#volume{-webkit-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;
background-color:#999;cursor: pointer;height:4px;left: 40px;position: absolute;top: 9px;vertical-align: bottom;width:70px;}
input[type='range']::-moz-range-progress {background:url(//papercraft.su/plate/img/plate_progress.png) repeat-x scroll 0 -45px;}
input[type='range']::-moz-range-track{-moz-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;height:4px;}
input[type='range']::-moz-range-thumb{-webkit-appearance:none !important;
background: url(https://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll 0 0;
border: 0;
height: 19px;
width:19px;
cursor: pointer;
filter: drop-shadow(3px 3px 7px slategrey);
}
input[type='range']::-webkit-slider-thumb{-webkit-appearance:none !important;
background: url(https://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll 0 0;
border:0;height:19px;width:19px;cursor: pointer;-webkit-filter: drop-shadow(3px 3px 7px slategrey);
}
#seekbar { -webkit-appearance:none !important;background: #999;border-radius:4px; box-shadow:inset 0 0 1px#333;height:4px;width: 160px; vertical-align: super;}
.volume{background:url(https://forumstatic.ru/files/0012/72/15/67036.png)no-repeat scroll 0-75px rgba(0,0,0,0);content:"";display:inline-block;height:25px;margin-top:0;position:relative;right:-5px;vertical-align:middle;width:25px;}
button:focus, input:focus {outline:none;}
#duration, #end {font-size: 0.8em; vertical-align: super;}
#timebox {margin: 2px;}
#track { font-size: 0.8em;overflow: hidden;padding: 5px; text-align: left;width: 420px;}
#track li{cursor: pointer;}
#track li:nth-child(odd) {background: #dadada;}
#track li:nth-child(even) {background:#cdcdcd;}
#track li.active {background:#bddeee;}
.spin {-webkit-animation: spin 1.8s infinite linear;-moz-animation: spin 1.8s infinite linear;-o-animation: spin 1.8s infinite linear;animation: spin 1.8s infinite linear;}
@-moz-keyframes spin {
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(359deg);}
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}
@-o-keyframes spin {
0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(359deg);}
}
@keyframes spin {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
#action {color: #fffff0;display: inline-block;float: right;font-size: 15px;overflow: hidden;text-shadow: 0px 3px 2px rgba(150, 150, 150, 1);width: 250px;animation: marquee 15s linear infinite;}
#action:hover {animation-play-state: paused}@-moz-keyframes marquee {
0% {-moz-transform: translate(0, 0);}
100% {-moz-transform: translate(-30%, 0);}
}
@-webkit-keyframes marquee {
0% {-webkit-transform: translate(0, 0);}
100% {-webkit-transform: translate(-30%, 0);}
}
@keyframes marquee {
0%{ transform: translate(0, 0); }
100% { transform: translate(-30%, 0); }
}.adinput {display: table;}
.adinput::before {color: #888;content: attr(data-i) ". ";}
span[data-i="1"] #deltrack {display: none !important;}
#addtrack {
color: #009900;
background: linear-gradient(#009900, #006600);
background: -webkit-linear-gradient(#009900, #006600);
background: -o-linear-gradient(#009900, #006600);
background: -ms-linear-gradient(#009900, #006600);
}
#deltrack {
color: #cc0000;
background: linear-gradient(#cc0000, #990000);
background: -webkit-linear-gradient(#cc0000, #990000);
background: -o-linear-gradient(#cc0000, #990000);
background: -ms-linear-gradient(#cc0000, #990000);
}
#addtrack,#deltrack {
cursor: pointer;
font-size: 20px;
vertical-align: sub;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}input[name="n"]::-moz-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="n"]::-webkit-input-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="n"]:-ms-input-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="u"]::-moz-placeholder {background:#ffffe0;font-size: 11px;}
input[name="u"]::-webkit-input-placeholder {background:#ffffe0;font-size: 11px;}
input[name="u"]:-ms-input-placeholder {background:#ffffe0;font-size: 11px;}
input[name="c"]::-moz-placeholder {font-size: 11px;}
input[name="c"]::-webkit-input-placeholder {font-size: 11px;}
input[name="c"]:-ms-input-placeholder {font-size: 11px;}form#tr-list {max-height:600px;position: fixed;right: 30%;bottom: 15%;margin: 0 auto;overflow-y:auto;z-index: 9;}
</style><script type="text/javascript">
$('#form-buttons tr').append('<td id="form-audio" title="Музыка"><img src="/i/blank.gif"></td>');var fr='<form id="tr-list" class="container" autocomplete="off" style="display:none;min-width:40%;"><h1>Плейлист для плеера <i style="cursor: pointer;float: right;" class="material-icons" onclick="changeVisibility(\'tr-list\')" title="Закрыть">clear</i></h1><div class="a-box" style="text-align: center;"><p class="adsubmit"style="text-align: left;"><span data-i="1" class="adinput"><input type="text"maxlength="100" size="30" placeholder="Название трека (исполнитель)" name="n" pattern=".{2,}" required> <input type="url" pattern="https?://(.+){12,}" required maxlength="200"size="30" placeholder="http://Ссылка на аудиофайл" name="u"> <input type="url" maxlength="200" size="38" placeholder="http://Ссылка на изображение (неважно)" name="c" title="необязательно"><i class="material-icons" id="addtrack" title="добавить ещё один трек">add_circle_outline</i> <i class="material-icons" id="deltrack" title="удалить трек" onclick="var d=this.parentNode; d.parentNode.removeChild(d);">highlight_off</i></span></p><br><input type="submit" id="fin" value=" Готово " class="button"></div></form>';$('form#post').before(fr);$('#form-audio').on('click',function(){changeVisibility('tr-list');});var j=2;$('#addtrack').live('click',function(e){e.preventDefault();$(this).parents('.adinput').clone().attr('data-i',j++).appendTo('.adsubmit');});$('#tr-list').submit(function(e){e.preventDefault();var ss=$('#tr-list').serializeArray(),s=JSON.stringify(ss);s=s.replace(/\{"name":"n","value":"(.*?)"},{"name":"u","value":"(.*?)"},{"name":"c","value":"(.*?)"\}/g,'{n:"$1",u:"$2",c:"$3"}');s=s.replace(/\}\,/g,"},\n");insert('[player]'+s+'[/player]');changeVisibility('tr-list');});
$('div[id$="-content"] p:contains("[/player]")').map(function(){var ud=$(this).parent('.post-content').attr('id').split('-')[0];var txt=$(this).html();txt=txt.replace(/\[player\](\[\{n\:\".*?\"\,u\:\".*?\"\}\])\[\/player\]/gm,'<div id="r-'+ud+'"><div id="cover"><img height="86"width="86"align="left"src="https://forumstatic.ru/files/0012/72/15/53582.png"style="overflow: hidden; left: 0px; top: 0px; margin: 0px; max-width: none; max-height: none; border: medium none; line-height: 1; background-color: transparent; backface-visibility: hidden; width: 86px; height: 86px;filter: drop-shadow(0px 1px 3px DimGrey); -webkit-filter: drop-shadow(0px 1px 3px DimGrey); opacity: 1;"></div><button id="play"title="play/stop"></button><button id="prev"title="предыдущий"></button> <button id="next"title="следующий"></button><span class="volume"style="padding-right: 5px;"><input id="volume" min="0" max="10" value="5" type="range"step="1" title="громкость"></span><div id="timebox"><span id="duration">0.0</span> <input type="range" step="any" id="seekbar" value="0" max=""> <span id="end"></span><i id="plist"class="material-icons"style="cursor: pointer;margin-left: 5px;vertical-align: sub;"title="показать/скрыть плейлист">list</i></div><div id="action"></div><div id="track"></div><div id="pl" style="display:none">$1</div></div>');$(this).html(txt);var pt=$('#r-'+ud+' #pl').text();var audio=new Audio();var i=0;var playlist=(new Function('return '+pt+';')());if(!playlist){return;};audio.src=playlist[0].u;var t='<ul>';
for(var i=0,max=playlist.length;i<max;i++){var nm=playlist[i].n;var ur=playlist[i].u;var cov=playlist[i].c;var k=i+1;i<9?k='0'+k:k=k;t+='<li data-audio-url="'+ur+'" data-cover-src="'+cov+'">'+k+'. <img src="'+cov+'" height="16"width="16"> '+nm+'</li>';}t+='</ul>';$('#r-'+ud+' #track').append(t);audio.volume=0.5;$('#r-'+ud+' #volume').live('change keyup input',function(){audio.volume=parseFloat(this.value/10);if(this.value<=2){$('#r-'+ud+' .volume').css('background-position','0 0');}
else if(this.value<=4){$('#r-'+ud+' .volume').css('background-position','0 -25px');}else if(this.value<=6){$('#r-'+ud+' .volume').css('background-position','0 -50px');}
else{$('#r-'+ud+' .volume').css('background-position','0 -75px');};return false;});if(!sessionStorage['act']){sessionStorage['act']='stop';};function playAct(){sessionStorage['act']!='stop'?audio.play():audio.pause()};function listAct(){$('#r-'+ud+' #track li').each(function(){var a=$(this).data('audio-url');var b=audio.src;var ti=$(this).text();if(a.indexOf(b)!=-1){$(this).addClass('active').siblings('li').removeClass('active');$('#r-'+ud+' #action').text(ti);}});}
function vinil(){var c=$('#r-'+ud+' li.active').data('cover-src');if(c=='undefined'||c==''){$('#r-'+ud+' #cover img').attr('src','https://forumstatic.ru/files/0012/72/15/53582.png').addClass('spin');}else{$('#r-'+ud+' #cover img').attr('src',c).removeClass('spin');}}
$('#r-'+ud+' #play').live('click',function(){if(audio.paused){err();audio.play();sessionStorage['act']='play';listAct();vinil();$(this).css({'background-position':'0 -53px','filter':'drop-shadow(0px 1px 2px deepskyblue)','-webkit-filter':'drop-shadow(0px 1px 2px deepskyblue)'});}else{audio.pause();sessionStorage['act']='stop';$(this).css({'background-position':'0 -22px','filter':'none','-webkit-filter':'none'});$('#r-'+ud+' #cover img').removeClass('spin');$('#r-'+ud+' #action').text('');}});var seekbar=$('#r-'+ud+' #seekbar')[0];function setupSeekbar(){seekbar.max=audio.duration;var min=parseInt(audio.duration/60,10);var sec=parseInt(audio.duration%60);var endTime=min+'.'+sec;if(seekbar.max=='Infinity'){endTime='<i class="material-icons" style="font-size: 1.4em;vertical-align: sub;">all_inclusive</i>'};$('#r-'+ud+' #end').html(endTime);}
audio.ondurationchange=setupSeekbar;audio.addEventListener('durationchange',setupSeekbar);audio.addEventListener('timeupdate',function(){var s=parseInt(audio.currentTime%60);var m=parseInt((audio.currentTime/60)%60);$('#r-'+ud+' #duration').html(m+'.'+s);$('#r-'+ud+' #seekbar').attr('max',audio.duration);$('#r-'+ud+' #seekbar').val(audio.currentTime);var p=Math.ceil((audio.currentTime/audio.duration)*100);$('#r-'+ud+' #seekbar').css({'height':'4px','background-image':'-webkit-linear-gradient(left, #6ac3d4 '+p+'%, #999 '+p+'%)','background-image':'linear-gradient(to right, #6ac3d4 '+p+'%, #999 '+p+'%)'});return false;});$('#r-'+ud+' #seekbar').live('change',function(){audio.currentTime=$(this).val();});$('#r-'+ud+' #next').live('click',function(){i=$('#r-'+ud+' #track').find('li.active').index();i=++i<playlist.length?i:0;audio.src=playlist[i].u;listAct();vinil();audio.currentTime=0;playAct();});$('#r-'+ud+' #prev').live('click',function(){i=$('#r-'+ud+' #track').find('li.active').index();i=--i>-1?i:playlist.length-1;audio.src=playlist[i].u;listAct();vinil();audio.currentTime=0;playAct();});$(audio).live('ended',function(){$('#r-'+ud+' #next').trigger('click');});$('#r-'+ud+' #track li').live('click',function(){audio.src=$(this).data('audio-url');listAct();playAct();$('#r-'+ud+' #play').trigger('click');});function err(){audio.addEventListener('error',function failed(e){switch(e.target.error.code){case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:$.jGrowl('Утраченная ссылка на аудио. Или неподдерживаемый этим браузером формат');break;}},true);}
$('#r-'+ud+' #plist').live('click',function(){$('#r-'+ud+' #track ul').slideToggle('slow');});});
</script><!-- Новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>
<!-- Конец -->
Отредактировано Bob (2020-03-17 18:16:25)
