API tools faq
paste
G-ee

Snakes: diary (FUN)

G-ee
May 20th, 2022 (edited)
463
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 50.89 KB | None | 0 0
raw download clone embed print report
  1. @import url('https://fonts.googleapis.com/css2?family=Alice&family=Bangers&display=swap');
  2.  
  3. /*-----------------------
  4. --------сoᴅᴇ вʏ ɢ--------
  5. -------------------------*/
  6.  
  7. /*Ф О Н*/
  8.  
  9. div#app {
  10.     padding: 0 !important;
  11. }
  12.  
  13. body {
  14.     background-color: rgb(15,15,15) !important;
  15.     background-image: url(https://i.ibb.co/B606QrV/background.png);
  16.     background-position: center;
  17.     background-attachment: fixed;
  18.     background-repeat: repeat;
  19. }
  20.  
  21. a {
  22.     color: rgb(85,85,85) !important;
  23.     text-decoration: none; text-decoration: none !important;
  24.     transition: .5s;
  25. }
  26.  
  27. a:hover {
  28.     color: rgb(105,105,105) !important;
  29.     text-decoration: none; text-decoration: none !important;
  30.     transition: .5s;
  31. }
  32.  
  33. a > u {
  34.     text-decoration: none; text-decoration: none !important;
  35. }
  36.  
  37. :focus {
  38.     outline: none !important;
  39.     box-shadow: none !important;
  40. }
  41.  
  42. ::selection {
  43.     background-color: rgb(45,45,45);
  44.     color: rgb(105,105,105);
  45.     text-shadow: 1px 1px 0 rgba(8,8,8,.5);
  46. }
  47.  
  48. ::-moz-selection {
  49.     background-color: rgb(45,45,45);
  50.     color: rgb(105,105,105);
  51.     text-shadow: 1px 1px 0 rgba(8,8,8,.5);
  52. }
  53.  
  54. * {
  55.     cursor: url(https://i.ibb.co/4W5JJBP/cursor-normal.png), auto !important;
  56. }
  57.  
  58. a, a > b, a > i, a > u, a > strong, a > span, [type="submit"], span[data-target="#deleteconfirmmodal"], span[style="float:right;cursor:pointer;text-shadow: 1px 1px 1px white;"], .tag_bar span, i.fas.fa-sun, i.fas.fa-moon {
  59.     cursor: url(https://i.ibb.co/yfRxry7/cursor-link.png), auto !important;
  60. }
  61.  
  62. input[type="text"], textarea {
  63.     cursor: url(https://i.ibb.co/jhxVCh9/cursor-text.png), auto !important;
  64. }
  65.  
  66. /*H E A D E R*/
  67.  
  68. .navbar.navbar-expand-md:before {
  69.     content: "";
  70.     background-color: rgb(12,12,12);
  71.     background-image: url(https://i.ibb.co/NYHT0h8/header.png);
  72.     background-position: top center;
  73.     background-attachment: fixed;
  74.     background-repeat: no-repeat;
  75.     background-size: 100vw;
  76.     position: absolute;
  77.     top: 0;
  78.     left: 0;
  79.     right: 0;
  80.     height: 17.68vw;
  81.     overflow-y: hidden;
  82.     border-bottom: 1px solid rgb(30,30,30);
  83. }
  84.  
  85. /*Ш А П К А*/
  86.  
  87. .navbar.navbar-expand-md {
  88.     background-color: rgb(17,17,17);
  89.     background-image:  url(https://i.ibb.co/HD8gbnz/top-header-1.png), url(https://i.ibb.co/rmcVXJh/top-header-2.png), url(https://i.ibb.co/NVBkh0y/top-header.png);
  90.     background-position: top left, bottom left, center;
  91.     background-attachment: scroll, scroll, fixed;
  92.     background-repeat: repeat-x, repeat-x, repeat;
  93.     top: 0;
  94.     padding: 10px 0 ;
  95.     border-bottom: 1px solid rgb(30,30,30);
  96.     box-shadow: none !important;
  97.     z-index: 1000;
  98. }
  99.  
  100. .container {
  101.     margin: 17.68vw auto 0 auto !important;
  102. }
  103.  
  104. /*лого*/
  105.  
  106. a.navbar-brand, a.navbar-brand:hover {
  107.     position: relative;
  108.     color: transparent !important;
  109.     font-family: 'Alice', serif;
  110.     font-size: 18px;
  111.     font-weight: 100;
  112.     letter-spacing: 1px;
  113.     text-transform: uppercase;
  114.     max-width: 51.98px;
  115.     height: 28.8px;
  116.     padding: 0;
  117.     overflow: hidden;
  118. }
  119.  
  120. a.navbar-brand:before {
  121.     content: 'BEON';
  122.     color: rgb(85,85,85);
  123.     text-shadow: 1px 1px 0 rgb(8,8,8);
  124.     position: absolute;
  125.     right: 0;
  126.     transition: .5s;
  127. }
  128.  
  129. a.navbar-brand:hover:before {
  130.     color: rgb(105,105,105);
  131.     transition: .5s;
  132. }
  133.  
  134. /*вниз*/
  135.  
  136. a.my-menu.for-mobile {
  137.     background-image: url(https://i.ibb.co/pyxSpwB/button-down.png);
  138.     background-position: center;
  139.     background-repeat: no-repeat;
  140.     background-size: 25px;
  141.     color: transparent !important;
  142.     width: 46px;
  143.     height: 46px;
  144.     margin: 0 0 0 10px;
  145.     padding: 0 9px !important;
  146.     overflow: hidden;
  147.     transition: .5s;
  148. }
  149.  
  150. a.my-menu.for-mobile:hover {
  151.     filter: brightness(1.25);
  152.     transition: .5s;
  153. }
  154.  
  155. /*ссылки*/
  156.  
  157. .container li {
  158.     color: rgb(55,55,55);
  159.     list-style-type: circle;
  160.     transition: .25s;
  161. }
  162.  
  163. .container li:hover {
  164.     color: rgb(95,95,95);
  165.     list-style-type: disc;
  166.     transition: .25s;
  167. }
  168.  
  169. .container li a {
  170.     padding: 0 5px 0 0 !important;
  171.     transition: .5s;
  172. }
  173.  
  174. .container li a:hover {
  175.     padding: 0 0 0 5px !important;
  176.     color: rgb(95,95,95) !important;
  177.     transition: .5s;
  178. }
  179.  
  180. /*М Е Н Ю*/
  181.  
  182. .left-menu {
  183.     width: 17.5% !important;
  184.     margin: 0 0 0 20px;
  185.     background-color: rgb(12,12,12);
  186.     background-image: url(https://i.ibb.co/ZMGDRNx/post.png);
  187.     background-position: center;
  188.     background-attachment: fixed;
  189.     background-repeat: repeat;
  190.     padding: 1rem !important;
  191.     overflow-x: hidden;
  192.     border-top: 2px solid rgb(30,30,30) !important;
  193.     border-left: 1px solid rgb(8,8,8) !important;
  194.     border-right: 1px solid rgb(30,30,30) !important;
  195.     border-bottom: 1px solid rgb(8,8,8) !important;
  196. }
  197.  
  198. .left-menu > div {
  199.     margin: 0 0 1rem 0;
  200. }
  201.  
  202. .left-menu > br {
  203.     display: none;
  204. }
  205.  
  206. .left-menu > .blog__last-comments {
  207.     margin: 0;
  208. }
  209.  
  210. h3.left-menu-text { /*заголовок*/
  211.     background-color: rgb(17,17,17);
  212.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  213.     background-position: center;
  214.     background-attachment: fixed;
  215.     background-repeat: repeat;
  216.     color: rgb(85,85,85) !important;
  217.     font-size: 14px !important;
  218.     font-weight: normal !important;
  219.     text-shadow: 1px 1px 0 rgb(8,8,8), 0 0 5px rgb(8,8,8);
  220.     margin: -1rem -1rem 1rem -1rem !important;
  221.     padding: .25rem .5rem !important;
  222.     border-top: 2px solid rgb(30,30,30);
  223.     border-bottom: 1px solid rgb(8,8,8);
  224. }
  225.  
  226. h3.left-menu-text > .fas.fa-angle-down {
  227.     font-size: 14px !important;
  228. }
  229.  
  230. .left-menu > div { /*осн. форма*/
  231.     background-color: rgb(14,14,14);
  232.     background-image: url(https://i.ibb.co/r50q1rn/dropdown.png);
  233.     background-position: center;
  234.     background-attachment: fixed;
  235.     background-repeat: repeat;
  236.     color: rgb(55,55,55);
  237.     padding: 1rem;
  238.     border-top: none;
  239.     border-left:  1px solid rgb(8,8,8);
  240.     border-right:  1px solid rgb(8,8,8);
  241.     border-bottom: 1px solid rgb(8,8,8);
  242.     overflow: hidden;
  243. }
  244.  
  245. .left-menu > div a {
  246.     color: rgb(75,75,75) !important;
  247.     transition: .25s;
  248. }
  249.  
  250. .left-menu > div a:hover {
  251.    color: rgb(95,95,95) !important;
  252.     transition: .5s;
  253. }
  254.  
  255. .left-menu-text {
  256.     padding: 0 !important;
  257. }
  258.  
  259. .left-menu-text img {
  260.     filter: saturate(0) brightness(0.25) contrast(0.95);
  261.     max-width: 100%;
  262. }
  263.  
  264. /*новое сообщение*/
  265.  
  266. .left-menu__unread-message {
  267.     padding: 1rem 1rem .5rem 1rem;
  268. }
  269.  
  270. .left-menu__unread-message [type=submit] {
  271.     background-color: rgb(17,17,17);
  272.     color: rgb(85,85,85);
  273.     font-family: 'Alice', serif;
  274.     font-size: 14px;
  275.     text-shadow: 1px 1px 0 rgb(8,8,8);
  276.     margin: 0 2.5px .5rem 2.5px;
  277.     padding: 0 10px;
  278.     border-top: 1px solid rgb(30,30,30);
  279.     border-left: 1px solid rgb(30,30,30);
  280.     border-right: 1px solid rgb(8,8,8);
  281.     border-bottom: 1px solid rgb(8,8,8);
  282.     transition: .5s;
  283. }
  284.  
  285. .left-menu__unread-message [type=submit]:hover, .left-menu__unread-message [type=submit]:active {
  286.     background-color: rgb(21,21,21);
  287.     color: rgb(105,105,105);
  288.     border-top: 1px solid rgb(35,35,35);
  289.     border-left: 1px solid rgb(35,35,35);
  290.     transition: .5s;
  291.     cursor: pointer;
  292. }
  293.  
  294. .left-menu__unread-message [type=submit]:active {
  295.     background-color: rgb(11,11,11);
  296.     color: rgb(85,85,85);
  297.     border-top: 1px solid rgb(30,30,30);
  298.     border-left: 1px solid rgb(30,30,30);
  299. }
  300.  
  301. /*новые комментарии*/
  302.  
  303. .left-menu__user-notification > p.left-menu-text {
  304.     padding: .25rem 0 !important;
  305.     border-top: 1px dashed rgb(28,28,28);
  306. }
  307.  
  308. .left-menu__user-notification > p:nth-child(2) {
  309.     padding: 0 0 .25rem 0 !important;
  310.     border-top: 1px dashed rgba(28,28,28,0) !important;
  311. }
  312.  
  313. /*о себе*/
  314.  
  315. .blog__about .text-center {
  316.     margin: 0 0 1rem 0;
  317. }
  318.  
  319. .blog__about .text-center img {
  320.     /*content: url(https://i.ibb.co/cF6dq3x/photo.png);*/
  321.     background-color: rgb(55,55,55);
  322.     background-image: url(https://i.ibb.co/TH18ByS/link.gif);
  323.     background-size: cover;
  324.     padding: 2px;
  325.     width: auto;
  326.     height: auto;
  327.     max-width: 100%;
  328.     max-height: 100%;
  329.     border-top-left-radius: 100% 5%;
  330.     border-top-right-radius: 100% 5%;
  331.     border-bottom-left-radius: 100% 5%;
  332.     border-bottom-right-radius: 100% 5%;
  333.     box-shadow: 0px 1px 0px 0px rgb(8,8,8);
  334. }
  335.  
  336. /*плеер*/
  337.  
  338. #beon-fnplayer:before {
  339.     content: '';
  340.     background: url(https://i.ibb.co/Dt9FytY/sound-waves-1.gif);
  341.     background-position: 100% center;
  342.     position: absolute;
  343.     width: 288px;
  344.     height: 115px;
  345.     right: 0;
  346.     bottom: 21px;
  347.     opacity: .5;
  348. }
  349.  
  350. #beon-fnplayer:after {
  351.     content: '';
  352.     background: url(https://i.ibb.co/KG6pVc0/sound-waves-2.gif);
  353.     background-position: 100% center;
  354.     position: absolute;
  355.     width: 288px;
  356.     height: 115px;
  357.     top: 21px;
  358.     right: 0;
  359.     opacity: .5;
  360. }
  361.  
  362. #beon-fnplayer {
  363.     background-color: rgba(154,0,3,.25) !important;
  364.     position: absolute;
  365.     top: 7.5vw;
  366.     right: 100px;
  367.     z-index: 1002;
  368.     width: 288px !important;
  369. }
  370.    
  371. #fnplayer-play {
  372.     border-color: transparent transparent transparent rgb(115,115,115) !important;
  373.     transform: scale(0.6);
  374. }
  375.    
  376. #fnplayer-stop {
  377.     background-color: rgb(115,115,115) !important;
  378.     transform: scale(0.6);
  379. }
  380.    
  381. #fnplayer-slider { /*полоса*/
  382.     background-color: rgb(115,115,115,0.5) !important;
  383.     height: 1px !important;
  384. }
  385.    
  386. #fnplayer-slider > span {
  387.     color: rgb(12,12,12);
  388.     font-weight: bold;
  389.     display: none;
  390. }
  391.    
  392. #fnplayer-slider-inner { /*бегущая полоса*/
  393.     background-color: rgb(115,115,115) !important;
  394.     background-image: url(https://i.ibb.co/c1cDZky/link-2.gif);
  395.     background-size: cover;
  396.     height: 3px !important;
  397.     margin: -1px 0 0 0;
  398.     border-right: 1px solid rgb(115,115,115);
  399. }
  400.    
  401. #fnplayer-volume {
  402.     background-color: rgb(24,24,24) !important;
  403.     clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
  404.     transform: scale(0.6);
  405. }
  406.    
  407. #fnplayer-volume-mask {
  408.     border-color: transparent !important;
  409. }
  410.    
  411. #fnplayer-volume-inner {
  412.     background-color: rgb(115,115,115) !important;
  413. }
  414.  
  415. /*поиск*/
  416.  
  417. form[action="/search"] {
  418.     margin: 1rem 0 0 0;
  419. }
  420.  
  421. input[name="q"] {
  422.     background-color: rgb(17,17,17);
  423.     color: rgb(75,75,75);
  424.     width: 100%;
  425.     padding: .25rem .5rem;
  426.     border: none;
  427.     border-radius: .5rem;
  428.     box-shadow: inset 0 0 5px rgb(14,14,14), inset 0 0 10px rgb(14,14,14);
  429.     transition: .5s;
  430. }
  431.  
  432. input[name="q"]::-webkit-input-placeholder {color: rgb(55,55,55); text-transform: lowercase;}
  433. input[name="q"]::-moz-placeholder {color: rgb(55,55,55); text-transform: lowercase;}
  434. input[name="q"]:-moz-placeholder {color: rgb(55,55,55); text-transform: lowercase;}
  435. input[name="q"]:-ms-input-placeholder {color: rgb(55,55,55); text-transform: lowercase;}
  436.    
  437. input[name="q"]:focus {
  438.     background-color: rgb(20,20,20);
  439.     color: rgb(85,85,85);
  440.     border: none;
  441.     border-radius: 0;
  442.     outline: none;
  443.     box-shadow: none;
  444.     transition: .5s;
  445. }
  446.  
  447. form[action="/search"] input:last-child {
  448.     display: none;
  449. }
  450.  
  451. /*мне подарили*/
  452.  
  453. .blog__gifts .d-flex {
  454.     flex-wrap: wrap;
  455.     justify-content: space-between;
  456. }
  457.  
  458. .left-menu__gift {
  459.     text-transform: lowercase;
  460.     width: 60px !important;
  461.     padding: 0 !important;
  462.     line-height: 14px;
  463.     overflow-wrap: anywhere;
  464. }
  465.  
  466. .left-menu__gift p {
  467.     margin: .5rem 0 !important;
  468. }
  469.  
  470. .left-menu__gift img, .container-fluid.gifts-page img {
  471.     filter: saturate(0) brightness(0.25) contrast(0.95);
  472.     transition: 1s;
  473. }
  474.  
  475. .left-menu__gift:hover img, .gifts-page__gifts-item:hover img {
  476.     filter: saturate(1) brightness(0.75) contrast(0.95);
  477.     transition: .75s;
  478. }
  479.  
  480. /*подарки пользователя*/
  481.  
  482. .gifts-page__gifts-item > div:nth-child(2) {
  483.     color: rgb(65,65,65);
  484.     font-family: 'Alice', serif;
  485.     text-shadow: 1px 1px 0 rgb(8,8,8);
  486. }
  487.  
  488. .gifts-page__gifts-item a {
  489.     color: rgb(85,85,85) !important;
  490.     font-weight: 700;
  491.     text-shadow: 1px 1px 0 rgb(8,8,8), 0 0 5px rgb(8,8,8);
  492.     transition: .5s;
  493. }
  494.  
  495. .gifts-page__gifts-item a:hover {
  496.     color: rgb(105,105,105) !important;
  497.     transition: .5s;
  498. }
  499.  
  500. .gifts-page__gifts-item > div:last-child {
  501.     line-height: 16px;
  502. }
  503.  
  504. /*меня читают*/
  505.  
  506. .blog__read-me .readertime {
  507.     font-size: 12px !important;
  508. }
  509.  
  510. /*мои категории*/
  511.  
  512. .blog__tags .left-menu-text a {
  513.     font-size: 14px !important;
  514. }
  515.  
  516. /*последние комментарии*/
  517.  
  518. .blog__last-comments div.left-menu-text {
  519.     border-bottom: 1px dashed rgb(28,28,28);
  520. }
  521.  
  522. .blog__last-comments div.left-menu-text:last-child  {
  523.     border-bottom: 1px dashed rgba(28,28,28,0);
  524. }
  525.  
  526. .blog__last-comments div.left-menu-text a {
  527.     font-size: 14px;
  528. }
  529.  
  530. /*блог разработки*/
  531.  
  532. .left-menu > div[style="margin-bottom: 0px;"] {
  533.     padding: 0 !important;
  534. }
  535.  
  536. .left-menu > div[style="margin-bottom: 0px;"] h3.left-menu-text {
  537.     margin: 0 !important;
  538. }
  539.  
  540. .mobile_open_menu {
  541.     margin: 0 !important;
  542.     padding: 0 !important;
  543. }
  544.  
  545. .mobile_open_menu > h3.left-menu-text {
  546.     margin: 0 !important;
  547. }
  548.  
  549. /*Д А Т А*/
  550.  
  551. .datebg, .content > h1:first-child {
  552.     background-color: rgb(17,17,17);
  553.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  554.     background-position: center;
  555.     background-attachment: fixed;
  556.     background-repeat: repeat;
  557.     color: rgb(85,85,85);
  558.     font-family: 'Alice', serif;
  559.     font-size: 18px !important;
  560.     letter-spacing: .5px;
  561.     font-weight: normal !important;
  562.     text-shadow: 1px 1px 0 rgb(8,8,8);
  563.     margin: 50px 0 !important;
  564.     padding: .25rem .5rem;
  565.     border-top: 2px solid rgb(30,30,30);
  566.     border-left: 1px solid rgb(30,30,30);
  567.     border-right: 1px solid rgb(8,8,8);
  568.     border-bottom: 1px solid rgb(8,8,8);
  569. }
  570.  
  571. /*П О С Т Ы*/
  572.  
  573. .content {
  574.     width: 82.5% !important;
  575.     padding: 0 20px;
  576. }
  577.  
  578. .post-content.blog_total_counter {
  579.     font-size: 10px;
  580.     letter-spacing: .5px;
  581.     text-shadow: 1px 1px 0 rgb(8,8,8);
  582.     padding: .5rem !important;
  583.     display: none;
  584. }
  585.  
  586. .post-content, .d-flex.justify-content-between {
  587.     background-color: rgb(12,12,12);
  588.     background-image: url(https://i.ibb.co/ZMGDRNx/post.png);
  589.     background-position: center;
  590.     background-attachment: fixed;
  591.     background-repeat: repeat;
  592.     color: rgb(75,75,75);
  593.     position: relative;
  594.     min-height: auto !important;
  595.     margin: 0 0 50px 0 !important;
  596.     padding: 1rem !important;
  597.     border-top: 2px solid rgb(30,30,30);
  598.     border-left: 1px solid rgb(30,30,30);
  599.     border-right: 1px solid rgb(8,8,8);
  600.     border-bottom: 1px solid rgb(8,8,8);
  601.     border-radius: 0;
  602. }
  603.  
  604. .post-text > .quotation {
  605.     background-color: rgb(14,14,14);
  606.     background-image: url(https://i.ibb.co/r50q1rn/dropdown.png);
  607.     background-position: center;
  608.     background-attachment: fixed;
  609.     background-repeat: repeat;
  610.     color: rgb(65,65,65);
  611.     font-style: italic;
  612.     font-size: 14px !important;
  613.     padding: 0 0 0 1rem;
  614.     border-left: 1px solid rgb(65,65,65);
  615. }
  616.  
  617. .post-text img {
  618.     padding: 0;
  619. }
  620.  
  621. .post-text iframe {
  622.     /*filter: saturate(0.5) brightness(0.75);*/
  623.     max-width: 600px;
  624.     transition: .75s;
  625. }
  626.  
  627. .post-text iframe:hover {
  628.     /*filter: saturate(1) brightness(1);*/
  629.     transition: .25s;
  630. }
  631.  
  632. .post-text iframe[src^="https://music.yandex.ru/"] {
  633.     width: 100% !important;
  634.     max-width: 500px;
  635.     height: 80px !important;
  636. }
  637.  
  638. .post-content > div:first-child, .post-content > h1 {
  639.     background-color: rgb(17,17,17);
  640.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  641.     background-position: center;
  642.     background-attachment: fixed;
  643.     background-repeat: repeat;
  644.     width: 100%;
  645.     margin: 0 0 .75rem 0 !important;
  646.     padding: .25rem .5rem !important;
  647.     border-top: 1px solid rgb(30,30,30);
  648.     border-left: 1px solid rgb(30,30,30);
  649.     border-right: 1px solid rgb(8,8,8);
  650.     border-bottom: 1px solid rgb(8,8,8);
  651. }
  652.  
  653. a.post-title, .post-content > h1 {
  654.     font-family: 'Alice', serif;
  655.     font-size: 24px;
  656.     letter-spacing: .5px;
  657.     text-shadow: 1px 1px 0 rgb(8,8,8);
  658.     position: relative;
  659.     padding: 0 10px 0 0;
  660.     transition: .5s;
  661. }
  662.  
  663. a.post-title:hover {
  664.     color: rgb(95,95,95) !important;
  665.     padding: 0 5px;
  666.     text-shadow: none;
  667.     transition: .5s;
  668. }
  669.  
  670. a.post-title:after {
  671.     content: "";
  672.     background-color: rgba(95,95,95,.5);
  673.     position: absolute;
  674.     min-width: 0;
  675.     min-height: 1px;
  676.     width: 0;
  677.     height: 0;
  678.     left: 0;
  679.     bottom: 0;
  680.     transition: .5s;
  681. }
  682.  
  683. a.post-title:hover:after {
  684.     min-width: 100%;
  685.     min-height: 1px;
  686. }
  687.  
  688. .post-content .user.post-title-user {
  689.     background-color: rgb(17,17,17);
  690.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  691.     background-position: center;
  692.     background-attachment: fixed;
  693.     background-repeat: repeat;
  694.     color: rgb(85,85,85);
  695.     font-size: 10px !important;
  696.     letter-spacing: 0.5px;
  697.     text-align: center;
  698.     text-transform: uppercase;
  699.     position: absolute;
  700.     top: -10px;
  701.     right: 1rem;
  702.     padding: 5px 10px;
  703.     border-top: 2px solid rgb(30,30,30);
  704.     border-left: 1px solid rgb(8,8,8);
  705.     border-right: 1px solid rgb(8,8,8);
  706.     border-bottom: none;
  707. }
  708.  
  709. .user.post-title-user:before {
  710.     content: "";
  711. }
  712.  
  713. .post-content  img.flag {
  714.     filter: saturate(0) brightness(0.35) contrast(0.95);
  715.     margin: 0 5px 0 0;
  716.     transition: .5s;
  717.     display: none;
  718. }
  719.  
  720. .post-content  img.flag:hover {
  721.     filter: saturate(1) brightness(0.75) contrast(0.95);
  722.     transition: .5s;
  723. }
  724.  
  725. span.post-title-date {
  726.     color: rgb(75,75,75);
  727.     font-size: 13px;
  728.     margin: 0;
  729.     padding: 0 !important;
  730. }
  731.  
  732. .post-content > div:first-child span:last-child {
  733.     color: rgb(75,75,75);
  734.     font-size: 12px;
  735.     margin: 0 0 0 5px;
  736. }
  737.  
  738. .post-avatar {
  739.     margin-right: 10px !important;
  740. }
  741.  
  742. /*ссылки*/
  743.  
  744. .post-text a, .post-opt a, .comment-text a, span[data-target="#deleteconfirmmodal"], .postsiblings.row a, .postsiblings.row i, .post-content > div:last-child > a, a[href="/p/photo-library"] {
  745.     filter: none;
  746.     background-color: rgb(55,55,55);
  747.     background-image: url(https://i.ibb.co/TH18ByS/link.gif);
  748.     background-size: cover;
  749.     color: transparent !important;
  750.     -moz-background-clip: text;
  751.     -webkit-background-clip: text;
  752.     transition: .5s;
  753. }
  754.  
  755. .post-text a:hover, .post-opt a:hover, .comment-text a:hover, span[data-target="#deleteconfirmmodal"]:hover, .postsiblings.row a:hover, .postsiblings.row i:hover, .post-content > div:last-child > a:hover, a[href="/p/photo-library"]:hover {
  756.     filter: grayscale(1)  brightness(1.5);
  757.     color: transparent !important;
  758.     transition: .5s;
  759. }
  760.  
  761. .row.w-100 {
  762.     margin-top: 10px;
  763. }
  764.  
  765. .row.w-100 div {
  766.     color: rgb(55,55,55);
  767.     font-size: 12px !important;
  768. }
  769.  
  770. .row.w-100 .text-right {
  771.     padding-right: 0 !important;
  772. }
  773.  
  774. .tag:before, .messageform__taglinks img {
  775.     filter: saturate(0) brightness(0.25) contrast(0.95);
  776.     margin: 0 3px 0 0 !important;
  777. }
  778.  
  779. /*.comments_count {
  780.     position: absolute;
  781.     right: 0;
  782.     bottom: 0;
  783. }*/
  784.  
  785. .sign { /*подпись*/
  786.     color: rgb(55,55,55) !important;
  787.     font-size: 10px;
  788.     letter-spacing: .5px;
  789.     line-height: .75rem;
  790.     padding: 1.5px 0 0 0;
  791. }
  792.  
  793. /*К О М М Е Н Т А Р И И*/
  794.  
  795. .container-fluid {
  796.     padding: 0 !important;
  797. }
  798.  
  799. .comment-box > h2 {
  800.     background-color: rgb(17,17,17);
  801.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  802.     background-position: center;
  803.     background-attachment: fixed;
  804.     background-repeat: repeat;
  805.     color: rgb(55,55,55);
  806.     font-size: 12px;
  807.     font-weight: bolder;
  808.     text-align: center;
  809.     text-transform: lowercase;
  810.     text-shadow: 1px 1px 0 rgb(8,8,8);
  811.     margin: -50px 0 0 0 !important;
  812.     padding: 2px;
  813.     border-top: 1px solid rgb(30,30,30);
  814.     border-left: 1px solid rgb(30,30,30);
  815.     border-right: 1px solid rgb(8,8,8);
  816.     border-bottom: 1px solid rgb(8,8,8);
  817.     display: none;
  818. }
  819.  
  820. .comment-box__message-partial.comment-content {
  821.     background-color: rgb(17,17,17);
  822.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  823.     background-position: center;
  824.     background-attachment: fixed;
  825.     background-repeat: repeat;
  826.     color: rgb(55,55,55);
  827.     font-size: 12px;
  828.     font-weight: bolder;
  829.     text-align: center;
  830.     text-transform: lowercase;
  831.     text-shadow: 1px 1px 0 rgb(8,8,8);
  832.     margin: -50px 0 0 0 !important;
  833.     padding: 5px !important;
  834.     border-top: 1px solid rgb(30,30,30);
  835.     border-left: 1px solid rgb(30,30,30);
  836.     border-right: 1px solid rgb(8,8,8);
  837.     border-bottom: 1px solid rgb(8,8,8);
  838. }
  839.  
  840. .comment-content {
  841.     background-color: rgb(12,12,12);
  842.     background-image: url(https://i.ibb.co/sCr8d06/comment.png);
  843.     background-position: center;
  844.     background-attachment: fixed;
  845.     margin: 25px 0;
  846.     padding: 1rem;
  847.     border-top: 2px solid rgb(30,30,30);
  848.     border-left: 1px solid rgb(30,30,30);
  849.     border-right: 1px solid rgb(8,8,8);
  850.     border-bottom: 1px solid rgb(8,8,8);
  851. }
  852.  
  853. .comment-content > div:first-child {
  854.     background-color: rgb(17,17,17);
  855.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  856.     background-position: center;
  857.     background-attachment: fixed;
  858.     background-repeat: repeat;
  859.     color: rgb(75,75,75) !important;
  860.     text-shadow: 1px 1px 0 rgb(8,8,8);
  861.     padding: 5px 7px 5px 7px;
  862.     margin: 0 0 .5rem 0;
  863.     border-top: 1px solid rgb(30,30,30);
  864.     border-left: 1px solid rgb(30,30,30);
  865.     border-right: 1px solid rgb(8,8,8);
  866.     border-bottom: 1px solid rgb(8,8,8);
  867. }
  868.  
  869. .comment-content a.post-title-user {
  870.     text-shadow: 1px 1px 0 rgb(8,8,8);
  871.     font-size: 16px;
  872.     font-weight: bolder;
  873.     padding: 0 5px 0 0;
  874.     transition: .5s;
  875. }
  876.  
  877. .comment-content a.post-title-user:hover {
  878.     color: rgb(105,105,105) !important;
  879.     padding: 0 0 0 5px;
  880.     transition: .5s;
  881. }
  882.  
  883. .comment-content img.flag {
  884.     filter: saturate(0) brightness(0.25) contrast(0.95);
  885.     display: none;
  886. }
  887.  
  888. .comment-content a[href^="#"] {
  889.     float: left;
  890.     margin: 0 5px 0 0;
  891. }
  892.  
  893. .comment-content span.post-title-date {
  894.     color: rgb(75,75,75);
  895.     font-size: 11px !important;
  896.     text-shadow: 1px 1px 0 rgb(8,8,8);
  897.     text-transform: uppercase;
  898.     float: right;
  899.     font-size: 12px;
  900.     margin: 0;
  901. }
  902.  
  903. .comment-text {
  904.     color: rgb(75,75,75);
  905.     text-align: justify;
  906. }
  907.  
  908. .comment-text .quotation {
  909.     background-color: rgb(14,14,14);
  910.     background-image: url(https://i.ibb.co/r50q1rn/dropdown.png);
  911.     background-position: center;
  912.     background-attachment: fixed;
  913.     background-repeat: repeat;
  914.     color: rgb(75,75,75);
  915.     text-align: justify;
  916.     width: 100%;
  917.     margin: 0;
  918.     padding: 2.5px 5px;
  919.     border: 1px dashed rgb(25,25,25);
  920.     border-left: 1px solid rgb(30,30,30);
  921. }
  922.  
  923. .comment-row .comment-base i, .likebutton {
  924.     color: rgb(55,55,55);
  925.     transform: scale(0.85);
  926.     transition: .5s;
  927. }
  928.  
  929. .comment-row .comment-base i:hover {
  930.     color: rgb(75,75,75);
  931.     transition: .5s;
  932. }
  933.  
  934. .likebutton:hover, .liked .fas.fa-heart {
  935.     color: rgba(154,0,3,.75) !important;
  936. }
  937.  
  938. /*С О З Д А Н И Е _ Н О В О Й _ З А П И С И*/
  939.  
  940. .textareabg {
  941.     margin: 50px 0 0 0 !important;
  942. }
  943.  
  944. .textareabg > div:first-child {
  945.     margin: 25px 0 0 0 !important;
  946. }
  947.  
  948. #commentpreviewplace {
  949.     display: none;
  950. }
  951.  
  952. .textareabg > div:first-child, .textareabg > p, #messageform > p:nth-child(2) { /*заголовок*/
  953.     background-color: rgb(17,17,17);
  954.     background-image: url(https://i.ibb.co/mtdrm8z/title.png);
  955.     background-position: center;
  956.     background-attachment: fixed;
  957.     background-repeat: repeat;
  958.     color: rgb(85,85,85);
  959.     font-family: 'Alice', serif;
  960.     text-shadow: 1px 1px 0 rgb(8,8,8), 0 0 5px rgb(8,8,8);
  961.     margin: 0 !important;
  962.     padding: .75rem 1.25rem;
  963.     border-top: 2px solid rgb(30,30,30);
  964.     border-left: 1px solid rgb(30,30,30);
  965.     border-right: 1px solid rgb(8,8,8);
  966.     border-bottom: 1px solid rgb(8,8,8);
  967. }
  968.  
  969. #messageform > p:nth-child(2) {
  970.     margin: calc(-1rem - 1px) calc(-1rem - 1px) 1rem calc(-1rem - 1px) !important;
  971. }
  972.  
  973. .messageform, #messageform { /*основная часть*/
  974.     background-color: rgb(12,12,12);
  975.     background-image: url(https://i.ibb.co/ZMGDRNx/post.png);
  976.     background-position: center;
  977.     background-attachment: fixed;
  978.     background-repeat: repeat;
  979.     color: rgb(55,55,55);
  980.     padding: 1rem;
  981.     border-top: none;
  982.     border-left: 1px solid rgb(30,30,30);
  983.     border-right: 1px solid rgb(8,8,8);
  984.     border-bottom: 1px solid rgb(8,8,8);
  985.     border-radius: 0;
  986. }
  987.  
  988. .emj-dropdown {
  989.     padding: 0  10px 0 0 !important;
  990. }
  991.  
  992. /*#messageform br {
  993.     display: none;
  994. }*/
  995.  
  996. .textarea-wrapper {
  997.     margin: 0 0 10px 0;
  998. }
  999.  
  1000. .emj-dropdown-content {
  1001.     background-color: rgb(14,14,14) !important;
  1002.     border: 1px solid rgb(8,8,8);
  1003. }
  1004.  
  1005. .emj-dropdown-content a:hover {
  1006.     background-color: rgb(28,28,28) !important;
  1007. }
  1008.  
  1009. #collapseStickerpaks {
  1010.     margin: 0 0 10px 0 !important;
  1011. }
  1012.  
  1013. #collapseStickerpaks img[src^="https://beon.fun/i/vkstickers/"] {
  1014.     margin: 10px;
  1015. }
  1016.  
  1017. .clpsstkrs.collapse.show {
  1018.     white-space: normal !important;
  1019.     background-color: rgb(14,14,14);
  1020.     margin: 10px 0 0 0;
  1021.     padding: 10px;
  1022.     border: 1px solid rgb(8,8,8);
  1023. }
  1024.  
  1025. .dropbtn, a[href="javascript:void(0);"] img, #collapseStickerpaks img {
  1026.     filter: saturate(0) brightness(0.25) contrast(0.95);
  1027.     width: auto;  
  1028.     transition: .5s;
  1029. }
  1030.  
  1031. .emj-dropdown:hover .dropbtn, a[href="javascript:void(0);"]:hover img, #collapseStickerpaks img:hover {
  1032.     filter: saturate(1) brightness(0.75) contrast(0.95);
  1033.     transition: .75s;
  1034. }
  1035.  
  1036. .textarea-wrapper > textarea, .textareabg input, .textareabg select, .modal-content select  { /*поле ввода*/
  1037.     background-color: rgb(14,14,14);
  1038.     background-image: url(https://i.ibb.co/r50q1rn/dropdown.png);
  1039.     background-position: center;
  1040.     background-attachment: fixed;
  1041.     background-repeat: repeat;
  1042.     color: rgb(75,75,75);
  1043.     border: 1px solid rgb(8,8,8);
  1044.     border-radius: 0;
  1045.     transition: .5s;
  1046. }
  1047.  
  1048. .textarea-wrapper > textarea:focus, .textareabg input:focus, .textareabg select:focus {
  1049.     background-image: none;
  1050.     color: rgb(85,85,85);
  1051.     transition: 1s;
  1052. }
  1053.  
  1054. input[type=checkbox] { /*галочка*/
  1055.     filter: saturate(0) brightness(0.25) contrast(0.95);
  1056. }
  1057.  
  1058. /*отправить - предпросмотр - сохранить в черновиках*/
  1059.  
  1060. .messageform [type=submit], #messageform [type="submit"], .post-content [type=submit], #messageform [type=button] {
  1061.     background-color: rgb(14,14,14);
  1062.     color: rgb(55,55,55);
  1063.     font-family: 'Alice', serif;
  1064.     font-size: 14px;
  1065.     text-shadow: 1px 1px 0 rgb(8,8,8);
  1066.     margin: 0 5px 0 0;
  1067.     padding: 0 15px;
  1068.     border-top: 1px solid rgb(30,30,30);
  1069.     border-left: 1px solid rgb(30,30,30);
  1070.     border-right: 1px solid rgb(8,8,8);
  1071.     border-bottom: 1px solid rgb(8,8,8);
  1072.     transition: .5s;
  1073. }
  1074.  
  1075. .messageform [type=submit]:last-child {
  1076.     float: right;
  1077.     margin: 0;
  1078. }
  1079.  
  1080. .messageform [type=submit]:hover, .messageform [type=submit]:active,
  1081. #messageform [type="submit"]:hover, #messageform [type="submit"]:active,
  1082. .post-content [type=submit]:hover, .post-content [type=submit]:active,
  1083. #messageform [type=button]:hover, #messageform [type=button]:active {
  1084.     background-color: rgb(16,16,16);
  1085.     color: rgb(75,75,75);
  1086.     border-top: 1px solid rgb(35,35,35);
  1087.     border-left: 1px solid rgb(35,35,35);
  1088.     transition: .75s;
  1089.     cursor: pointer;
  1090. }
  1091.  
  1092. .messageform [type=submit]:active, #messageform [type="submit"]:active, .post-content [type=submit]:active, #messageform [type=button]:active {
  1093.     background-color: rgb(12,12,12);
  1094.     color: rgb(45,45,45);
  1095.     border-top: 1px solid rgb(30,30,30);
  1096.     border-left: 1px solid rgb(30,30,30);
  1097. }
  1098.  
  1099. /*В Ы Б О Р _ А В А Т А Р А*/
  1100.  
  1101. .avatar-select-list {
  1102.     background-color: rgb(14,14,14);
  1103.     background-image: url(https://i.ibb.co/r50q1rn/dropdown.png);
  1104.     background-position: center;
  1105.     background-attachment: fixed;
  1106.     background-repeat: repeat;
  1107.     height: 234px !important;
  1108.     padding: 5px;
  1109.     border: 1px solid rgb(8,8,8);
  1110. }
  1111.  
  1112. .avatar-select-label {
  1113.     filter: saturate(0) brightness(0.5) contrast(0.95);
  1114.     padding: 5px;
  1115.     border: none !important;
  1116. }
  1117.  
  1118. .avatar-select-label.avatar-select-label-selected {
  1119.     filter: none;
  1120.     background-color: rgb(8,8,8);
  1121.     outline: 4px solid rgb(55,55,55);
  1122.     outline-offset: -4px;
  1123.     transition: .15s;
  1124. }
  1125.  
  1126. /*Д И А Л О Г И*/
  1127.  
  1128. .content > br {
  1129.     display: none;
  1130. }
  1131.  
  1132. .post-content a[href="/chats"], .post-content a[href="/chat/create"], .d-flex.justify-content-between a[href^="?count="] {
  1133.     color: rgb(55,55,55);
  1134.     font-family: 'Alice', serif;
  1135.     font-size: 14px;
  1136.     text-shadow: 1px 1px 0 rgb(8,8,8);
  1137.     transition: .5s;
  1138. }
  1139.  
  1140. .post-content a[href="/chats"]:hover, .post-content a[href="/chat/create"]:hover, .d-flex.justify-content-between a[href^="?count="]:hover {
  1141.     color: rgb(75,75,75);
  1142.     transition: .5s;
  1143. }
  1144.  
  1145. .post-content a[href="/chats"] {
  1146.     text-transform: uppercase;
  1147.     margin: 0 .5rem 0 0;
  1148. }
  1149.  
  1150. .post-content a[href="/chat/create"] {
  1151.     text-transform: lowercase;
  1152. }
  1153.  
  1154. .d-flex.justify-content-between a[href^="?count="] {
  1155.     font-size: 16px !important;
  1156.     margin: 0 5px 0 0;
  1157. }
  1158.  
  1159. a[href="?count=10"]:after, a[href="?count=50"]:after {
  1160.     content: ',';
  1161. }
  1162.  
  1163. a[href="?count=all"] {
  1164.     float: left;
  1165. }
  1166.  
  1167. a[href="?count=all"]:after {
  1168.     content: '—';
  1169.     margin: 0 0 0 5px;
  1170. }
  1171.  
  1172. .post-content > h2, .post-content[style="min-height: 2rem !important;"] { /*чаты - диалоги*/
  1173.     font-family: 'Alice', serif;
  1174.     font-size: 18px;
  1175.     display: none;
  1176. }
  1177.  
  1178. .py-4 .post-content .im__nightmode-switch {
  1179.     margin: 0 !important;
  1180.     padding: 0.25rem 0.5rem !important;
  1181. }
  1182.  
  1183. a.post-title-user {
  1184.     font-weight: bolder;
  1185.     text-shadow: 1px 1px 0 rgb(8,8,8);
  1186.     transition: .5s;
  1187. }    
  1188.  
  1189. a.post-title-user:hover {
  1190.     color: rgb(105,105,105);
  1191.     transition: .5s;
  1192. }
  1193.  
  1194. .post-content > div:first-child span.unread-message {
  1195.     background-color: transparent !important;
  1196.     color: #980204 !important;
  1197. }
  1198.  
  1199. .post-content > div:last-child { /*открыть диалог с...*/
  1200.     margin: 1rem 0 0 0 !important;
  1201. }
  1202.  
  1203. .post-content > div:last-child > a {
  1204.     font-weight: 700;
  1205. }
  1206.  
  1207. /*---*/
  1208.  
  1209. img[src="/i/offline.png"] {
  1210.     filter: saturate(0) brightness(0.3) contrast(0.95);
  1211. }
  1212.  
  1213. img[src="/i/online.png"] {
  1214.     filter: saturate(.75) brightness(0.4) contrast(2) hue-rotate(240deg);
  1215. }
  1216.  
  1217. .content > h1:first-child {
  1218.     position: relative;
  1219.     height: 40.59px !important;
  1220.     margin: 1rem !important;
  1221.     padding: .5rem 1rem;
  1222.     z-index: 100;
  1223. }
  1224.  
  1225. .d-flex.justify-content-between {
  1226.     margin: calc(-40.59px - 2rem) 0 50px 0 !important;
  1227.     padding: calc(40.59px + 2rem) 1rem 1rem 1rem !important;
  1228.     z-index: 99;
  1229. }
  1230.  
  1231. /*П О Д В А Л*/
  1232.  
  1233. body div[style="text-align: center"] {
  1234.     background-color: rgb(12,12,12);
  1235.     background-image: url(https://i.ibb.co/ZMGDRNx/post.png);
  1236.     background-position: center;
  1237.     background-attachment: fixed;
  1238.     background-repeat: repeat;
  1239.     color: rgb(35,35,35);
  1240.     font-size: 14px;
  1241.     margin: 20px 0 0 0;
  1242.     padding: 5px;
  1243.     border-top: 1px solid rgb(30,30,30);
  1244. }
  1245.  
  1246. body div[style="text-align: center"] a {
  1247.     color: rgb(55,55,55);
  1248.     text-shadow: 1px 1px 0 rgb(8,8,8,), 0 0 5px rgba(8,8,8,.5);
  1249.     transition: .5s;
  1250. }
  1251.  
  1252. body div[style="text-align: center"] a:hover {
  1253.     color: rgb(75,75,75);
  1254.     transition: .5s;
  1255. }
  1256.  
  1257. #footer, body > div:last-child {
  1258.     display: none;
  1259. }
  1260.  
  1261. /*В Н И З*/
  1262.  
  1263. span[style="float:right;cursor:pointer;text-shadow: 1px 1px 1px white;"] {
  1264.     background-color: rgb(14,14,14);
  1265.     background-image: url(https://i.ibb.co/f9HfPK2/by-g.png);
  1266.     background-position: center;
  1267.     background-repeat: no-repeat;
  1268.     background-size: 0;
  1269.     color: rgb(75,75,75);
  1270.     text-shadow: 1px 1px 0 rgb(8,8,8), 0 0 5px rgba(8,8,8,.5) !important;
  1271.     font-size: 11px; font-size: 12px !important;
  1272.     text-align: center;
  1273.     position: fixed;
  1274.     right: 5px; right: 20px !important;
  1275.     bottom: 5px; bottom: 10px !important;
  1276.     width: auto; width: 90px !important;
  1277.     max-width: 50vw;
  1278.     height: auto; height: auto !important;
  1279.     padding: 2.5px 7.5px;
  1280.     border-top: 2px solid rgb(30,30,30);
  1281.     border-left: 1px solid rgb(30,30,30);
  1282.     border-right: 1px solid rgb(8,8,8);
  1283.     border-bottom: 1px solid rgb(8,8,8);
  1284.     transition: .5s;
  1285. }
  1286.  
  1287. span[style="float:right;cursor:pointer;text-shadow: 1px 1px 1px white;"]:hover {
  1288.     background-color: rgb(16,16,16);
  1289.     background-size: 70px;
  1290.     color: rgba(95,95,95,0);
  1291.     text-shadow: none !important;
  1292.     border-top: 2px solid rgb(35,35,35);
  1293.     border-left: 1px solid rgb(35,35,35);
  1294.     border-right: 1px solid rgb(8,8,8);
  1295.     border-bottom: 1px solid rgb(8,8,8);
  1296.     border-radius: 1rem;
  1297.     transition: .5s;
  1298. }
  1299.  
  1300. /*С Т Р А Н И Ц Ы*/
  1301.  
  1302. .crumbs {
  1303.     margin: 25px 0 10px 0 !important;
  1304.     padding: 0 1rem;
  1305. }
  1306.  
  1307. #app > .crumbs:last-child {
  1308.     margin: 10px 0 20px 0 !important;
  1309. }
  1310.  
  1311. .crumbs, .crumb-item, .pagination-goto {
  1312.     color: rgb(55,55,55) !important;
  1313.     font-weight: normal !important;
  1314.     font-family: 'Alice', serif;
  1315.     font-size: 16px;
  1316.     text-transform: lowercase;
  1317.     text-shadow: 1px 1px 0 rgb(8,8,8), 0 0 15px rgb(14,14,14);
  1318. }
  1319.  
  1320. .pagination-goto {
  1321.     font-size: 14px !important;
  1322. }
  1323.  
  1324. .crumbs a {
  1325.     background-color: transparent !important;
  1326.     color: rgb(75,75,75);
  1327.     transition: .5s;
  1328. }
  1329.  
  1330. .crumbs a:hover {
  1331.     color: rgb(95,95,95);
  1332.     transition: .5s;
  1333. }
  1334.  
  1335. /*Р Е Д А К Т О Р*/
  1336.  
  1337. .alert.alert-success, .alert.alert-warning {
  1338.     background-color: rgba(154,0,3,.1);
  1339.     color: rgb(75,75,75);
  1340.     border: none;
  1341.     border-radius: 0;
  1342. }
  1343.  
  1344. .alert.alert-warning {
  1345.     background-color: rgba(154,0,3,.2);
  1346.     color: rgb(95,95,95);
  1347. }
  1348.  
  1349. .textareabg {
  1350.     background-color: transparent;
  1351. }
  1352.  
  1353. #preview-area {
  1354.     background-color: transparent;
  1355.     font-family: Nunito,sans-serif;
  1356.     text-shadow: none;
  1357.     margin: 0;
  1358.     padding: 0;
  1359.     border: none;
  1360. }
  1361.  
  1362. /*M O B I L E*/
  1363.  
  1364. .menu__btn {
  1365.     position: fixed !important;
  1366.     top: 10px;
  1367.     left: 40px !important;
  1368.     transform: scale(0.85);
  1369. }
  1370.  
  1371. .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
  1372.     background-color: rgb(105,105,105) !important;
  1373.     transition: .5s;
  1374. }
  1375.  
  1376. .menu__btn:hover > span, .menu__btn:hover > span::before, .menu__btn:hover > span::after {
  1377.     background-color: rgb(125,125,125) !important;
  1378.     transition: .5s;
  1379. }
  1380.  
  1381. #menu__toggle:checked ~ .menu__box {
  1382.     top: 0;
  1383.     left: 0;
  1384.     bottom: 0;
  1385.     padding: 100px 0 10px 0;
  1386. }
  1387.  
  1388. .menu__box {
  1389.     background-color: rgb(14,14,14);
  1390.     background-image: url(https://i.ibb.co/r50q1rn/dropdown.png);
  1391.     background-position: center;
  1392.     background-attachment: fixed;
  1393.     background-repeat: repeat;
  1394.     color: rgb(75,75,75);
  1395.     max-width: 250px;
  1396. }
  1397.  
  1398. .menu__box > li, .menu__box > li:hover {
  1399.     margin: 10px 0 !important;
  1400.     list-style-type: none;
  1401. }
  1402.  
  1403. .menu__box > li a, .menu__box > li a:hover {
  1404.     background-color: rgb(19,19,19);
  1405.     color: rgb(75,75,75) !important;
  1406.     font-weight: normal;
  1407.     text-align: left;
  1408.     letter-spacing: 1px;
  1409.     padding: 5px 15px !important;
  1410.     border-top: 1px solid rgba(40, 40, 40, 0);
  1411.     border-bottom: 1px solid rgba(8,8,8,0);
  1412.     transition: 0s;
  1413. }
  1414.  
  1415. .menu__box > li a:hover {
  1416.     color: rgb(95,95,95) !important;
  1417.     border-top: 1px solid rgb(45,45,45);
  1418.     border-bottom: 1px solid rgb(8,8,8);
  1419.     transition: 0s;
  1420. }
  1421.  
  1422. .menu__box > li:first-child:before {
  1423.     content: 'snake';
  1424.     background-color: rgb(55,55,55);
  1425.     background-image: url(https://i.ibb.co/TH18ByS/link.gif);
  1426.     background-size: cover;
  1427.     color: transparent;
  1428.     font-size: 50px;
  1429.     font-family: 'Bangers', cursive;
  1430.     text-align: center;
  1431.     letter-spacing: 3px;
  1432.     -moz-background-clip: text;
  1433.     -webkit-background-clip: text;
  1434.     position: absolute;
  1435.     top: 45px;
  1436.     left: 0;
  1437.     right: 0;
  1438.     transition: .75s;
  1439. }
  1440.  
  1441. .menu__box > li:first-child {
  1442.     margin: 20px 10px !important;
  1443. }
  1444.  
  1445. .menu__box > li:first-child a { /*написать в дневник*/
  1446.     background-color: rgb(24,24,24);
  1447.     color: rgb(105,105,105);
  1448.     font-family: 'Alice', serif;
  1449.     font-size: 14px;
  1450.     text-align: center;
  1451.     text-transform: uppercase;
  1452. }
  1453.  
  1454. .menu__box > li:first-child a:hover {
  1455.     background-color: rgb(29,29,29);
  1456.     color: rgb(125,125,125);
  1457. }
  1458.  
  1459. .menu__box > li:last-child { /*написать в дневник*/
  1460.     margin: 50px 0 0 0 !important;
  1461. }
  1462.  
  1463. .menu__box > li:nth-child(2) a, /*обсуждения*/
  1464. .menu__box > li:nth-child(3) a, /*лс*/
  1465. .menu__box > li:nth-child(5) a, /*сообщества*/
  1466. .menu__box > li:nth-child(8) a, /*мой дневник*/
  1467. .menu__box > li:nth-child(10) a, /*мои настройки*/
  1468. .menu__box > li:nth-child(18) a, /*записи друзей*/
  1469. .menu__box > li:nth-child(19) a /*общая лента подписок*/ {
  1470.     color: rgb(95,95,95) !important;
  1471.     font-weight: 700 !important;
  1472.     /*text-transform: uppercase;*/
  1473. }
  1474.  
  1475. .menu__box > li:nth-child(2) a:hover,
  1476. .menu__box > li:nth-child(3) a:hover,
  1477. .menu__box > li:nth-child(5) a:hover,
  1478. .menu__box > li:nth-child(8) a:hover,
  1479. .menu__box > li:nth-child(10) a:hover,
  1480. .menu__box > li:nth-child(18) a:hover,
  1481. .menu__box > li:nth-child(19) a:hover {
  1482.     color: rgb(115,115,115) !important;
  1483. }
  1484.  
  1485. /*M O D A L*/
  1486.  
  1487. .modal-content {
  1488.     border-top: 2px solid rgb(50,50,50); border-top: 2px solid rgb(40,40,40) !important;
  1489.     border-left: 1px solid rgb(50,50,50); border-left: 1px solid rgb(40,40,40) !important;
  1490.     border-right: 1px solid rgb(8,8,8); border-right: 1px solid rgb(8,8,8) !important;
  1491.     border-bottom: 1px solid rgb(8,8,8); border-bottom: 1px solid rgb(8,8,8) !important;
  1492.     border-radius: 0 !important;
  1493. }
  1494. .modal-header {
  1495.     background-color: rgb(22,22,22);
  1496.     border-bottom: 1px solid rgb(8,8,8); border-bottom: 1px solid rgb(8,8,8) !important;
  1497.     border-radius: 0 !important;
  1498. }
  1499.  
  1500. .modal-title {
  1501.     color: rgb(105,105,105);
  1502.     text-shadow: 1px 1px 0 rgb(8,8,8);
  1503. }
  1504.  
  1505. .close {
  1506.     color: rgb(105,105,105) !important;
  1507.     text-shadow: 1px 1px 0 rgb(8,8,8); text-shadow: 1px 1px 0 rgb(8,8,8) !important;
  1508.     opacity: 1; opacity: 1 !important;
  1509.     transition: .25s;
  1510. }
  1511.  
  1512. .close:hover {
  1513.     color: rgb(125,125,125) !important;
  1514.     transition: .25s;
  1515. }
  1516.  
  1517. .modal-footer {
  1518.     background-color: rgb(22,22,22);
  1519.     border-top: 1px solid rgb(50,50,50); border-top: 1px solid rgb(40,40,40) !important;
  1520.     border-radius: 0; border-radius: 0 !important;
  1521. }
  1522.  
  1523. .modal-body {
  1524.     background-color: rgb(12,12,12);
  1525.     color: rgb(95,95,95);
  1526. }
  1527.  
  1528. .modal-footer > .btn {
  1529.     background-color: rgb(22,22,22);
  1530.     color: rgb(105,105,105);
  1531.     font-family: 'Alice', serif;
  1532.     font-size: 14px;
  1533.     text-shadow: 1px 1px 0 rgb(8,8,8);
  1534.     padding: 4px 12px;
  1535.     border-top: 1px solid rgb(50,50,50); border-top: 1px solid rgb(40,40,40) !important;
  1536.     border-left: 1px solid rgb(50,50,50); border-left: 1px solid rgb(40,40,40) !important;
  1537.     border-right: 1px solid rgb(8,8,8); border-right: 1px solid rgb(8,8,8) !important;
  1538.     border-bottom: 1px solid rgb(8,8,8); border-bottom: 1px solid rgb(8,8,8) !important;
  1539.     border-radius: 0;
  1540.     transition: .5s;
  1541. }
  1542.  
  1543. .modal-footer > .btn:hover {
  1544.     background-color: rgb(27,27,27);
  1545.     color: rgb(110,110,110);
  1546.     border-top: 1px solid rgb(60,60,60); border-top: 1px solid rgb(50,50,50) !important;
  1547.     border-left: 1px solid rgb(60,60,60); border-left: 1px solid rgb(50,50,50) !important;
  1548.     border-radius: .5rem;
  1549.     transition: .5s;
  1550. }
  1551.  
  1552. .modal-footer > .btn:active {
  1553.     background-color: rgb(17,17,17) !important;
  1554.     color: rgb(95,95,95) !important;
  1555.     text-shadow: none;
  1556.     border-top: 1px solid rgb(50,50,50); border-top: 1px solid rgb(40,40,40) !important;
  1557.     border-left: 1px solid rgb(50,50,50); border-left: 1px solid rgb(40,40,40) !important;
  1558. }
  1559.  
  1560. /*С К Р О Л Л Б А Р*/
  1561.  
  1562. ::-webkit-scrollbar {
  1563.     width: 6px;
  1564.     height: 6px;
  1565. }
  1566.  
  1567. ::-webkit-scrollbar-thumb {
  1568.     background-color: rgb(24,24,24);
  1569.     border-top: 1px solid rgb(40,40,40);
  1570.     border-left: 1px solid rgb(32,32,32);
  1571.     border-bottom: 1px solid rgb(8,8,8);
  1572. }
  1573.  
  1574. ::-webkit-scrollbar-track {
  1575.     background-color: rgb(18,18,18);
  1576.     border-left: 1px solid rgb(8,8,8);
  1577. }
  1578.  
  1579. ::-webkit-scrollbar-corner {
  1580.     background-color: rgb(8,8,8);
  1581. }
  1582.  
  1583. /*M E D I A*/
  1584.  
  1585. @media (max-width: 1200px) {
  1586. #beon-fnplayer:before, #beon-fnplayer:after {display: none;}
  1587. #beon-fnplayer {background-color: rgba(21,21,21,1) !important; position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important; margin: 5px 0 !important; padding: 5px 0;}
  1588. #fnplayer-play {border-color: transparent transparent transparent rgb(75,75,75) !important; transform: scale(1);}
  1589. #fnplayer-stop {background-color: rgb(75,75,75) !important; transform: scale(1);}
  1590. #fnplayer-slider {background-color: rgb(115,115,115,0.5) !important;}
  1591. #fnplayer-slider-inner {background-image: url(https://i.ibb.co/TH18ByS/link.gif); border-right: 1px solid rgb(75,75,75);}
  1592. #fnplayer-volume {background-color: rgb(24,24,24) !important; transform: scale(1);}
  1593. #fnplayer-volume-inner {background-color: rgb(75,75,75) !important;}
  1594. }
  1595.  
  1596. @media (max-width: 800px) {
  1597. body {padding: 47px 0 0 0;}
  1598. .navbar.navbar-expand-md:before {display: none;}
  1599. .container {margin: 0 auto !important;}
  1600. .left-menu {width: calc(100% - 10px) !important; margin: 0 5px 25px 5px !important;}
  1601. .content {width: 100% !important; padding: 0 5px;}
  1602. a {color: rgb(105,105,105) !important;}
  1603. a:hover { color: rgb(125,125,125) !important;}
  1604. ::selection {background-color: rgb(65,65,65); color: rgb(110,110,110);}
  1605. ::-moz-selection {background-color: rgb(65,65,65); color: rgb(110,110,110);}
  1606. .navbar.navbar-expand-md {position: fixed; left: 0; right: 0; height: 47px; padding: 0; border-bottom: 1px solid rgb(40,40,40);}
  1607. a.my-menu.for-mobile {position: fixed; top: 0; right: 40px; filter: brightness(1.24);background-size: 30px;}
  1608. a.my-menu.for-mobile:hover {filter: brightness(1.49);}
  1609. #navbarSupportedContent {display: none;}
  1610. a.navbar-brand, a.navbar-brand:hover {position: fixed; top: 10px; left: calc(50% - 28.99px); right: calc(50% - 28.99px); margin: 0;}
  1611. a.navbar-brand:before {color: rgb(105,105,105);}
  1612. a.navbar-brand:hover:before {color: rgb(125,125,125);}
  1613. .container li {color: rgb(75,75,75);}
  1614. .container li:hover {color: rgb(115,115,115);}
  1615. .container li a:hover {color: rgb(115,115,115) !important;}
  1616. .left-menu {padding: .5rem !important; border-top: 1px solid rgb(40,40,40) !important; border-left: 1px solid rgb(40,40,40) !important; border-right: 1px solid rgb(8,8,8) !important;}
  1617. .left-menu > div {margin: 0 0 .5rem 0;}
  1618. h3.left-menu-text {color: rgb(105,105,105) !important; margin: -.5rem -.5rem .5rem -.5rem !important; border-top: 1px solid rgb(40,40,40);}
  1619. .left-menu > div {color: rgb(75,75,75); padding: .5rem;}
  1620. .left-menu > div a {color: rgb(95,95,95) !important;}
  1621. .left-menu > div a:hover {color: rgb(115,115,115) !important;}
  1622. .left-menu-text img {filter: saturate(0) brightness(0.4) contrast(0.95);}
  1623. .left-menu__unread-message {padding: .5rem .5rem .25rem .5rem;}
  1624. .left-menu__unread-message [type=submit] {background-color: rgb(17,17,17); color: rgb(105,105,105); margin: 0 2.5px .5rem 2.5px; padding: 2.5px 10px; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1625. .left-menu__unread-message [type=submit]:hover, .left-menu__unread-message [type=submit]:active {color: rgb(125,125,125); border-top: 1px solid rgb(45,45,45); border-left: 1px solid rgb(45,45,45);}
  1626. .left-menu__unread-message [type=submit]:active {color: rgb(105,105,105); border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1627. .left-menu__user-notification > p.left-menu-text {border-top: 1px dashed rgb(38,38,38);}
  1628. .blog__about .text-center {margin: 0 0 .5rem 0;}
  1629. input[name="q"] {background-color: rgb(20,20,20); color: rgb(95,95,95);}
  1630.  
  1631. input[name="q"]::-webkit-input-placeholder {color: rgb(75,75,75);}
  1632. input[name="q"]::-moz-placeholder {color: rgb(75,75,75);}
  1633. input[name="q"]:-moz-placeholder {color: rgb(75,75,75);}
  1634. input[name="q"]:-ms-input-placeholder {color: rgb(75,75,75);}
  1635.  
  1636. input[name="q"]:focus {background-color: rgb(23,23,23); color: rgb(105,105,105);}
  1637. .left-menu__gift img, .container-fluid.gifts-page img {filter: saturate(0) brightness(0.35) contrast(0.95);}
  1638. .left-menu__gift:hover img, .gifts-page__gifts-item:hover img {filter: saturate(0) brightness(0.45) contrast(0.95);}
  1639. .gifts-page__gifts-item > div:nth-child(2) {color: rgb(85,85,85);}
  1640. .gifts-page__gifts-item a {color: rgb(105,105,105) !important}
  1641. .gifts-page__gifts-item a:hover {color: rgb(125,125,125) !important;}
  1642. .blog__last-comments div.left-menu-text {border-bottom: 1px dashed rgb(38,38,38);}
  1643. .datebg {color: rgb(105,105,105); margin: 25px 0 !important; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1644. .post-content {color: rgb(95,95,95); margin: 0 0 25px 0 !important; padding: .5rem !important; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1645. .post-text > .quotation {color: rgb(85,85,85); border-left: 1px solid rgb(85,85,85);}
  1646. .post-content > div:first-child, .post-content > h1 {margin: 0 0 .5rem 0; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1647. a.post-title:hover {color: rgb(115,115,115) !important;}
  1648. a.post-title:after {background-color: rgba(115,115,115,.5);}
  1649. i.fas.fa-heart, .postsiblings.row i {transform: scale(0.7);}
  1650. .post-content .user.post-title-user {color: rgb(105,105,105); font-size: 9px !important; top: -10px; right: .5rem; padding: 2px 8px; border-top: 1px solid rgb(40,40,40);}
  1651. span.post-title-date, .post-content > div:first-child span:last-child {color: rgb(95,95,95);}
  1652. .post-text a, .post-opt a, .comment-text a:hover, span[data-target="#deleteconfirmmodal"], .postsiblings.row a, .postsiblings.row i, .post-content > div:last-child > a, a[href="/p/photo-library"] {filter: grayscale(1) brightness(1.355);}
  1653. .post-text a:hover, .comment-text a:hover, span[data-target="#deleteconfirmmodal"]:hover, .postsiblings.row a:hover, .postsiblings.row i:hover, .post-content > div:last-child > a:hover, a[href="/p/photo-library"]:hover {filter: grayscale(1) brightness(1.855);}
  1654. .row.w-100 div {color: rgb(75,75,75);}
  1655. .tag:before, .messageform__taglinks img {filter: saturate(0) brightness(0.4) contrast(0.95);}
  1656. .sign {color: rgb(75,75,75) !important;}
  1657. .comment-box > h2 {background-color: rgb(20,20,20); color: rgb(75,75,75); border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1658. .comment-box__message-partial.comment-content {background-color: rgb(20,20,20); background-image: url(https://i.ibb.co/mtdrm8z/title.png); background-position: center; background-attachment: fixed; background-repeat: repeat; color: rgb(75,75,75); font-size: 12px; font-weight: bolder; text-align: center; text-transform: lowercase; text-shadow: 1px 1px 0 rgb(8,8,8); margin: -25px 0 0 0 !important; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1659. .comment-content {padding: .5rem; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1660. .comment-content > div:first-child {color: rgb(95,95,95) !important; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1661. .comment-content a.post-title-user:hover {color: rgb(125,125,125) !important;}
  1662. .comment-content span.post-title-date {color: rgb(95,95,95);}
  1663. .comment-text {color: rgb(95,95,95); text-align: justify;}
  1664. .comment-text .quotation {border: 1px dashed rgb(35,35,35); border-left: 1px solid rgb(40,40,40);}
  1665. .comment-row .comment-base i, .likebutton {color: rgb(75,75,75);}
  1666. .comment-row .comment-base i:hover {color: rgb(95,95,95);}
  1667. .textareabg {margin: 25px 0 0 0 !important;}
  1668. .textareabg > div:first-child, .textareabg > p, #messageform > p {color: rgb(105,105,105); padding: .5rem .75rem; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1669. .messageform, #messageform {color: rgb(75,75,75); border-top: none; border-top: none !important; border-left: 1px solid rgb(40,40,40);}
  1670. .dropbtn, a[href="javascript:void(0);"] img, #collapseStickerpaks img {filter: saturate(1) brightness(0.75) contrast(0.95);}
  1671. .textarea-wrapper > textarea, .textareabg input, .textareabg select, .modal-content select {color: rgb(95,95,95);}
  1672. .textarea-wrapper > textarea:focus, .textareabg input:focus, .textareabg select:focus {color: rgb(105,105,105);}
  1673. .messageform [type=submit], #messageform [type="submit"], .post-content [type=submit], #messageform [type=button] {color: rgb(75,75,75); padding: 2.5px 10px; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1674. .messageform [type=submit]:last-child {float: none; margin: .5rem 0 0 0;}
  1675. .messageform [type=submit]:hover, .messageform [type=submit]:active, #messageform [type="submit"]:hover, #messageform [type="submit"]:active, #messageform [type=button]:hover, #messageform [type=button]:active {color: rgb(95,95,95); border-top: 1px solid rgb(45,45,45); border-left: 1px solid rgb(45,45,45);}
  1676. .messageform [type=submit]:active, #messageform [type="submit"]:active, #messageform [type=button]:active {color: rgb(65,65,65); border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1677. .avatar-select-label {filter: saturate(0) brightness(0.6) contrast(0.95);}
  1678. .avatar-select-label.avatar-select-label-selected {outline: 2px solid rgb(75,75,75);}
  1679. .post-content a[href="/chats"], .post-content a[href="/chat/create"], .d-flex.justify-content-between a[href^="?count="] {color: rgb(75,75,75);}
  1680. .post-content a[href="/chats"]:hover, .post-content a[href="/chat/create"]:hover, .d-flex.justify-content-between a[href^="?count="]:hover {color: rgb(95,95,95);}
  1681. a.post-title-user:hover {color: rgb(125,125,125);}
  1682. body div[style="text-align: center"] {color: rgb(55,55,55); border-top: 1px solid rgb(40,40,40);}
  1683. body div[style="text-align: center"] a {color: rgb(75,75,75);}
  1684. body div[style="text-align: center"] a:hover {color: rgb(95,95,95);}
  1685. span[style="float:right;cursor:pointer;text-shadow: 1px 1px 1px white;"] {font-size: 11px; right: 5px; bottom: 5px; border-top: 1px solid rgb(40,40,40); border-left: 1px solid rgb(40,40,40);}
  1686. span[style="float:right;cursor:pointer;text-shadow: 1px 1px 1px white;"]:hover {border-top: 1px solid rgb(45,45,45); border-left: 1px solid rgb(45,45,45);}
  1687. .content > h1:first-child {margin: .5rem !important; padding: .25rem .5rem;}
  1688. .d-flex.justify-content-between {margin: calc(-40.59px - 1rem) 0 25px 0 !important; padding: calc(40.59px + 1rem) .5rem .5rem .5rem !important;}
  1689. .py-4 .post-content .im__nightmode-switch {padding: 0 0.5rem !important;}
  1690. .py-4 .post-content .im__nightmode-switch .fas {padding: 0 !important;}
  1691. .crumbs {padding: 0 .5rem;}
  1692. .crumbs, .crumb-item, .pagination-goto {color: rgb(75,75,75) !important;}
  1693. .crumbs a {color: rgb(95,95,95);}
  1694. .crumbs a:hover {color: rgb(115,115,115);}
  1695. ::-webkit-scrollbar-thumb {background-color: rgb(29,29,29); border-top: 1px solid rgb(45,45,45); border-left: 1px solid rgb(37,37,37);}
  1696. ::-webkit-scrollbar-track {background-color: rgb(23,23,23);}
  1697. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!