******
- Подпись автора
м е ч т а — ф а н т о м
и ж и з н ь — фантом
р а с т а е т, п е п л о м с т а н е т.
ковбой руками хельги
My Skin |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » My Skin » THE SECRET CIRCLE » макеты
******
м е ч т а — ф а н т о м
и ж и з н ь — фантом
р а с т а е т, п е п л о м с т а н е т.
ковбой руками хельги
м е ч т а — ф а н т о м
и ж и з н ь — фантом
р а с т а е т, п е п л о м с т а н е т.
ковбой руками хельги
варианты навигации
я больше за первый, но поднять эту хуйню у меня не вышло
м е ч т а — ф а н т о м
и ж и з н ь — фантом
р а с т а е т, п е п л о м с т а н е т.
ковбой руками хельги
основной цвет #235949 (зелень)
основной второй #d2cdc4 (бежевый)
e9b74e (желтый)
м е ч т а — ф а н т о м
и ж и з н ь — фантом
р а с т а е т, п е п л о м с т а н е т.
ковбой руками хельги
#pun-status .container a {
color: #fff;
}
/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Oranienbaum|Old Standard TT|Amatic+SC|Bad+Script|Caveat|Cormorant+Unicase|Lobster|Open+Sans+Condensed:300|Oswald|Pacifico|Pattaya|Philosopher|Playfair+Display+SC|Playfair+Display|Poiret+One|Yeseva+One|Marck+Script|Pangolin|Raleway:900i|Cormorant+SC|Arima+Madurai|Cabin+Sketch|Pompiere|Cinzel+Decorative|Megrim|Cookie|Roboto|Lora|Yanone+Kaffeesatz|EB+Garamond|Cormorant Garamond|Alice|Neucha|Prata|Press+Start+2P|Rubik+Mono+One|Montserrat|Arsenal|Tenor+Sans|Vollkorn+SC');@font-face {font-family: 'Casper Bold';
src: local("Casper Bold"), url(https://forumstatic.ru/files/001b/e6/5f/29738.ttf) format('truetype');}@font-face {
font-family: GentoDream;
src: local('GentoDream'),
url('https://forumstatic.ru/files/001b/e6/5f/44024.eot') format('eot'),
url('https://forumstatic.ru/files/001b/e6/5f/88385.ttf') format('ttf'),
url('https://forumstatic.ru/files/001b/e6/5f/76036.woff') format('woff');
url('https://forumstatic.ru/files/001b/e6/5f/42010.woff2') format('woff');
font-style: italic;
}@font-face { font-family: Bigilla;
src: local("31276"), url(https://forumstatic.ru/files/001a/28/10/31276.ttf) format('truetype');}@font-face { font-family: Amanda;
src: local("Amanda"), url(https://forumstatic.ru/files/001a/28/10/10766.ttf) format('truetype');}
@font-face { font-family: Agoka Family;
src: local("AgokaFamilyRegular"), url(https://forumstatic.ru/files/001a/28/10/85666.ttf) format('truetype');}@font-face {font-family: 'Dance';
src: local("Dance"), url(https://forumstatic.ru/files/001b/e6/5f/26622.ttf) format('truetype');;}/* 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;
margin-top: -2px;
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.02%;
}/* A3.2 */
.punbb {
font: normal 68.75% verdana, arial, helvetica, sans-serif;
}/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
}/* 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: bold;
}/* A4 Float clearing and hidden items
-------------------------------------------------------------*//* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
/* ширина форума */
#pun {
margin: auto;
width: 1000px;
position: relative;
}/* ширина окна внутри */
/* A5.2 */
.punbb {
height: auto;
width: 950px;
margin: 0 auto;
padding-left: 0px;
}/* переадресация */
/* A5.3 */
#pun-redirect{
border:0 none!important;
background-image: url(https://forumstatic.ru/files/001b/e6/5f/40992.png?v=1);
left:0;right:0;
top:0;bottom:0;
margin:0px;
padding:0px;
position:fixed;
width:100%;
height:100%;
text-align: center;
}
#pun-redirect *{
border:0 none;
}
#pun-redirect .main-title {
display: none;
}
#pun-redirect.punbb .info .container{
margin-top: 5%;
display:inline-block;
width:469px;
height: 100px;
background-repeat: no-repeat;
color: #235949;
background-color: #d2ccc2;
border: 3px #235949 double!important;
font-size: 10px;}
/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}#pun-index .category table {
margin-top: 0px !important;
margin-bottom: 5px;
}/* ширина подфорума */
/* A5.6 */
.punbb #pun-category1, .punbb #pun-category2, .punbb #pun-category3, .punbb #pun-category4, .punbb #pun-category5, .punbb #pun-category6, .punbb #pun-category7, .punbb #pun-category8, .punbb #pun-category9, .punbb #pun-category10, .punbb #pun-category11 {
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
}/* 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;
border-width: 0px 0px 0px 0px;
border-color: #295445;
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
padding: 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;
text-align: justify;
}/* b1.2 разделитель подписи */
.punbb .post-sig dt {display: block;
width: 80%; margin: 25px auto;
border: 0; height: 1px;
-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#295445, endcolorstr=#295445)"; /* ie 8-9 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0), #39735f, #2d6454, rgba(0,0,0,0)); /* safari 5.1, ios 5.0-6.1, chrome 10-25, android 4.0-4.3 */
background: -moz-linear-gradient(left, rgba(0,0,0,0), #39735f, #2d6454, rgba(0,0,0,0)); /* firefox 3.6-15 */
background: -o-linear-gradient(left, rgba(0,0,0,0), #39735f, #2d6454, rgba(0,0,0,0)); /* opera 11.1-12 */
background: linear-gradient(left, rgba(0,0,0,0) #39735f, #2d6454, rgba(0,0,0,0)); /* opera 15+, chrome 25+, ie 10+, firefox 16+, safari 6.1+, ios 7+, android 4.4+ */ }/* 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;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.5em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}/* B2 Information boxes
-------------------------------------------------------------*//* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}/* b3 pagination and posting links
-------------------------------------------------------------*/
/* b3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}/* b3.2 */
.multipage {
margin-top: 3em;
}/* b3.3 */
.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em;
width: 24em;
}/* b3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}/* b3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 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 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: justify;
width: 50%;
}/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
background-color: transparent;
text-align: center;
width: 10%;
}/* C2.3 */
.punbb .main .tcr {
background-color: transparent;
overflow: hidden;
text-align: left;
width: 30%;
}/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
width: 40%
}/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
text-align: left;
width: 20%;
}/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
width: 15%;
white-space:normal;
}/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
width: 90%;
white-space: normal;
}/* C2.8 */
#pun-index .tcl h3 {
font-weight:normal;
letter-spacing:0px;
}/* 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
}* html .tclcon {height: 1px}
/* подложка подфорумов */
/* C2.14 */
.punbb td div.tclcon {
margin-left: 10px;
font-family: arial, san-serif;
text-align: justify;
padding: 8px;
font-family: Corbel;
font-size: 12px;
text-transform: lowercase;
line-height: 130%;
background-color: #;
}/* иконки */
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 14px;
height: 100px;}
/* c3 topics
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: transparent;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
margin-top : 0px;
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent ;}
/* CS2.4 */
.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;}
/* CS2.5 */
.punbb th {
border-color: transparent ;}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent ;}
.punbb .divider {
border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid transparent ;}
li.pa-online {
border-left-color: transparent ;}
/* 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 {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* ПРОФИЛЬ -------------------------------------------------------------------------------------------------- */
/* C3.5 */
.punbb .post .post-author {
float:left;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 1.3em;
}/* C3.7 */
.pa-author {
}/* C3.8 */
.pa-author a {
}/* C3.9 */
li.pa-title {
}li.pa-online {
}/* c3.11 двигаем поле поста от профиля*/
.punbb .post-body {
margin-left: 18em;
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: 27em;
border-left-style: solid;
border-left-width: 0px;
border-color: transparent;
text-align: right;
color: #6b8a98 !important;
}/* c3.15 редактировать, удалить, цитировать - меняем*/
.punbb .post-links ul {
padding: 0 10px 3px 0;
height: 16px;
border-top: 1px dashed #969ea5 !important;
line-height: 2em;
margin-left: -19em;
text-align: right;
text-transform: uppercase;
font-family: 'Casper Bold';
}/* 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: none;
border-width: 0px;
padding: 1em 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;
}/* 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: 0px;
}/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************//* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 0px;
}/* D1.2 */
#pun-title h1 {
display: block;
height: 0px;
}/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}/* D1.4 */
#pun-title h1 span {
display: none;
}#pun-title h1 span {
font-size: 0;
}/* D2 Page navigation
-------------------------------------------------------------*//* D2.1 */
#pun-pagelinks {
position: absolute;
top: 50px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}/* D2.3 */
#pun-pagelinks .container li {
display: inline
}/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}#pun-pagelinks li a span {
display:block;
margin: 0 1em
}/* D3 Forum navigation
-------------------------------------------------------------*//* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
}/* НАВИГАЦИЯ ВЕРХНЯЯ */
/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
margin-top:-20px;
margin-left:0px;
text-align:center;
}/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}/* D3.4 */
#pun-navlinks li a {
font-size: 1.0em;
}/* D4 User links
-------------------------------------------------------------*//* D4.1 */
#pun-ulinks {
margin-top: -124px;
}/* НАВИГАЦИЯ НИЖНЯЯ */
/* D4.2 */
#pun-ulinks .container {
border-top: none;
margin-top: -220px;
width: 997px;
margin-left: -22px;
padding: 0.7em 1em;
padding-bottom: 32px;
position: absolute;
}/* 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.3em 0 0.6em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 93px;
}/* D5.2 */
#pun-status .container {
padding: 5px 0px 7px 10px;
position: absolute;
margin-top: -184px;
display: inline-flex;
margin-left: 292px;
color: #fff;
letter-spacing: 0.5px;
text-align: center;
border-radius: 15px 15px 0 0px;
font-size: 11px;
}#pun-status .status-right {
float: right;
display: none;
}/* 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 {
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: 0em;
border-top-style: solid;
border-top-width: 1px;
width: 100%;
line-height: 130%;
text-align: left;
}/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 1.5em 0 0 2.7em;
}/* 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-announcement h2 {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
.category .container thead {display: none;}
#post-form h2 {display:none;}
#topic-modmenu span {display:none;}
#pun-navlinks li#navawards {display: none;}
.lastedit {display:none;}
.sharelink {display: none;}
.post-links li.pl-reports {display:none;}
#pun-stats .section {display:none;}
div#pun-live-rusff {display:none;}/* стиль разных элементов форума ------------------------------------------------------------ */
#pun-crumbs2 p.container {margin-left:40px; text-align:left; font-family:arial; text-transform: lowercase; letter-spacing:0px; font-size:10px;}
#pun-about p.container {margin-left:40px; float:left; text-transform:lowercase; font-size:10px;}
#main-reply {
padding:10px 15px 10px 15px;
text-align:justify;
font:13px arial!important;
}/* фон */
html {
background:url(https://forumstatic.ru/files/001b/e6/5f/40992.png?v=1) bottom center repeat #212424;
background-attachment:fixed;
background-size: cover;
}/* шапка */
body {
background:transparent url(https://forumstatic.ru/files/001b/e6/5f/45701.png) center top no-repeat;
padding-top:350px !important;
}/* тело */
#pun {
background-color:transparent;
background-image:url(https://forumstatic.ru/files/001b/e6/5f/76303.png);
}/* футер*/
#pun-about p.container {
background: transparent url(https://forumstatic.ru/files/001b/e6/5f/58650.png) bottom center no-repeat;
width: 1050px;
margin-bottom: -42px;
margin-left: -26px;
height: 40px;
background-position: 0 50%;
margin-top: -30px;
}/* цвет текста на форуме */
.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: #424242;
}/* цвет всех ссылок */
.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, .punbb li.isactive a:focus {
color:#265d4d;
text-decoration:none;-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
}/* цвет ссылок при наведении */
.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, .punbb li.isactive a:focus {
color:#4c6d63;
text-decoration:none;-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
}/* цвет навигации форум, участники тд */
#pun-navlinks a {
display: inline-block;
padding:2px 3px 1px 3px;
text-transform: uppercase;
font-size: 12px !important;
font-family: 'Casper Bold';
letter-spacing: 0px;
font-weight:;
color: #235949;
text-decoration: none;
transition: all .5s ease-out;
}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
display: inline-block;
padding:2px 3px 1px 3px;
text-transform: uppercase;
font-size: 12px !important;
font-family: 'Casper Bold';
letter-spacing: 0px;
font-weight:;
color: #4e7a6d;
text-decoration: none;
transition: all .5s ease-out;
}/* цвет навигации новые соо и тд*/
#pun-ulinks {
text-align: center!important;
text-transform: uppercase;
font-weight: 100;
font-family: 'Roboto';
font-size: 5px;
padding: 0 0px 7px 0;
}/* цвет навигации новые соо и тд при наведении*/
#pun-ulinks a {
text-transform: uppercase;
font-size: 7px;
font-family: 'Roboto';
color: #d9d9d9;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px;
text-shadow:;
}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
text-transform: uppercase;
font-size: 7px;
font-family: 'Roboto';
color: #4e7a6d;
text-decoration: none;
font-weight: bold;
letter-spacing:0px;
text-shadow:;
}/* цвета скролла */
::-webkit-scrollbar {
width: 10px;
height: 3px;}::-webkit-scrollbar-track {
background: #235949!important;
}::-webkit-scrollbar-thumb {
background: #75928a!important;
}::-webkit-scrollbar-thumb:active {
background: #75928a!important;
}/* оформление на главной странице "темы, ответы", двигаем*/
#pun .category .tcl {
width: 90%;
font-size:2px;
display:block;
padding-bottom:0px;
margin-bottom:0px;
}#pun .category .tc2, #pun .category .tc3 {
display:inline-block;
width:40%;
margin:0px 0 0 0;
font: 8px 'Casper Bold';
line-height: 10px;
letter-spacing:0px;
color: #235949;
text-transform:uppercase;
line-height:1px;
font-weight: bold;
}
#pun .category .tc2 {
text-align:center;
}
#pun .category .tc3 {
text-align:center;
}
#pun .category .tc2::before {
content: "темы: ";
}
#pun .category .tc3::before {
content: "все ответы: ";
}/* шрифт названия подфорума */
#pun-index .tcl h3 {
margin-bottom: 6px;
padding-bottom:5px;
text-align: right;
}
#pun-index .tcl h3 a {
font-family: Bigilla;
font-size: 20px;
letter-spacing:4px;
font-weight:bold;
text-transform: uppercase;
color: #235949;
text-shadow: 0px 0px 1px #75928a;
}/* ссылки в подфорумах */
#podflink {
margin-top: 4px;
padding: 0px 0px 1px 0px;
text-align: center;
background-color: #225b4a;
border-radius: 3px;
border: 1px solid #61867b;
box-shadow: 0 0 1px #61867b inset;
}#podflink a {
color: #d3cec4 !important;
font-family: 'Roboto';
text-transform: uppercase;
font-size: 9px;
padding: 1px 2px 2px 2px;
letter-spacing: 0.5px;
}#podflink a:hover {
color: #e4e1df !important;
font-family: 'Casper Bold';
text-transform: uppercase;
background-color: #61867b;
font-size: 7px;
padding: 1px 2px 2px 2px;
letter-spacing: 0.6px;
transition-duration: 0.5s;
}/*аватар на главной*/
.punbb .user-avatar .avatar-image {
border-radius: 50%;
max-height: 25px;
max-width: 25px;
opacity: 0.85;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: left;
border: 1px solid #235949;
}/*шрифт на главной под название тем*/
#pun .category .tcr {
font-size:10px;
width: 30% !important;
}
#pun .category .tcr a {
font: 10px 'Dance';
font-weight:bold;
letter-spacing:1px;
text-transform: uppercase;
color:#235949;
}/* цвет строки с приветствием на главной странице*/
#pun-status .container, #pun-about .container {
color: #235949;
font-size: 11px;
margin-top: 120px;
font-weight: 100 !important;
font-family: 'Arial'
}#pun-status .container a {
color: #000000;
}/* дата */
#pun-main h3 a {
font-size:10px;
font-family: Casper Bold;
color:#235949;
text-transform:uppercase;
letter-spacing: 1px;
font-weight:bold;
padding: 0px 0px 0px 10px;
}/* номер поста */
#pun-viewtopic div.post h3 strong {
text-transform:uppercase;
font-weight:bold;
font-size:12px;
font-family:'Casper Bold';
color:#235949;
margin-top: 2px;
}/* номер страницы */
#pun-main .linksb .pagelink {
padding:0 0 0 3px;
font-size: 11px;
text-align: left;
font-weight: normal;
font-family: 'Casper Bold';
text-transform: lowercase;
color:#235949;
}
#pun-main .linkst .pagelink {
padding:20px 0 0 0;
font-size: 11px;
text-align: left;
font-weight: normal;
font-family: 'Casper Bold';
text-transform: lowercase;
color:#235949;
}/* цитата и коды, оформление */
blockquote {
background: none repeat scroll 0 0 #d1cbc1;
border-bottom: 1px dashed #235949;
border-top: 1px dashed #235949;
color: #080808;
font-size: 10px;
line-height: 1.45;
padding: 20px;
position: relative;
text-align: justify;
margin: 4% auto;
min-height: 48px;
}.punbb .quote-box cite, .punbb .code-box strong.legend {
font-size: 12px!important;
font-weight: bold;
font-family: 'Casper Bold';
letter-spacing:2px;
color:#235949;
text-transform: uppercase;
margin-bottom: 10px !important;
border-bottom: 1px solid #225747;
}
.code-box strong.legend a {color:#225747;}/* окно быстрого ответа */
.punbb textarea {
background: url() #00000024;
}
div#addition-area, #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area {
background-color: #bbbdb2;
border:1px solid #235949;
margin-top: 20px;
}
#font-area {height:200px; overflow-y:scroll;}/* навигационное меню */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .punbb select, .punbb input {
height: 20px;
background: #d0cac0;
border-radius: 3px;
font-family: 'Casper Bold';
font-size: 11px;
font-weight: bold;
border: 1px solid #b8ad9c;
text-align: left!important;
color: #235949;
}/* редактировать, цитировать, удалить */
.punbb .post-links ul {
padding:0 1em 0em 0;
height:2em;
line-height:2em;
margin:0 1em 0em -1em;
text-align: right;
}
#pun-main .post-links a {
font:9px 'Casper Bold';
text-transform:uppercase;
letter-spacing:0.5px;
font-weight:bold;
}/* подписаться и отслеживать тему ------------------------ */
#pun-main .subscribelink {
margin:15px 10px 0 0;
font-size:10px;
text-align:right;
text-transform: lowercase;
}
#pun-main .subscribelink a {
font-size:10px;
font-family: 'Casper Bold';
color:#696969;
}/* тему просматривают */
#topic-users-in p.container {
font-size: 11px;
padding-left: 13px;
text-transform: lowercase;
color: #1d1d1d;
}#topic-users-in a {
font-family:'Casper Bold';
font-weight:normal;
}/* цвет выделение текста*/
::selection { background: #225a46; color: #cfcfcf;
}/* цвет при маркировке текста*/
.post-content .highlight-text { background-color: #d57a7a!important;
padding: 0 3px;}/* ГРАФИЧЕСКАЯ ЧАСТЬ */
/* иконки *//* иконка старых сообщений*/
.punbb table Div.icon {
float:right;
margin:8px 0px 0px 10px;
clear:none;
display:block;
width:14px;
height:100px;
background: #d2cdc4;
}/* иконка новых */
TR.inew Div.icon {
background: #235949;
}/* иконка важных*/
TR.isticky Div.icon {
background:url(https://forumstatic.ru/files/001b/e6/5f/13122.png);
}/* иконка закрытых*/
TR.iclosed Div.icon {
background:url(https://forumstatic.ru/files/001b/e6/5f/89214.png);
}/* убираем надписи в категориях */
.category thead{
display:none;
}#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display: none;}
#pun-index div.category .container {
position: relative;
display: block !important;
margin: 10px 0 10px;
padding: 20px;
border-radius: 10px;
border: solid 1px #235949!important;
}/* размытый скрытый текст ----------------------------- */
del {
text-decoration:none;
text-shadow: 1px 1px 4px #636363,
-1px -1px 4px #636363;
color:#0000;
}del:hover {
text-decoration:none;
text-shadow:none;
color:#424242;
}/* блок профиля */
.punbb .post .post-author {
position:relative;
width:200px;
overflow:hidden;
margin-left:11px;
border-top:7px solid #235949;
border-left:2px solid #235949;
outline:2px solid #235949;
}/* сам профиль */
.punbb .post .post-author ul, .punbb .post .post-author p {
text-align:center;
margin-left:10px;
width:180px;
line-height:1em;
}/* блок ФИО */
.pa-author {
width:180px;
height:20px;
margin:10px 0px 6px 0px!important;
background: url() top center no-repeat #235949;
border-bottom:1px solid #6f6a674f;
text-decoration:none;
font-size:10px;
text-transform:uppercase;
font-family:'Bigilla';;
font-weight:bold;
letter-spacing:1px;
color: #fdfdfd;
line-height:10px;
border-radius:3px;
}/* сами ФИО */
li.pa-author a:link, li.pa-author a:visited, li.pa-author a:hover, li.pa-author a:active, li#profile-name strong {
text-decoration:none;
font-size:14px;
text-transform:uppercase;
font-family: 'Bigilla';
font-weight:bold;
letter-spacing:2px;
line-height:22px;
color: #cecece;
text-shadow:0px 0px 2px #cecece;
}/* репутация и сообщения */
.pa-posts, .pa-respect1, .pa-respect, .pa-fld3, .pa-fld4 {
padding: 6px 10px 9px 5px!important;
margin-top: 1px !important;
display: inline-block!important;
float: none!important;
max-width: 34px!important;
height: 27px!important;
text-align: center;
text-transform: lowercase;
font-size: 9px;
font-family: 'Casper Bold';
color:#484848;
}li.pa-respect a:link, li.pa-respect a:visited, li.pa-respect a:active, li.pa-respect a:hover {
color:#484848;
}/* дополнительное поле */
li.pa-fld1 {
padding:8px 10px 10px 10px!important;
margin-left:-5px;
margin-top:-10px;
width:170px;
font:10px 'Casper Bold';
line-height:10px;
text-align:justify;
color:#353535;
}/* C3.9 статус пользователя */
li.pa-title {
margin-left:-5px;
height:30px;
width:190px;
font-family:'Casper Bold';
color:#737373;
font-size:10px;
font-weight:bold;
letter-spacing:2px;
line-height:24px;
text-transform:uppercase;
}/* онлайн */
li.pa-online {
margin-top:0px;
font-family:'Casper Bold';
border-top:1px solid #00000017;
background:url() top center no-repeat #b5ae9100;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
line-height:25px;
color:#545454;
font-weight:normal;
}/* блок постов */
.punbb .post-box {
padding:1em;
margin-left:40px;
margin-top:10px;
line-height:14px;
text-align: justify;
}/* страница профиля */
td#profile-left {text-align:center;}
td#profile-right span {text-align:right;}
td#profile-right strong {text-align:left;}/* прочие элементы -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* исключения */
#pun-announcement h2 {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
.category .container thead {display: none;}
#post-form h2 {display:none;}
#topic-modmenu span {display:none;}
#pun-navlinks li#navawards {display: none;}
.lastedit {display:none;}
.sharelink {display: none;}
.post-links li.pl-reports {display:none;}
#pun-stats .section {display:none;}
div#pun-live-rusff {display:none;}/* статус картинки со статистикой 24*/
#pun-stats ul.container {padding-left: 20px; font: 11px arial; text-align: center;}/* показатели в статистике ------------------------ */
.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
text-transform: uppercase;
font: 8px 'Casper Bold';
padding: 2px 10px 2px 10px;
margin: 0px 1px 5px 2px;
display: inline-block;
letter-spacing: 0px;
border-radius:6px;
color: #585858;
}/* легенды */
.punbb fieldset legend {
padding: 3px 10px 5px 0 !important;
font: 12px arial !important;
text-transform:lowercase;
}
#post-form fieldset legend {width: 100%;}/* строка с приветствием */
#pun-status .container {text-align:left; font-size:10px; text-transform:lowercase;}
#pun-crumbs1 .container {
margin-left:70px;
margin-top:15px;
text-align:left;
font-family:arial;
text-transform: lowercase;
letter-spacing:0px;
font-size:10px !important;
color:#4d4d4d;
}
м е ч т а — ф а н т о м
и ж и з н ь — фантом
р а с т а е т, п е п л о м с т а н е т.
ковбой руками хельги
/* D7.1 */
#pun-stats .container {
position: relative;
z-index: 9;
background: #d3cdc3;
border: 1px solid #245b4c;
border-radius: 40px;
}/* показатели в статистике ------------------------ */
.statscon li.item1 {
margin-top: 20px;
margin-left: 11px;
border: 1px solid #285944;
width: 115px;
padding: 0px 5px;
/* display: inline-flex; */
border-radius: 20px;
justify-content: center;
}.statscon li.item2 {
margin-top: 6px;
margin-left: 146px;
border: 1px solid #195140;
width: 115px;
padding: 0px 5px;
border-radius: 20px;
}.statscon li.item3 {
margin-top: 51px;
margin-left: 57px;
text-align: center!important;
background: #27554a;
color: #fff !important;
width: 150px;
padding-top: 10px !important;
height: 15px;
z-index: 0;
font-weight: 500;
padding: 0px 5px;
border-radius: 0px 0px 25px 25px;
}.statscon li.item4 {
margin-top: 35px;
margin-left: 11px;
border: 1px solid #1f5c47;
padding: 0px 5px;
border-radius: 10px;
text-align: center!important;
display: grid;
z-index: 1;
background: #d4cec4;
}li#onlinelist {
margin-top: -9px !important;
border-top-style: solid;
border-top-width: 1px;
float: left;
line-height: 130%;
-webkit-text-size-adjust: none;
}.statscon li.item5.users_24h {
min-height: 80px;
margin-bottom: 15px;
}
.statscon li.item5 {
display: block;
width: 780px!important;
margin: 0px 0px 0px 295px;
text-align: justify!important;
}.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
position: absolute;
display: block;
width: 240px;
text-align: center!important;
font-size: 9px !important;
margin-left: 18px;
letter-spacing: 1px;
color: #25594a;
font-weight: bold;
font-family: 'Casper Bold';
text-transform: lowercase !important;
}
Вы здесь » My Skin » THE SECRET CIRCLE » макеты