...
коды
Сообщений 1 страница 4 из 4
Поделиться22015-11-03 11:03:27
структура
/************************************************************* 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: 100.01%; } /* A3.2 */ .punbb { font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif } /* A3.4 главная страница профиля, строчка выше навигации (слева) "профиль:юзер"*/ .punbb h1, .punbb h2, .punbb h3 { font-size: 1em; font-weight: bold; } /*убрать строку "форум--тем--сообщений"*/ .punbb th { font-size: 0em; font-weight: bold; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { text-align: center; font-family: 'Minion pro'; font-size: 12pt !important; display: none; font-size: 0px; } /* 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: none!important; } /* 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: 0 auto; height: auto; width :940px; position: relative; float: top center; } /* A5.2 ширина контента*/ .punbb { float: left; width :900px; height: auto; margin-left: 20px; } /* A5.3 блок переадресации*/ #pun-redirect, #pun-maint { margin-top: 80px; text-align: center; font-family: 'Philosopher', sans-serif; font-size: 12pt; color: #926f44 !important; text-shadow: 2px 2px 0px rgba(123, 101, 77, 0.35); font-weight: normal; background-position: center; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 0em; } /* 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 none none; border-width: 0px 0px 0px 0px } /* A5.9 строчка "привет, юзер"*/ .punbb .container { border-style: none; border-width: 0px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { border-style: none none none none; border-width: 0 0px 0px 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; border-top: 1px solid #0d1126; width: 250px; margin: 5px 180px; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 1em 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 { position: relative; box-shadow: inset 1px 1px 10px rgba(0, 5, 29, 0.4); padding: 5px 5px; color: #926f44 !important; border-style: solid; border-width: 5px 5px 5px 5px; -moz-border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 repeat; -webkit-border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 repeat; -o-border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 repeat; border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 fill repeat; } } .punbb .post-content .spoiler-box {padding: 0px !imoprtant;} .punbb .post-content .spoiler-box {padding: 0px !imoprtant;} /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style:none; border-width: 0px; 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: 1em; } /* B3.2 */ .multipage { margin-top: 0em; } /* B3.3 активные темы, строчка "страница:номер"*/ .linkst .pagelink { position: absolute; top: 0em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: 0em; 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: none; border-width: px; 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; width: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 названия форумов на главной*/ #pun-index .tcl h3 { text-align: center; font-size: 1.5em; width:400px; letter-spacing: 1px; font-variant: small-caps !important; box-shadow: inset 1px 1px 10px rgba(0, 5, 29, 0.2); font-family: 'Book Antiqua'; font-weight: normal; text-shadow: 1px 1px #d8c6b3; } /* 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: none none none none; border-width: 0px 0 0 0px; padding: 2em 1em; } /* C2.12 бордер вокруг "форум-тем-сообщений"*/ .punbb .main th { border-style: none none none none; border-width: 0 0 0 1px; padding: 1em 1em 1em 1em; } /* C2.13 оформление подфоров*/ .punbb .main .tcl { height: 10px; text-align: justify; } /* C2.14 отступ тем от левого края*/ .punbb tbody.hasicon td.tcl { margin-left: 58px; } /* C2.15 */ .punbb div.icon { float: right; display: block; width: 38px; height: 24px; padding-top: 1px; margin-top: 1px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none none none none; border-width: 0px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: none none none none; border-width: 1px; } /* C3.3 дата-время сообщения в темах*/ .punbb .post h3 span { border-left: 0px solid #c4bda1; padding: 0.5em 1em; display: block; margin-left: 22em; } /* C3.4 номера сообщений в темах*/ .punbb .post h3 strong { float: right; width: 5em; padding-top: 10px; font-weight: normal; } /* C3.5 ширина блока профиля*/ .punbb .post .post-author { float: left; width: 220px; margin-top: -1.5em; overflow: hidden; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 2em 1em; line-height: 140%; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none } /* C3.9 статус пользователя*/ li.pa-title { padding-bottom: 0.4em; font-family: 'Minion pro'; padding-top: 5px; font-size: 10pt; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 ширина профиля в темах*/ .punbb .post-body { margin-left: 220px; border-left-style: none; border-left-width: 0px; 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: 230px; border-left-style: none; position: relative; border-left-width: 0px; } /* C3.15 "профиль--лс--имэйл и т.д. в темах"*/ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; background: transparent; text-align: right; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } /* 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: 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: none; border-width: 0px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: none none none none border-width: 0px 0px 0px 0px; } /* D1.2 название */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none none none none; } /* D1.4 высота шапки*/ #pun-title h1 span { font-size: 1.5em; } #pun-title table { border: none; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 468px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 форумная навигация -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; margin: 0; font-family: 'Book Antiqua'; font-weight: normal; margin-top: -285px; text-transform: uppercase; font-variant: small-caps !important; margin-left: 0px; font-size: 15pt; } /* D3.2 ширина форумной навигации*/ #pun-navlinks .container { height: 55px; text-align: center; width: 100%; } /* D.3 */ #pun-navlinks li { display: inline; padding-right: 1em; } /* D3.4 размер букв*/ #pun-navlinks li a { font-size: 1em; } /* D4 навигация пользователя -------------------------------------------------------------*/ /* D4.1 расположение*/ #pun-ulinks, #pun-ulinks .container, #pun-ulinks li, #pun-ulinks li a, #pun-ulinks li a { width: 100%; margin-top: 230px; font-size: 9.5pt !important; font-family: 'Book Antiqua'; color: #26190c !important; text-shadow: 1px 1px 20px rgba(196, 166, 132, 0.6) !important; margin-left: 0px; font-variant: small-caps !important; font-weight: normal; text-align: center; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 0em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: none; border-left-width: 0px; 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: 0; margin-top: 0px; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; } /* D5.3 строчка "привет, юзер", расположение*/ #pun-status span { white-space: nowrap; margin-left: 10px; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; padding-bottom: 10px; } /* D5.5 дерево ссылок сверху*/ #pun-crumbs1 p.container { border-top: none; font-weight: normal; text-align: center; box-shadow: inset 1px 1px 10px rgba(0, 5, 29, 0.2); padding: 0.5em 1em 0.8em 0em; font-size: 1.1em; height: 10px; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: none none; border-width: 0px 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 none none; border-width: 0 0 0px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: none; border-bottom-width: 0px; } /* 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: none; border-top-width: 0px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: none; border-top-width: 0px; 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: left; line-height: 150%; padding: 0.4em 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 { font-weight: normal; text-align: center; padding: 0.5em 1em 0.8em 0em; font-size: 1.1em; height: 10px; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: none none; border-width: 0px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: none; border-top-width: 0px; } /* 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: none; border-bottom-width: 0px; 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; } /*ширина прокрутки*/ ::-webkit-scrollbar { width: 9px !important; height: 9px !important; } /*трэк прокрутки*/ ::-webkit-scrollbar-track { background: #ae8d64 !important; } /*сам ползунок*/ ::-webkit-scrollbar-thumb { background: #392c1c !important; } /*ползунок при нажатии на него мышкой*/ ::-webkit-scrollbar-thumb:active { background: #1a140c !important; } .punbb .forum .container { clear: both; }
Поделиться32015-11-03 11:03:45
цвета
/*ограничение на ширину содержимого блока сообщений в профилях*/ #pun-messages .post-content{ width: 400px !important;} .hopsia { background-color: rgba(95, 71, 37, 0.2); padding: 5px; width: 400px; text-align: justify;} /****шапка****/ #pun-title table { background-image : url("http://firepic.org/images/2015-04/06/gwcisqpjrnev.jpg"); height: 705px; width: 1920px; margin-left: -510px; margin-bottom: 0px; } /**** фон****/ body {background-color: #0e0401; background-image : url("http://firepic.org/images/2015-04/03/4zh2ugfrmn2j.jpg"); background-position : top center; overflow-x: hidden; } /******тело*****/ #pun { background-image : url("http://firepic.org/images/2015-04/03/6321cw2tb1f7.jpg"); background-repeat: repeat; background-position : center;} /*****футер*****/ #pun-about p.container { background-image: url("http://firepic.org/images/2015-04/03/7c5aubtjncnt.png"); margin-left: -521px;; margin-bottom: -50px; background-position : center top; background-repeat : no-repeat; height: 48px; width: 1920px; overflow-x: hidden; text-align: center; } /********профиль******/ /*****верх*****/ .pa-author { background: url(http://firepic.org/images/2015-04/06/bm1p3cil279q.jpg) 0% 0% no-repeat; width: 220px !important; height: 20px; font-weight: normal; margin-left: -13px !important; margin-top: 0px !important; padding: 16px 0px 0px 0px !important; position: relative; font-family: 'Book Antiqua'; font-variant: small-caps !important; line-height: 6px !important; text-align: center; } /*****текст в профиле****/ .pa-author a, .pa-author { color: #a17a47 !important; text-shadow: 1px 1px 0px rgba(96, 74, 53, 0.3) !important; margin-left: 0px; letter-spacing: 1px; text-transform: capitalize; font-size: 13pt !important; width: 220px !important; margin-top: 0px; } /****середина****/ .post-author { background: url(http://firepic.org/images/2015-04/06/9ef0gm6tngby.jpg) repeat-y; margin-left: 0px !important; font-family: 'Minion pro'; font-size: 10pt !important; margin-top: 0px !important; } .post-author ul li { line-height: 15px; color: #926f44 !important; width: 190px; } .post-author ul li { text-align:center; } /*****низ****/ .post-author > ul { background: url("http://firepic.org/images/2015-04/06/dtnsciyzuki4.jpg") no-repeat scroll center bottom transparent; margin-left: 0px; margin-bottom: 0px; } /**** ссылки навигации до нажатия ****/ #pun-navlinks a, #pun-navlinks a span { color: #8a6038 !important; text-decoration: none; text-shadow: 1px 1px 0px #020101; } /****ссылки до нажатия (просто)*/ .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: #573c22; text-shadow: 2px 1px 10px rgba(38, 25, 12, 0.35); } /****ссылка при наведении *****/ .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: #261c11; text-shadow: 1px 1px 0px rgba(196, 166, 132, 0.6); } /*****иконка статистики*****/ #pun-status .container { margin-top: 0px!important; text-align: left; } #pun-stats ul.container { background-image: url("http://firepic.org/images/2015-04/06/qp806nkbwn3d.png"); background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 11px 15px; background-repeat: no-repeat; background-size: auto; padding-left: 60px; padding-top: 20px; } #pun-stats h2,.punbb .main h1, .punbb .main h2 { background-color: transparent; color: #000000; font-weight: bold; text-align: center;} /******сообщения******/ .punbb table Div.icon {float: right; display: block; width: 45px; height: 52px; margin-top: -10px; border-style: none; /*****старые сообщения****/ background-image: url(http://firepic.org/images/2015-04/06/q8ntxjpx2yda.png); background-repeat: no-repeat; position: relative; } /*****новые сообщения****/ .punbb table div.inew {background: url(http://firepic.org/images/2015-04/06/phdh5bp7y2so.png) no-repeat; position: relative; margin-left: 1px;} TR.isticky Div.icon /*****важные сообщения****/ {background: url(http://firepic.org/images/2015-04/06/eh4r12ti5nty.png) no-repeat; position: relative; margin-left: 1px;} TR.iclosed Div.icon /*****закрытые сообщения****/{background: url(http://firepic.org/images/2015-04/06/7yh54pjgslic.pngа) no-repeat; margin-left: 1px; } /* Блок цитат, формы ответа и кнопок */ .punbb .code-box, .punbb textarea, .punbb select, .punbb input { color: black; background-color: rgba(125, 90, 51, 0.3); box-shadow: inset 1px 1px 10px rgba(0, 5, 29, 0.4); } /*****тень в форме ответа******/ .punbb textarea { box-shadow: inset 1px 1px 10px rgba(0, 5, 29, 0.4);} /*Отключаем ссылку наград*/ #navawards a {display: none; font-size: 0px;} /*Отключаем провел на форуме*/ .pa-time-visit a {display: none; font-size: 0px;} /*цвет ссылок репутация, позитив, подарков*/ .pa-respect a, .pa-positive a, .pa-gifts a, .pa-ip a { color: #926f44 !important;} /*подвинуть аватар*/ li.pa-avatar {margin-left:2px;} /*зарегистрирован*/ .post-author.online > ul > li.pa-reg {display: none; font-size: 0px;} /*приглашений*/ .post-author.online > ul > li.pa-invites {display: none; font-size: 0px;} /*****убрать категории и статус*****/ #pun-stats h2 span, .category h2 span { visibility:hidden!important; } /*****линки*****/ A.navi:link, A.navi:active, A.navi:visited { background-color: rgba(89, 61, 43, 0.2); font-family: small fonts!important; padding:3px; display: block; font-family: 'Book Antiqua'; font-size: 10pt !important; text-align:center; border: 4px double black; color:#00000; text-shadow: 1px 1px 0px #000000; height:8px; width: 220px; font-style:normal;} A.navi:hover { background-color: rgba(90, 61, 43, 0.2); font-size: 10pt !important; padding:3px; display: block; text-align:center; color:rgba(196, 150, 121, 0.8); width: 210px; border: 4px double rgba(196, 150, 121, 0.3); font-family: 'Book Antiqua'; text-shadow: 2px 2px 10px rgba(36, 30, 38, 1.0); text-decoration: none; font-style:normal; } /*****всплывающее окно с информацией на админов*****/ .tooltip { position: relative; } .tooltip em { display: none; } .tooltip:hover em { bottom: 20px; right: -40px; width: 200px; height:auto; font-style: normal; display: block; z-index: 200; position: absolute; background-color: rgba(17, 22, 22, 0.2); padding: 5px 5px; color: #926f44 !important; border-style: solid; border-width: 5px 5px 5px 5px; -moz-border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 repeat; -webkit-border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 repeat; -o-border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 repeat; border-image: url(http://firepic.org/images/2015-04/11/ipwk5f826fv5.png) 5 5 5 5 fill repeat; } .tooltip:hover em i { position: absolute; bottom: 50px; right: 20px; display: block; } #pun-status p span.item3 { display: none!important; }
Поделиться42015-11-09 06:12:25
так-с... смотри....
тебе нужно сделать два изображения:
1 - мелкая иконка, на которую будут тыкать для появления панели имиджа.
2 - та самая панель имиджа.
- мелкую иконку лучше делать небольшой, где-т 30х30 или чутка побольше, пример
- панельку, тут можно с ней посидеть, поиздеваться над расположениями смены чего-либо, но тогда придется настройки менять. потому.. проще примерно на том же уровне разместить подписочки.. где аватар, где ник, где подпись, где галерея.
примерыкогда картинки сотворишь... то
открываешь блокнот, туда сначала копируешь все из ссылки первой неизменно, сохранив в формате .css
еще один блокнотик открываешь.. в этот раз в него копируешь все из второй ссылки, но здесь уж нужно выставить картинки.
поиском найди там выделенные, две ссылки и ширину мелкой иконки, дважды вставь ссылки на картинку-иконки, картинку панельки и ширину иконки проставь. сохраняешь в формете .js
и на форум файлом эти блокнотики загружаешь, суешь вместо моих ссылок. по идее должно работать..
//========================================================================//
//Тут ставим в форму ответа Блок-меню и кнопку, в зависимости от Dopuska
var L1="<div id=My clacc=My><img title=\"Смена имиджа\" id=imgNIK-SIG width=30 src=\"http://funkyimg.com/i/24cxs.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://funkyimg.com/i/24cwT.png\" style=\"position:absolute;margin:-9px;\"/><img alt=\"NIC\" class=\"iblank NIC\" src=\"/i/blank.gif\" title=\"Cменить ник\"/><img alt=\"STA\" class=\"iblank STA\" src=\"/i/blank.gif\" title=\"Cменить статус\"/><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\" title=\"Cменить авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src=\"/i/blank.gif\" onmouseout=\"this.src=THISsrc;\" title=\"Выбрать из галереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/><img alt=\"SGN\" class=\"iblank SGN\" src=\"/i/blank.gif\" title=\"Cменить подпись\"/><img alt=\"mem\" class=\"iblank mem\" src=\"/i/blank.gif\" title=\"Вставить запомненное из 'предыдущей сессии'\"/></div></div>";
var L2="<div id=My clacc=My><img title=\"Смена имиджа\" id=imgNIK-SIG width=30 src=\"http://funkyimg.com/i/24cxs.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://funkyimg.com/i/24cwT.png\" style=\"position:absolute;margin:-9px;\"/><img alt=\"NIC\" class=\"iblank NIC\"хтмл верх
<!--Смена имиджа в текущем посте-->
<link id="iNFpanel" rel="stylesheet" href="http://forumstatic.ru/files/0016/e7/ab/66383.css" type="text/css"/>
<script src="http://forumstatic.ru/files/0016/e7/ab/74750.js"></script>
хтмл низ
ВЫДЕЛИ МЕНЯ ПОЛНОСТЬЮ
<!--Смена имиджа в текущем посте-->
<style>.punbb .pa-avatar img [alt] {max-width:180px;height:180;}</style>
<script type="text/javascript">
OnSmenaImage("тестовик", new Array("Reaper"))
var AvtrArr=new Array(
"", //Ссылки на картинки аватар
"",
"",
"",
"",
""
//End myarray_!!Последняя ссылка без запятой!!!
)
StartNIZ(); //
</script>