ForumDesign TechSupport - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Фонд форумаРеклама на сайте
Стать модераторомОтзывыДонат

Предложения

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

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



Стиль Life Green&Black (MyBB) [2/7]

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

1

Название: Life Green&Black
Платформа: MyBB
Бонус рейтинга стиля: 0 верстка; 0 графика
Автор: bloody_death
Цветовая гамма: черный, зеленый, коричневый
Корректность отображения: фон повторяется при высоком разрешении, есть места с нечитабельным текстом
Исходники или макет: НЕТ
СКАЧАТЬ СТИЛЬ

[html]<style>.postimg {max-width: 300px !important}</style>
https://i.imgur.com/gGqFS0b.jpg https://i.imgur.com/Skz03cq.jpg https://i.imgur.com/CjK0t0d.jpg [/html]

Код

style.css

Код:
/*************************************************************
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: 0
  }


/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }


/* A2.4 */
.punbb img {
  border:none
  }


/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }


/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}


/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }




  /* A3 Text setup
-------------------------------------------------------------*/


/* A3.1 */
body {
  font-size: 15.2px;
  }


/* A3.2 */
.punbb {
  font: normal 68.75% verdana;
  }


/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana
  }


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }


/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }


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


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


/* A3.8 */
.punbb .post-content em {
  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: normal;
  }




/* 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-left: 0px;
  position: relative;
  width: 1042px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  float: none;
  width: 890px;
  height: auto;
  padding-left: 3px;
margin-left: 80px;
padding-right: 13px;
  }


/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 60px 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 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }




/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/


/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/


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


/* B1.2 */
.punbb .post-sig dt {
display: block;
background: url() no-repeat top center;
border-top: 0!important;
width: 467px; //ширина картинки
height: 10px; //высота картинки
margin: 5px auto; //ставит картинку по центру
  }


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


/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }


/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }


/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }


/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style:solid;
  border-width:1px;
  border-color:#403014;
  border-radius: 15px;
   border-left: 0px solid #584322;
  border-right: 0px solid #584322;
  }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.0em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }


/* B2 Information boxes
-------------------------------------------------------------*/


/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }


/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }


/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }




/* B3 Pagination and posting links
-------------------------------------------------------------*/


/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }


/* B3.2 */
.multipage {
  margin-top: 3em;
  }


/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }


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


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


/* 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 12em 0 0;
  height: 100%; /* For IE */
  }


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


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


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


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


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


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




/* C2 Table layout
-------------------------------------------------------------*/


/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 55%;
  }


/* 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: left;
  width: 25%;
  }


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


/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 0px;
  }


/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 60px;
  height: 60px;
  padding-top: 2px;
  margin-top: 1px;
  background-position: center center;
}


 /* C3 Topics
-------------------------------------------------------------*/


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

/* C3.2 */ 
.punbb .post h3 {border-style: none; border-width: 0px;} 

/* C3.3 дата поста */ 
.punbb .post h3 span {padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: none; border-left-width: 0px; border-color: transparent; background-color:transparent;} 

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

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


/*** оформление блока пользователя ***/ 
.post-author { width: 210px; margin-left: -6px; 
color:#231921; 
background-color: rgba(220,205,255,0.15); 
box-shadow: -1px 0px 5px 1px #231921; 
border-radius: 2px; 
} 

.post-author a {color:#154d64 !important;} 

.post-author ul {padding-bottom: 1.2em !important;} 



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

/* C3.7 */ 
.punbb .post h3 {background: transparent;} 

/*** блок никнейма в постах ***/ 
.pa-author {font-weight: normal; color:#10458d; text-shadow: 1px 1px 1px #d6d5d4; 
font-family: book antiqua; font-size: 1.4em; 
padding-top:1.1em !important; margin-bottom: 0.5em;} 

/* C3.8 */ 
.pa-author a {text-decoration: none; font-size: 1.2em !important;} 
.pa-author a, .pa-author a:hover {font-family: book antiqua; text-align: center; color:#154d64 !important; text-shadow: 0px 1px 1px #00000 !important; } 

/* C3.9 */ 
li.pa-title {padding-bottom: 0.5em; margin-top: 0.5em; 
font-weight:normal; font-size: 1.05em; font-family: Arial, Georgia, times;} 

li.pa-online {line-height: 0.8em; border-left-style: none; margin-top: 0.7em;} 
li.pa-online strong {font-style: italic; font-weight: normal !important;} 

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

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

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

/* C3.14 */ 
.punbb .post-links {margin-left: 19em; border-left-style: none; border-left-width: 0px; border-color: transparent;} 

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

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

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

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



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


/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }


/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }


/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }


/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }




/* C5 Message boxes
-------------------------------------------------------------*/


/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }


/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }




/* C6 Profile
-------------------------------------------------------------*/


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


/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }


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


