Название форума

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

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

Вы здесь » Название форума » Техническое » Светлый минимализм - полная версия

Светлый минимализм - полная версия

Страница: 1

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

1

  • Автор: Sttest
  • Администратор
  • Sttest
  • Имя Фамилия, 000 лет
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. 💵💵💵
  • Сообщений: 15
  • Уважение: +0
Код:
@import url(style_cs.css);

/* шрифты */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@font-face {
    font-family: 'SFProDisplay-Medium';
    src: url('/files/001b/70/52/12704.eot');
    src: url('/files/001b/70/52/12704.eot?#iefix') format('embedded-opentype'),
          url('/files/001b/70/52/63957.ttf') format('truetype'),
          url('/files/001b/70/52/23311.woff') format('woff'),
          url('/files/001b/70/52/43093.woff2') format('woff2'),
          url('/files/001b/70/52/90380.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

/********** Чистый стардартный стиль для MyBB ***********/
/******** Cпециально для ForumD.ru © Gerda, 2023 ********/
/**************************************************
!!! Условия использования !!!

1. Данный копирайт не удалять
2. При публикации производных работ указывать ссылку на автора и ForumD.ru
3. При публикации в общий доступ указывать ссылку на автора и ForumD.ru
4. Публичный производный контент должен распостраняться на тех же условиях

Подробно: forumd.ru/viewtopic.php?id=5751#rule
**************************************************/

/* ================== */

/* Скрываем элементы форума */

.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
}

#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;}

.topic a.sharelink {display: none;}
li.pl-reports {display: none;}
#form-buttons td#button-smile, #form-buttons td#button-files_rusff, #form-buttons td#button-graffiti_rusff {display: none;}

/* цвета */

body {
  --textColor: #262626;
  --linkColor: #61ae69;
  --bodyColor: #e3e3e3;
  --darkBackColor: #f0f0f0;
  --midBackColor: #f8f8f8;
  --lightBackColor: #ffffff;
  --toggleColor: #cbcbcb;
  --bodyBackground: var(--bodyColor);
  --font1: 'Open Sans', sans-serif;
  --font2: 'SFProDisplay-Medium', sans-serif;
}

body.dark {
  --textColor: #aaa;
  --linkColor: #61ae69;
  --bodyColor: #202020;
  --darkBackColor: #333333;
  --midBackColor: #282828;
  --lightBackColor: #303030;
  --toggleColor: #cbcbcb;
  --bodyBackground: var(--bodyColor);
  --font1: 'Open Sans', sans-serif;
  --font2: 'SFProDisplay-Medium', sans-serif;
}

/* ================== */

/* Общие стили */
* {margin: 0; padding: 0;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}

body {
font-size: 12px;
font-family: var(--font1);
background: var(--bodyColor);
color: var(--textColor);
}
h1 {
font-size: 20px;
font-weight: 600;
padding: 5px 10px;
margin: 0px;
text-align: center;
}
h2 {
font-size: 16px; 
font-weight: 600;
padding: 5px 10px;
margin: 0px;
text-align: center;
}

address, em {font-style: normal}

a {color: var(--linkColor); text-decoration: none;}
a:link, a:visited, a:active { text-decoration: none; var(--textColor); transition: 0.2s;}
a:hover { color: var(--textColor); text-decoration: none; }

:focus {outline: none;}

/* Скроллбары */

::-webkit-scrollbar{width:7px; height:7px;}
::-webkit-scrollbar-track{background: var(--bodyColor);border: 1px solid var(--linkColor)}
::-webkit-scrollbar-thumb{background: var(--bodyColor);border:3px solid var(--linkColor)}

body::-webkit-scrollbar{width:13px; height:7px;}
body::-webkit-scrollbar-track{background: var(--bodyColor);border: 1px solid var(--textColor)}
body::-webkit-scrollbar-thumb{background:var(--bodyColor);border:6px solid var(--textColor)}

/* Селект */
::selection {color: var(--bodyColor); background: var(--textColor);}

/* ================== */

/* Тело форума */
#pun {
padding: 20px;
position: relative;
max-width: 1200px;
box-sizing: border-box;
margin: auto;
margin-top: 60px;
margin-bottom: 80px;
}
.punbb {
margin: 0 auto;
padding: 0px 30px 25px 30px;
background: var(--darkBackColor);
border-radius: 20px;
}

