ZooФРИ

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

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


Вы здесь » ZooФРИ » Дизайнерский архив » Стиль №14: Египетский мяу.


Стиль №14: Египетский мяу.

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

1

Весь код вставляется в структуру. В цвета можно поместить css для других элементов, например, для объявления.

структура
Код:
/*Design by ever. All right reserved. Don't copy.*/

@import url(style_cs.css);

/* Селекторы тегов
-------------------------------------------------------------*/

html,body{
  margin:0;
  padding:0;
  font-size: 9pt;
  font-family:"Palatino Linotype";
  background: url(http://img.by/i/1287884181.jpg) center top no-repeat #A46F28;
  color:#000;
}

img{
  border:none;
}

ul, dl, li, dd, dt {
  padding: 0;
  list-style: none;
  }

hr {
  height: 0; 
  border: none;
  border-bottom: 1px solid #BCC9CF;
}

a{
  text-decoration:none;
  outline: none;
  color:#2F468C;
}

a:hover{
  text-decoration: underline;
}

a:active{
  text-decoration: underline;
  color:#000;
}

h1, h2{
  padding:23px 0 0 0;
  margin: 0;
  height:34px;
  font: bold 17px "Century Gothic";
  letter-spacing:0;
  background: url(http://img.by/i/1287887120.jpg) no-repeat #92B2BF;
  border:1px solid #000;
  border-top:none;
  border-bottom:none;
  color:#000;
  text-shadow: #92B2BF 0 0 5px, #fff 0 0 7px, #92B2BF 0 0 11px;
  text-align:center;
}

input, textarea, select {
  outline: none;
  border:3px double #597986;
  background: #BCC9CF;
}

fieldset {
  border:3px double #BCC9CF;
  margin:10px;
}



/* Настройки
-------------------------------------------------------------*/

.punbb .main table {
  table-layout: fixed; 
  width: 100%;
}

/* опросы */

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

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

/* оформление текста */

.punbb address, .punbb em {
  font-style: normal;
}

.punbb .post-content em {
  font-style: italic;
}

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

/* отмена обтекания */

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

/* скрытие некоторых заголовков и блоков */

.acchide,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-announcement h2,
#pun-index #pun-main h1,
#pun-pagelinks h2,
#pun-status 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 {
  display:none;
}


/* Главная страница: основное
-------------------------------------------------------------*/

/* основное */
#pun {
  margin: 0px auto auto auto;
  width:820px;
  padding-left:17px;
}

.punbb {
  float: left;
  width: 100%;
  height: auto;
}

/* рекламный баннер */
#pun-title TD.title-logo-tdr {
  border:none;
  width: 468px;
  vertical-align: top;
  padding-top: 3px;
  position: absolute;
  left: 46%;
  top: 0;
}

/* шапка */
#pun-title{
  height:445px;
  margin:0;
}


/* название форума на шапке */
.title-logo span {
  font-family:"Century Gothic";
  font-size: 15px;
  font-weight:normal;
  letter-spacing:2px;
  color:#92B2BF;
  text-shadow: #92B2BF 0 0 3px;
  margin-left:17px;
}

.title-logo{
  border:none;
  margin-top:160px;
  background:transparent;
  width:230px;
  padding-top:0;
}

/* объявление */
#pun-announcement{
  text-align:justify;
}

#pun-announcement .html-box {
  padding:10px;
}



/* таблицы
-------------------------------------------------------------*/
#pun-main{
  background-color:#92B2BF;
}

/* где рамки не нужны */
#pun-ulinks .container,
#pun-status .container,
#tieser-bottom,
#pun-about .container{
 background-color:#92B2BF;
}

#poll-special .container, .fs-box .container, #messages .linksb{
 background-color:#92B2BF;
  border:none;
}

/* где рамки нужны */
 .container, .topic, .linkst, .linksb {
  margin:0;
  border:1px solid #000;
  border-top:none;
  border-bottom:none;
  background-color:#92B2BF;
}

/* заголовки в таблице */
#pun-main table thead tr th{
  padding:2px 5px;
  font-size:10px;
  color:#E7EEF8;
  border-bottom: 1px solid #BCC9CF;
}

/* рамки между графами */
.hasicon tr td{
  border-right: 3px double #BCC9CF;
}

.hasicon tr .tcr{
  border-right:none;
}

/* ширина ячеек */
.punbb .main .tcl{
  overflow: hidden;
  width:50%;
  text-align:justify;
  padding:9px;
}

.punbb .main .tc2, .punbb .main .tc3{
  width:10%;
  text-align:center;
}

.punbb .main .tcr{
  overflow: hidden;
  width:30%;
  text-align:center;
  padding:9px;
}

/* название подфорума */
#pun-index .tcl h3 {
  font-size: 13px;
  font-weight: bold;
  margin:0 0 4px 7%;
  padding:0;
}

/*ширина остальных ячеек: статистика, поиск, участники */

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

#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align:center;
  width: 20%;
}

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

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




/* иконки -----------------------------------------------------------------------------------------------*/

.punbb td div.tclcon {
  margin-left: 57px;
}

.punbb div.icon {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
}

div.icon, tr.iredirect div.icon {
  background:
url(http://img.by/i/004.png) no-repeat;
}

tr.inew div.icon {
  background: url(http://img.by/i/003.png) no-repeat;
}

tr.iclosed div.icon {
  background: url(http://img.by/i/001.png) no-repeat;
}

tr.isticky div.icon {
  background: url(http://img.by/i/002.png) no-repeat;
}

/* статистика */
#pun-stats .container {
  padding: 5px;
}

#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 130%;
}

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

li#onlinelist {
  margin-top: 10px;
  float: left;
  width: 100%;
  line-height: 100%;
}

/* хлебные крошки и приветствие*/
#pun-status .container {
  padding: 5px;
}
 