/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }


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


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


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


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


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


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


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




/* C7 User list
-------------------------------------------------------------*/


/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }


/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }


/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }




/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/


/* D1 Logo and description
-------------------------------------------------------------*/


/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  margin-left: -12px;
 }


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


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


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




#pun-title table {
border: none;
height: 0px;
margin-left: -320px;
width: 1540px;
height: 790px;
}


#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}


#pun-title td.title-logo-tdr {
border: none;
width: 200px;
}


/* D2 Page navigation
-------------------------------------------------------------*/


/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -30px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }


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


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


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


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


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


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


/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }


/* D3.2 */
#pun-navlinks .container {
  padding-top: -207px;
 margin-top: -440px;
  }


/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }


/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }




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


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


/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }


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


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


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


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


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


/* 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: center;
  line-height: 150%;
  padding: 0.8em 1em;
  }


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


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


/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  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 #pun-redirect{
  border:0 none!important;
  background-image : url("http://funkyimg.com/i/2m4fh.jpg"); !important;
  margin: auto;
  padding:0;
  left:0;
  right:0;
  top:0;
  bottom:0;
  position:fixed;
  width:100%;
  height:100%;
  text-align:center;
}
#pun-redirect *{
  border:0 none;
  margin:0;
  padding:0;
}
#pun-redirect .main-title {
  display:none;
}
 
#pun-redirect.punbb .info .container{
  padding:50px 100px 0 100px!important;
  height:200px;
  width:400px;
  text-align:center;
  margin:auto!important;
  padding:0;
  left:0;
  right:0;
  top:0;
  bottom:0;
  position:absolute;
  font-weight:bold;
  display:block;
  padding:0;
  background:url(http://funkyimg.com/i/2m45j.png) center top no-repeat!important;
}
#pun-redirect.punbb .info a{
  color:#293e31;
  font: italic normal 400 14px/normal Times New Roman;
}
#pun-redirect.punbb .info a:hover{
  color:#293e31;
}
#pun-announcement h2 {display: none}
#pun-live-rusff span.cooltext {display: none;}
#pun-main h1 {font-size:13px; text-align:center;}

.pa-avatar img, .punbb img.avatardemo, #profile-left img {border: 1px solid #646d8d; box-shadow: 0px 0px 8px #4a4b88;}

style_cs.css

Код:
#title-logo-tdr img {width: 1px; height: 1px;}

#pun-title table {
background-image: url("http://funkyimg.com/i/2m43i.png"); background-position: top center; background-repeat: no-repeat; 
  border: none;
}
#pun-title .title-logo span {display: none;}

/* CS1 Background and text colours
-------------------------------------------------------------



/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #231921;
font-weight: normal;
font-style: normal;}



body {background-color: #f8f6f9;
background-image : url("http://funkyimg.com/i/2m4fh.jpg");
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
background-attachment:fixed;
}


#pun { background-image : url("http://funkyimg.com/i/2m41S.png");
width: 865px;
background-repeat: repeat;
background-position : center;}







#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #00000;
  font-weight: normal;
  font-style: normal;

  }


.punbb .quote-box, .punbb .code-box {
background-image: url(http://funkyimg.com/i/2jTGw.png);
color: #363030;
text-shadow: 0px 0px 1px #000c;
border-radius:15px;
  -webkit-border-radius:10px;
  -moz-border-radius:5px;
  -khtml-border-radius:3px;
}





#pun-navlinks .container {
background-color: transparent;
position: relative;
color: #8f9eb5;
text-align: center;
z-index: 1000;
top: 45px;
 }


#pun-ulinks .container { 
text-align: center; 
color: #8f9eb5;
margin-top: 40px;
}


.offline li.pa-online strong {
color: #363030;
font-weight: normal}


.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
background-image: url(картинкафонасообщений);
color: #26231a;}






/* CS2 Border colours
-------------------------------------------------------------*/


.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}


.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}


#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}


#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;}


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


.punbb th {
border-color: transparent;}


.punbb .quote-box, .punbb .code-box {
border-color: #ccc #fff #fff #ccc;}


#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}


#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}


.punbb .divider {
border-color: transparent;}


.punbb .formal fieldset .post-box, .punbb .info-box {
border: transparent}


li.pa-online {
border-left-color: transparent; }


.punbb .post-sig dt {
border-top-color: transparent !important;}




/* CS3 Links
-------------------------------------------------------------*/
.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 {
color: #225700;
border-bottom: 0px none #225700;
text-decoration: none;
text–transform: lowercase;}


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000;}


.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #000000;
border-bottom: 0px none #000000;
text-decoration: none;
text–transform: lowercase;}


#pun-navlinks a {
color: #225700;
border-bottom: 0px none #ffffff;
text-decoration: none;
text–transform: lowercase;}