/* ================== */

/* Меню навигации */
#pun-navlinks li {
display: inline;
padding-right: 10px;
}

#pun-navlinks .container {
margin: 0;
padding: 5px 0;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: .5px;
font-family: var(--font2);
}

#pun-navlinks {
position: sticky;
top: 0px;
height: 30px;
text-align: center;
z-index: 999;
margin: 0 -30px;
}

#pun-navlinks, #pun-ulinks {background: var(--darkBackColor);}

/* Юзер меню */
#pun-ulinks li {
display: inline;
padding-right: 10px;
}

#pun-ulinks .container {
padding: 5px 0;
margin: 0;
font-weight: 400;
font-size: 12px;
text-transform: lowercase;
}

#pun-ulinks {
position: sticky;
top: 30px;
margin: auto -30px;
padding: 10px 0;
text-align: center;
z-index: 999;
}
/* ================== */

/* Объявление */
#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%;}
#respect {width: auto;}
.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}

/* ================== */

/* Категории */
#pun-category1 {margin-top: 0;}
.category h2 {text-align: left;}
.category:nth-child(even) h2 {text-align: right;}
.category .tcl, .category .tc2, .category .tc3, .category .tcr {width: 100%;}
.category tbody.hasicon td.tcl {padding-left: 0px}
.category {margin-top: 30px;}
.category table thead {display: none;}
.category table td.tc2, .category table td.tc3 {display: none;}
.category tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-content: space-between;
}
.category table tr {
  display: grid !important;
  position: relative;
  padding: 20px;
  margin: 0 0px;
  gap: 10px;
  background: var(--midBackColor);
  border-radius: 20px;
  width: calc(49% - 40px);
  justify-items: center;
}

.category table tr.inew {background: var(--lightBackColor);}

.category h3 {font-size: 20px; margin: 0; font-weight: 700;font-family: var(--font2);}
.category .info {padding: 10px 0; text-align: justify;}
.category .info-link {padding: 4px; text-align: center;}
.category .info-link a {font-weight: bold; text-transform: uppercase;margin: 0 2px;}

#pun-index td.tcr a {font-size: 16px; font-weight: 500; font-family: var(--font2);} 

#pun-viewforum .category tr {
  background: var(--midBackColor);
  width: 100%;
  display: flex !important;
  flex-direction: row;
}

.subforums {padding: 5px 0; margin-top: 10px; text-transform: uppercase; font-weight: 700; font-size: 10px;}}

/* иконки */

.punbb td div.tclcon {
  padding: 0px 30px 0px 20px;
  line-height: 16px;
  text-align: justify;
}
 
#pun-main .category Div.icon {
  margin: 6px 0px 0 -30px;
  font: 700 14px var(--font1);
  right: 0;
  background: var(--bodyColor);
  border-radius: 4px 0 0 4px;
  font-size: 0;
}

#pun-main .category TR.inew Div.icon {
  background: var(--linkColor);
  border-radius: 4px 0 0 4px;
  font-size: 0;
}

Div.icon {margin: -2px 0px 0px -34px;}

.punbb table Div.icon {
  position: absolute;
  width: 37px;
  height: 10px;
  font: 700 14px var(--font1);
  text-transform: uppercase;
}

.punbb table Div.icon::before {
  content: "old";
}

TR.inew Div.icon::before {
  content: "new";
}

TR.isticky Div.icon::before {
  content: "!!!";
}

TR.iclosed Div.icon::before {
  content: "xxx";
}

div.punbb .user-avatar .avatar-image {border-radius: 10px;}

/* Статистика */
#pun-stats {margin-top: 30px;}
.punbb #pun-stats h2 {text-align: left;}

div#pun-stats.section {
  position: relative;
}

#pun-stats .statscon .container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 10px;
}

#pun-stats .statscon ul.container {margin: 0; padding: 10px;}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {background: var(--midBackColor); border-radius: 10px; padding: 10px;}

li#onlinelist {
  float: left;
  line-height: 130%;
  width: 100%;
  background: var(--midBackColor);
  border-radius: 20px;
  padding: 20px;
}

/* ================== */
/* Активные темы */
#pun-viewforum thead th.tcl, #pun-index thead th.tcl, #pun-searchtopics thead th.tcl, #pun-respect thead thead th.tcl {padding-left: 40px;}