#pun-index .crumbs, #pun-crumbs1 p, #pun-crumbs2 p{
  font-weight: bold;
  overflow: hidden;
  padding: 5px;
}

/* нумерация и ссылки возле нее */
.pagelink {
  padding:5px;
  width: 200px;
  text-align:left;
  float:left;
}

.postlink, .subscribelink {
  padding:5px;
  width: 250px;
  text-align:right;
  float:right;
}

/* модменю, rss */
.modmenu .container{
  padding:5px;
  text-align:right;
  border-top: 1px solid #BCC9CF;
}

.modmenu .container strong {
  text-align:left;
  float:left;
}

/* блок для копирайта */
#pun-about .container {
  text-align: right;
  line-height: 120%;
  padding: 5px;
}

#pun-about p span {
  display:block;
  padding-left: 50%;
}



/* разное
-------------------------------------------------------------*/

/* опрос */

#poll-special h1 {
  height: 20px !important;
  background-color:#597986;
  background-image:none;
  border-style:none;
  margin:0;
}

/* переадресация */
#pun-redirect, #pun-maint {
  margin: 10% auto;
  width: 100%;
  float: none;
}

#pun-redirect .container {
  padding:10px;
}

/* регистрационные поля */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
}

.punbb .inline .infofield {
  clear:both
}

.punbb .datafield br {
  display: none
}

.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
}

.punbb .datafield span.input a {
  font-weight: normal;
}

.info .container{
  padding:20px;
}

/* цитата и код */
.blockcode {
  background-color:#597986;
  margin:10px;
  padding:10px;
  border: 3px double #BCC9CF;
}

.quote-box {
  background-color:#BCC9CF;
  margin:5px 30px;
  padding:5px 10px;
  border: 3px double #597986;
}

.quote-box cite {
  font-width: bold;
}

.blockcode .scrollbox{
  font-family: "Courier New";
  overflow:auto;
  margin:0;
  padding:0;
  max-height:400px;
}



/* кнопки-теги в форме ответа */

.punbb .hashelp {
  position: relative;
}

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

.punbb #profile .helplinks {
  top: 1.5em;
}

.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
}

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

#font-area, #size-area {
  border: 2px solid #597986;
  background-color: #BCC9CF;
  padding: 5px;
  left: 0;
}

#smilies-area, #video-area, #color-area, #keyboard-area, #imageup-area {
  border: 2px solid #597986;
  background-color: #BCC9CF;
  padding: 5px;
  right: 0;
}

#color-area table tbody tr td {
  border: none;
}

#color-area table tbody tr td img {
  width: 10px;
  height: 10px;
}

#main multipage .topic .post h3 span{
  margin-right:20px;
}



/* Профиль
-------------------------------------------------------------*/

#profile .container {
  padding-left: 18.6em;
}

#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
}

#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
}

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

#viewprofile h2, #profilenav h2 {
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
}

#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
}

#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
}

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

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

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

.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
}



/* тема
-------------------------------------------------------------*/

.post .container{
  border:none;
  margin:0;
}

.post .container .post-author{
  margin-top: -20px;
  width:210px;
  font-size:10px;
  font-weight:bold;
  float:left;
  text-align:center;
 }

.post .container .post-body{
  margin-left:210px;
  border-left: 3px double #BCC9CF;
  text-align:justify;
}

.post .container .post-author .pa-author{
  font-size:13px;
}

.post .container .post-author .pa-title{
  font-size:11px;
  padding-bottom: 5px;
}

.punbb .post h3{
  margin:0;
  margin-bottom:-12px;
  border-top:15px double #BCC9CF;
}

.punbb .post h3 span {
  padding: 3px 8px;
  display: block;
  margin-left: 210px;
  border-left: 3px double #BCC9CF;
}

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

.punbb .post-box {
  padding: 10px;
}

.punbb .post-sig{
  border-top: 1px solid #3D525A;
}

.post-sig dd {
  margin:0;
  color:#3D525A;
}

.punbb .post-links {
  margin-left: 210px;
  border-left: 3px double #BCC9CF;
}

.punbb .post-links ul {
  padding: 0 10px 0 0;
  height: 20px;
  line-height: 20px;
  margin:0;
  margin-left: -210px;
  text-align: right;
}

.punbb .post-links li {
  display: inline;
  padding-left: 5px;
}

.pl-email, .pl-website {
  float: left;
}

.punbb .clearer {
  clear: both;
}

/*меню------------------------------------------------------------------------------------------------------------------------------------*/

#pun-navlinks, #pun-ulinks{
  background-color: transparent;
  margin:0;
  height: 33px;
  line-height: 33px;
  text-align:center;
}

#pun-ulinks ul{
  background-color: transparent;
  font-size:10px;
  font-weight:bold;
}

#pun-navlinks ul{
  background-color: transparent;
  margin-top:-40px;
}

#pun-navlinks li, #pun-ulinks li{
  display:inline;
  padding: 0 8px;
}

/*в профиле*/
#profilenav h2{
  background-color:#A57D3D;
  margin-bottom:3px;
}

#profilenav ul{
  border: 1px solid #A57D3D;
}

/*таблицы в посте*/
.post-content table tr td{
  border: 1px solid #BCC9CF;
  width:80%;
  text-align: center;
}

#post, #profile, #punbbsearch, #userlist{
  margin-top:-10px;
}

увеличить

увеличить

увеличить

0

2

Он до ужаса красииив! 0_0 и *_*

0

3

Взяла на http://egiptcats.spybb.ru/

0

4

А как можно в шапку поставить другой шрифт?)

0


Вы здесь » ZooФРИ » Дизайнерский архив » Стиль №14: Египетский мяу.