Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться22017-11-22 11:40:06
Код:
<li class="pa-fld1"> <div class="lz1"><a href="http://adinfinitum.rusff.me/viewtopic.php?id=308#p27658">ВИНСЕНТ УОРНЕР, 32</a><div class="lz2">человек</div></div></li>
Код:
<li class="pa-fld2"> <div class="lz3">патологоанатом на городском кладбище, учёный, самопровозглашённый смотритель заброшенного парка аттракционов </div></li>
Код:
<img src="http://forumstatic.ru/files/0017/fe/b1/37992.jpg" alt="святые" original-title="святые">
Поделиться32017-11-22 22:10:35
Код:
<img src='https://i.imgur.com/7W1VMFM.png' title='команда востока'/>
Код:
<a href="тутссылкаотамс"><img src='https://i.imgur.com/yMP9PrA.png'/></a>
Код:
<div id="lz"><center><a href="ссылканавашуанкету" font style="font-family: Philosopher; font-size:14px;">Имя Фамилия на русском, возраст цифрой </a></font><hr> Я <b>раса</b>, дополнительные звания (эмиссар стаи, командор в Ордене и прочее). Кем являетесь по жизни, работа, важные ведомости. Тут напишите с кем\чем коротаете холодные вечера, и оставьте ссылку на профиль, если имеется <i><a href="ссылка">тут имя</a></i>.</center></div>
Поделиться42018-01-09 14:12:39
Код:
/*ГРАФИКА -------------------------------------------------------------*/ /* фон */ html, body { background: url("https://i.imgur.com/3pjjGn6.png") repeat-x top left, url("https://i.imgur.com/hSA5Ulu.png") repeat-x bottom left, url("https://i.imgur.com/0E3b6QS.png") center; background-color : #171212; } /* шапка */ #pun-title table { background-image : url("https://i.imgur.com/h8RytVR.png"); background-repeat : no-repeat; background-position: center top; border: none; height: 329px; width: 1125px; margin-left: -65px;} #pun-title table tbody tr .title-logo-tdr { position: absolute; left: 550px; top: 400px; } /* пан или "тело" форума */ #pun {background-color: #b9a899; background-image: url("https://i.imgur.com/h1q65PC.png");} /* футер */ #pun-about p.container { background: url("https://i.imgur.com/3A9q32t.png") transparent no-repeat; width: 1125px; height: 252px; margin: 0px 0 -30px -65px; /* вверх, вправо, вниз, влево */ text-align: center; line-height: 1; font-size: 9px; background-repeat: no-repeat; } div#pun-about { margin-bottom: 14px; } /* линия */ hr, .banner-line { height: 2px; border: 0px; background: url("http://funkyimg.com/i/2h2D3.png") center no-repeat; } /* Цвет текста на форуме */ .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: #322b20; font-weight: normal; font-style: normal;} /* ССЫЛОЧНЫЕ ШТУКИ ----------------------------------------------------------------------------------------------------------------------*/ /* двигалка навигации, общие ссылки и пользовательские */ div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 285px; left: 5px; } div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 309px; left: 5px; } /* Ссылки верхней навигации */ #pun-navlinks a {text-align: center; position:relative; font-family: Oranienbaum; font-size: 13px!important; font-weight: bold; letter-spacing: 4px; color: #5a4837; text-shadow: 1px 1px 6px #a3a193; text-transform: uppercase; } #pun-ulinks a {text-align: center; position:relative; z-index:200 !important; letter-spacing: 1px; font-family: Cambria; font-size: 12px; !important; font-style: normal; text-transform: lowercase; font-weight: 700; font-stretch: normal; line-height: normal; color: #675239; text-shadow: 0px 0px 1px #d2c0b7; } /* #pun-ulinks li a:first-letter{ color:#FF6F6B; } */ /* ссылки простые color: #635d43; */ /* CS2.1 */ .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 { color: #504629; text-decoration: none; } /* CS2.2 */ .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: #384350; border-bottom: 1px dashed #3c3232; transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; } /* CS2.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #654d24; text-shadow: 1px 1px 0px #a3a193; opacity: 1; } /* CS2.4 */ #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { opacity: 0.3; } /* ИКОНКИ ----------------------------------------------------------------------------------------------------------------------*/ /* Иконка старых сообщений*/ .punbb table Div.icon {float: right; display: block; width: 30px; height: 30px; background-image : url("https://i.imgur.com/cCV992x.png"); background-repeat: no-repeat;} /* Иконка новых */ TR.inew Div.icon { width: 30px; height: 30px; background-image : url("https://i.imgur.com/SeLXpy4.png"); background-repeat: no-repeat;} /* Иконка важных*/ TR.isticky Div.icon { width: 30px; height: 30px; background-image : url("https://i.imgur.com/y1NEWWd.png"); background-repeat: no-repeat;} /* Иконка закрытых*/ TR.iclosed Div.icon { width: 30px; height: 30px; background-image : url("https://i.imgur.com/zUpQu9T.png"); background-repeat: no-repeat;} /* ОБЛАСТИ ПОД ТЕКСТ ----------------------------------------------------------------------------------------------------------------------*/ /* Цитаты и коды в сообщениях*/ .punbb .quote-box, .punbb .code-box, input { background-color: #b9a899; background-image: url("http://i.imgur.com/9TJs6XO.png"); color: #322b20; } /* фон шрифтов, графити, видосов, цветов и прочего от тэгов */ #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .punbb select { background-image: url("http://i.imgur.com/PNKceHg.png") !important; padding: 4px; /* Поля вокруг текста */ text-align: center!important; color: #56503f; text-shadow: 0px 1px 1px #000000; border: 1px double #2d2a20; border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; } /* шрифтовая область */ #font-area { max-height: 380px; overflow-y: auto; font-size: 14!important; } /* Область для ввода текста в форме ответа и админке */ .hashelp center div a button, .button, .punbb textarea, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { background-color: #b9a899; background-image: url("http://i.imgur.com/9TJs6XO.png"); color: #322b20; border: 1px double #553024; box-shadow: 0px 0px 2px #4d4848, 0px 0px 2px #4d4848; border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; } /* ПЕРЕГОРОДКИ И КАТЕГОРИИ ----------------------------------------------------------------------------------------------------------------------*/ /* скрыть название категорий*/ #pun-main .category h2 span { visibility: hidden; } /* статистика */ #pun-stats.section h2 { background-attachment: scroll; background-clip: border-box; height: 81px; width: 1125px; font-size: 0px; text-align: center; color: #5f4c3a; margin-left: -65px; background-color: transparent; background-image: url("https://i.imgur.com/jC0U6nT.png"); background-origin: padding-box; background-position: 50% 0%; background-repeat: no-repeat; background-size: auto; } /* быстрый ответ */ #post-form h2 { background: url("https://i.imgur.com/jC0U6nT.png") top center no-repeat; width: 1125px; height: 81px; margin-top: 0px; margin-left: -65px;} #post-form h2 span, .punbb legend span { display: none; } /* A5.10 */ /* быстрый ответ */ .punbb .section h2, #pun-main h2 { color: #5f4c3a; text-shadow: 1px 0px 2px #; font-size: 18px; font-family: Neucha; font-weight: bold; text-align: center; } /* перегородка сообщений */ #pun-viewtopic .post h3 { background: transparent url("https://i.imgur.com/jC0U6nT.png") no-repeat scroll center top; width: 1125px !important; height: 81px; margin-top: -20px; margin-bottom: 0px; margin-left: -65px; padding-top: 1px; } /* ПРОФИЛЬ ----------------------------------------------------------------------------------------------------------------------*/ /* профиль окантовка */ .punbb .post .post-author > ul { background:url("https://i.imgur.com/Ynx7Ioi.png") 0 bottom no-repeat, url("https://i.imgur.com/XF0W1BW.png") 0 top no-repeat, url("https://i.imgur.com/6cNYxuM.png") repeat-y; padding: 41px 12px 30px 12px!important; /* вверх, вправо, вниз, влево */ } li.pa-avatar {z-index: 5; margin-left: 2px !important; margin-top: 0px; } .pa-avatar.item2 > img { border-image: url("") 4 4 4 4 round round; } /* рамка аватара */ li.pa-avatar img { max-width: 200px !important; max-height: 200px !important; box-shadow: 0px 0px 2px 1px #0b0803 !important;} /* статус */ .pa-title {text-align: center; z-index: 1000; font: small-caps 700 10px "Arial" !important; letter-spacing: 2px; padding-top: 13px!important;} /* ник */ .pa-author a, .pa-author {text-align: center; color: #5a5046!important; background: linear-gradient(to bottom, #344156 20%, #665c4c 80%, #87816c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 8px #000; font: 700 12px "Oranienbaum" !important; letter-spacing: 3px; padding-top: 5px!important; text-transform: uppercase; } /* подарки позитив */ .post-author ul { text-align: center; font: small-caps 700 9pt "Arial" !important; } /* активность */ .pa-online { text-align: center; font: small-caps 700 7pt "Arial" !important; } /* уважалка и соо в блок2 */ .pa-respect, .pa-posts { color: #56503f!important; font: small-caps 700 9px "Arial" !important; letter-spacing: 1px; text-align: center; display: inline-block; margin-left: -10px; width: 72px; line-height: 13px; padding: 1px; margin-bottom: 7px!important; margin-top: 10px!important; } .pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { color: #56503f!important; } /* АНКЕТА */ .lzanketa { color: #202637; font: 700 10pt "Oranienbaum" !important; text-transform: uppercase; letter-spacing: 1px; line-height: 135%; } .lzanketa2 { text-align: justify; } .pa-fld4 { color: #56503f; font: small-caps 700 9px "Arial" !important; letter-spacing: 1px; text-align: center; display: inline-block; margin-left: -20px; width: 50px; line-height: 13px; padding: 7px; margin-bottom: 7px!important; margin-top: 10px!important; } .pa-fld2 { margin-left: 0px!important; margin-top: -15px!important; margin-bottom: -22px !important; position: relative; } .pa-fld1 { background: url("https://i.imgur.com/rbLO9XM.png") no-repeat scroll center top, url("https://i.imgur.com/VCDqGGT.png") no-repeat scroll center bottom, rgba(0, 0, 0, 0) url("https://i.imgur.com/a4JjHKo.png") repeat-y scroll center center; color: #56503f!important; font-size: 10.3px; margin-bottom: -13px !important; margin-left: -9px !important; margin-top: -10px !important; padding: 30px 10px 29px !important; /* text-shadow: 0 0 1px rgba(0, 0, 0, 1), 1px 1px 0 rgba(0, 0, 0, 1); */ width: 200px !important; } /* ДОПОЛНЯЛКИ ВСЯКИЕ РАЗНЫЕ ----------------------------------------------------------------------------------------------------------------------*/ /* скрыть кол-во тем и соо */ .category .container thead {display: none;} #pun-index .main .tc2, #pun-index .main .tc3 {display: none;} /* кол-во тем и соо под форумом2 */ .Add {height: 15px;} .Tems_And_messages { float: left; padding: 0.3em 0em; width: 50%; background-color: rgba(75,70,66, 0); color: #5f4c3a; text-align: center; font-family: arial; font-size: 7px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;} /* подписка пост в темах */ #pun-viewtopic div.post h3 strong::before { content: "пост #"; font-weight: normal; font-family: Oranienbaum; } /* активные пользователи */ div#pun-online.punbb .tc3 { text-align: left; width: 10%; } /*третья колонка*/ div#pun-online.punbb .tcl { text-align: left; } #pun-online th.tcl, #pun-online th.tc3 { font-size:0%; } /* выделение */ ::selection { background: none repeat scroll 0 0 #635a50; color: #83796e; opacity: 0.4; } *::-moz-selection { background: none repeat scroll 0 0 #635a50; color: #a1978b; } /* СПОЙЛЕРНЫЕ ИКОНКИ, откр, закр*/ .post-content .spoiler-box > div { background: rgba(0, 0, 0, 0) url("https://i.imgur.com/2LLXhoE.png") no-repeat scroll left center!important; } .post-content .spoiler-box > div.visible { background-image: url("https://i.imgur.com/nCD0VZ9.png")!important; } /* кнопки */ .hashelp center div a button, .button { background-color: #171212; background-image: url("http://i.imgur.com/PNKceHg.png"); color: #474233; border: 3px double #3f3a2d; box-shadow: 0px 0px 2px #453325, 0px 0px 2px #4d4848; cursor:pointer; font-family: Oranienbaum!important; font-size:11px!important; font-weight: bold!important; text-shadow: 0px 1px 1px #000000; letter-spacing: 1px; text-transform: uppercase; } .hashelp center div a button:hover, .button:hover {background-color: #b9a899; background-image: url("http://i.imgur.com/KOwmlug.jpg"); color: #56503f; border: 3px double #3f3a2d; box-shadow: 0px 0px 2px #4d4848, 0px 0px 2px #4d4848;} .hashelp center div a button:active, .button:active {position:relative; top:1px;} /* ТАБЛИЧНЫЕ ШТУЧКИ ----------------------------------------------------------------------------------------------------------------------*/ #bannns { position: absolute; overflow: scroll; overflow-x: hidden; height: 99px; width: 448px; margin-left: -10px; margin-top: -113px; } #bannns a img { opacity:0.3; -moz-opacity:0.5; /* filter:alpha(opacity=50); -webkit-filter: sepia(100%); filter: sepia(100%); */ } #bannns a img:hover { opacity:1; -moz-opacity:1; /* filter:alpha(opacity=100); -webkit-filter: sepia(0%); filter: sepia(0%); */ } /* АДМИНЫ В ТАБЛЕ */ #ams { margin-left: 564px !important; margin-top: 106px !important; position: absolute; width: 305px; } /* амс таблички */ .tooltip { position: relative; } .tooltip em { display: none; } .tooltip:hover em { position: absolute; display: block; padding: 4px 4px!important; bottom: -190px!important; right: -80px; background: #9d9b85; color: #191102; text-align: center; font-style: normal; font-size: 9.5px!important; border-radius: 2px; border-top: 4px solid #202637; border-bottom: 4px solid #10131c; border-right: 1px double #2d2112; border-left: 1px double #2d2112; box-shadow: 0 0 3px #2d2112; z-index:2000 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-box-shadow: 0 0 2px #2d2112; -moz-box-shadow: 0 0 2px #2d2112; } .tooltip:hover em i { position: absolute; display: block; bottom: -100px; right: -20px; border-top: 4px solid #000; border-left: 4px solid transparent; } /* ЛУЧШИЙ ПОСТ */ #bestpost0 { position: absolute; margin-left: 537px; margin-top: 130px; } #bestpost { position: absolute; width: 210px; height: 41px; overflow-y: auto; padding: 2px; /* Поля вокруг текста */ margin-left: 586px; margin-top: 131px; color: #56503f; font-size: 10px; line-height: 101%; text-align: justify; } #bestpost img { float: left; padding: 0px 5px 0 0; } /* НОВОСТИ */ #novosti { position: absolute; overflow: auto; overflow-x: hidden; padding: 5px; /* Поля вокруг текста */ height: 44px; width: 308px; margin-left: -10px; margin-top: 201px; font-size: 10px; font-size: 10px; color: #56503f; line-height: 9px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9); } /* НОВОСТИ2 */ .neewsnumber { color: #2f3237; font-family: 'Cuprum'; font-size: 12px !important; font-weight: bold; padding-top: 3px; width: 52px; } /* НОВОСТИ2 */ .neewstext { margin-left: 30px !important; margin-top: -10px !important; padding-bottom: 10px !important; text-align: justify; } /* НУЖНЫЕ ПЕРСОНАЖИ */ #weened { margin-left:462px !important; margin-top: -105px !important; position: absolute; } #weened2 { margin-left:542px !important; margin-top: -105px !important; position: absolute; } #weened3 { margin-left:601px !important; margin-top: -105px !important; position: absolute; } #weened4 { margin-left:660px !important; margin-top: -105px !important; position: absolute; } #weened5 { margin-left:740px !important; margin-top: -105px !important; position: absolute; } #weened6 { margin-left:799px !important; margin-top: -105px !important; position: absolute; } #weened7 { margin-left:858px !important; margin-top: -105px !important; position: absolute; } #weened8 { margin-left:938px !important; margin-top: -105px !important; position: absolute; } /* АКТИВНЫЕ ЛЮДИШКИ ПРОЕКТА */ #activist1 { margin-left: 102px !important; margin-top: 99px !important; position: absolute; } #activist2 { margin-left: 155px !important; margin-top: 99px !important; position: absolute; } #activist3 { margin-left: 208px !important; margin-top: 99px !important; position: absolute; } #activist4 { margin-left: 261px !important; margin-top: 99px !important; position: absolute; } /* ИГРОВЫЕ АКТИВНЫЕ ЛЮДИШКИ ПРОЕКТА */ #igrok1 { margin-left: 537px !important; margin-top: 208px !important; position: absolute; } #igrok2 { margin-left: 586px !important; margin-top: 208px !important; position: absolute; } #igrok3 { margin-left: 707px !important; margin-top: 208px !important; position: absolute; } #igrok4 { margin-left: 756px !important; margin-top: 208px !important; position: absolute; } /* ИГРОВЫЕ ПАРОЧКИ ПРОЕКТА */ #activpara { margin-left: 635px !important; margin-top: 208px !important; position: absolute; } /* БАННЕР ТОПА */ #bannertop { margin-left: -7px !important; margin-top: 101px !important; position: absolute; opacity: 0.3; } /* ВИП ПАРТНЕРКА */ #bannervip { margin-left: -7px !important; margin-top: 137px !important; position: absolute; opacity: 0.3; } /****************************************************************** Cтиль к скрипту: "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже" ******************************************************************/ /*Стиль иконки в мини-профиле*/ img.a-info{ margin-left: -3px!important; margin-top: -15px!important; position: relative; cursor:pointer; } /* Затемняющий фон */ #pre-wrap { margin:0; top:0;bottom:0; left:0;right:0; width:100%; height:100%; position:fixed; z-index:20000; background: rgba(0,0,0,.65); } /*Подвижка иконки закрытия таблички*/ .my-tabs > img.close { float:right; margin:0 -35px 0 0!important; width:27px; } /* Корневой таб(UL) */ .my-tabs{ display:block; z-index:30000; position:absolute; max-height:900px; /*максимальная высота таблички*/ } /* Стиль вкладки(LI)*/ .my-tabs>.tab-a{ position: absolute; z-index: 9999; margin: 0 auto; margin-left: 0px; padding: 0; top: 0px; width: 880px; height: 500px; background: url(https://i.imgur.com/suSOnRZ.png); } /*Отступ контента вкладки сверху*/ .tab-a .post-content{ margin-top:-20px; text-align:left; display:inline-block; } /* Смена картинок при наведении */ .image.UP, .image.Down { border:2px solid transparent;} .image.UP{ display:block; position: absolute; z-index:100; opacity:1.0; transition-duration: 1.7s; -webkit-transition-duration: 1.7s; -moz-transition-duration: 1.7s; -o-transition-duration: 1.7s; -ms-transition-duration: 1.7s; } .image.UP:hover {opacity:0.00;} div.ImgWrap{ display:inline-block; background-position:center center; background-repeat:no-repeat;}
Поделиться52020-01-18 17:17:33
Код:
/* CS1 Background and text colours -------------------------------------------------------------*/ /*Фон */ body { background: url(http://forumstatic.ru/files/0019/49/5d/42874.png) no-repeat top center, url(http://forumstatic.ru/files/0019/d1/a6/76742.jpg) center; background-color: #a0a0a0; } /* Шапка */ #pun-title table { background-image: url(http://forumstatic.ru/files/0019/42/40/88094.png); background-repeat: no-repeat; background-position: top center; width: 690px; height: 227px; margin-left: 281px; } /* Тело форума */ #pun { background-color: #d8d8d8; background: url(http://forumstatic.ru/files/0019/42/40/16573.jpg) top center no-repeat, url(низ) bottom center no-repeat, url(http://forumstatic.ru/files/0019/42/40/74707.jpg) top center scroll repeat-y, url(http://forumstatic.ru/files/0019/42/40/58084.jpg) top right repeat-y; z-index: 2; } /* категории */ #pun-category1.category h2 { font-size: 0 !important; width: 884px; margin: 0px; background-color: transparent; height: 5px; font-family: verdana; text-transform: uppercase; } #pun-category2.category h2 { font-size: 0 !important; margin: 16px 0!important; width: 884px; margin: 0px; display: block; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-shadow: 0px -1px 0 0px #c3c3c3, 0px 1px 0 0px #c3c3c3; height: 11px; font-family: verdana; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } #pun-category3.category h2 { font-size: 0 !important; margin: 16px 0!important; width: 884px; margin: 0px; display: block; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-shadow: 0px -1px 0 0px #c3c3c3, 0px 1px 0 0px #c3c3c3; height: 11px; font-family: verdana; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } #pun-category4.category h2 { font-size: 0 !important; margin: 16px 0!important; width: 884px; margin: 0px; display: block; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-shadow: 0px -1px 0 0px #c3c3c3, 0px 1px 0 0px #c3c3c3; height: 11px; font-family: verdana; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } #pun-category5.category h2 { font-size: 0 !important; margin: 16px 0!important; width: 884px; margin: 0px; display: block; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-shadow: 0px -1px 0 0px #c3c3c3, 0px 1px 0 0px #c3c3c3; height: 11px; font-family: verdana; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } #pun-category6.category h2 { font-size: 0 !important; margin: 16px 0!important; width: 884px; margin: 0px; display: block; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-shadow: 0px -1px 0 0px #c3c3c3, 0px 1px 0 0px #c3c3c3; height: 11px; font-family: verdana; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } /*статистика*/ #pun-stats.section h2 { background-attachment: scroll; background-clip: border-box; text-align: right; font-size: 0 !important; margin: 16px 0!important; width: 884px; margin: 0px; display: block; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-shadow: 0px -1px 0 0px #c3c3c3, 0px 1px 0 0px #c3c3c3; height: 11px; font-family: verdana; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } #pun-stats.section h2 span { display: none; } /* Футер */ #pun-about .container { background: url(http://forumstatic.ru/files/0019/42/40/74583.png) no-repeat scroll center bottom; margin: 0px 0px -172px -27px; font-family: arial narrow; text-transform: lowercase; color: #3A6160; width: 952px; height: 143px; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background: transparent; color: #333; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background: transparent; color: #333; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background: rgba(204, 199, 199, .2); color: #767067; font-family: vetren, FoglihtenNo06; text-transform: uppercase; margin: 4px; font-weight: normal; text-align: center; letter-spacing: 0.7px; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background: transparent; color: #333; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background: url(http://forumstatic.ru/files/0019/42/40/63201.png); color: #767067; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; font-family: vetren, FoglihtenNo06!important; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background: transparent; color: #333 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: rgba(192, 187, 180, .0); color: #555555; } /* цитата в цитате */ .quote-box .quote-box { background: url(http://forumstatic.ru/files/0019/42/40/89772.png) !important; margin-bottom: 15px !important; box-shadow: inset 0 0 0 2px rgba(223, 223, 223, 1) !important; border: solid 1px rgba(145, 145, 143, .1) !important;} .quote-box .quote-box .quote-box { background: url(http://forumstatic.ru/files/0019/42/40/63201.png) !important; margin-bottom: 15px !important; border: none !important; box-shadow: none !important; border-top: 1px solid rgba(255, 255, 255, .1)!important; border-bottom: 1px solid rgba(255, 255, 255, .1) !important;} table td .quote-box blockquote {padding-bottom: 13px !important;} /* CS1.8 */ #pun-navlinks .container { background: transparent; color: #f1f1f1; } .offline li.pa-online strong { font-weight: normal; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* 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 { box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7); border: solid 1px rgba(145, 145, 143, .3); } #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; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .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 { text-decoration: none; color: rgba(126, 47, 44, .9); text-shadow: 0.5px 0.5px 0px rgba(231, 229, 229, 1); } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #333; } /* CS3.2 */ .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: #777068; } /* CS3.3 */ #pun-navlinks a { color: rgb(113, 89, 84); text-decoration: none; text-shadow: 0px 0 1px #ffffff; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: rgba(126, 47, 44, .8); } #pun-pagelinks a:active, #pun-pagelinks a:focus { color: #777068; } #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { text-decoration: none; font-style: oblique;} /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(http://s5.uploads.ru/bNCmz.png) no-repeat; } tr.inew div.icon { background: url(http://forumstatic.ru/files/0019/42/40/34373.jpg) no-repeat; } tr.iclosed div.icon { background: url(http://forumstatic.ru/files/0019/42/40/20038.jpg) no-repeat; } tr.isticky div.icon { background: url(http://forumstatic.ru/files/0019/42/40/23910.jpg) no-repeat; } #pun-main div.catleft, #pun-main div.catright {display: none} /*Стиль выделения */ ::selection { background: none repeat scroll 0 0 rgb(169, 162, 156); color: #e1e1e1; opacity: 1; } *::-moz-selection { background: none repeat scroll 0 0 rgb(169, 162, 156); color: #e1e1e1; opacity: 1; } /* Стиль списка тем в форуме */ #pun-main .forum .tcl .tclcon { text-align: justify; } /* Список тем в форуме ник создателя темы */ #pun-main .forum .tcl .byuser { display: block; font-size: 9px; margin-left:9px; } #pun-main .forum .tcl .byuser:before { content: "—";} /*Форма ответа стиль выпадающих окошек*/ #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { position: absolute; z-index: 1000; right: 12px!important; padding: 15px; top: 54px!important; box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7); border: solid 1px rgba(145, 145, 143, .1); background-color: rgba(213, 212, 208, 1); } /*Фон окошка репутации*/ #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { display: none; position: fixed; left: 50%; top: 50%; margin: -131px 0 0 -451px!important; z-index: 100; width: 903px!important; position: absolute; right: 12px!important; font-size:10px; box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important; border: solid 1px rgba(145, 145, 143, .1)!important; background-image: url(http://forumstatic.ru/files/0019/42/40/31992.png)!important; } #pun-respect.punbb .main .tc3 {text-transform: none !important;} #pun-respect.punbb .main {font-size:10px;} /* скроллбар */ ::-webkit-scrollbar { width: 7px; height: 6px;} ::-webkit-scrollbar-track { background-color: #cccccc; border: solid 1px #cccccc;} ::-webkit-scrollbar-thumb { background-color: rgb(159, 97, 94); border: solid 2px #cccccc;} /* закладки */ #MyBookmarks { display: none; position: fixed; background: #dcdcdc; border: solid 1px #c3c3c3; box-shadow: 0px 0px 0px 2px #dcdcdc, 0px 0px 0px 7px #d3d1d0, 0px 0px 0px 10px #91918f, 0px 0px 0px 11px #818181!important; z-index: 101; left: 0; margin-top: 100px; top: 0; right: 0; height: 70%!important; width: 240px; overflow: hidden; } #BookmCntToggle.default-style { background: #c9c4be!important; border-left: solid 5px currentColor!important; box-shadow: 0 0 0px 1px rgba(123, 98, 103, .5)!important; color: #7b6267!important; display: block; height: 22px!important; width: 18px!important; } #BookmCntToggle { position: fixed; top: 5px!important; left: 5px!important; opacity: 0.7; cursor: pointer; z-index: 3; transition: opacity .3s ease-out; } .post .bookmark { color: #ad7370!important; width: 12px!important; right: -11px!important; box-shadow: inset -1px 0px 1px 0px #8c6462!important; } .editBookmark { background-color: #d8d8d8!important; box-shadow: 0 0 0px 1px rgb(199, 199, 199)!important; border-radius: 0px!important; } #MyBookmarks h2, #MyBookmarks h1 { font-family: vetren!important; color: #a06966!important; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png)!important; font-weight: normal!important; text-transform: uppercase; margin: 2px; box-shadow: 0px 0px 0 1px #c3c3c3; font-size: 12px; letter-spacing: 1px; text-align: center!important; } #MyBookmarks h2, #MyBookmarks h1 { text-align: center!important; } #MyBookmarks .container { position: relative !important; padding: 0 1em; border-top: 1px solid #c3c3c3!important; } #MyBookmarks inner { margin-top: 5px!important; } #MyBookmarks span.scrl { text-align: center!important; width: 115px!important; cursor: pointer; background-color: #d3d1d0ad!important; padding-top: 6px!important; z-index: 999; margin-top: 3px!important; color: #8b535f!important; text-shadow: 0 0 6px #ad828c!important; font-size: 1.2em; line-height: 1.1em; } #MyBookmarks li.BookmarkL { position: relative; border-bottom-style: dashed!important; display: grid; border-bottom-width: 1px; border-bottom-color: rgb(212, 196, 196)!important; } #MyBookmarks li>span { display: block; padding: 0 1em; margin: 0 -1em; font-family: arial!important; font-size: 10px!important; cursor: pointer; } #MyBookmarks li num { float: left; width: 2.2em; padding: .3em 0!important; font-weight: bold!important; color: #51636b!important; font-size: 14px!important; font-family: vetren!important; } #MyBookmarks li span strong { float: right; cursor: pointer; z-index: 99999; font-weight: normal; color: #bb0007!important; padding: .1em!important; margin: 0 -.3em!important; position: relative; font-size: 13px; font-family: Tahoma, Verdana, Arial; line-height: 1.3em; } #MyBookmarks span.scrl.t { left: 3px!important; box-shadow: none!important; } #MyBookmarks span.scrl.b { left: 121px!important; box-shadow: none!important; } #MyBookmarks li.BookmarkL>span.last_click { background: rgba(255, 255, 255, 0.18)!important; box-shadow: inset 0px 0px 0px 1px rgba(181, 152, 152, 0.16)!important; } /*форум тем соо прозрачность*/ #pun th { text-transform: lowercase; font-size: 0px; font-weight: bold; opacity: 0.0;} #pun-userlist th {opacity: 1;font-size: 9px;} #pun-viewtopic h1, #pun-viewtopic h2 {display:none;} #pun-viewforum h1 {display:none;} #pun-messages h3 {display:none;} #pun-messages .fs-box {padding: 4em 0 0.8em 0;} #pun-messages .pa-posts, #pun-messages .pa-reg {display:none;} .resizable-textarea textarea { display: block; margin-bottom: 0pt; box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7)!important; border: solid 1px rgba(145, 145, 143, .1)!important; background-color: rgba(213, 212, 208, .5)!important; } #main-reply { box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7)!important; border: solid 1px rgba(145, 145, 143, .1)!important; background-color: rgba(213, 212, 208, .5)!important; height: 180px; } .go-up, .go-down { cursor: pointer; display: none; height: 25px; margin-left: 904px !important; opacity: 1; position: fixed; width: 25px; z-index: 9999; } .go-up { bottom: 41%; } .go-down { bottom: 36%; } .go-down:hover, .go-up:hover { opacity: 1; } .bannner { position: absolute; margin-top: 56px !important; margin-left: 267px!important; width: 558px; height: 31px; overflow-y: auto; text-align: left; } .bannner a { opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; } .bannner a:hover { opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40); } #statistic-other{ text-align: center!important; text-transform: lowercase; font-size: 8px; font-weight: bold; } .punbb .main .tcr a { font-weight: bold; padding-left: 10px; } .punbb .main .tcr span { font-size: 10px; } #pun-viewforum .tclcon a { font-size: 11px; } #pun-viewforum .tcr a { text-transform: lowercase; font-size: 10px; } .pun-modal .modal-inner { border: 4px double #c0bebc!important; background: #e1e1e1!important; } .post-content .spoiler-box > div {background: url('http://forumstatic.ru/files/0019/42/40/47609.png') no-repeat left center!important;cursor:pointer;padding-left:18px;} .post-content .spoiler-box > div.visible {background-image:url('http://forumstatic.ru/files/0019/42/40/79217.png')!important} /* кнопка */ .button { cursor: pointer; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); color: rgba(118, 112, 103, .7); font-family: PT Sans Narrow !important; font-size: 10px; font-weight: bold !important; margin-top: 0px !important; padding: 2px 6px 2px; text-decoration: none; vertical-align: middle; text-transform: uppercase; box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7)!important; border: solid 1px rgba(118, 112, 103, .7)!important; opacity: 1; transition: all 0.7s ease-in-out 0.3s; -webkit-transition: all 0.7s ease-in-out 0.3s; -moz-transition: all 0.7s ease-in-out 0.3s; -o-transition: all 0.7s ease-in-out 0.3s; } .button:hover { opacity: .5;} /* прозрачные картинки */ .need { position: absolute; margin-left: 369px!important; top: 133px; background-color: rgba(192, 187, 180, .8); box-shadow: 0 0 0 2px #c1bcb4, 0 0 0 8px rgba(145, 145, 143, .5); width: 81px; overflow: hidden; height: 81px; } .needlico {opacity: 0.8; /* прозрачность до наведения */ transition: all 0.5s ease-in-out ; /* плавная смена в секундах */ -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; } .needlico:hover {opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ;} /* ссылки в шапке */ .link1 {color:#8e7e77!important; font-size:10px; font-weight:bold; line-height:10px; font-family:"PT Sans Narrow"; text-transform:uppercase; text-shadow: 0.5px 0.5px 1px rgba(231, 229, 222, .8)!important; padding-right: 0.5em;} .link1:hover {color: rgb(159, 97, 94)!important;} /* предпросмотр */ #post-preview .fs-box .post-content {width:620px; border:1px solid rgba(145, 145, 143, .0); padding:10px 20px!important; margin-left: 46px;} /* лс */ #messages .icon {margin-top: 7px;} #pun-messages .fs-box {margin-top: -35px;} #pun-messages #profile .container fieldset {width: 640px;} #pun-messages #profile .container {width: 665px; margin-left:-30px; border:none;} #pun-messages #profile .post-links ul {background: none;} #pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;} #pun-messages #smilies-area {width: 455px!important;} /* зачеркнутый текст*/ #pun p del {color: rgba(173, 171, 170, .9);} #font-area {overflow-y: auto; height: 300px; width:170px;} .pa-posts, .pa-respect, .pa-fld2 { text-align: center; width: 54px; margin-top: 4px!important; margin-bottom: 2px!important; margin-left: 5px!important; color: rgba(51, 51, 51, .95); font-family: arial; font-stretch: condensed; font-size: 9px; display: inline-block; text-transform: lowercase; word-wrap: break-word;} /* ЛИЧНОЕ ЗВАНИЕ */ .lz { width: 180px !important; margin-top: 0px !important; margin-left: 10px !important; padding: 6px 5px 7px 6px !important; background: url(); background-color: rgba(221, 221, 221, .5); text-transform: lowercase; font-stretch: condensed !important; font-weight: 400; font-family: arial !important; font-size: 9.6px !important; text-align: justify !important; line-height: 9px; border-top: 1px solid rgba(255, 255, 255, .3); border-bottom: 1px solid rgba(255, 255, 255, .3);} .lzn { margin-bottom: 4px !important; padding: 3px 0px 5px 0px !important; border-bottom: 1px solid rgba(196, 196, 196, 1); text-transform: uppercase; font-size: 13px; text-align: center; font-family: vetren !important;} .lzf {padding: 4px 0px 1px 0px !important; margin: 3px 0 0 0px !important; width: 210px; background-color: rgba(221, 221, 221, .0); font-family: roboto !important; color: rgba(32, 42, 45, .7); font-size: 7px; text-align: center; line-height: 9px; letter-spacing: 0.5px; text-transform: uppercase; text-shadow: 0.5px 0.5px 0px rgba(255, 255, 255, .3);} .lzf:before {content: "- ";} .lzf:after {content: " -";} /* ПЛЕЕР */ .pa-fld3 { display: block; overflow: hidden; width: 210px; height: 11px; margin-left: 0px!important; margin-top: 2px!important; margin-bottom: 0px!important; } /* HTML АНКЕТЫ*/ .osn {background: url("http://forumstatic.ru/files/0019/42/40/59374.png") top center; box-sizing:border-box; pxwidth:100%; text-align:center; font-family:arial; color:#252420; padding:20px; box-shadow: inset 0 0 0 3px rgba(221, 221, 221, .9); border: solid 1px rgba(145, 145, 143, .2);} .osn .content {margin:13px 5px; padding:10px; background: url(http://forumstatic.ru/files/0019/42/40/63201.png); font-size:11.7px; font-weight:normal; color:rgba(51, 51, 51, .95); text-align:justify; line-height:14.5px; border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2);} .osn h1 {margin-top:7px; font-size:10px!important; color: rgba(126, 47, 44, .7); letter-spacing:2px; text-transform:lowercase; text-shadow: 0.5px 0.5px 1px #e7e5de;} .osn h2 {margin:9px -10px 5px; padding-top:3px; background: url("http://forumstatic.ru/files/0019/42/40/63102.png"); font-size:19px!important; color:rgba(92, 88, 81, 1); font-family:vetren, FoglihtenNo06; text-transform:uppercase; font-weight:normal!important; letter-spacing: 1px; text-shadow: 0px 0 1px #ffffff;} .osn h3 {margin:10px 20px 10px; background-color: rgba(130, 120, 112, .0); padding:7px; font-size:9px; font-weight:normal!important; color:#322921;} .osn p {text-indent: 20px; line-height:14.5px!important;} .osn a:link, .osn a:active, .osn a:visited {color:rgba(126, 47, 44, .9); font-weight:bold; text-decoration:none;} .osn a:hover {color:#423e36;} /* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */ .pa-avatar img {max-width: 180px; max-height: 180px;} #mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;} /* УБРАТЬ - модераторов, "тема закрыта", "важно", "отредактировано", "объявление", награды */ #pun-index .modlist {display: none;} .closedatafield {display:none;} .stickytext {display:none} .lastedit {display:none;} #pun-announcement h2 {display: none} li#navawards {display: none !important;}
Поделиться62020-01-18 17:17:59
Код:
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css?family=Alegreya+SC:400,400i,500,500i,700,700i,800,800i,900,900i|Amatic+SC:400,700|Caveat:400,700|Fira+Sans+Extra+Condensed:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Kelly+Slab|Lobster|Marmelad|Old+Standard+TT:400,400i,700|Oswald:200,300,400,500,600,700|PT+Sans+Narrow:400,700|Pacifico|Tinos:400,400i,700,700i|Playfair+Display+SC:400,400i,700,700i,900,900i|Yeseva+One&subset=cyrillic,cyrillic-ext,latin-ext'); @font-face {font-family: 'roboto'; src: url('http://forumstatic.ru/files/0019/03/0e/97551.eot?'), url('http://forumstatic.ru/files/0019/03/0e/84500.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/41723.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/26356.svg#svgFontName') format('svg');} @font-face { font-family: 'oranienbaum'; src: local('Oranienbaum'), local('Oranienbaum-Regular'), url('http://forumstatic.ru/files/0019/42/40/55187.woff2') format('woff2'), url('http://forumstatic.ru/files/0019/42/40/63249.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face {font-family: 'FoglihtenNo06'; src: url('http://forumstatic.ru/files/0019/42/40/71895.eot?'), url('http://forumstatic.ru/files/0019/42/40/51956.woff') format('woff'), url('http://forumstatic.ru/files/0019/42/40/82311.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/42/40/90886.svg#svgFontName') format('svg');} @font-face {font-family: 'amachina'; src: url('http://forumstatic.ru/files/0019/03/0e/94461.eot?'), url('http://forumstatic.ru/files/0019/03/0e/18316.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/93425.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/28855.svg#svgFontName') format('svg');} @font-face {font-family: 'amachinaorto'; src: url('http://forumstatic.ru/files/0019/03/0e/66971.eot?'), url('http://forumstatic.ru/files/0019/03/0e/63492.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/52929.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/40245.svg#svgFontName') format('svg');} @font-face {font-family: 'bickham'; src: url('http://forumstatic.ru/files/0019/03/0e/66335.eot?'), url('http://forumstatic.ru/files/0019/03/0e/76908.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/10907.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/24207.svg#svgFontName') format('svg');} @font-face {font-family: 'avalon'; src: url('http://forumstatic.ru/files/0019/03/0e/58862.eot?'), url('http://forumstatic.ru/files/0019/03/0e/94578.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/28469.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/86460.svg#svgFontName') format('svg');} @font-face {font-family: 'cyrillicbrush'; src: url('http://forumstatic.ru/files/0019/03/0e/10788.eot?'), url('http://forumstatic.ru/files/0019/03/0e/37349.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/39805.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/50604.svg#svgFontName') format('svg');} @font-face {font-family: 'foglihtenno'; src: url('http://forumstatic.ru/files/0019/03/0e/31872.eot?'), url('http://forumstatic.ru/files/0019/03/0e/38696.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/70738.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/13668.svg#svgFontName') format('svg');} @font-face {font-family: 'vetren'; src: url('http://forumstatic.ru/files/0019/03/0e/90127.eot?'), url('http://forumstatic.ru/files/0019/03/0e/95934.woff') format('woff'), url('http://forumstatic.ru/files/0019/03/0e/66177.ttf') format('truetype'), url('http://forumstatic.ru/files/0019/03/0e/99248.svg#svgFontName') format('svg');} /* 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, arial, helvetica, sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif; border: 1px solid #b5b5b5!important; background-color: #efefef!important; } /* 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 { } /* 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 { width: 885px; margin: 0 auto; padding: 4px 53px; margin-top: 254px; } /* A5.2 */ .punbb { float: none; width: 885px; height: auto; margin: 0 auto; } /* A5.3 */ #pun-redirect { background: #a0a0a0 url() center top repeat fixed; position: absolute; width: 100%; height: 100%; z-index: 100; top: 0 !important; left: 0 !important; } #pun-redirect #pun-main { margin: 12% 37% 12px 37%; background-color: #E1E1E1; box-shadow: 0px 0px 0px 1px #76716B, 0px 0px 0px 10px #9C9C9C; border: 2px solid #7A908E; width: auto; float: none; position: relative; z-index: 1000; } /* 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; border-top: 1px dashed rgba(196, 196, 196, 1); width: 36%; margin: 15px 0px 5px 195px; } .post-sig dd p, #profile .fs-box dd p { font-size: 10px; text-align: center!important; line-height: 11px!important; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; text-align: justify; } /* 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 { padding: 15px 20px 5px 20px; margin: 5px 3px 5px 3px; } /* скрытый текст */ .punbb .post-content .spoiler-box {padding: 10px 25px !important; margin: 5px 5px !important;} /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding: 1px 15px; font-size: 13px; font-weight: normal; width: fit-content; color: #767067; font-style: normal; text-align: center; font-family: vetren, FoglihtenNo06; text-transform: uppercase; margin-top: -20px!important; margin-bottom: 7px; margin-left: auto; margin-right: auto; letter-spacing: 0.7px; background: url(http://forumstatic.ru/files/0019/42/40/63201.png); } /* 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: -3em; font-size: 9px; font-weight: normal; color: #583737; text-transform: lowercase; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -27px; right: 1em; width: 16em; text-transform: lowercase; font-size: 11px; 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; text-align: left; font-size: 9px; font-weight: normal; color: #583737; text-transform: lowercase; width: 24em; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; text-transform: lowercase; font-size: 11px; text-align: right; font-weight: bold; } /* B3.8 */ .subscribelink { clear: both; padding-top: 0.3em 0.8em 0.5em 0; height: 14px !important; text-transform: lowercase; letter-spacing: 0.5px; font-size: 9px !important; color: #583737; text-align: right; } /************************************************************* 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 { box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7); border: solid 1px rgba(145, 145, 143, .1); padding: 0px 31px 0px 26px; margin: 0px 0 1em 0; } /* C1.5 */ .punbb fieldset legend { padding: 0; display: block; margin-left: auto; margin-right: auto; margin-top: 0px!important; font-family: arial; font-size: 11px; text-transform: lowercase; font-weight: nornal; color: #767067!important; background: url(http://forumstatic.ru/files/0019/42/40/63201.png); } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0; } /* 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: 50%; text-transform: lowercase; } .punbb td div.tclcon { box-shadow: inset 0 0 0 3px rgba(220, 220, 220, 1); border: solid 3px rgba(145, 145, 143, .2); background-color: rgba(192, 187, 180, .2); padding: 10px; text-align: justify; text-transform: lowercase; font-size: 9px; } #pun-main .forum .tcl .tclcon { padding: 10px 10px; box-shadow:none; border: solid 0px rgba(145, 145, 143, .2);} /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; text-transform: lowercase; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: center; width: 30%; text-transform: lowercase; } /* 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 { margin: 0 25px 5px 0px; padding: 3px 5px 0px 5px; text-transform: uppercase; letter-spacing: 1px; font-family: vetren, FoglihtenNo06; text-align: center; font-size: 14px; background: url(http://forumstatic.ru/files/0019/42/40/59374.png); } /* 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: 2.2em; padding-bottom: 8px; padding-top: 6px; } /* C2.15 */ .punbb div.icon { float: RIGHT; display: block; margin-right: 10px; margin-top: 11px; margin-left: 5px; width: 22px; height: 22px; background-repeat: no-repeat; line-height: 0.0; } /* C2.16 */ .punbb table div.icon { font-size: 1.05em; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border: 1px solid #c4c4c4; box-shadow: 0 0 0 1px #dfdfdf; margin-top: 0px; padding-top: 10px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { margin: 0px; padding: 1px 10px 0px 87px; display: block; height: 11px; font-size: 7px; font-family: verdana; text-transform: uppercase; background-color: #; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } .punbb .post h3 span a { color: #444444; text-shadow: 0px 0px 1px #dcdcdc; } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 210px; padding: 0px; margin-top: -1px; margin-left: 9px; overflow: hidden; text-align: center; box-shadow: 0 0 0 2px #dddddd, 0 0 0 3px #c4c4c4; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; } /* C3.7 */ .pa-author { padding-top: 5px !important; height: 16px; letter-spacing: 1px; word-spacing: -2px; font-size: 14px; text-align: center; color: #767067; font-family: vetren, FoglihtenNo06; text-transform: uppercase; text-shadow: 0px 0 1px #ffffff !important; border-bottom: 3px solid rgba(219, 219, 219, 1); box-shadow: inset 1px 1px 0px rgba(173, 171, 161, 0), 1px 1px 0px rgba(219, 219, 219, 0); } /* C3.8 */ .pa-author a { color: #767067!important; } .pa-author a:hover, .pa-author a:active { color: #83412d!important; } li.pa-avatar.item2 img { margin-bottom:5px; max-width: 180px; border: 3px solid rgba(219, 219, 219, 1);} /* C3.9 */ li.pa-title { margin: 2px 0px 1px 0px; padding: 3px; text-align: center; font-size: 7px; color: rgba(134, 127, 118, 1); text-transform: uppercase; line-height:9px; letter-spacing: 0.5px; font-family: roboto; text-shadow: 0px 0 1px #ffffff; } li.pa-ip { font-family: arial; font-size: 9px; text-align: center; } li.pa-online { text-align: center; font-weight: 300; margin-top: 0px!important; margin-bottom: 2px!important; color: rgba(134, 127, 118, .95); font-family: roboto !important; font-size: 7px; text-transform: uppercase; text-shadow: 0px 0 1px #ffffff; } /* C3.11 */ .punbb .post-body { margin-left: 21em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; padding-right: 18px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; line-height: 2em; margin-left: -19.1em; text-transform: lowercase; border-top-style: dashed; border-top-width: 1px; text-align: right; background: rgba(204, 199, 199, .2); } /* 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; font-size: 10px; text-transform: lowercase; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 12px; line-height: 1em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } #topic-modmenu .container strong #mod-options { padding-bottom: 2px; background: url(http://forumstatic.ru/files/0019/42/40/59374.png); color: #373631; border: 1px solid #c4c4c4; text-transform: lowercase;} /* тему просматривают, запятая в тему просматривают */ #topic-users-in { height: 100%;} #topic-users-in a:last-child:after {content: "";} #topic-users-in a:after {content: ",";} /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em; color: #797979; font-size: 8px; text-transform: uppercase; font-family: arial; font-weight: bold; text-align: center; } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; text-align: center; font-family: verdana; text-transform: lowercase; font-size: 8px; } /* 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; text-transform: lowercase; font-size: 9px; font-weight: bold; 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: none none none none; border-width: 0px 0px 0 0px; margin-top: -231px; } /* D1.2 */ #pun-title h1 { display : block; height : 40px; padding: 0em; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title table { border: none; /* width: 900px;*/ } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 0px; } /* 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 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; word-spacing: -10px; margin-top: -172px; margin-left: 112px; font-family: vetren; text-transform: uppercase; text-align: center; font-size: 14px; width: 460px; height: 30px; } /* D3.2 */ #pun-navlinks .container { padding: 0.7em 1em; } /* 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: 0; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 3px 0 0 0; margin-top: -119px; margin-left: 1px; margin-bottom: 274px; width: 881px; height: 16px; font-family: arial; text-transform: lowercase; text-decoration: none; text-align: center; font-size: 9px; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } #pun-ulinks a { color: #8e7e77; text-shadow: 0.5px 0.5px 1px #e7e5de; } /* 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; } /* D5.2 */ #pun-status .container { position: absolute; width: 450px; font-family: arial; display: none; margin-top: -65px; text-transform: uppercase; margin-left: 483px; font-weight: bold; font-size: 7px; color: #a29c90; text-shadow: 0 0 1px #ececec; text-align: center; padding: 0.8em 1em 1em 1em; } #pun-status .container a { color: rgb(148, 143, 139); text-shadow: 0.5px 0.5px 1px rgba(231, 229, 229, 1); } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: -31px; height: 25px; } /* D5.5 */ #pun-crumbs1 p.container { margin-top: 0px!important; padding: 3px; text-align: center; width: 875px; font-size: 14px; margin-left: 1px; box-shadow: 0px 1px 0 #c3c3c3; border: 1px solid #e0e0e0; text-transform: lowercase; font-family: vetren; letter-spacing: 0.5px; background-image: url(http://forumstatic.ru/files/0019/42/40/59374.png); } /* 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; } /* D6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { margin: 1px; margin-top: -15px; margin-bottom: -11px; padding: 10px 14px; background-color: #ceccc854; padding-bottom: 1.5em; } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; text-transform: lowercase; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; text-transform: lowercase; } /* D7.4 */ li#onlinelist { margin: 1em 0em 0em 2.8em; border-top-style: solid; border-top-width: 1px; float: left; width: 800px; line-height: 130%; text-align: justify; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display: block; position: absolute; width: 875px; height: 10px; font-family: vetren; text-transform: uppercase; font-size: 7px; font-weight: normal; margin-top: 110px!important; margin-left: 56px; color: #827870; letter-spacing: 2px; text-align: center; } /* D8.6 */ #pun-crumbs2 { font-weight: normal; overflow: hidden; margin: 0em 0em 0em 0em; } /* D8.7 */ #pun-crumbs2 .container { padding: 3px; text-align: center; position: absolute; width: 875px; font-size: 14px; margin-left: 1px; margin-top: 2px; text-transform: lowercase; font-family: vetren; letter-spacing: 0.5px; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; display: 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; } .admain { padding-left: 172px!important; margin-bottom: 1em; }
Поделиться72020-01-18 17:25:20
Код:
am/* CS1 Background and text colours -------------------------------------------------------------*/ /* Фон форума */ html, body { background: url("http://forumstatic.ru/files/001a/7b/d5/87574.jpg") repeat-x top left, url("http://forumstatic.ru/files/001a/7b/d5/75342.jpg") center; background-color : #252525; } /* Шапка */ #pun-title table { background-image: url(http://forumstatic.ru/files/001a/7b/d5/85575.png); background-repeat: no-repeat; background-position: top center; border: none; width: 1200px; height: 385px; margin-left: -138px; } /* Тело форума */ #pun { width: 974px; background-color: transparent; background-image: url(http://forumstatic.ru/files/001a/7b/d5/76776.jpg); background-attachment: scroll; background-repeat: repeat; background-position: top center;} .punbb { padding: 0 30px!important; width: 974px;} /* Футер */ #pun-about p.container { background-image: url(http://forumstatic.ru/files/001a/7b/d5/36911.jpg); margin: 0px 0px -20px -25px; background-position: center top; background-repeat: no-repeat; width: 974px; height: 135px; overflow-x: hidden; } /* 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 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: #252525; font-weight: normal; font-style: normal; } #pun-admain .adformal, #pun-admain .adcontainer {border: none; border-color: transparent;} .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: transparent; color: #252525; text-align: center; font-style: normal; font-family: Roboto; } /* Цитата и выделить код */ .punbb .quote-box, .punbb .code-box { background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; color: #252525; border: 1px solid #a7a4a1d4; box-shadow: 0px 3px #a07d38 inset; } /* Область для ввода текста в форме ответа и админке */ .punbb textarea, .punbb input { background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; color: #252525; } /* Тень и закругление */ .punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .punbb input { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } /* Фон окна наград и репутации */ #pun-popup_awards div, #pun-reputation div { background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; } /* CS2 Ссылки -------------------------------------------------------------*/ /* CS2.1 */ .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, #pun-navlinks a, #pun-ulinks a {color: #151515; text-decoration: none; } /* CS2.2 */ .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, #pun-ulinks a:focus, #pun-ulinks a:active { color: #967c3f; transition-duration: 1s; } .punbb a:hover { color: #967c3f; transition-duration: 1s; text-decoration: none; } #pun-ulinks a { font-size: 11px; color: #121212; text-transform: lowercase; font-family: roboto; word-spacing: 0px; } #pun-ulinks a:hover { text-decoration: none; color: #967c3f; transition-duration: 1s; } #pun-navlinks a { color: #1f1f1f; transition-duration: 1s; } #pun-navlinks a:focus, #pun-navlinks a:active { color: #967c3f; transition-duration: 1s; } #pun-navlinks a:hover { color: #967c3f; transition-duration: 1s; } /* CS3 Остальное -------------------------------------------------------------*/ /* CS3.1 Иконки*/ div.icon { background: url(http://forumstatic.ru/files/001a/7b/d5/30136.jpg) no-repeat; } tr.inew div.icon { background: url(http://forumstatic.ru/files/001a/7b/d5/81680.jpg) no-repeat; } tr.iclosed div.icon { background: url(http://forumstatic.ru/files/001a/7b/d5/18476.jpg) no-repeat; } tr.isticky div.icon { background: url(http://forumstatic.ru/files/001a/7b/d5/55417.jpg) no-repeat; } /* CS3.2 Всё подряд*/ #pun-main div.catleft, #pun-main div.catright {display: none;} #pun-main .post-author ul {text-align: center;} ul.post-ul-Sp, .post-img-Sp {text-align:center;} #pun th, #pun-main h2 {text-align: center} #pun-navlinks .container, #pun-ulinks .container {text-align: center;} .modlist {font-size: 95.05%;} #pun-announcement .container {font-size: 101%; font-family: "Arial";} .category h2 span{display: block;} #pun-stats h2 span {visibility: visible;} #pun td .modlist{display:none;} .lastedit {display:none} #pun-announcement h2 {display: none} #pun-navlinks #navawards{display:none} /*---Прокрутка---*/ ::-webkit-scrollbar-thumb:vertical { background-color:#967c3f; border: 1px solid #9e8342; } ::-webkit-scrollbar-thumb:horizontal { background-color:#967c3f; border: 1px solid #9e8342; } ::-webkit-scrollbar { width: 5px; height: 5px; background-color: #272727; } ::selection { background: #272727 !important; color: #c0bdb5; } #pun-viewforum.punbb div.icon { margin-top: 0 !important; } td.tcr a { background-repeat: no-repeat; background-position: left center; font-family: roboto; font-size: 12px; font-weight: bold; } .category .container thead {display: none;} .punbb .pa-avatar img { max-width: 180px !important; border: 2px solid #a7a7a7; margin-top: 4px; margin-bottom: 5px; } #pun-viewtopic .post h3 { margin: 0 -10px; height: 15px; background-image: url(http://forumstatic.ru/files/001a/7b/d5/58548.jpg); border-radius: 1px; background-color: #1e1e1e; text-transform: uppercase; font-family: roboto; font-size: 9px; } #pun-viewtopic .post h3 a { color: #c5c0b9 !important; } #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { position: absolute; right: 6px; top: 43px; background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; border: 2px solid #967c3f; } #counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);} #counters a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=70); transition-duration: 2s;} #pun-index div.category h2, #pun-index #pun-stats h2 { box-sizing: border-box; text-align: center; font-size: 13px; position: relative; height: 22px !important; z-index: 5; border-top: 2px solid #a07d38; padding-top: 2px; font-weight: 600; margin: 10px 0 10px 0 !important; letter-spacing: 0.5px; padding-bottom: 3px; background-color: #84807c1f; text-transform: uppercase; background-repeat: no-repeat; background-position: top center; } .punbb h1 span:after, .punbb h2 span:after, .punbb legend span:after { content: " —"; } .punbb h1 span:before, .punbb h2 span:before, .punbb legend span:before { content: "— "; } .links1 { color: #181818 !important; font-family: oranienbaum; text-transform: uppercase; font-weight: bold; font-size: 12px; } .links1:hover { color: #967833 !important; font-family: oranienbaum; text-transform: uppercase; font-weight: bold; font-size: 12px; } .pa-fld2 { margin: 8px 0 0 0 !important; } .punbb .post .linklz { color: #c3beb7 !important; font-family: oranienbaum; font-weight: 600; font-size: 15px; letter-spacing: 0.6px; } .pa-fld1 { color: #1a1819; margin-top: 5px !important; line-height: 13px; } .lz { margin-top: 4px !important; border: 1px solid #a07d3838; color: #c5c0b9; background-color: #1515155e; padding: 4px; } .shprin { width: 500px; border: 5px solid #b79443; padding: 10px; } .shprinn { text-align: justify; margin-top: 5px !important; padding: 5px 20px 5px 5px; } .shprin a { color: #232122 !important; font-family: oranienbaum; text-transform: uppercase; font-weight: bold; } .punbb .post-content a, .punbb .post-content a:link { color:#8a6d30; } .punbb .post-content a:hover, .punbb .post-content a:focus, .punbb .post-content a:active { font-weight: bold; } .podflink { background-color: #111111; color: #fff; margin: 4px 0 3px 0 !IMPORTANT; padding: 1px 2px 2px 2px; font-family: roboto; letter-spacing: 0.6px; text-transform: uppercase; background-image: url(http://forumstatic.ru/files/001a/7b/d5/75342.jpg); text-align: center; font-size: 9px; box-shadow: 0 0 4px #00000061 inset; border: 1px solid #a09d97; border-radius: 1px; } .podflink a { color: #dcd8d3 !important; transition-duration: 2s; } .podflink a:hover { color: #cab284 !important; transition-duration: 2s; } .punbb .post .post-author a { color: #ab8b4b; } .ams { color: #dcd9d4 !important; font-family: roboto; font-size: 14px; font-weight: 500; letter-spacing: 0.8px; transition-duration: 2s; } .ams:hover { color: #b58e42 !important; font-family: roboto; font-size: 14px; font-weight: 500; letter-spacing: 0.8px; transition-duration: 2s; } .linkss { color: #d8d3cc !important; font-family: roboto; margin: 0 6px 0 0 !important; } .linkss:hover { color: #bd9952 !important; font-family: roboto; margin: 0 6px 0 0 !important; } .bpost name { color: #715214 !important; } #banners { position: absolute; margin-top: -50px !important; margin-left: -13px !important; width: 940px; height: 60px; /* border: red 1px solid; */ text-align: center; color: #fff; overflow-y: auto; overflow-x: hidden; } /*** Заплатка для поля ответа ***/ textarea#main-reply { width: 100%; height: 100%; height: 245px; margin: 0 auto !important; padding: 0.75em; box-sizing: border-box; overflow: auto; } .byuser { color: #745c2d !important; font-weight: 600; } .pun-modal .modal-inner { width: 700px; max-width: 94%; height: auto; max-height: 44em; margin: 12% auto 0; box-shadow: 0 0 14px rgba(0,0,0,.3); position: relative; z-index: 120000; background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; overflow: hidden; }
Поделиться82020-01-18 17:27:21
http://thecityandthecity.rusff.me/
Код:
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.1571327488.css); @import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400i,700,700i,900,900i|Playfair+Display:400,400i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese'); @import "http://fonts.fontstorage.com/import/oranienbaum.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 { 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, arial, helvetica, sans-serif; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif; background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; } /* 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-family: Roboto; } /* 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: 974px; float: top center; padding: 0px 0px 0px 0px; } /* A5.2 */ .punbb { margin-left: -5px; float: none; width: 922px; height: auto; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 12px 20% 12px 20%; width: auto; float: none; background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; } /* 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 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 { padding: 1em 0em 1em 0em; border-style: none none none none; border-width: 0 0px 0px 0; font-size: 12px; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0 !important; margin: 0; width: 98%; overflow: hidden; text-align: justify; } /* B1.2 */ .punbb .post-sig dt { display: block; text-align: center; border-top: 1px dashed #000; width: 60%; margin-left: 120px; padding-bottom: 5px; margin-top: 10px !important; } /* 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: 1em 1em 1em 1em; padding: 20px 15px 10px 15px; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 2px; font-size: 17px; letter-spacing: 0.4px; font-style: normal; font-family: oranienbaum; text-align: center; font-weight: 600; color: #202020; border-bottom: 1px dotted #1c1c1c; margin-bottom: 3px; } /* 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: 1em; } /* 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; font-size: 12px; font-family: Roboto; } /* 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: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { background-color: transparent; text-align: center; width: 8%; } /* C2.3 */ .punbb .main .tcr { background-color: transparent; overflow: hidden; text-align: center; width: 24%; font-size: 11px; line-height: 14px; } /* 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: center; 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 { text-align: left; font-size: 16px; font-family: roboto; font-weight: 500; text-transform: uppercase; margin-bottom: 3px; border-bottom: 1px solid #2b2b2b; } /* 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 */ #pun-index td div.tclcon { width: 440px; font-size: 11px; text-align: justify; margin-left: 40px; font-family: tahoma; background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg); background-color: #b7b4ad; padding: 5px 8px 5px 8px; border: 1px solid #c3beb7; box-shadow: 0 0 1px #0000000d inset; border-radius: 1px; } /* C2.15 */ .punbb div.icon { float: left; display: block; height: 30px; width: 30px; padding-right: 8px; } #pun-messages.punbb div.icon{ margin-top:-5px!important; } /* C3 Topics -------------------------------------------------------------*/ #pun-title, #pun-navlinks { border-color: #202021 ; } /* CS2.1 */ .punbb .container, .punbb .post-body { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none; border-width: 0; } /* 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, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent ; } /* CS2.6 */ #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; margin-bottom: 0px; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 10px; margin-bottom: 0px; margin-left: -15px; text-transform: uppercase; font-size: 10px; font-family: Roboto; letter-spacing: 0.4px; } /* 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 { } /* C3.3 */ .punbb .post h3 span { padding: 2px 12px 0px 12px; display: block; color: #c5c0b9 !important; } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 224px; overflow: hidden; margin-top: 12px; border-radius: 1px; font-family: roboto; margin-left: 2px; background-image: url(http://forumstatic.ru/files/001a/7b/d5/58548.jpg); background-color: #1b1b1b; padding-top: 5px; color: #d2ceca; border: 3px solid #a07d38; box-shadow: 0 0 0 1px #b7b4ae, 0 0 0 1px #00000069 inset; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0em 1em 1em 1em; line-height: 110%; } /* C3.7 */ .pa-author { font-style: normal; margin-top: 4px; font-family: roboto; margin-bottom: 4px !important; } /* C3.8 */ .pa-author a { font-family: oranienbaum; font-size: 19px; letter-spacing: 0.6px; color: #d8d3cc !important; border-bottom: 2px solid #a07d38; padding: 0 5px 0 5px; } /* C3.9 */ li.pa-title { font-weight: normal; font-size: 9px; font-family: roboto; margin-top: 5px; text-transform: lowercase; letter-spacing: 0.6px; padding: 0 0 1px 0; } /* C3.11 */ .punbb .post-body { margin-left: 232px; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 14px 0px 5px 15px; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 1em 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } /* 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: none none none none; border-width: 0px 0px 0 0px;} /* D1.2 */ #pun-title h1 { display : block;} /* D1.3 */ #pun-title .container { border-style: none none none none;} /* D1.4 */ #pun-title h1 span { display: none;} #pun-title h1 span { font-size: 1.5em;} /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: 55px; left: 0; margin: 0; border: none; padding: 0px !important; 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: 0px !important; 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 { text-align: center; margin-top: 0px; height: 22px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 500; font-size: 14px !important; word-spacing: -8px; } /* D3.2 */ #pun-navlinks .container { padding: 0.2em 1em; padding-top: 0px;} /* D.3 */ #pun-navlinks li { display: inline; padding-right: 1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: -15px; margin-left: -54px; } /* D4.2 */ #pun-ulinks .container { text-align: center; } /* 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: 0; } /* D5.2 */ #pun-status .container { margin: 20px 50px 0px 50px; padding-bottom: 3px; text-align: center; font-family: roboto; font-size: 13px; } /* 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: 0.5em 1em 0.8em 1em; text-align: center; font-family: roboto; font-size: 13px; } /* 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: 2.5em 1em 1em 1em; margin-top: -23px; line-height: 1.1 } /* 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; margin-bottom: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: center; line-height: 150%;} /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; margin-top: 0px; } /* 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: none; border-width: 0px 0; position: relative; height: 0; z-index: 1; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: none; border-bottom-width: 0px; 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; } jfb,.jfbfriend,.jfbscroll{ overflow:auto; } .jfbnarrow,.jfbtabbar,.jffloattall{ box-sizing:border-box; } .jfb { width: 550px; color: #333; height: auto; background-color: #c0bdb5; outline: #a88438 solid 1px; margin: 2px 30px; border: 15px solid #b59241; position: relative; font: normal normal normal 11px/110% Helvetica,Arial,sans-serif; } .jfbborder { width: auto; height: auto; outline: #a88438 solid 1px; margin: 2px 30px; border: 10px solid #b59241; } .jfbz { color: #e2d7bb; background-color: #b59241; height: 25px; font-family: oranienbaum; text-shadow: -1px 1px #987b37; font-size: 24px; font-weight: bold; letter-spacing: 2px; } .jfbz img { vertical-align: middle; } .jfb ::-webkit-scrollbar{ width:3px; } .jfb ::-webkit-scrollbar-track{ background-color:#d8dfea; } .jfb ::-webkit-scrollbar-thumb{ background-color:#a08137; } .jfbtabbar,.jfbwide{ background-color:#d2cec9;} .jfb .jprofile{ position:absolute; width: 100px; hight: 100px; top:120px; left:18px; border:3px solid #d2cec9; outline:#ddd solid 1px; } .jfb .jcover{ width: 550px; } .jfbtab label,.jfbtabbar{ border-right:1px solid #b59241; border-left:1px solid #b59241; } .jfbtabbar { width: 100%; height: 40px; border-bottom: 1px solid #b59241; text-align: center; font: normal normal normal 12px/40px Helvetica,Arial,sans-serif; text-transform: uppercase; letter-spacing: 1px; } .jfbtabcontainer{ margin:5px; position:relative; height:420px; } .jfbtab{ float:left; } .jfbtab input[type=radio]{ display:none; } .jfbtab .jfcontent{ opacity:0; } .jfbtab input[type=radio]:checked~label~.jfcontent{ opacity:1; z-index:2; } .jfbtab label{ display:block; height:40px; padding:0 14px; margin:2px -1px 0 0; position:relative; top:-47px; left:130px; font:normal normal bold 12px/40px Helvetica,Arial,sans-serif; text-transform:none; letter-spacing:normal; color:#a08137; } .jfbtab input[type=radio]:checked~label{ color:#000; } .jfbtab input[type=radio]:checked~label:after{ content:""; position:absolute; bottom:0; left:42%; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:10px solid e9eaed; } .jfcontent{ position:absolute; top:0; left:0; right:0; bottom:0; } .jfbwide{ border:1px solid #b59241; } .jfbwide h1{ background-color:#f6f7f8; padding:20px; margin:0; border-bottom:1px solid #b59241; } .jfbscroll{ margin:10px; padding-right:5px; height:345px; } .jfbphotos img{ border:0; padding:0; float:left; margin:1px; width:100px; height:100px; } .jfbfriend{ width:49%; display:inline-block; } .jfbfriend img{ float:left; width:80px; hight:80px; margin-right:15px; } .jfbwide h2{ margin:0; float:left; font:normal normal bold 16px/80px Helvetica,Arial,sans-serif; color:#b59241; } .jfbwide h3 { font: normal normal bold 12px/100% Helvetica,Arial,sans-serif; margin: 0 0 20px 10px !important; padding: 4px 5px 0px 5px; color: #212121 !important; text-align: left; background: none; background-image: url(http://forumstatic.ru/files/001a/7b/d5/20149.jpg) !important; } .jfbwide h3:nth-of-type(1){ margin-top:30px; border-left:3px solid #b59241; color:#000; } .jfbwide h4{ margin:15px 0 5px; border-bottom:1px solid #b59241; padding-left:20px; text-transform:uppercase; font:normal normal bold 9px/100% Helvetica,Arial,sans-serif; color:#888; } .jfbnarrow span,.jffloattall span{ color:#a08137; } .jfbwide h4:nth-of-type(1){ margin-top:0; } .jfbnarrow p{ text-indent:5px; } .jffloatleft{ height:365px; width:29%; float:left; border-right:1px solid #b59241; } .jfbnarrow{ padding:20px; } .jffloattall{ height:405px; padding:10px 10px 0 5px; } .jfbpost { height: auto; background-color: #f1f1f1; border: 1px solid #b59241; margin-bottom: 20px; } .jfbpost:last-child{ margin-bottom:0; } .jfbpostmain { background-color: #d2cec9; padding: 15px; text-align: justify; overflow-y: hidden; } .jfbpostimage{ max-width:500px; } .jpostimage{ float:left; margin-right:15px; } .jpostimageav{ width: 50px; hight: 50px; float:left; margin-right:15px; } .jfbpostmain h5{ margin:14px 0 18px; font:normal normal bold 14px/100% Helvetica,Arial,sans-serif; color:#b59241; } .jfbpostmain h5 span{ display:block; font-weight:400; font-size:10px; color:#666; } .jfblike{ margin-top:10px; color:#a08137; } .jfblike2{ color:#a08137; margin:10px; } .jpostimage{ max-width:100%; display:block; margin-bottom:5px; } .jfbpost2 { height: auto; background-color: #f1f1f1; border: 1px solid #b59241; margin-bottom: 20px; } .jfbpost2:last-child{ margin-bottom:0; } .jfbpostmain2 { background-color:#d2cec9; padding:15px; text-align:justify; } .jpostimage{ float:left; margin-right:15px; } .jfbpostmain2 h5{ margin:14px 0 18px; font:normal normal bold 14px/100% Helvetica,Arial,sans-serif; color:#b59241; } .jfbpostmain2 h5 span{ display:block; font-weight:400; font-size:10px; color:#666; } .jfblike22{ margin-top:10px; color:#a08137; } .jfblike222{ color:#a08137; margin:10px; } .jpostimage2{ max-width:100%; display:block; margin-bottom:5px; }
Страница: 1