верстка для лизы

Страница: 1

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

Поделиться12016-07-05 14:31:43

fld1:
Автор: Tessel Montgomery
очень длиннй статус в который я хз чо писать
fld2:
fld3:
ТАРНЕИ ШАДОУСОНГ,^{883 y.o.}

колдун, некромант и полуживой викинг. верховный ковена «эгида» и начальник охраны в ночном клубе «пандемониум». верен своим братьям, сестре и кодексу воина. не представляет собственной жизни без девы щита и дочери, а сердце отдал праведнику.
pafld4\деньги: 3560
Сообщений: 85
Уважение: +0
pafld5\посты: 181

Код:

/***************************************
A - SETUP
***************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* 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: 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.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75%  verdana, geneva, lucida, 'lucida grande', 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 {
  font-size: 1em;
  font-weight: bold;
  }

.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% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

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

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


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

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

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
    background: #aeaaa6 url(http://imgdepo.com/id/i9415252);
    background-position: center top;
    margin: auto;
    position: relative;
    width: 902px;
}
.punbb {
    height: auto;
    margin-left: 23px !important;
    width: 855px !important;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  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;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }

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

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid solid none solid;
  border-width: 1px 1px 0px 1px;
  }

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

/*************************************************************
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 transparent;
  width: 250px;
  margin: 5px 0;
  }

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

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }

/* 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;
  border: none;
  border-left: 3px clearly dashed #b0adb5;
  }

/* 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: -4.6em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

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

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

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


/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* 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-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 1.5em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    font-size: 11px;
    line-height: 10px;
    margin-left: 0;
    text-align: left;
}

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

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

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* 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: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

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

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

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

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

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  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: -16.3em;
  display: inline;
  }

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

/* 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: 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 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: none;
  margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 312px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

#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: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding-left: -20px;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
  margin-bottom: 20px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 15px;
  height: 27px;
  font-weight: normal;
  text-align: center;
  width: 845px;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
    font-family: tahoma;
    font-size: 0.8em;
    padding: 10px 5px 10px 7px;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    border: 2px solid transparent;
    margin-bottom: 15px;
}
#pun-ulinks .container {
    border: medium none;
    font-weight: bold;
    height: 3px;
    padding-top: 0px;
    text-align: center;
    width: 850px;
}
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
#pun-ulinks li a {
    font-size: 0.8em;
    padding: 0 0 0 5px;
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* 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 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* 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;
  font-weight: bold;
  }

/* 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%;
  text-align: center;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  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;
  }

#pun-navlinks li a::first-letter {
    color: #999 !important;
}

Поделиться22016-07-05 14:31:56

fld1:
Автор: Tessel Montgomery
очень длиннй статус в который я хз чо писать
fld2:
fld3:
ТАРНЕИ ШАДОУСОНГ,^{883 y.o.}

колдун, некромант и полуживой викинг. верховный ковена «эгида» и начальник охраны в ночном клубе «пандемониум». верен своим братьям, сестре и кодексу воина. не представляет собственной жизни без девы щита и дочери, а сердце отдал праведнику.
pafld4\деньги: 3560
Сообщений: 85
Уважение: +0
pafld5\посты: 181

Код:

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    width: 5%;
}
#pun-announcement .container {
    margin-left: -20px;
}

.pa-online {
    font-family: play !important;
    padding-bottom: 5px !important;
    color: #58362c;
    font-size: 11px;
}

#pun-index .tcr {
    font-size: 10px;
}

.post-box {
    margin-left: 20px !important;
}

#pun-messages .pa-title, #pun-messages .pa-posts {
    display: none !important;
}
#pun-messages .pa-avatar {
    padding-bottom: 20px !important;
}

.pa-posts, .pa-respect {
    font-family: open sans condensed;
    display: block;
    font-size: 12px;
    padding-bottom: 10px !important;
    color: #000 !important;
}
.pa-posts {
    float: left;
    width: 55%;
}
.pa-respect {
    float: right;
    width: 45%;
}

#pun-ulinks .item5, #pun-live-rusff, .post-links .pl-reports {
    display: none !important;
}

.pa-title {
    color: #ada99e;
    font-family: 'exo 2';
    font-weight: bolder !important;
    margin-left: 10px !important;
    text-transform: lowercase;
    text-shadow: 1px 1px 0 #000;
    margin-top: -6px !important;
}
.pa-avatar {
    padding: 0 4px !important;
    text-align: center;
    width: 200px;
    margin-left: -12px !important;
}
.post-author {
    background: url("http://imgdepo.com/id/i9420579") no-repeat scroll center top, url("http://imgdepo.com/id/i9420402") no-repeat scroll center bottom, rgba(0, 0, 0, 0) url("http://imgdepo.com/id/i9420403") repeat-y scroll center center !important;
    margin-left: 4px !important;
    margin-top: -20px !important;
    min-height: 230px !important;
    padding-bottom: 0px !important;
    width: 215px !important;
}

.pa-avatar.item2 > img {
    border: 2px solid #a8a4a1;
}
.pa-author {
    margin-bottom: -3px !important;
    margin-left: 5px !important;
    padding-top: 5px !important;
}
.pa-author a {
    color: #9b9893 !important;
    font-family: 'roboto condensed';
    font-size: 15px;
    text-shadow: 1px 1px 0 #000;
    font-weight: bolder;
    font-style: normal;
    text-transform: uppercase;
}
.pa-author img {
    display: none;
}
.post-author ul {
    color: #000;
    font-size: 10px;
    line-height: 11px !important;
    margin-left: -9px !important;
    text-align: center;
    padding: 5px 25px !important;
    margin-top: 5px;
}
.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit {
    display: none !important;
}
.pa-gifts {
    display: none;
}
HTML, body {
    background: #352722 url("http://imgdepo.com/id/i9415253") repeat scroll center top;
}
#pun-title table {
    background: rgba(0, 0, 0, 0) url("http://imgdepo.com/id/i9415255") no-repeat scroll center top;
    border: medium none;
    height: 293px;
    margin-left: -23px;
    margin-top: 0px;
    width: 902px;
}
#pun-navlinks li a {
    box-shadow: 0 10px 0 -5px #aeaaa6, 0 -10px 0 -5px #aeaaa6, -10px 0 0 -5px #aeaaa6, 10px 0 0 -5px #aeaaa6, 0px 0px 0 0px #6e4235, 0 0 0 0px #6e4235;
    color: #572e2b;
    font-family: Roboto Condensed !important;
    font-size: 13px !important;
    font-weight: bold;
    margin-left: 25px !important;
    padding: 3px 10px !important;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3), -1px -1px 0 rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
}
#pun-navlinks li a:hover {
    box-shadow: 0 10px 0 -5px #aeaaa6, 0 -10px 0 -5px #aeaaa6, -10px 0 0 -5px #aeaaa6, 10px 0 0 -5px #aeaaa6, 5px 5px 0 -5px #6e4235, 0 0 0 1px #6e4235;
    color: #dcdcdc;
    cursor: pointer;
    text-shadow: 1px 1px 0 #6e4235;
    transition: all 0.3s ease-in-out 0.1s;
}
#pun-navlinks .container {
    font-style: normal;
    text-align: center;
    width: 865px !important;
    margin-left: -10px !important;
}
#navpiar a {
    cursor: pointer;
    text-decoration: none;
}
div#pun-ulinks {
    font-family: play;
    font-style: normal;
    height: 5px;
    letter-spacing: 0;
    margin-top: -20px;
    position: relative;
    text-align: center !important;
    text-transform: lowercase;
    width: 860px;
    word-spacing: -1px;
}
#pun-ulinks a {
    box-shadow: 0 0 0 3px #aeaaa6, 0 0 0 0 #aeaaa6;
    color: #6e4235;
    font-size: 10px !important;
    font-weight: lighter !important;
    margin-left: 10px;
    padding-right: 6px !important;
    transition: all 0.3s linear 0s;
    word-spacing: 2px;
}
#pun-ulinks a:hover {
    box-shadow: 0 0 0 3px #aeaaa6, 0 5px 0 0 #6e4235;
    color: #fff!important;
    letter-spacing: 0;
    text-shadow: none;
}
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #333;
}
.punbb .post-box {
    color: #0e0e0e;
}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #302f2d;
    font-style: normal;
    font-weight: normal;
}

.post-content .spoiler-box {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: medium none !important;
    box-shadow: 0 10px 0 -5px #aeaaa6, 0 -10px 0 -5px #aeaaa6, -10px 0 0 -5px #aeaaa6, 10px 0 0 -5px #aeaaa6, 5px 5px 0 -5px #6e4235, 0 0 0 1px #6e4235 !important;
    font-family: "roboto condensed";
    font-size: 17px;
    padding: 5px 30px !important;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
}
.post-content .spoiler-box > blockquote {
    font-family: verdana;
    font-size: 11px;
    text-align: left;
    text-shadow: none;
    text-transform: none;
}
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .punbb textarea {
    background-clip: padding-box;
    background-color: rgba(255,255,255,0.1);
    box-shadow: 0 10px 0 -5px #aeaaa6, 0 -10px 0 -5px #aeaaa6, 5px 5px 0 -5px #6e4235, 0 0 0 1px #6e4235;
    color: #222;
    margin-left: 2px;
    padding: 5px 5px 0px 5px;
    margin-right: 30px;
    border: none;
}
.punbb option {
    background-color: #aeaaa6;
    border: 1px solid #6e4235;
    color: #111;
}
.punbb select, .punbb optgroup {
    background-color: #aeaaa6;
    border: 1px solid #6e4235;
    color: #111;
}
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}
.offline li.pa-online strong {
    font-weight: normal;
}
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border-bottom: 0 none #000;
    color: #582c28;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
}
.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: 0 none #000;
    color: #333;
    text-decoration: none;

}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #211a13;
    color: #fff;
}


.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    background: rgba(0, 0, 0, 0) url("") repeat scroll center top;
    border-bottom: 1px solid #888 !important;
    color: #572e2b !important;
    font-family: "open sans condensed" !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: normal;
    height: 7px;
    letter-spacing: 2px;
    margin-left: 35px;
    padding-top: 1px !important;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
    width: 750px;
    text-transform: uppercase;
    box-shadow: 2px 0 0 0 #aeaaa6, 1px 1px 0 rgba(255,255,255,0.2);
}

#profilenav h2 {
    border: none !important;
    box-shadow: none !important;
    padding: 10px !important;
    text-align: left !important;
}

#pun-index #pun-main h2 {
    background: url(http://imgdepo.com/id/i9415251) transparent no-repeat;
    width: 902px;
    height: 29px;
    margin-left: -23px;
    border: none !important;
    font-size: 0 !important;
    margin-top: -10px;
    margin-bottom: -10px;
    border: none !important;
    box-shadow: none;
}

#pun-stats ul.container {
    background: transparent url("http://imgdepo.com/id/i9415609") no-repeat scroll 10px 10px;
    margin-left: 10px;
    padding-left: 80px;
    text-align: justify;
    font-size: 10px;
}

#pun-stats.section h2 {
    background: rgba(0, 0, 0, 0) url("http://imgdepo.com/id/i9415251") no-repeat scroll center top;
    border: medium none !important;
    font-size: 0 !important;
    height: 29px;
    margin-bottom: -20px;
    margin-left: -23px;
    margin-top: -10px;
    width: 902px;
    box-shadow: none;
    border: none !important;
}
#pun-title table tbody tr .title-logo-tdr {
    left: 600px;
    opacity: 0.5;
    position: absolute;
    top: 3px;
    z-index: 1;
}
#pun-main div.catleft, #pun-main div.catright {
    display: none;
}
#pun-viewforum div.tclcon {
    padding-top: 0;
}
.punbb table Div.icon {
    background-image: url("http://imgdepo.com/id/i9415612");
    background-position: center center;
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: left;
    height: 50px;
    margin-left: -3px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 10px;
    width: 46px;
}
TR.inew Div.icon {
    background-image: url("http://imgdepo.com/id/i9415611");
    background-repeat: no-repeat;
    height: 50px;
    width: 46px;
}
TR.isticky Div.icon {
    background-image: url("http://imgdepo.com/id/i9415610");
    background-repeat: no-repeat;
    height: 50px;
    width: 46px;
}
TR.iclosed Div.icon {
    background-image: url("http://imgdepo.com/id/i9415613");
    background-repeat: no-repeat;
    height: 50px;
    width: 46px;
}
#pun-about p.container {
    background: rgba(0, 0, 0, 0) url("http://imgdepo.com/id/i9415254") no-repeat scroll center bottom;
    height: 169px;
    margin-bottom: -20px !important;
    margin-left: -35px;
    width: 902px;
}
div#pun-about {
    margin-top: 10px;
}
div#html-footer {
    margin: -80px 0 0;
}
#pun-about .container .item1 {
    margin-top: -10px !important;
}
#pun-announcement.section h2 span {
    display: none;
}
.punbb input {
    border: medium none;
}
.button {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #b6b6b6, #a1a1a1) repeat scroll 0 0;
    border-radius: 0;
    border-top: 1px solid #222;
    box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3) inset, -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #572e2b;
    font-family: sans-serif !important;
    font-size: 11px !important;
    margin-top: 5px !important;
    padding: 3px 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
    vertical-align: middle;
}
.button:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #572e2b, #572e2b) repeat scroll 0 0;
    color: #888;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.button:active {
    background: #572e2b none repeat scroll 0 0;
    border-top-color: #3e615c;
}
.punbb .post-sig dt {
    border-top: 1px solid #444 !important;
    display: block;
    width: 250px;
}
#pun-crumbs1 {
    color: #6e4235 !important;
    font-family: 'exo 2' !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}
#pun-crumbs2 {
    color: #6e4235 !important;
    font-family: 'exo 2' !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}
.post_reputation {
    background: #afb1ae none repeat scroll 0 0;
}
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
    background-color: rgba(175, 177, 174, 0.6) !important;
}
#pun-index .tcl h3 {
    background-color: rgba(255, 255, 255, 0.1);
    font-family: "play" !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 6px 5px 7px;
    text-align: center;
    text-transform: lowercase;
}
#pun-index .tcl h3 a {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    padding: 0 0px 4px;
    display: inline-block;
}
#pun-index .tcl h3 a:hover {
    box-shadow: 2px 0 0 0 #6e4235, -2px 0 0 0 #6e4235;
    color: #ddd;
    padding: 0 15px 4px;
    display: inline-block;
}
#pun-index .tclcon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: 0px 15px 0 -10px #aeaaa6, 0px -15px 0 -10px #aeaaa6, -15px 0px 0 -10px #aeaaa6, 15px 0px 0 -10px #aeaaa6, 20px 20px 0 -20px #6e4235, 0 0 0 2px #6e4235;
    font-size: 10px !important;
    margin-left: 60px;
    padding: 5px 5px 5px;
    text-align: justify;
}
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}


.pa-author {
    padding-bottom: 10px !important;
    margin-left: 10px !important;
}
.pa-fld1 {
    margin-left: -4px !important;
    margin-top: -10px !important;
    padding-bottom: 10px;
    width: 190px !important;
}
.firstname {
    color: #653b2f !important;
    font-family: roboto condensed;
    font-size: 14px;
    padding-bottom: 2px !important;
    text-transform: uppercase;
}
.firstname a, .firstname a:link, .firstname a:visited {
    color: #653b2f !important;
}
.personalinfo {
    font-family: roboto condensed;
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.personalinfo2 {
    padding-bottom: 10px !important;
    text-align: justify;
}
.pa-fld2 {
    background: rgba(0, 0, 0, 0) url("http://imgdepo.com/id/i9420603") no-repeat scroll 0 0;
    color: #99908b;
    font-family: roboto condensed;
    font-size: 18px;
    font-weight: bold;
    height: 44px;
    letter-spacing: -2px;
    margin-left: -13px !important;
    margin-top: -8px !important;
    padding: 10px;
    text-shadow: 1px 1px #000;
    width: 212px;
    text-align: center;
}
.extrafield {
    padding-top: 24px !important;
}
.writtenpost {
    margin-top: -18px !important;
    margin-left: 0px !important;
    width: 70px;
}
.money {
    margin-left: 142px !important;
    width: 70px;
    margin-top: -10px !important;
}

.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 0.9;
    position: fixed;
    right: 100px;
    width: 57px;
    z-index: 9999;
}
.go-up {
    bottom: 60%;
    right: 80px;
}
.go-down {
    bottom: 47%;
    right: 80px;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}

.Tems_And_messages {
    display: inline-block;
    margin-left: 30px !important;
    width: 110px;
}
.Add {
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-block;
    font-size: 10px;
    margin-top: 5px !important;
    padding: 5px 80px;
}
.Tems_And_messages .right {
}

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



#s3slider {
    height: 41px;
    overflow: hidden;
    position: absolute;
    width: 152px;
    margin-left: 355px;
    margin-top: 1px;
}
#s3sliderContent {
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 152px;
}
.s3sliderImage {
    display: none;
    float: left;
    position: relative;
}
.s3sliderImage span {
    background-color: #000;
    color: #fff;
    display: none;
    font-family: play !important;
    height: 13px;
    left: 0;
    opacity: 0.7;
    text-align: center;
    position: absolute;
    top: 0;
    width: 152px;
    font-size: 10px;
    text-transform: lowercase;
}

.clear {
    clear: both;
}

.cita {
    position: absolute;
    font-size: 10px;
    font-family: arial;
    color: #888;
    text-shadow: 1px 1px 0 #000;
    line-height: 9px;
    margin-left: 620px !important;
    margin-top: -10px !important;
    padding: 3px;
    height: 35px;
    overflow-y: auto;
    width: 200px;
    text-align: justify;
}

.bestpost {
    position: absolute;
    margin-top: 120px !important;
    margin-left: 30px !important;
}
.besttext {
    font-size: 10px;
    line-height: 9px;
    color: #888;
    text-shadow: 1px 1px 0 #000;
    margin-left: 85px !important;
    padding: 3px;
    margin-top: -80px !important;
    width: 115px;
    text-align: justify;
    height: 70px;
    overflow-y: auto;
}

.bestplay {
    position: absolute;
    margin-left: 747px !important;
    margin-top: 120px !important;
}

.activs {
    position: absolute;
    margin-left: 628px !important;
    margin-top: 145px !important;
}

.news {
    position: absolute;
    color: #777;
    text-shadow: 1px 1px 0 #000;
    padding: 3px;
    font-size: 10px;
    line-height: 10px;
    text-align: justify;
    margin-left: 245px !important;
    margin-top: 143px !important;
    width: 360px;
    height: 70px ;
    overflow-y: auto;
}
.newscont {
    box-shadow: 0 11px 0 -10px #666;
    margin-bottom: 5px !important;
    padding-bottom: 8px;
    padding-top: 5px;
}
.news data {
    font-family: 'exo 2';
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
    color: #6e4235;}

.ams {
    position: absolute;
    margin-top: 99px !important;
    margin-left: 272px !important;
    text-align: center;
    width: 319px;
}
.ams a {
    color: #888 !important;
    font-family: open sans condensed;
    font-size: 13px;
    font-style: normal;
    margin-left: 5px;
    font-weight: bold;
}
.ams a:hover {
    color: #6e4235 !important;
    text-shadow: 1px 1px 5px #6e4235;
}

.sslka {
    position: absolute;
    margin-left: 265px !important;
    margin-top: 60px !important;
    width: 330px;
    text-align: center;
    display: inline-block;
}
.sslka a {
    font-family: play;
    text-transform: lowercase;
    height: 15px !important;
    width: 78px !important;
    display: inline-block;
    margin-left: -2px !important;
    color: #888 !important;
    background-color: rgba(255,255,255,0.05);
    padding-top: 1px;
    margin-top: 2px;
}
.sslka a:hover {
    background-color: #fff;
    color: #704235 !important;
    font-weight: bold;
}

.best1 {
    height: 101px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    width: 85px;
}
.bestname {
    background-color: rgba(25, 23, 24, 0.7);
    height: 60px;
    margin-top: -102px !important;
    opacity: 1;
    padding-top: 40px !important;
    position: absolute;
    text-align: center;
    transform: rotate(-100deg) translate(45px, 0px) scale(0.1);
    transform-origin: 0 0 0;
    transition: all 0.5s ease-in-out 0s;
    width: 85px;
    font-family: play;
    font-weight: bold;
    color: #ccc;
    font-size: 13px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.best1:hover .bestname {
    opacity: 1;
    transform: rotate(0deg) translate(0px, 0px) scale(1);
    transition: all 0.5s ease-in-out 0s;
}

Поделиться32016-07-05 14:32:05

fld1:
Автор: Tessel Montgomery
очень длиннй статус в который я хз чо писать
fld2:
fld3:
ТАРНЕИ ШАДОУСОНГ,^{883 y.o.}

колдун, некромант и полуживой викинг. верховный ковена «эгида» и начальник охраны в ночном клубе «пандемониум». верен своим братьям, сестре и кодексу воина. не представляет собственной жизни без девы щита и дочери, а сердце отдал праведнику.
pafld4\деньги: 3560
Сообщений: 85
Уважение: +0
pafld5\посты: 181

Код:

<link href='https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Exo+2:400,600,300,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

<img src="http://imgdepo.com/id/i9423063" style="position: absolute; margin-top: 16px; margin-left: 35px">

<img src="http://imgdepo.com/id/i9423066" style="position: absolute; margin-top: 16px; margin-left: 619px">

<div class="bestpost"><div class="bestpimg">  <a href="">
    <div class="best1">
      <div class="bestpic"><img src="http://imgdepo.com/id/i9423565"></div>
      <div class="bestname">Name</div>
    </div>
  </a></div>
<div class="besttext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum posuere feugiat. Cras accumsan vulputate turpis, quis imperdiet lorem tempor ut. Donec nec quam sit amet elit faucibus interdum. Nam tempus feugiat nibh eu efficitur. Nam placerat, elit eget dignissim tincidunt, libero dui facilisis nunc, vitae pellentesque justo enim at tellus. Morbi at sapien congue, ultrices turpis et, pellentesque risus. Vestibulum sed dui enim.</div></div>

<div class="bestplay">  <a href="">
    <div class="best1">
      <div class="bestpic"><img src="http://imgdepo.com/id/i9423565"></div>
      <div class="bestname">Name</div>
    </div>
  </a></div>

<div class="activs"><a href=""><img src="http://imgdepo.com/id/i9423185"></a>
<a href=""><img src="http://imgdepo.com/id/i9423185"></a>
<a href=""><img src="http://imgdepo.com/id/i9423185"></a></div>

  <div class="news">
    <div class="newscont"><data>12\12</data>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum posuere feugiat. Cras accumsan vulputate turpis, quis imperdiet lorem tempor ut. Donec nec quam sit amet elit faucibus interdum. Nam tempus feugiat nibh eu efficitur. Nam placerat, elit eget dignissim tincidunt, libero dui facilisis nunc, vitae pellentesque justo enim at tellus. Morbi at sapien congue, ultrices turpis et, pellentesque risus. Vestibulum sed dui enim.</div>
        <div class="newscont"><data>12\12</data>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum posuere feugiat. Cras accumsan vulputate turpis, quis imperdiet lorem tempor ut. Donec nec quam sit amet elit faucibus interdum. Nam tempus feugiat nibh eu efficitur. Nam placerat, elit eget dignissim tincidunt, libero dui facilisis nunc, vitae pellentesque justo enim at tellus. Morbi at sapien congue, ultrices turpis et, pellentesque risus. Vestibulum sed dui enim.</div>
    
  </div>

<div class="ams"><a href="">admin</a> <a href="">admin</a> <a href="">admin</a> <a href="">admin</a></div>

<div class="sslka"><a href="http://exmachina.rusff.me/viewtopic.php?id=7">СЮЖЕТ</a>
<a href="http://exmachina.rusff.me/viewtopic.php?id=8">ПРАВИЛА</a>
<a href="http://exmachina.rusff.me/viewtopic.php?id=6">О МИРЕ</a>
<a href="http://exmachina.rusff.me/viewtopic.php?id=3">AI</a><br>
<a href="http://exmachina.rusff.me/viewtopic.php?id=2">ЛЮДИ</a>
<a href="http://exmachina.rusff.me/viewtopic.php?id=5">F.A.Q.</a>
<a href="http://exmachina.rusff.me/viewtopic.php?id=13">ВНЕШНОСТИ</a> 
<a href="http://exmachina.rusff.me/viewtopic.php?id=177">КАРТОТЕКА</a></div>

Поделиться42016-07-05 14:32:16

fld1:
Автор: Tessel Montgomery
очень длиннй статус в который я хз чо писать
fld2:
fld3:
ТАРНЕИ ШАДОУСОНГ,^{883 y.o.}

колдун, некромант и полуживой викинг. верховный ковена «эгида» и начальник охраны в ночном клубе «пандемониум». верен своим братьям, сестре и кодексу воина. не представляет собственной жизни без девы щита и дочери, а сердце отдал праведнику.
pafld4\деньги: 3560
Сообщений: 85
Уважение: +0
pafld5\посты: 181

Код:

<div class="cita">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum posuere feugiat. Cras accumsan vulputate turpis, quis imperdiet lorem tempor ut. Donec nec quam sit amet elit faucibus interdum.</div>

<!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
/*background-color:#!important;*/
    margin-left: -16px;
    margin-bottom: -4px !important;
}
img.aw{
background-color:#!important;
}
ul.wrapper {
    display: none;
    margin-bottom: 5px !important;
    margin-left: 8px !important;
    width: 150px !important;
    margin-top: 0;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка - ссылка на Картинку
var Img="http://imgdepo.com/id/i9420960";

wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;

$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->


<script type="text/javascript">
    $('#pun-index .category td.tcl .tclcon').each(function() {
      var str='<br><div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+$(this).parents('tr:first').find('td.tc2').text()+'</span></div><div  style="margin-left:12px;" class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div></div>';
      $(str).appendTo(this)
    });
    </script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none; cursor: pointer;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">Пиар-Вход</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

</script>
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://imgdepo.com/id/i9238693" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://imgdepo.com/id/i9238694" border="0" /></div>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<script type="text/javascript">
var A=[1,2,3,4,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>
<style>
.offctgr{
display:block!important;
visibility:visible!important;
}
</style>

    <script src="https://forumstatic.ru/files/0017/a6/38/54807.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#s3slider').s3Slider({
                timeOut: 5000
            });
        });
    </script>
<div id="s3slider">
            <ul id="s3sliderContent">
            <li style="display: none;" class="s3sliderImage">
                <a href=""><img src="http://imgdepo.com/id/i9422268"></a>
                <span style="display: none;">Имя1</span>
            </li>
            <li style="display: list-item;" class="s3sliderImage">
                <a href=""><img src="http://imgdepo.com/id/i9422268"></a>
                <span style="display: block;">Имя2</span>
            </li>
            <li style="display: list-item;" class="s3sliderImage">
                <a href=""><img src="http://imgdepo.com/id/i9422268"></a>
                <span style="display: block;">Имя3</span>
            </li>
            <li style="display: list-item;" class="s3sliderImage">
                <a href=""><img src="http://imgdepo.com/id/i9422268"></a>
                <span style="display: block;">Имя4</span>
            </li>
                <div class="clear s3sliderImage"></div>
            </ul>
        </div>

Страница: 1