#pun .forum tr {
  display: flex;
  padding: 10px 10px;
  border-radius: 5px;
  align-items: center;
}
.forum tr:nth-child(even) {background: var(--midBackColor);}
.forum tr + tr {margin-top: 5px;}

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
position: absolute;
top: -50px;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right;}

.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 {
  margin: 20px 0;
  letter-spacing: 1px;
  font-size: 12px;
  text-align: right;
  padding: 6px 0px;
}

.post h3 span {
  display: block;
  border-bottom: 1px solid var(--bodyBackground);
  height: 9px;
  margin: 0 -30px;
  padding: 0 30px;
}

.post h3 strong, .punbb .post h3 a {background: var(--darkBackColor);}
.punbb .post h3 a{ padding: 0 5px;}
.punbb .post h3 em {padding: 0 10px;}
.punbb .post h3 a:before {content: "[ ";}
.punbb .post h3 a:after {content: " ]";}
.punbb  .post h3 strong:before {content: "[post#";}
.punbb  .post h3 strong:after {content: "]";}

.post h3 strong {
text-align: right;
font-weight: normal;
padding: 0 5px;
}

#pun-searchposts h3 span {border: none; text-align: left;}
#pun-searchposts h3 strong{float: right;}

.post .post-author {
float: left;
position: relative;
margin-top: -10px;
width: 250px;
background-color: var(--midBackColor);
padding: 10px;
text-align: left;
border-radius: 20px;
}
.post .post-author ul {padding: 10px; margin: 0;}
.post .post-author li + li {margin: 10px 0;}

li.pa-author {
font-family: var(--font2);
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}

li.pa-title {
font-size: 10px;
text-transform: uppercase;
}

li.pa-avatar img {max-width: 180px; max-height: 180px; border-radius: 5px;}

.post-body {margin-left: 300px;}
.post-box {padding: 10px;}

.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;
}

/* Контент поста */
pre {font-family: monospace, monospace; font-size: 12px;}
.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.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;
}
.quote-box, .code-box {
  margin: 20px;
  padding: 20px;
  border: 1px solid var(--bodyBackground);
  background: var(--midBackColor);
  border-radius: 20px;
}

.quote-box cite {
  display: block;
  font-style: normal;
  text-align: left;
  font-weight: 700!important;
  letter-spacing: 1px;
  font-size: 20px!important;
  font-family: var(--font2);
  margin-bottom: 10px!important;
  height: 20px;
}

.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;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  margin-top: 6px;
  margin-bottom: 6px;
  letter-spacing: 0px;
  line-height: 20px;
  text-align: left;
}

/* ================== */

/* выпадающие окна */
#pun-reputation .inner, #tags .container, #mask_dialog .inner, .hvStickerPackModalContainer .hvStickerPackModal {
  background: var(--midBackColor);
  border: 1px solid var(--bodyBackground);
  border-radius: 10px;
  padding: 20px;
}

/* Формы */
.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;}

#viewprofile-next #pa-edit a, input[class="button"], input[class="button submit"], input[type="button"], [type="submit"] {  
  padding: 5px 12px;
  text-align: center;
  margin: 5px;
  font-weight: 700;
  min-width: 75px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  background: var(--lightBackColor);
  border: 1px solid var(--bodyBackground);
  transition: 0.4s;
  -webkit-transition: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

#viewprofile-next #pa-edit a:hover, input[class="button"]:hover, input[class="button submit"]:hover, input[type="button"]:hover {
  background: var(--midBackColor);
  border: 1px solid var(--bodyBackground);
}

textarea, input, select, optgroup {font-size: 14px; background: var(--midBackColor);border: 1px solid var(--bodyBackground);padding: 5px;}
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-weight: normal;
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 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!important;
font-weight: normal;
}
img.avatardemo {float: right;margin: 0 0 8px 18px;}

/* Просмотр профиля */

div#viewprofile table {
background: var(--midBackColor);
  border: 1px solid var(--bodyColor) !important;
overflow: hidden;
border-radius: 10px;
margin: auto;
}

#profile-left {
width: 30%;
padding-top: 0 !important;
text-align: center;
}

#profile-left strong {
font-weight: bold;
}

#profile-left strong {
font-weight: bold !important;
}

#profile-left li#profile-name {
font-size: 24px;
}