#pun-ulinks a {
color: #225700;
border-bottom: 0px none #ffffff;
text-decoration: none;
text–transform: lowercase;}


#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #225700;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #ffffff;
text-decoration: none;
text–transform: lowercase;}


#pun-pagelinks a:active, #pun-pagelinks a:focus {
color: #225700;}


/* CS4 Something parts
-------------------------------------------------------------*/
#pun  .section {border: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: left;}
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }



/* Иконки
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {
background-image : url('http://funkyimg.com/i/2m44q.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('http://funkyimg.com/i/2m44r.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://funkyimg.com/i/2m44p.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://funkyimg.com/i/2m44o.png');
background-repeat: no-repeat;
}


/* CS5 Категории форума
-------------------------------------------------------------*/
#pun-stats h2 {
   background-image : url(http://funkyimg.com/i/2m47f.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2m47p.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2m47o.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2m47n.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2m47m.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2m47k.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2mmLv.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category7.category h2 {
background: url(http://funkyimg.com/i/2m47i.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category8.category h2 {
background: url(http://funkyimg.com/i/2m47h.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-category9.category h2 {
background: url(http://funkyimg.com/i/2m47g.png);
height: 90px;
width: 876px;
font-size:0 !important;
margin-left: 0px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

#pun-about p.container {background-color: transparent;
background-image : url(http://funkyimg.com/i/2m41Q.png);
 margin-left: -474px;
background-position : center top;
 background-repeat : no-repeat;
 width: 1800px;
height : 200px; }

div#html-footer {
margin: 0px 0px 0px 0px;}

div#pun-about {
   margin-bottom: -70px;

}


/* Other
------------------------------------------------------------*/

.blockquote, .blockcode, .scrollbox, pre {border:none; }

.lastedit {display: none;}

::-webkit-scrollbar-thumb { 
background: #090707 top center; 
background-image: url("http://funkyimg.com/i/2m455.png"); 
box-shadow: 0 0 6px 0px rgba(82,74,59,0) inset, 0 0 0 1px rgba(82,74,59,0) inset; 
} 

::-webkit-scrollbar { 
width: 8px; 
height: 13px; 
} 

::-webkit-scrollbar-track { 
background-image: url("http://funkyimg.com/i/2h8H3.png"); 
background: #090707 top center; 
border-color: transparent; 
}

HTML-верх

Код:
<div class="Hoverbuttons" style="position: absolute;
    margin-top: 46px;
    margin-left: -12px;
    width: 210px;
    background-color: none;
    padding: 5px;
    border: 0px solid none;
    height: 220px !important;
    overflow-y: auto !important;
    opacity: 1;">
<font color="white">
<center>Новости форума<br><b>«PRESS START»</center></b></align>
<p align="justify";>No sleep
No sleep until I am done with finding the answer
Won’t stop
Won’t stop before I find a cure for this cancer
Sometimes
I feel I going down and so disconnected
Somehow
I know that I am haunted to be wanted

I been watching
I been waiting
In the shadows for my time
I been searching
I been living
For tomorrows all my life

In the shadows
In the shadows

They say
That I must learn to kill before I can feel safe
But I
I rather kill myself than turn into their slave
Sometimes
I feel that I should go and play with the thunder
Somehow
I just don't wanna stay and wait for a wonder
</align>
<p>
</div>

HTML-низ

Код:
<script>
<!--
indexof="<img src='http://funkyimg.com/i/2m4cj.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
userof="<img src='http://funkyimg.com/i/2m4ci.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>
<script>
<!--
findof="<img src='http://funkyimg.com/i/2m4ch.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
faseof="<img src='http://funkyimg.com/i/2m4cf.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById
("navprofile").innerHTML=str.substring(0,pos)+faseof
+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://funkyimg.com/i/2m4ce.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring
(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://funkyimg.com/i/2m4cd.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring
(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://funkyimg.com/i/2m4cc.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring
(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://funkyimg.com/i/2m4cb.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring
(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://funkyimg.com/i/2m4ca.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById
("navregister").innerHTML=str.substring(0,pos)+regof
+str.substring(pos+18,str.length-1)
-->
</script>
<script>
var sek = 100;
function setNagrad(){
indexof="<img src='http://funkyimg.com/i/2m4cm.png' >" 
str = document.getElementById("navawards").innerHTML
pos = str.indexOf("Награды")
document.getElementById("navawards").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+7,str.length-1)
}
TestRotatorMycontent()
function TestRotatorMycontent() {
if($("#pun-navlinks #navawards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
</script>


<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<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\"><a onclick=\"PiarIn()\"><span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://funkyimg.com/i/2m4c9.png\" /></span></a></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>

</style>
<style type="text/css">
.punbb td div.tclcon { padding-left: 25px; }
</style>

0

2

мне нравитсяhttp://dolan.biz.ua/uploads/files/image/ft_104.png

0



Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC