Код:
@import url(style_cs.css); @import url(https://necolas.github.io/normalize.css/latest/normalize.css); @import url("https://use.typekit.net/goj0hny.css"); @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap'); @font-face { src: url('https://files.jcink.net/uploads2/josstests3/Raindrops.otf'); font-family: Raindrops; } /********** Чистый стандартный стиль для MyBB ***********/ /* ================== */ /* Скрываем элементы форума */ #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;} .acchide, #pun-index #pun-main h1, #pun-navlinks 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, #pun-title h1, #pun-announcement h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* ================== */ /* Общие стили */ body {margin: 0;} ul, dl, li, dd, dt {list-style: none;} h1, h2 { padding: 5px 10px; margin: 0; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 16px; } address, em {font-style: normal} a {text-decoration: none;} /* ================== */ /* Тело форума */ .punbb { width: 1200px; margin: 150px auto; } /* ================== */ /* Меню навигации */ #pun-navlinks .container { margin: 0; padding: 8px 10px; } #pun-navlinks li { display: inline; padding-right: 10px; } /* Юзер меню */ #pun-ulinks .container {padding: 8px 10px;} #pun-ulinks li { display: inline; padding-right: 10px; } /* ================== */ /* Объявление */ #pun-announcement .container {padding: 10px;} /* Статус (Добро пожаловать) */ #pun-status .container { margin-bottom: 0; padding: 8px 10px 10px; } #pun-status span { white-space: nowrap; margin-right: 5px; } #pun-crumbs1 {font-weight: bold;} #pun-crumbs1 p.container { padding: 10px 10px 8px 10px; margin-top: 0; } .container.crumbs { font-weight: bold; padding: 10px 10px 8px 10px; } #pun-crumbs1 .container.crumbs {margin-top: 0;} #pun-crumbs2 .container.crumbs {margin-bottom: 0;} /* Копирайт майбб */ #pun-about .container {text-align: right;} /* ================== */ /* Форумные таблицы */ table {table-layout: fixed; width: 100%;} .tcl {width: 50%;} .tc2, .tc3, .tcmod { text-align: center; width: 10%; } .tcr {width: 30%;} #pun-searchtopics .tcl, #pun-modviewforum .tcl { width: 40% } #pun-searchtopics .tc2 { text-align: left; width: 20%; } #pun-debug table .tcl {width: 15%;white-space:normal;} #pun-debug .tcr {width: 90%; white-space: normal;} td {padding: 8px 10px;} th {padding: 4px 10px;} tbody.hasicon td.tcl {padding-left: 40px} div.icon { position: absolute; margin-left: -30px; width: 20px; height: 20px; background: red; } /* ================== */ /* Категории */ .category {margin-top: 10px;} #pun-category1 {margin-top: 0;} .punbb td .modlist { display: block; padding-top: 5px; } /* Статистика */ #pun-stats .container {padding: 8px 10px} #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } li#onlinelist { margin-top: 10px; float: left; line-height: 130%; } li#onlinelist div {padding: 8px 0 0 0;} /* ================== */ /* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */ .multipage {margin-top: 30px;} .punbb .linkst { position: relative; height: 0; } .linkst .pagelink, .linkst .postlink { position: absolute; top: -50px; } .linkst .pagelink {left: 10px;} .linkst .postlink {right: 10px; text-align: right;} .punbb .linksb { text-align: right; padding: 4px 10px; } .linksb .pagelink {float: left; text-align: left;} .linksb .postlink {float: right;} .subscribelink { clear:both; padding: 5px 0; } /* Модераторское меню, RSS, Atom */ .modmenu .container {padding: 5px 10px;text-align: right;} .modmenu .container strong {float: left;} .modmenu input {margin-left: 10px;} /* ================== */ /* Страница топика */ .post {margin-top: 10px;} .toppost, .topicpost {margin-top: 0;} .post .container {} .post h3 {} .post h3 span { padding: 5px 10px; display: block; } .post h3 strong { float: right; text-align: right; font-weight: normal; } .post .post-author { float: left; margin-top: 0px; width: 240px; } .post-body {margin-left: 300px;} .post-box {padding: 20px; text-align: justify;} .post-links {margin-left: 300px;} .post-links ul { padding: 0 10px 0 0; margin-left: -300px; text-align: right; } .post-links li { display: inline; padding-left: 10px; } .pl-email, .pl-website {float: left;} .clearer {clear: both; height: 0; font-size: 0;} /* ================== */ /* Подпись в топике */ .post-sig dt, .post-sig dd, .post-sig dl {margin: 0} .post-sig dt { display: block; margin: 5px 0; } /* Контент поста */ .post-content em {font-style: italic} .post-content em.bbuline {font-style: normal; text-decoration: underline;} .post-content p { margin: 0; line-height: 150%; padding: 0 0 12px 0; } .post-content img {vertical-align: middle;} .scrollbox { width: 100%; overflow: auto; max-height: 200px; } /* ================== */ /* Формы */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;} p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;} textarea, input, select, optgroup {font-size: 12px;} optgroup {font-weight: bold;} .formal .container {padding: 10px 20px;} .formsubmit { padding: 0 0 0 15px; margin: 10px 0 0 0; } .formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;} fieldset {border: none;} fieldset legend { font-style: normal; font-weight: normal } fieldset fieldset { border: none; margin: 0; padding: 0 0 8px 0 } .fs-box {padiing: 5px 0;} .fs-box p, .fs-box fieldset {padding: 0 0 8px 0;} .inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;} .inline .infofield {clear:both} .datafield br {display: none} .required label, .datafield span.input {font-size: 10px;} textarea, .longinput input {width: 64%; margin: 0;} .hashelp {position: relative;} /* ================== */ /* Предпросмотр сообщения */ #pun-post .topic {margin-top: 10px;} /* ================== */ /* Профиль + ЛС */ #profile .container {padding-left: 300px;} #profilenav { float: left; width: 300px; margin-left: -300px; } #profilenav li {padding-bottom: 10px;} #viewprofile ul, #profilenav ul { padding: 10px; margin: 0 0 10px 0; } #viewprofile h2, #profilenav h2 { padding: 0; margin: 0; } #viewprofile li {margin-bottom:2px;} #viewprofile li span { float: left; width: 180px; padding: 5px 10px; font-weight: bold; } #viewprofile li strong, #viewprofile li div { display: block; padding: 5px 10px; font-weight: normal; } .punbb img.avatardemo {float: right;margin: 0 0 8px 18px;} /* ================== */ /* Список пользователей */ #pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;} #pun-userlist .tc2 { text-align: left; width: 20%; } #pun-userlist .tcl {width: 40%} /* ================== */ /* Собщения об ошибках */ .info .container {padding: 5px 10px;} .info .container .backlink {padding-top: 8px;} /* ================== */ /* Регистрация */ .info-box { padding: 10px 15px; margin: 0 0 10px 0; } .punbb .info-box * {padding: 0 0 5px 0;} .punbb #pun-main .info-box .legend { font-weight: bold; }
Код:
::-webkit-scrollbar{width:4px; height:8px} ::-webkit-scrollbar-track{background: var(--background2);} ::-webkit-scrollbar-thumb{background: var(--text1);} body::-webkit-scrollbar{width:11px} body::-webkit-scrollbar-track{background: var(--border5);border: 5px solid var(--background2)} body::-webkit-scrollbar-thumb{background:var(--accent);border:5px solid var(--background2)} /* ================== */ /* Общие стили */ body { --white: #fff; --background: #e7e6e1; --background1: #e3e4df; --background2: #cfcdc4; --border1: #111; --border2: #555; --border3: #ddd; --text1: #222; --text2: #fff; --text3: #ccc; --accent: #2090aa; --accent2: #a5c7ce; --link1: #578894; --link2: #333; --backhalf: rgba(25,25,25,0.3); --font1: Rubik, sans-serif; --font2: Tenor Sans, sans-serif; --font3: roboto, sans-serif; --font4: source serif pro, sans-serif; --background-image: url(https://forumstatic.ru/files/001b/e8/4a/60212.jpg); --background-image1: url(https://forumstatic.ru/files/001b/e8/4a/20378.jpg); } body { font-size: 12px; font-family: var(--font1); color: var(--text1); background: var(--background2); background-image: var(--background-image); background-position: bottom; background-size: cover; background-attachment: fixed; } a:link, a:visited, a:active { text-decoration: none; color: var(--link1); transition: 0.2s;} a:hover { color: var(--text1); text-decoration: none; } h1, h2, h3 { font-family: var(--font2);} /* ================== */ /* Тело форума */ .punbb { position: relative; background: var(--background-image1) top center no-repeat var(--background); padding: 20px; border-radius: 20px; } #pun-title {display: none;} .post .post-author, #pun-index #pun-main .category .container, .post-box, #pun-stats ul.container { background: var(--background1); border: 1px solid var(--background2); padding: 10px; border-radius: 10px; } #pun-status .container { font-size: 10px; } /* ================== */ /* Меню навигации */ #pun-navlinks { margin-top: 150px; } #pun-navlinks .container { text-align: center; text-transform: uppercase; font-weight: 800; font-family: var(--font2); } /* Юзер меню */ #pun-ulinks .container { text-align: center; margin: 0; text-transform: lowercase; } /* ================== */ /* Форумные таблицы */ /* ================== */ #pun-index .category h2, #pun-stats h2{ display: flex; flex-direction: column; gap: 4px; justify-content: center; align-items: center; text-align: center; opacity: 1; } #pun-index .category h2 em, #pun-stats h2 em { display: inline; font: 400 10px/130% Rubik; color: var(--border1); } /* Категории */ #pun-index .tcl h3 a { color: var(--text1); text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; } #pun-index .tc2, #pun-index .tc3, #pun-index .tcmod { display: none } #pun-index thead{ display: none } #pun-index td.tcr { text-align: left; font-size: 12px; font-weight: 400; } .Add { position: absolute; text-transform: lowercase; } /* Статистика */ #pun-stats ul.container {margin: 0;} /* ================== */ /* Страница топика */ .post h3 { background: var(--background1); border: 1px solid var(--background2); padding: 2px; border-radius: 10px; } .post .post-author { text-align: center; } .post .post-author ul { margin: 0; padding: 0; } .pa-author { font-family: var(--font2); text-transform: uppercase; font-size: 16px; font-weight: 600; } .pa-title { font-size: 8px; padding: 5px; text-align: center; text-transform: uppercase; letter-spacing: .5px; margin: 10px -10px; border-top: 1px solid var(--background2); border-bottom: 1px solid var(--background2); background: var(--background); } .pa-fld1 { text-align: justify; margin: 10px; line-height: 18px; } .ank_name { margin: 10px -20px; padding: 8px 20px; text-align: center; font-family: var(--font2); text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border-top: 1px solid var(--background2); border-bottom: 1px solid var(--background2); background: var(--background); } .pa-posts, .pa-respect { display: inline-block; width: 30%; margin-bottom: 6px; padding-top: 6px; } /* ================== */ /* Контент поста */ .quote-box, .code-box { margin: 22px 28px; padding: 24px; border: 1px solid var(--background2); background: var(--background); border-radius: 20px; } .quote-box cite { display: block; padding-bottom: 5px; font-size: 20px; font-weight: 700; font-style: normal; margin-top: 6px; margin-bottom: 6px; letter-spacing: 0px; line-height: 20px; text-align: left; } .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; padding-top: 5px; margin: 0; } .code-box strong.legend { display: block; padding-bottom: 5px; font-size: 20px; font-weight: 700; font-style: normal; margin-top: 6px; margin-bottom: 6px; letter-spacing: 0px; line-height: 20px; text-align: left; } .post-content .spoiler-box > div { display: block; padding-bottom: 5px; font-size: 20px; font-weight: 700; font-style: normal; margin-top: 6px; margin-bottom: 6px; letter-spacing: 0px; line-height: 20px; text-align: left; } div.post-content td {border: none !important;} /* ================== */ /* Профиль + ЛС */ /* ================== */ /* Список пользователей */ /* ================== */ /* Формы */ #main-reply { width: 100%; background: var(--background1); padding: 10px; } /* Прочее */ :focus {outline: none;} /* Символы в посте */ #post legend span{display: none;} #plng { padding: 0; margin: 0 20px 0 0; font-weight: 500 !important; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.6px; line-height: 1; } #plng b { font-weight: 500 !important; } /* Таблица */ .name { font-family: var(--font2); font-size: 60px; color: var(--white); position: absolute; top: -90px; left: 0px; width: 1240px; text-align: center; }