#profile-right {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-evenly;
gap: 12px;
font-size: 11px;
width: 100% !important;
background: var(--midBackColor);
padding: 20px!important;
border-left: none!important;
box-sizing: border-box;
}

#profile-right li {
width: auto;
display: flex;
flex: auto;
text-align: center;
padding: 11px!important;
background: var(--midBackColor);
border: 1px solid var(--bodyColor) !important;
border-radius: 4px;
align-items: center;
flex-direction: column;
justify-content: center;
}

#pun #profile-right li span {
float: none;
margin: 0;
width: auto;
text-transform: lowercase;
font-weight: bold;
}

div#viewprofile li#pa-invites {
display: none;
}

/* ================== */

/* Список пользователей */
#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;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}


/* переключение стиля */
#stylelist {
  position: absolute;
  top: -50px;
  right: 174px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  filter: invert(1);
}

.mode {
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--toggleColor);
  padding: 2px;
  border-radius: 4px;
}

0

2

  • Автор: Sttest
  • Администратор
  • Sttest
  • Имя Фамилия, 000 лет
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. 💵💵💵
  • Сообщений: 15
  • Уважение: +0
Код:
@media screen and (max-width: 740px) {

/* ================== */

/* переключение стиля */
ul#stylelist {
  position: absolute;
  top: -40px;
  right: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
  justify-content: space-between;
}

.mode {
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--toggleColor);
  padding: 2px;
  border-radius: 4px;
}

/* ================== */

/* Общие стили */
body {
  background: var(--bodyColor);
}

/* ================== */

/* Тело форума */
#pun {
  width: 100%;
  padding: 0px !important;
  border-radius: 20px 20px 20px 20px;
  margin: 20px auto;
  position: relative;
  text-align: justify;
}

.punbb,
#html-header,
#pun-index .main .tcl {
  width: 100%;
  box-sizing: border-box;
}

/* ================== */

/* Меню навигации */
#pun-navlinks .container {
  width: 100%;
  margin: 0 auto;
  padding: 4px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#pun-navlinks a {
  display: flex;
  position: relative;
  font-size: 0;
  width: 30px;
  height: 30px;
  border-bottom: none !important;
  padding: 0;
}

#pun-navlinks a:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  pointer-events: none;
  font-family: "Material Icons";
  font-size: 24px;
  font-weight: 100;
  transition: all 0.3s linear 0s;
}

#pun-navlinks a:hover:before {
  outline: none;
  transition: all 0.3s linear 0s;
}

#pun-navlinks li {
  display: inline-block;
  margin: 0 4px;
  padding-top: 0px;
  position: relative;
}

#pun-navlinks li#navindex a:before {
  content: "\e58c";
}
#pun-navlinks li#navuserlist a:before {
  content: "\f233";
}
#pun-navlinks li#navsearch a:before {
  content: "\e8b6";
}
#pun-navlinks li#navprofile a:before {
  content: "\e853";
}
#pun-navlinks li#navpm a:before {
  content: "\e158";
}
#pun-navlinks li#navadmin a:before {
  content: "\e8b8";
}
#pun-navlinks li#navlogout a:before {
  content: "\e5cd";
}
#pun-navlinks li#navregister a:before {
  content: "\e7fe";
}
#pun-navlinks li#navlogin a:before {
  content: "\e5ca";
}
#pun-navlinks li#navpr_1 a:before {
  content: "\e7f4";
}
#pun-navlinks li#navpr_2 a:before {
  content: "\e666";
}

/* Юзер меню */
#pun-ulinks:before {
  content: "меню пользователя";
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font2);
  letter-spacing: 0.5px;
}
  
#pun-ulinks .container {
  margin: 0;
  width: calc(100% - 2px);
  padding: 8px 10px;
  border: 1px solid var(--bodyBackground);
  background: var(--darkBackColor);
  border-radius: 0 0 20px 20px;
  border-top: none;
}
#pun-ulinks ul {
  display: none !important;
}
#pun-ulinks:hover ul {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  z-index: 9999;
}
#pun-ulinks li {
  display: block;
  text-align: center;
  padding: 4px;
  margin: 5px;
  width: calc(100% - 60px);
  border: 1px solid var(--bodyBackground);
}

/* ================== */

/* Объявление */
#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;
}

/* ================== */

/* Форумные таблицы */

#pun-index .main .tcr {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

#pun-index tbody.hasicon tr {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#pun-index .intd {
  position: relative;
}

#pun-index div.icon {
  position: absolute;
  top: 0;
  right: -30px !important;
}

/* ================== */

/* Категории */
.category {
  margin-top: 10px;
}
#pun-category1 {
  margin-top: 0;
}
.punbb td .modlist {
  display: block;
  padding-top: 5px;
}

/* ================== */

/* Активные темы */

#pun-main h1, #pun-main h2 {font-size: 0px;}

#pun-index thead, #pun-viewforum thead, #pun-online thead, #pun-userlist thead, #pun-searchtopics thead, #pun-respect thead {
  display: none;
}

#pun-viewforum .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
  display: none;
}
#pun-viewforum .main .tc2, #pun-viewforum .main .tc3, #pun-viewforum .main .tcmod, #pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3, #pun-searchtopics .main .tcmod {
  display: none;
}

.punbb .main .tclcon .stickytext, .punbb .main .tclcon .closedatafield, .punbb .main .tclcon .byuser {
  display: none;
}

#pun-viewforum .container td.tcl, #pun-modviewforum .container td.tcl, #pun-searchtopics .container td.tcl {
  display: grid;
  width: 100%;
  box-sizing: border-box;
}

#pun-viewforum .container tr, #pun-searchtopics .container tr {
  display: grid!important;
  width: 100%;
  margin: 0 auto;
  grid-template: 1fr/1fr 1fr;
}

#pun-viewforum .intd, #pun-modviewforum .intd, #pun-searchtopics .intd {
  display: grid;
  gap: 0;
  align-items: center;
}

#pun-viewforum .container td.tcr, #pun-modviewforum .container td.tcr, #pun-searchtopics .container td.tcr {
  display: grid;
  align-items: flex-end;
  justify-items: end;
  width: 100%;
  box-sizing: border-box;
}

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {
  margin-top: 30px;
}
.punbb .linkst {
  position: relative;
  height: 0;
}
.linkst .pagelink,
.linkst .postlink {
  position: absolute;
  top: -20px!important;
}
.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;
}

/* ================== */

/* Страница топика */
.punbb .post .post-author {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 20px;
  border-top: none;
  text-align: center;
}

.punbb .post-body {
  margin: 0;
}

#pun .post .post-content td {
  display: block;
  width: 100% !important;
  box-sizing: border-box;
}

.post h3 {
  font-size: 10px;
  height: 4px;
}

.punbb .post h3 span {
  margin-left: 2em;
  margin-right: 2em;
}

.post-box {
  font-size: 16px;
}

/* ================== */

/* Подпись в топике */
.post-sig dt,
.post-sig dd,
.post-sig dl {
  margin: 0;
}
.post-sig dt {
  display: block;
  margin: 5px 0;
}

/* Контент поста */
pre {
  font: 11px mospace;
}
.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;
}
.quote-box,
.code-box {
  margin: 4px 10px 10px;
  padding: 5px;
  border: 1px solid #ccc;
}
.quote-box cite {
  display: block;
  padding-bottom: 5px;
}
.code-box strong.legend {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-style: normal;
}

.pa-fld2,
.pa-title,
.pa-ip {
  display: none;
}

.punbb .post .post-author ul {
  column-gap: 10px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template: 0fr 0fr/1fr 3fr 1fr;
  justify-items: center;
}

.pa-author {
  grid-area: 1/2;
  padding: 15px 0 !important;
  display: flex;
  justify-content: center;
  border: none;
}
.pa-avatar {
  display: flex;
  order: 2;
  width: 40px;
  height: 40px;
  padding: 10px 0 0 5px !important;
}

.pa-avatar img {
  width: 40px;
  height: 40px;
  border: none !important;
  border-radius: 10px;
}

.pa-fld1 {
  grid-area: 2/-3;
}

.pa-fld1 .info {
  display: none;
}

.pa-posts,
.pa-respect {
  display: none;
}
.post-author .pa-online,
li.pa-last-visit {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 6;
  width: 100%;
  border-radius: 0 0 20px 20px;
  grid-column: -4/4;
}

/* ================== */

/* Формы */
.punbb #form-buttons {
  display: flex;
  flex-direction: column;
}

.punbb #form-buttons tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  gap: 10px 20px;
}

/* ================== */

/* Предпросмотр сообщения */
#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;
}

/* просмотр профиля */
div#viewprofile .container {padding: 0;}

#profile-left {
  width: 100%!important;
  margin: auto;
  text-align: center;
  display: block;
}



/* ================== */

.FNTslider,
.pa-replies {
  display: none;
}
}

@media screen and (max-width: 450px) {
  .FNTslider {
    display: none;
  }
}

0

3

  • Автор: Sttest
  • Администратор
  • Sttest
  • Имя Фамилия, 000 лет
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. 💵💵💵
  • Сообщений: 15
  • Уважение: +0
Код:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<ul id="stylelist"></ul>
<!-- Смена стиля, (с) ForumD.ru, satsana -->
<script type="text/javascript">
var styleList = [{
    class: 'day',
    name: '<img src="https://forumstatic.ru/files/001c/10/99/12906.svg" class="mode" title="light mode">'
}, {
    class: 'dark',
    name: '<img src="https://forumstatic.ru/files/001c/10/99/13384.svg" class="mode" title="dark mode">'
}];

function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle);
$(document).pun_mainReady(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
</script> <!-- Смена стиля - END -->

<!--выделить код. Alex_63 new.2019--> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->

0

4

  • Автор: Sttest
  • Администратор
  • Sttest
  • Имя Фамилия, 000 лет
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. 💵💵💵
  • Сообщений: 15
  • Уважение: +0
Код:
<!-- ДЛИННОЕ ТИРЕ -->
<script>
    $('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')});
    $('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?–(\s|&nbsp;)/g,'$1&mdash;$2')});
</script>

<!-- замена дюймов на ёлочки -->
<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>

<!-- Свернуть спойлер -->
<script type="text/javascript">
function clickSP(i) {setTimeout("$('#spoiler"+i+"').click()",100);}
$('.quote-box.spoiler-box > div').each(function(i) {
    $(this).attr('id','spoiler'+i).append('<a name="220_'+i+'" style="position:absolute;margin-top:-200px"></a>');
    $(this).next('blockquote').append('<a href="#220_'+i+'" onclick="clickSP('+i+')" style="float:right">Свернуть спойлер</a>');
});
</script>

<!-- ПОДСЧЕТ СИМВОЛОВ В ФОРМЕ ОТВЕТА -->
<script>
$(function() {
   if ($('textarea#main-reply').length > 0) {
      $('p.areafield.required').after('<div id="charcounter">Символов в сообщении: <span class="charcount">0</span></div>');
      var lastValue = '';
      setInterval(function() {
         if ($('#main-reply').val().length != lastValue) {
            lastValue = $('#main-reply').val().length;
            $('.charcount').text(lastValue);
         }
      }, 100);
   }
});
</script>

<!-- ЗАМЕНА ССЫЛОК В ПОСТАХ НА АБСОЛЮТНЫЕ -->
<script type="text/javascript">
$(".post-content a").each(function (){
  var L=$(this).attr("href");var b="click.p";
  L=L.replace(/^.*click\.php\?(.*)$/mgi,"$1");
  if(L.search(/viewtopic\.php\?id=.*#p/)!=-1){
    var p=L.replace(/^.*?#p(\d+)$/mgi,"$1");
    L=L.replace(/\?id=.*$/,"");
    L+="?pid="+p+"#p"+p;
  }
  $(this).attr("href",L);
});
</script>

<!-- скрипт маски-->
<script src="https://forumstatic.ru/files/0017/95/29/79261.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Главный архив', 'Завершённые эпизоды', 'Заброшенные эпизоды', 'Неактуальные анкеты и акции'],
    forumAccess: {
        'Принятые анкеты': ['Пользователи', 'Новички']
    },
    forumAccessExtended: {
        'Дневники': ['Пользователи'],
        'Настоящее': ['Пользователи'],
        'Прошлое': ['Пользователи'],
        'Альтернатива': ['Пользователи'],
        'Завершённые эпизоды': ['Пользователи'],
        'Заброшенные эпизоды': ['Пользователи'],
        'Флуд': ['Пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'личное звание',
            description: '',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<div class="zvanie"><a href="http://tmi.f-rpg.me">имя персонажа</a>, возраст<br>раса, род занятий</div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-respect', 'pa-posts', 'pa-ip', 'pa-online', 'pa-gifts']
});
</script>


<!--Простой скрипт вставки картинки-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

0

Страница: 1

Вы здесь » Название форума » Техническое » Светлый минимализм - полная версия