G-ee

Glitch: diary

Aug 5th, 2021 (edited)
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 57.79 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
  2.  
  3. /*-----------------------
  4. --------сoᴅᴇ вʏ ɢ--------
  5. -------ɢʟᴇɴ-тнᴇмᴇs-------
  6. -------------------------*/
  7.  
  8. .gifts-list > .p-1 a,
  9. a.top_menu_item,
  10. a.btn.btn-primary,
  11. a.btn.btn-success,
  12. .blog_leftprofile a,
  13. .profile_comment_date,
  14. .profile_comment_links a,
  15. .card-title a,
  16. .card-subtitle,
  17. .additional_info.pl-3,
  18. .post_text.pl-3 a[href="#"],
  19. a.page-link,
  20. .copyright {
  21.     font-family: 'Russo One', sans-serif !important;
  22.     font-weight: 100 !important;
  23. }
  24.  
  25. html {
  26.     margin-bottom: 0px; margin-bottom: 0px !important;
  27. }
  28.  
  29. html:before, html:after {
  30.     content: '';
  31.     position: fixed;
  32.     top: 0;
  33.     left: 0;
  34.     right: 0;
  35.     bottom: 0;
  36. }
  37.  
  38. html:before {
  39.     background-image: url(https://i.ibb.co/4F9sFfw/background-2.jpg);
  40.     background-position: center;
  41.     background-repeat: no-repeat;
  42.     background-attachment: fixed;
  43.     background-size: cover;
  44.     filter: blur(10px);
  45.     z-index: -3;
  46. }
  47.  
  48. html:after {
  49.     background-image: url(https://i.ibb.co/py0BcMy/background-3.png);
  50.     background-repeat: repeat;
  51.     background-size: initial;
  52.     z-index: -2;
  53.     opacity: .85;
  54. }
  55.  
  56. body {
  57.     background-color: #090909; background-color: #090909 !important;
  58.     background-image: url(https://i.ibb.co/4fbyJMH/background-1.png); background-image: url(https://i.ibb.co/4fbyJMH/background-1.png) !important;
  59.     background-position: center; background-position: center !important;
  60.     background-attachment: fixed; background-attachment: fixed !important;
  61.     background-repeat: no-repeat; background-repeat: no-repeat !important;
  62.     background-size: cover; background-size: cover !important;
  63.     min-height: 100vh;
  64. }
  65.  
  66. table.body {
  67.     width: 100%; width: 100% !important;
  68.     margin: 0; margin: 0 !important;
  69.     padding: 75px 0 0 0; padding: 125px 20px 50px 20px !important;
  70. }
  71.  
  72. body:before, body:after, .body:before, .body:after {
  73.     content: '' !important;
  74.     background-color: #0f0f0f;
  75.     position: fixed !important;
  76. }
  77.  
  78. body:before {
  79.     width: 20px;
  80.     top: 19px;
  81.     left: 0;
  82.     bottom: 19px;
  83.     border-right: 1px solid #c60e4d;
  84.     z-index: 2;
  85. }
  86.  
  87. body:after {
  88.     width: 20px;
  89.     top: 19px;
  90.     right: 0;
  91.     bottom: 19px;
  92.     border-left: 1px solid #c60e4d;
  93.     z-index: 2;
  94. }
  95.  
  96. .body:before {
  97.     height: 20px;
  98.     top: 0;
  99.     left: 0;
  100.     right: 0;
  101.     border-bottom: 1px solid #c60e4d;
  102.     z-index: 1;
  103. }
  104.  
  105. .body:after {
  106.     content: '';
  107.     position: absolute;
  108.     height: 35px; height: 20px !important;
  109.     left: 0;
  110.     right: 0;
  111.     bottom: 0;
  112.     border-top: 1px solid #db3b73; border-top: 1px solid #c60e4d !important;
  113.     z-index: -1; z-index: 1 !important;
  114. }
  115.  
  116. img.photo {
  117.     border: none; border: none !important;
  118. }
  119.  
  120. a:hover, .form-group > label:hover {
  121.     text-decoration: none; text-decoration: none !important;
  122. }
  123.  
  124. :focus {
  125.     outline: none; outline: none !important;
  126.     box-shadow: none; box-shadow: none !important;
  127. }
  128.  
  129. ::selection {
  130.     background-color: #db3b73; background-color: #c60e4d !important;
  131.     color: #000; color: #000 !important;
  132. }
  133.  
  134. ::-moz-selection {
  135.     background-color: #db3b73; background-color: #c60e4d !important;
  136.     color: #000; color: #000 !important;
  137. }
  138.  
  139. * {
  140.     cursor: url(https://i.ibb.co/gSs4Hv5/cursor-normal.png), auto; cursor: url(https://i.ibb.co/gSs4Hv5/cursor-normal.png), auto !important;
  141. }
  142.  
  143. a, a > b, a > strong, a > span, a > img, .button, button, button > img, button > span, #bbcode > img, div[id^="userphoto_"] img:hover, .modal-content img.icon:hover, #designs {
  144.     cursor: url(https://i.ibb.co/4NyfycJ/cursor-link.png), auto; cursor: url(https://i.ibb.co/4NyfycJ/cursor-link.png), auto !important;
  145. }
  146.  
  147. input[type="text"], textarea {
  148.     cursor: url(https://i.ibb.co/VjRph02/cursor-text.png), auto; cursor: url(https://i.ibb.co/VjRph02/cursor-text.png), auto !important;
  149. }
  150.  
  151. /*Ш А П К А*/
  152.  
  153. .top_header, .top_menu.top_mobile_menu {
  154.     background-color: #0f0f0f; background-color: transparent !important;
  155.     position: fixed !important;
  156.     top: 19px !important;
  157.     min-width: 620px !important;;
  158.     width: auto !important;
  159.     margin: 0 calc(50% - 310px) !important;
  160.     padding: 0; padding: 0 0 5px 5px !important;
  161.     border: none; border: none !important;
  162.     border-bottom: 1px solid #db3b73;
  163.     box-shadow: none; box-shadow: none !important;
  164. }
  165.  
  166. .top_menu.top_mobile_menu {
  167.     height: 35px;
  168. }
  169.  
  170. .top_header:before, .top_header:after {
  171.     content: url(https://i.ibb.co/XDhw1zm/top-header.png);
  172.     position: absolute;
  173.     top: 0px;
  174.     width: 14px;
  175.     height: 14px;
  176.     filter: drop-shadow(0px 1px 0 #c60e4d);
  177. }
  178.  
  179. .top_header:before {
  180.     left: -13px;
  181. }
  182.  
  183. .top_header:after {
  184.     right: -13px;
  185.     transform: scale(-1, 1);
  186. }
  187.  
  188. .top_header > table:after {
  189.     content: '';
  190.     background-color: #0f0f0f;
  191.     position: absolute;
  192.     top: 0;
  193.     left: 0;
  194.     right: 0;
  195.     height: 15px;
  196.     border: 1px solid #c60e4d;
  197.     border-top: none;
  198.     z-index: -1;
  199. }
  200.  
  201. .top_header > table {
  202.     width: 100% !important;
  203. }
  204.  
  205. .top_header > table > tbody > tr > td:last-child {
  206.     padding-bottom: 0 !important;
  207. }
  208.  
  209. .top_header > table > tbody > tr > td:last-child > table {
  210.     width: 100% !important;
  211. }
  212.  
  213. .top_menu {
  214.     padding: 5px 10px; padding: 0 !important;
  215. }
  216.  
  217. a.top_menu {
  218.     text-align: center !important;
  219. }
  220.  
  221. .top_menu_link_container {
  222.     display: inline-block;
  223.     float: inherit !important;
  224. }
  225.  
  226. div.top_menu_link {
  227.     padding: 5px 5px 0 5px !important;
  228. }
  229.  
  230. a.top_menu_item, a.btn.btn-primary, a.btn.btn-success {
  231.     background-color: #0f0f0f; background-color: #0f0f0f !important;
  232.     background: url(https://i.ibb.co/MhcBhS9/top-menu-item-2.png), url(https://i.ibb.co/MhcBhS9/top-menu-item-2.png);
  233.     background-position: top center, bottom center;
  234.     background-repeat: repeat-x, repeat-x;
  235.     position: relative;
  236.     height: 24px !important;
  237.     margin: 0 10px;
  238.     padding: 5px 12px;
  239.     color: #d93c74; color: #d93c74 !important;
  240.     font-size: 10px; font-size: 10px !important;
  241.     font-weight: 500 !important;
  242.     text-transform: uppercase;
  243.     border: 1px solid #c60e4d; border: 1px solid #c60e4d !important;
  244.     border-radius: 0;
  245.     transition: 0s;
  246. }
  247.  
  248. a.btn.btn-primary {
  249.     margin: 0 15px;
  250. }
  251.  
  252. a.btn.btn-success {
  253.     margin: 0 20px 0 15px;
  254. }
  255.  
  256. .top_menu_link_container:hover > .top_menu_link > a.top_menu_item, a.btn.btn-primary:hover, a.btn.btn-primary:active, a.btn.btn-success:hover, a.btn.btn-success:active {
  257.     background-color: #c60e4d; background-color: #c60e4d !important;
  258.     color: #fff !important;
  259.     text-shadow: -6px -2px 0 #d93c74, 6px 2px 0 #d93c74;
  260.     transition: 0s;
  261. }
  262.  
  263. a.top_menu_item:before, a.top_menu_item:after,
  264. a.btn.btn-primary:before, a.btn.btn-primary:after, a.btn.btn-success:before, a.btn.btn-success:after {
  265.     background-image: url(https://i.ibb.co/ZVQyqpv/top-menu-item.png);
  266.     content: '';
  267.     position: absolute;
  268.     width: 14px;
  269.     height: 24px;
  270. }
  271.  
  272. a.top_menu_item:before,
  273. a.btn.btn-primary:before, a.btn.btn-success:before {
  274.     background-position: 0 0;
  275.     top: -1px;
  276.     left: -14px;
  277. }
  278.  
  279. a.top_menu_item:after,
  280. a.btn.btn-primary:after, a.btn.btn-success:after {
  281.     background-position: 14px 0;
  282.     top: -1px;
  283.     right: -14px;
  284. }
  285.  
  286. .top_menu_link_container:hover > .top_menu_link > a.top_menu_item:before,
  287. a.btn.btn-primary:hover:before, a.btn.btn-success:hover:before {
  288.     background-position: 0 24px;
  289. }
  290.  
  291. .top_menu_link_container:hover > .top_menu_link > a.top_menu_item:after,
  292. a.btn.btn-primary:hover:after, a.btn.btn-success:hover:after {
  293.     background-position: 14px 24px;
  294. }
  295.  
  296. div.menu_dropdown {
  297.     background-color: #0f0f0f !important;
  298.     display: inline !important;
  299.     overflow: hidden;
  300.     width: 180px !important;
  301.     margin-top: 10px !important;
  302.     margin-left: -30px !important;
  303.     border: 1px solid transparent !important;
  304.     border-image: linear-gradient(#c60e4d, rgb(30,30,30)) !important;
  305.     -moz-border-image: -moz-linear-gradient(#c60e4d, rgb(30,30,30)) !important;
  306.     -webkit-border-image: -webkit-linear-gradient(#c60e4d, rgb(30,30,30)) !important;
  307.     border-image-slice: 1 !important;
  308.     border-radius: 0 !important;
  309.     transform: scaleY(0);
  310. }
  311.  
  312. .top_menu_link_container:hover > .top_menu_link > div > div.menu_dropdown {
  313.     transform: scaleY(1);
  314. }
  315.  
  316. .menu_dropdown a.menu_item {
  317.     background-color: #0f0f0f;
  318.     color: #9c9c9c; color: #797979 !important;
  319.     font-size: 12px;
  320.     text-align: center;
  321.     padding: 3px 8px !important;
  322.     border-left: 5px solid #0f0f0f;
  323.     border-right: 5px solid #0f0f0f;
  324. }
  325.  
  326. .menu_dropdown a.menu_item:hover {
  327.     background: linear-gradient(to right, #c60e4d, #9c9c9c);
  328.     color: #000; color: #000 !important;
  329.     border-left: 5px solid #9c9c9c;
  330.     border-right: 5px solid #c60e4d;
  331. }
  332.  
  333. .menu_dropdown a.menu_item img {
  334.     display: none;
  335. }
  336.  
  337. .top_mobile_menu .collapse.navbar-collapse, .mr-1.mobile_button {
  338.     display: none;
  339. }
  340.  
  341. #mobile_menu {
  342.     background-color: #0f0f0f;
  343.     color: #737373;
  344.     font-size: 10px;
  345.     max-width: 250px;
  346.     padding: 0 10px 0 0;
  347.     outline: 1px solid #db3b73;
  348. }
  349.  
  350. #mobile_menu > .menu_item_dropdown a {
  351.     background-color: #232323;
  352.     color: #9c9c9c;
  353.     font-size: 12px;
  354.     padding: 5px 10px 5px 8px;
  355.     border-top: 1px solid #0f0f0f;
  356.     border-left: 2px solid transparent;
  357.     border-bottom: 1px solid #0f0f0f;
  358. }
  359.  
  360. #mobile_menu > .menu_item_dropdown a:hover {
  361.     background-color: #0f0f0f;
  362.     color: #db3b73;
  363.     border-left: 2px solid #db3b73;
  364. }
  365.  
  366. #mobile_menu > .menu_item_dropdown a img {
  367.     display: none;
  368.     filter: sepia(1) hue-rotate(260deg);
  369.     width: auto;
  370.     height: 10px;
  371.     opacity: .5;
  372. }
  373.  
  374. #mobile_photo_wrap {
  375.     margin: 0 0 10px 0;
  376. }
  377.  
  378. #mobile_photo {
  379.     padding: 10px 10px 5px 10px;
  380. }
  381.  
  382. #mobile_photo img.photo {
  383.     background-color: #232323;
  384.     width: 60px;
  385.     height: 60px;
  386.     padding: 5px;
  387.     object-fit: cover;
  388.     border: 1px solid #737373;
  389.     border-radius: 50%;
  390. }
  391.  
  392. #mobile_menu .btn-primary {
  393.     background-image: linear-gradient(to left, #9c9c9c, #db3b73);
  394.     padding: 10px;
  395.     color: #000;
  396.     font-size: 10px;
  397.     font-weight: 500;
  398.     text-transform: uppercase;
  399.     letter-spacing: .25px;
  400.     border: none;
  401.     border-left: 5px solid #9c9c9c;
  402.     border-right: 5px solid #db3b73;
  403.     transition: 0s;
  404. }
  405.  
  406. #mobile_menu .btn-primary:hover {
  407.     background-image: linear-gradient(to left, #232323, #313131);
  408.     color: #9c9c9c;
  409.     border-left: 5px solid #232323;
  410.     border-right: 5px solid #313131;
  411.     transition: 0s;
  412. }
  413.  
  414. /*логотип*/
  415.  
  416. .top_header a[href="./"]{
  417.     background-color: #0f0f0f;
  418.     background-image: url(https://i.ibb.co/42kVPsk/logo.png);
  419.     background-position: center;
  420.     background-repeat: no-repeat;
  421.     position: fixed;
  422.     color: transparent; color: transparent !important;
  423.     width: 30px !important;
  424.     height: 30px !important;
  425.     left: 19px !important;
  426.     top: 19px !important;
  427.     border: 1px solid #c60e4d;
  428. }
  429.  
  430. .top_mobile_menu > .p-1 > a[href="./"] {
  431.     background-image: url(https://i.ibb.co/zhrYnX3/logo-2.png);
  432.     background-position: center;
  433.     background-repeat: no-repeat;
  434.     background-size: 40px;
  435.     position: fixed;
  436.     top: 5px;
  437.     left: 90px;
  438.     right: 90px;
  439.     height: 30px;
  440.     color: #de1056;
  441. }
  442.  
  443. [src="./images/logo_new.png"] {
  444.     width: 15px !important;
  445.     height: 15px !important;
  446.     opacity: 0;
  447. }
  448.  
  449. .top_menu_link_container:nth-child(7) {
  450.     height: 0;
  451. }
  452.  
  453. /*уведомления*/
  454.  
  455. #newupdates {
  456.     background-color: #0f0f0f; background-color: transparent !important;
  457.     background-image: url(https://i.ibb.co/J5sj1kD/button-notify-2.png); background-image: url(https://i.ibb.co/GMxvd7X/button-notify.png) !important;
  458.     background-position: center; background-position: center !important;
  459.     background-repeat: no-repeat; background-repeat: no-repeat !important;
  460.     background-size: 10px; background-size: 15px !important;
  461.     position: fixed;
  462.     top: 10px; top: auto !important;
  463.     left: 50px; left: auto !important;
  464.     right: 160px !important;
  465.     bottom: 35px !important;
  466.     width: 30px;
  467.     height: 30px;
  468.     padding: 0;
  469.     overflow: hidden;
  470.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  471.     border-radius: 5px; border-radius: 0 !important;
  472. }
  473.  
  474. [src="/images/notify.svg"] {
  475.     display: none;
  476. }
  477.  
  478. #notify_total {
  479.     background-color: #0f0f0f; background-color: transparent !important;
  480.     color: #db3b73; color: #f13073 !important;
  481.     position: fixed !important;
  482.     top: calc(20vh + 40px) !important;
  483.     right: calc(30% - 154px) !important;
  484.     width: 28px; width: 110px !important;
  485.     height: 28px; height: auto !important;
  486.     padding: 8px 0; padding: 0 !important;
  487.     font-size: 11px;
  488.     text-align: center; text-align: left !important;
  489.     border-radius: 0;
  490.     transform: rotate(-61deg) !important;
  491. }
  492.  
  493. #notify_total:before {
  494.     content: 'new alerts – ' !important;
  495.     text-transform: uppercase;
  496. }
  497.  
  498. #newupdates:hover, .button_down:last-child:hover, .card-header a:hover, .copyright a:last-child:hover, #designs:hover {
  499.     background-color: rgba(222,16,86,.1) !important;
  500.     transition: 0s;
  501. }
  502.  
  503. /*написать в дневник*/
  504.  
  505. .top_menu_link_container > button.btn.btn-primary {
  506.     background: linear-gradient(to bottom, #c60e4d, #d72e47);
  507.     background: linear-gradient(to bottom, #c60e4d, #d72e47) !important;
  508.     position: absolute;
  509.     top: 0;
  510.     right: -15px;
  511.     width: 148px;
  512.     height: 15px;
  513.     padding: 0; padding: 0 20px 0 34px !important;
  514.     color: #000; color: #000 !important;
  515.     font-size: 10px;
  516.     z-index: -1;
  517.     border: none;
  518.     border-radius: 0;
  519.     transition: .5s;
  520. }
  521.  
  522. .top_menu_link_container > button.btn.btn-primary:hover {
  523.     right: -148px;
  524.     transition: .5s;
  525. }
  526.  
  527. .top_menu_link_container > button.btn.btn-primary:after {
  528.     content: url(https://i.ibb.co/R7hVqf0/top-header-button.png);
  529.     position: absolute;
  530.     top: 0;
  531.     right: -14px;
  532. }
  533.  
  534. /*вниз*/
  535.  
  536. .button_down:last-child, .btn.btn-outline-success:last-child {
  537.     background-color: #0f0f0f; background-color: transparent !important;
  538.     background-image: url(https://i.ibb.co/jr9rh0w/button-down-2.png); background-image: url(https://i.ibb.co/vzn7BkN/button-down.png) !important;
  539.     background-position: center;
  540.     background-repeat: no-repeat;
  541.     background-size: 10px; background-size: 15px !important;
  542.     color: transparent;
  543.     position: fixed;
  544.     width: 30px;
  545.     height: 30px;
  546.     top: 10px; top: auto !important;
  547.     right: 50px; right: 120px !important;
  548.     bottom: 35px !important;
  549.     padding: 0;
  550.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  551.     border-radius: 5px; border-radius: 0 !important;
  552. }
  553.  
  554. [src="/images/button_down.svg"] {
  555.     width: 30px;
  556.     height: 30px;
  557.     opacity: 0;
  558. }
  559.  
  560. /*М Е Н Ю*/
  561.  
  562. #lefthome {
  563.     width: 0 !important;
  564.     height: 0 !important;
  565. }
  566.  
  567. #lefthome:before {
  568.     content: 'YOU ARE NOTHING BUT A MIND TRICK, A MERE ILLUSION OF MY BEST KEPT FEAR: LONG HIDDEN, ALMOST FORGOTTEN. YOUR NAME? AS IRRELEVANT AS YOUR FACE. YOUR POWER OVER ME?' !important;
  569.     background-image: linear-gradient(to bottom, rgba(201,49,76,.69) 0%, #C9314C 69%);
  570.     -webkit-background-clip: text;
  571.     -webkit-text-fill-color: transparent;
  572.     color: #C9314C;
  573.     position: fixed;
  574.     top: 20vh;
  575.     left: calc(30% - 240px);
  576.     width: 180px;
  577.     height: 160px;
  578.     padding: 0 10px 0 0;
  579.     text-align: right;
  580.     font-style: italic;
  581.     font-size: 12px;
  582.     line-height: 20px;
  583.     letter-spacing: .5px;
  584.     border-right: 1px solid transparent;
  585.     border-image: linear-gradient(transparent, #C9314C);
  586.     -moz-border-image: -moz-linear-gradient(transparent, #C9314C);
  587.     -webkit-border-image: -webkit-linear-gradient(transparent, #C9314C);
  588.     border-image-slice: 1;
  589. }
  590.  
  591. #lefthome:after {
  592.     content: 'NONE.' !important;
  593.     color: #C9314C;
  594.     position: fixed;
  595.     top: calc(20vh + 160px);
  596.     left: calc(30% - 240px);
  597.     width: 180px;
  598.     padding: 0 20px 0 0;
  599.     text-align: right;
  600.     font-style: italic;
  601.     letter-spacing: 2px;
  602.     font-size: 16px;
  603.     font-weight: 700;
  604.     text-shadow: -10px -4px 0 rgba(201,49,76,.2), 10px 4px 0 rgba(201,49,76,.4);
  605.     border-right: 1px solid #C9314C;
  606. }
  607.  
  608. .seBlogColumnRightPadding {
  609.     background-color: #0f0f0f; background-color: transparent !important;
  610.     position: relative;
  611.     padding: 0; padding: 0 !important;
  612.     border: 1px solid #db3b73; border: none !important;
  613.     border-radius: 5px; border-radius: 0 !important;
  614. }
  615.  
  616. /*меню*/
  617.  
  618. .seBlogColumnRightPadding > div:nth-child(2) {
  619.     position: fixed !important;
  620.     top: calc(20vh + 185px) !important;
  621.     left: calc(30% - 305px) !important;
  622.     width: 220px !important;
  623. }
  624.  
  625. .card.mt-3.blog_leftmenu a {
  626.     background-image: linear-gradient(to right, rgba(241,81,112,.75) 0%, #f15170 100%) !important;
  627.     -webkit-background-clip: text !important;
  628.     -webkit-text-fill-color: transparent !important;
  629.     position: relative;
  630.     padding: 0 0 0 10px !important;
  631.     color: #9c9c9c; color: #f15170 !important;
  632.     font-weight: 500 !important;
  633.     font-size: 11px;
  634.     text-align: right;
  635.     text-transform: uppercase;
  636.     letter-spacing: 1px !important;
  637.     transition: .5s;
  638. }
  639.  
  640. .card.mt-3.blog_leftmenu a:before {
  641.     content: url(https://i.ibb.co/C9ByjNR/leftmenu-item.png) !important;
  642.     position: absolute;
  643.     top: calc(50% - 5px);
  644.     right: -25px;
  645.     opacity: .75;
  646. }
  647.  
  648. .card.mt-3.blog_leftmenu a:after {
  649.     background-color: #f15170;
  650.     content: '' !important;
  651.     position: absolute;
  652.     top: 50%;
  653.     right: -10px;
  654.     width: 0px;
  655.     height: 1px;
  656.     opacity: .75;
  657.     transition: .25s;
  658. }
  659.  
  660. .card.mt-3.blog_leftmenu a:hover:after {
  661.     width: 15px;
  662.     transition: .25s;
  663. }
  664.  
  665. .card.mt-3.blog_leftmenu a:hover {
  666.     color: #db3b73; color: #f15170 !important;
  667.     padding: 0 10px 0 0 !important;
  668.     transition: .25s;
  669. }
  670.  
  671. /*гл. фото*/
  672.  
  673. .card.p-1 {
  674.     position: fixed !important;
  675.     top: 20vh !important;
  676.     right: calc(30% - 300px) !important;
  677.     padding: 20px 10px 10px 10px; padding: 0 !important;
  678.     border: none;
  679.     border-radius: 0;
  680. }
  681.  
  682. li.p-1 {
  683.     padding: 0; padding: 0 !important;
  684. }
  685.  
  686. .blog_leftphoto:before {
  687.     content: url(https://i.ibb.co/nRHmYj8/leftphoto.png);
  688.     position: relative;
  689.     width: 100%;
  690.     filter: drop-shadow(0px 0px 25px rgb(241,48,114,.5));
  691. }
  692.  
  693. .blog_leftphoto a:after {
  694.     content: url(https://i.ibb.co/Ykm2MVT/leftphoto-img.png);
  695.     position: absolute;
  696.     top: 10px; top: -10px !important;
  697.     left: calc(50% - 88px);
  698.     filter: drop-shadow(0px 0px 5px rgb(241,48,114,.5));
  699.    
  700.     /*код для вставки своего изображения
  701.    
  702.     content: '';
  703.     background-image: url(ссылка);
  704.     background-repeat: no-repeat;
  705.     background-position: center;
  706.     background-size: cover;
  707.     position: absolute;
  708.     top: 38px; top: 18px !important;
  709.     left: calc(50% - 91.5px);
  710.     width: 183px;
  711.     height: 164px;
  712.     clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);*/
  713. }
  714.  
  715. .blog_leftphoto img.photo {
  716.     display: none;
  717. }
  718.  
  719. .card.p-1:after {
  720.     content: 'I wonder, if you removed my skin and bones, and could see only my soul, how battered, bruised and broken it would be. I wonder if then, you’d be able to see how much my heart is bleeding.' !important;
  721.     color: #fc4085;
  722.     width: 220px;
  723.     padding: 0 10px;
  724.     font-size: 13px;
  725.     text-align: justify;
  726. }
  727.  
  728. .blog_leftprofile a {
  729.     color: #d93c74; color: #d93c74 !important;
  730.     font-size: 16px; font-size: 20px !important;
  731.     text-shadow: 0px 0px 15px rgb(241,48,114,.5) !important;
  732.     transition: .5s;
  733. }
  734.  
  735. .blog_leftprofile a:hover {
  736.     filter: brightness(1.2);
  737.     transition: .5s;
  738. }
  739.  
  740. .blog_leftprofile img {
  741.     filter: hue-rotate(150deg) brightness(0.8) contrast(1.6);
  742.     height: 8px;
  743.     width: auto;
  744.     margin: 0 0 2px 0;
  745. }
  746.  
  747. /*категории*/
  748.  
  749. .card.blog_categories {
  750.     position: fixed !important;
  751.     top: calc(20vh + 355px) !important;
  752.     right: calc(30% - 290px) !important;
  753.     width: 200px !important;
  754.     padding: 5px 0 0 0 !important;
  755.     text-align: center; text-align: justify !important;
  756.     border-top: 2px dotted #d93c74 !important;
  757.     border-radius: 0;
  758. }
  759.  
  760. .seBlogCategoryList {
  761.     margin: 0; margin: 0 !important;
  762.     padding: 0; padding: 0 !important;
  763. }
  764.  
  765. .seBlogCategoryList li {
  766.     display: contents !important;
  767.     color: #d93c74;
  768.     font-size: 11px; font-size: 13px !important;
  769.     font-weight: 500 !important;
  770.     text-transform: uppercase;
  771. }
  772.  
  773. .seBlogCategoryList a {
  774.     background-image: linear-gradient(to bottom, rgba(241,81,112,.5) 0%, #f15170 100%) !important;
  775.     -webkit-background-clip: text !important;
  776.     -webkit-text-fill-color: transparent !important;
  777.     color: #9c9c9c; color: #f15170 !important;
  778.     font-size: 11px; font-size: 9px !important;
  779.     transition: .25s; transition: 0s !important;
  780. }
  781.  
  782. .seBlogCategoryList a:hover {
  783.     background-image: linear-gradient(to bottom, rgba(241,81,112,1) 0%, #f15170 100%) !important;
  784.     color: #db3b73; color: #f15170 !important;
  785.     transition: .25s; transition: 0s !important;
  786. }
  787.  
  788. /*-----------*/
  789.  
  790. .card.mt-3.blog_leftmenu, .blog_leftsearch > .card, .blog_categories, .card.blog_gifts {
  791.     border-top: 1px solid #752541; border: none !important;
  792.     margin: 0;
  793.     border-radius: 0;
  794. }
  795.  
  796. .card.mt-3.blog_leftmenu .card-body,
  797. .card.blog_categories .card-body {
  798.     padding: 7.5px 10px; padding: 0 !important;
  799. }
  800.  
  801. #lefthome .p-1 {
  802.     font-size: 11px; font-size: 13px !important;
  803.     padding: 0 !important;
  804.     list-style-type: none;
  805.     text-align: center; text-align: right !important;
  806. }
  807.  
  808. #lefthome .p-1, .seBlogCategoryList li {
  809.     margin: 2.5px 0; margin: 0 !important;
  810. }
  811.  
  812. .card.mt-3.blog_leftmenu > .card-header,
  813. .blog_leftsearch .card-header,
  814. .card.blog_categories > .card-header {
  815.     display: none !important;
  816. }
  817.  
  818. .card-header, #lefthome .card.blog_gifts > .card-header {
  819.     background-color: #2d161e; background-color: transparent !important;
  820.     color: #d93c74;
  821.     font-size: 10px;
  822.     font-weight: 700;
  823.     padding: 5px 10px;
  824.     text-align: center;
  825.     text-transform: uppercase;
  826.     letter-spacing: 1px;
  827.     border-bottom: 1px solid #752541; border-bottom: none !important;
  828. }
  829.  
  830. .card-body {
  831.     padding: 0;
  832. }
  833.  
  834. /*поиск*/
  835.  
  836. .blog_leftsearch {
  837.     width: 0 !important;
  838.     height: 0 !important;
  839.     margin: 0; margin: 0 !important;
  840. }
  841.  
  842. .blog_leftsearch > .card {
  843.     overflow: hidden;
  844. }
  845.  
  846. .blog_leftsearch table {
  847.     width: 100%;
  848. }
  849.  
  850. input[name="blog_search"] {
  851.     background-color: transparent;
  852.     color: #9c9c9c; color: #c60e4d !important;
  853.     position: fixed !important;
  854.     top: 0px;
  855.     right: 19px;
  856.     width: 100%; width: 30px !important;
  857.     height: 25px; height: 19px !important;
  858.     padding: 0;
  859.     font-weight: 700 !important;
  860.     font-size: 8px; font-size: 10px !important;
  861.     text-align: center; text-align: left !important;
  862.     letter-spacing: 5px; letter-spacing: normal !important;
  863.     border: none;
  864.     border-left: 1px solid transparent;
  865.     border-right: 1px solid transparent;
  866.     z-index: 100;
  867.     transition: .5s;
  868. }
  869.  
  870. input[name="blog_search"]::-webkit-input-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
  871. input[name="blog_search"]::-moz-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
  872. input[name="blog_search"]:-moz-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
  873. input[name="blog_search"]:-ms-input-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
  874.  
  875. input[name="blog_search"]:focus {
  876.     background-color: #242424 !important;
  877.     font-size: 12px; font-size: 12px !important;
  878.     letter-spacing: normal;
  879.     width: 100%; width: 150px !important;
  880.     padding: 0 10px;
  881.     border-left: 1px solid #c60e4d;
  882.     border-right: 1px solid #c60e4d;
  883.     transition: .5s;
  884. }
  885.  
  886. /*подарки*/
  887.  
  888. .card.blog_gifts {
  889.     z-index: 100;
  890. }
  891.  
  892. .card.blog_gifts > .card-header  {
  893.     position: fixed !important;
  894.     left: 80px;
  895.     bottom: 55px;
  896.     padding: 0 !important;
  897.     color: #d93c74; color: #c60e4d !important;
  898.     font-weight: 700 !important;
  899.     font-size: 12px; font-size: 10px !important;
  900.     text-align: center; text-align: left !important;
  901.     text-transform: uppercase;
  902.     letter-spacing: 1px;
  903. }
  904.  
  905. .card-header a {
  906.     background-image: url(https://i.ibb.co/bBbC9g6/gifts.png) !important;
  907.     background-position: center;
  908.     background-repeat: no-repeat;
  909.     color: #c60e4d; color: transparent !important;
  910.     font-weight: 700; font-weight: 500 !important;
  911.     font-size: 8px; font-size: 10px !important;
  912.     text-align: center;
  913.     text-transform: uppercase;
  914.     letter-spacing: 1px;
  915.     position: fixed !important;
  916.     left: 40px;
  917.     bottom: 40px;
  918.     width: 30px !important;
  919.     height: 30px !important;
  920.     padding: 6px 0 !important;
  921.     border: 1px solid #c60e4d !important;
  922. }
  923.  
  924. .gifts-list {
  925.     position: relative;
  926. }
  927.  
  928. .gifts-list:before {
  929.     background-color: #752541;
  930.     content: '';
  931.     position: absolute;
  932.     top: 0;
  933.     left: calc(50% - 1px);
  934.     bottom: 0;
  935.     width: 1px;
  936. }
  937.  
  938. .gifts-list > .p-1 a {
  939.     background-color: #0f0f0f !important;
  940.     color: #9c9c9c; color: #c60e4d !important;
  941.     position: absolute !important;
  942.     bottom: 18px;
  943.     left: -1px;
  944.     width: 50%; width: 100px !important;
  945.     max-height: 100px;
  946.     padding: 5px;
  947.     font-size: 8px; font-size: 10px !important;
  948.     text-align: center;
  949.     letter-spacing: .5px;
  950.     text-transform: uppercase;
  951.     border: 1px solid #c60e4d !important;
  952.     display: none !important;
  953.     z-index: 1000000;
  954. }
  955.  
  956. .gifts-list > .p-1 a:after {
  957.     content: url(https://i.ibb.co/X5rz9w3/gifts-2.png) !important;
  958.     position: absolute;
  959.     bottom: -10px;
  960.     left: -1px;
  961. }
  962.  
  963. .gifts-list > .p-1 {
  964.     background-color: rgba(15,15,15,.25) !important;
  965.     position: fixed !important;
  966.     width: 50%; width: 10px !important;
  967.     min-width: 60px; min-width: 10px !important;
  968.     height: 10px !important;
  969.     padding: 10px; padding: 0 !important;
  970.     border: 1px solid #c60e4d !important;
  971.     border-radius: 50% !important;
  972. }
  973.  
  974. .gifts-list > .p-1:first-child {
  975.     left: 80px;
  976.     bottom: 40px;
  977. }
  978.  
  979. .gifts-list > .p-1:nth-child(2) {
  980.     left: 95px;
  981.     bottom: 40px;
  982. }
  983.  
  984. .gifts-list > .p-1:nth-child(3) {
  985.     left: 110px;
  986.     bottom: 40px;
  987. }
  988.  
  989. .gifts-list > .p-1:nth-child(4) {
  990.     left: 125px;
  991.     bottom: 40px;
  992. }
  993.  
  994. .gifts-list > .p-1:nth-child(5) {
  995.     left: 140px;
  996.     bottom: 40px;
  997. }
  998.  
  999. .gifts-list > .p-1:nth-child(6) {
  1000.     left: 155px;
  1001.     bottom: 40px;
  1002. }
  1003.  
  1004. .gifts-list > .p-1:nth-child(7) {
  1005.     left: 170px;
  1006.     bottom: 40px;
  1007. }
  1008.  
  1009. .gifts-list > .p-1:nth-child(8) {
  1010.     left: 185px;
  1011.     bottom: 40px;
  1012. }
  1013.  
  1014. .gifts-list > .p-1:hover a {
  1015.     display: block !important;
  1016. }
  1017.  
  1018. .gifts-list img {
  1019.     width: auto;  
  1020.     max-width: 50px;
  1021.     max-height: 50px;
  1022.     margin: 0 0 5px 0;
  1023. }
  1024.  
  1025. /*П О С Т Ы*/
  1026.  
  1027. #righthome {
  1028.     margin: 0 30% !important;
  1029.     padding: 0 10px; padding: 0 !important;
  1030. }
  1031.  
  1032. .card.mb-2.post_home {
  1033.     background-color: #0f0f0f;
  1034.     color: #9c9c9c;
  1035.     margin: 40px 0 0 0; margin: 50px 0 0 0 !important;
  1036.     padding: 10px;
  1037.     border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
  1038.     box-shadow: inset 0 0 50px rgba(98,43,82,.25), 0 0 25px rgba(0,0,0,.5) !important;
  1039.     border-radius: 5px; border-radius: 15px !important;
  1040. }
  1041.  
  1042. .card.mb-2.post_home:first-child {
  1043.     margin: 0; margin: 0 !important;
  1044. }
  1045.  
  1046. .card-title {
  1047.     margin: 0 0 2px 0; margin: 0 0 2px 0 !important;
  1048.     padding: 0 0 0 50px; padding: 0 0 0 110px !important;
  1049. }
  1050.  
  1051. .card-title a {
  1052.     position: relative;
  1053.     padding: 0 10px 0 0;
  1054.     height: 18px; height: 13px !important;
  1055.     overflow: hidden;
  1056.     display: block;
  1057.     color: #d93c74; color: #d93c74 !important;
  1058.     letter-spacing: .5px !important;
  1059.     font-size: 15px; font-size: 13px !important;
  1060.     transition: .5s;
  1061. }
  1062.  
  1063. .card-title a:before {
  1064.     content: '';
  1065.     background-color: #d93c74;
  1066.     position: absolute;
  1067.     top: 50%;
  1068.     left: 0;
  1069.     width: 0;
  1070.     height: 1px;
  1071.     transition: .5s;
  1072. }
  1073.  
  1074. .card-title a:hover {
  1075.     padding: 0 0 0 15px;
  1076.     transition: .5s;
  1077. }
  1078.  
  1079. .card-title a:hover:before {
  1080.     width: 10px;
  1081.     transition: .5s;
  1082. }
  1083.  
  1084. .card-subtitle.mb-2 {
  1085.     margin: 0; margin: 0 !important;
  1086.     padding: 0 0 0 50px; padding: 0 0 0 110px !important;
  1087.     color: #797979; color: #565656 !important;
  1088.     text-transform: uppercase;
  1089.     font-size: 9px;
  1090. }
  1091.  
  1092. .card-subtitle a {
  1093.     color: #565656; color: #565656 !important;
  1094.     transition: .5s;
  1095. }
  1096.  
  1097. .card-subtitle a:hover {
  1098.     color: #d93c74; color: #d93c74 !important;
  1099.     transition: .5s;
  1100. }
  1101.  
  1102. .post_image {
  1103.     width: 50px; width: 100px !important;
  1104.     margin-top: -30px; margin-top: -27px !important;
  1105. }
  1106.  
  1107. .post_image img {
  1108.     width: 40px; width: 100px !important;
  1109.     height: 40px; height: auto !important;
  1110.     object-fit: cover;
  1111.     border-radius: 5px;
  1112. }
  1113.  
  1114. .post_image > div {
  1115.     width: 40px; width: 100px !important;
  1116.     display: none; display: block !important;
  1117. }
  1118.  
  1119. .post_container {
  1120.     display: block; display: flex !important;
  1121. }
  1122.  
  1123. .post_container > div:nth-child(2) {
  1124.     width: calc(100% + 20px); width: 100% !important;
  1125. }
  1126.  
  1127. .post_text.pl-3 {
  1128.     font-size: 13px; font-size: 14px !important;
  1129.     margin: 10px -10px; margin: 0 !important;
  1130.     padding: 10px; padding: 10px 0 10px 10px !important;
  1131.     border-top: 1px solid #2a2a2a; border-top: none !important;
  1132.     border-bottom: 1px solid #2a2a2a; border-bottom: none !important;
  1133. }
  1134.  
  1135. .post_text.pl-3 p {
  1136.     margin: 0 0 10px 0;
  1137. }
  1138.  
  1139. .post_text.pl-3 p:last-child {
  1140.     margin: 0;
  1141. }
  1142.  
  1143. .post_text.pl-3 blockquote {
  1144.     font-style: italic;
  1145.     font-size: 13px; font-size: 14px !important;
  1146.     padding: 0 0 0 10px;
  1147.     border-left: 1px solid #db3b73; border-left: 2px solid #c60e4d !important;
  1148. }
  1149.  
  1150. .post_text.pl-3 hr {
  1151.     margin: 10px -10px; margin: 10px 0 !important;
  1152.     border-top: 1px solid #2a2a2a; border-top: 2px dotted #c60e4d !important;
  1153. }
  1154.  
  1155. .post_text.pl-3 img {
  1156.     max-width: 100%; max-width: 100% !important;
  1157.     max-height: 400px; max-height: 400px !important;
  1158. }
  1159.  
  1160. .post_text.pl-3 iframe {
  1161.     width: 500px !important;
  1162.     max-width: 100% !important;
  1163.     height: 281px !important;
  1164.     max-height: 281px !important;
  1165. }
  1166.  
  1167. .post_image > div, #user_status {
  1168.     color: #d93c74; color: #d93c74 !important;
  1169.     font-size: 9px; font-size: 9px !important;
  1170.     letter-spacing: .5px;
  1171.     line-height: .75rem;
  1172.     width: 50px; width: 100px !important;
  1173.     padding: 1.5px 0 0 0;
  1174. }
  1175.  
  1176. .post_text.pl-3 a[href="#"] {
  1177.     background-color: #0f0f0f; background-color: #0f0f0f !important;
  1178.     color: #797979; color: #db3b73 !important;
  1179.     font-size: 8px; font-size: 10px !important;
  1180.     text-align: center;
  1181.     text-transform: uppercase;
  1182.     letter-spacing: 1.25px; letter-spacing: .75px !important;
  1183.     padding: 4px 4px;
  1184.     width: 100% !important;
  1185.     display: block;
  1186.     border: 1px solid #2a2a2a; border: 1px solid #c60e4d !important;
  1187.     transition: 0s;
  1188. }
  1189.  
  1190. .post_text.pl-3 a[href="#"]:hover {
  1191.     background-color: #212121; background-color: #1b1319 !important;
  1192.     color: #797979; color: #db3b73 !important;
  1193.     transition: 0s;
  1194. }
  1195.  
  1196. .additional_info.pl-3 {
  1197.     background-image: url(https://i.ibb.co/wwSRhFb/additional-info-1.png), url(https://i.ibb.co/dgLWgbG/additional-info-2.png), url(https://i.ibb.co/p0ZmmrL/additional-info-3.png), url(https://i.ibb.co/KNjzRkn/additional-info-4.png) !important;
  1198.     background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  1199.     background-position: top left, bottom right, top right, top center;
  1200.     position: relative;
  1201.     min-height: 22px !important;
  1202.     margin: 0 0 0 10px !important;
  1203.     padding: 0; padding: 10px 0 0 7px !important;
  1204.     color: #797979; color: #c60e4d !important;
  1205.     font-size: 9px;
  1206.     text-transform: uppercase;
  1207.     font-weight: 700; font-weight: 100 !important;
  1208. }
  1209.  
  1210. .additional_info.pl-3 .card-link {
  1211.     display: inline-block;
  1212. }
  1213.  
  1214. .additional_info .card-link + .card-link {
  1215.     margin-left: 20px;
  1216. }
  1217.  
  1218. .additional_info.pl-3 p {
  1219.     margin: 0; margin: 0 !important;
  1220. }
  1221.  
  1222. .additional_info.pl-3 a {
  1223.     color: #565656; color: #d93c74 !important;
  1224.     transition: .5s;
  1225. }
  1226.  
  1227. .additional_info.pl-3 a:hover {
  1228.     color: #d93c74; color: #565656 !important;
  1229.     transition: .5s;
  1230. }
  1231.  
  1232. /*С С Ы Л К И _ П О Д _ П О С Т О М*/
  1233.  
  1234. .seBlogComments {
  1235.     margin: 0; margin: 0 !important;
  1236.     position: relative;
  1237. }
  1238.  
  1239. .seBlogComments > table > tbody > tr > td > div {
  1240.     background-color: #0f0f0f; background-color: #1b1319 !important;
  1241.     text-align: center;
  1242.     margin: -4px 0 0 0; margin: 0 20px !important;
  1243.     padding: 2.5px 5px; padding: 0 5px 5px 5px !important;
  1244.     border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
  1245.     border-top: 1px solid #2a2a2a; border-top: none !important;
  1246.     border-radius: 0 0 5px 5px; border-radius: 0 0 25px 25px !important;
  1247. }
  1248.  
  1249. div > .button a {
  1250.     color: #565656; color: #d93c74 !important;
  1251.     font-size: 10px; font-size: 12px !important;
  1252.     font-weight: 500;
  1253.     text-align: center;
  1254.     text-transform: lowercase;
  1255.     transition: .5s;
  1256. }
  1257.  
  1258. div > .button a:hover {
  1259.     color: #d93c74; color: #565656 !important;
  1260.     transition: .5s;
  1261. }
  1262.  
  1263. div > .button a img {
  1264.     filter: saturate(0) hue-rotate(0deg) brightness(0.6) contrast(1); filter: saturate(1) hue-rotate(150deg) brightness(0.7) contrast(1.7) !important;
  1265.     height: 5px; height: 8px !important;
  1266.     width: auto; width: auto !important;
  1267.     transition: .5s;
  1268. }
  1269.  
  1270. div > .button a:hover img {
  1271.     filter: hue-rotate(150deg) brightness(0.7) contrast(1.7); filter: saturate(0) hue-rotate(0deg) brightness(0.6) contrast(1) !important;
  1272.     transition: .5s;
  1273. }
  1274.  
  1275. .seBlogComments > table div > .button {
  1276.     display: inline;
  1277.     float: inherit !important;
  1278.     margin: 2.5px 5px; margin: 0 !important;
  1279.     padding: 0; padding: 0 5px !important;
  1280. }
  1281.  
  1282. /*ссылки*/
  1283.  
  1284. .post_text.pl-3 a, .profile_comment_body a, .copyright_text a {
  1285.     color: #d93c74; color: #d93c74 !important;
  1286.     transition: .5s;
  1287. }
  1288.  
  1289. .post_text.pl-3 a:hover, .profile_comment_body a:hover, .copyright_text a:hover {
  1290.     color: #565656; color: #565656 !important;
  1291.     transition: .5s;
  1292. }
  1293.  
  1294. /*К О М М Е Н Т А Р И И*/
  1295.  
  1296. div[id^="blog_"] > div[id^="comment_"] {
  1297.     margin: 25px 0;
  1298. }
  1299.  
  1300. div[id^="blog_"] > div[id^="comment_"]:last-child {
  1301.     margin: 25px 0 0 0; margin: 25px 0 0 0 !important;
  1302. }
  1303.  
  1304. div[id^="comment_"] > div {
  1305.     margin: 0; margin: 0 !important;
  1306. }
  1307.  
  1308. div[id^="comment_"] > div > div:first-child {
  1309.     width: 50px; width: 100px !important;
  1310.     margin: 0 10px 0 0;
  1311. }
  1312.  
  1313. div[id^="comment_"] > div > div:first-child > a > img {
  1314.     width: 50px; width: 100px  !important;
  1315.     height: 50px; height: 100px  !important;
  1316.     object-fit: cover;
  1317.     border-radius: 50%;
  1318. }
  1319.  
  1320. .profile_comment_author {
  1321.     background-color: #db3b73; background-color: #c60e4d !important;
  1322.     margin: 0 10px 0 0; margin: 0 10px 0 0 !important;
  1323.     padding: 0 5px; padding: 0 10px !important;
  1324.     border-radius: 5px 5px 0 0;
  1325. }
  1326.  
  1327. .profile_comment_author a {
  1328.     color: #000; color: #000 !important;
  1329.     font-size: 11px; font-size: 12px !important;
  1330.     transition: .5s;
  1331. }
  1332.  
  1333. .profile_comment_author a:hover {
  1334.     letter-spacing: 1px;
  1335.     transition: .35s;
  1336. }
  1337.  
  1338. .profile_comment_author a b {
  1339.     font-weight: normal;
  1340. }
  1341.  
  1342. .profile_comment_author a img {
  1343.     filter: saturate(0) brightness(0);
  1344.     width: 5px; width: 8px !important;
  1345.     height: auto; height: auto !important;
  1346.     margin: 0; margin: 0 0 0 2px !important;
  1347. }
  1348.  
  1349. .profile_comment_date {
  1350.     color: #db3b73; color: #c60e4d !important;
  1351.     font-size: 9px; font-size: 10px !important;
  1352.     font-weight: 700;
  1353.     display: table-cell;
  1354.     vertical-align: bottom;
  1355.     height: 16px; height: 18px !important;
  1356.     padding: 0; padding: 1px 0 0 0 !important;
  1357.     text-align: left; text-align: left !important;
  1358. }
  1359.  
  1360. .profile_comment_body {
  1361.     background-color: #0f0f0f;
  1362.     color: #9c9c9c;
  1363.     text-align: justify;
  1364.     font-size: 13px; font-size: 14px !important;
  1365.     max-width: 100%; max-width: 100% !important;
  1366.     min-height: 50px; min-height: 70px !important;
  1367.     padding: 10px; padding: 10px 10px 15px 10px !important;
  1368.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  1369.     box-shadow: inset 0 0 25px rgba(98,43,82,.15);
  1370.     border-radius: 0 15px 0 15px; border-radius: 0 25px 0 25px !important;
  1371. }
  1372.  
  1373. .profile_comment_body .blockquote {
  1374.     background-color: #212121; background-color: #2c1019 !important;
  1375.     text-align: justify;
  1376.     margin: -10px -10px -19px -10px;
  1377.     padding: 10px;
  1378.     border: none;
  1379. }
  1380.  
  1381. .profile_comment_links {
  1382.     background: #db3b73; background: #c60e4d !important;
  1383.     color: #000; color: #000 !important;
  1384.     float: right;
  1385.     display: inline-block;
  1386.     text-transform: uppercase;
  1387.     font-size: 7px; font-size: 8px !important;
  1388.     font-weight: 700;
  1389.     letter-spacing: .5px; letter-spacing: 1px !important;
  1390.     padding: 0 5px; padding: 0 10px !important;
  1391.     height: 10px; height: 12px !important;
  1392.     border-radius: 0 0 15px 0; border-radius: 0 0 25px 0 !important;
  1393.     position: relative;
  1394. }
  1395.  
  1396. .profile_comment_links:before {
  1397.     content: '';
  1398.     background: linear-gradient(to right, transparent, #db3b73); background: linear-gradient(to right, transparent, #c60e4d) !important;
  1399.     position: absolute;
  1400.     top: 0;
  1401.     left: -100px; left: -150px !important;
  1402.     width: 100px; width: 150px !important;
  1403.     height: 10px; height: 12px !important;
  1404. }
  1405.  
  1406. .profile_comment_links a {
  1407.     display: inline-block;
  1408.     color: #0f0f0f; color: #0f0f0f !important;
  1409.     transition: .15s;
  1410. }
  1411.  
  1412. .profile_comment_links a:hover {
  1413.     transform: skew(-25deg);
  1414.     transition: .15s;
  1415. }
  1416.  
  1417. .seBlogComments > div:nth-child(2) {
  1418.     margin: 25px 0 0 0;
  1419. }
  1420.  
  1421. div[id^="blog_"] > div[style="text-align: center;"], .disabled {
  1422.     color: rgb(219,59,115,.5); color: rgb(198,14,77,.5) !important;
  1423.     font-size: 10px; font-size: 12px !important;
  1424.     font-weight: 700;
  1425.     text-align: center;
  1426.     border-radius: 0; border-radius: 0 !important;
  1427. }
  1428.  
  1429. a[id^="comment_next_"], a[id^="comment_last_"] {
  1430.     color: #db3b73; color: #c60e4d !important;
  1431.     font-size: 10px; font-size: 12px !important;
  1432.     font-weight: 700;
  1433.     text-align: center;
  1434.     border-radius: 0; border-radius: 0 !important;
  1435.     transition: .5s;
  1436. }
  1437.  
  1438. a[id^="comment_next_"]:hover, a[id^="comment_last_"]:hover {
  1439.     filter: saturate(0);
  1440.     transition: .5s;
  1441. }
  1442.  
  1443. /*Ф О Р М А _ В В О Д А _ К О М М Е Н Т А Р И Я*/
  1444.  
  1445. .comment_headline {
  1446.     background-color: transparent;
  1447.     color: #db3b73; color: #c60e4d !important;
  1448.     font-size: 9px; font-size: 10px !important;
  1449.     font-weight: 700;
  1450.     text-transform: uppercase;
  1451.     margin: 25px 0 0 60px; margin: 25px 0 0 110px !important;
  1452.     padding: 0; padding: 0 !important;
  1453.     border: none; border: none !important;
  1454. }
  1455.  
  1456. #comment_subscribe {
  1457.     background-color: #db3b73; background-color: #c60e4d !important;
  1458.     float: left;
  1459.     margin: 0 10px 0 0;
  1460.     padding: 0 5px; padding: 0 10px !important;
  1461.     border-radius: 5px 5px 0 0;
  1462. }
  1463.  
  1464. #comment_subscribe a {
  1465.     color: #000; color: #000 !important;
  1466.     font-weight: normal;
  1467.     font-size: 11px; font-size: 12px !important;
  1468.     text-transform: capitalize;
  1469.     transition: .5s;
  1470. }
  1471. #comment_subscribe a:hover {
  1472.     letter-spacing: 1px;
  1473.     transition: .35s;
  1474. }
  1475.  
  1476. a#attach_file_click {
  1477.     color: #db3b73; color: #c60e4d !important;
  1478.     font-size: 9px; font-size: 10px !important;
  1479.     margin: 0 15px 0 0; margin: 0 25px 0 0 !important;
  1480.     padding: 0 !important;
  1481.     transition: .15s;
  1482. }
  1483.  
  1484. a#attach_file_click:before {
  1485.     content: 'Загрузить ' !important;
  1486. }
  1487.  
  1488. a#attach_file_click:hover {
  1489.     transform: skew(-25deg);
  1490.     transition: .15s;
  1491. }
  1492.  
  1493. .profile_postcomment {
  1494.     background-color: transparent;
  1495.     position: relative;
  1496.     margin: 0 0 0 60px; margin: 0 0 50px 110px !important;
  1497.     padding: 0; padding: 0 !important;
  1498.     border: none; border: none !important;
  1499. }
  1500.  
  1501. #postcomment_form {
  1502.     float: none; float: none !important;
  1503.     width: 100%; width: 100% !important;
  1504. }
  1505.  
  1506. #postcomment_form > div:nth-child(4) {
  1507.     margin: 0; margin: 0 !important;
  1508. }
  1509.  
  1510. #comment_body {
  1511.     background-color: #0f0f0f;
  1512.     color: #9c9c9c; color: #9c9c9c !important;
  1513.     font-size: 13px; font-size: 14px !important;
  1514.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  1515.     border-radius: 0 15px 0 15px; border-radius: 0 25px 0 25px !important;
  1516.     transition: .5s;
  1517. }
  1518.  
  1519. textarea[id="comment_body"]::-webkit-input-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
  1520. textarea[id="comment_body"]::-moz-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
  1521. textarea[id="comment_body"]:-moz-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
  1522. textarea[id="comment_body"]:-ms-input-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
  1523.  
  1524. input#comment_submit {
  1525.     background-color: #db3b73; background-color: #c60e4d !important;
  1526.     color: #000;
  1527.     font-size: 10px; font-size:  12px !important;
  1528.     padding: 2px 15px; padding: 0 10px !important;
  1529.     border: none;
  1530.     border-radius: 0 0 0px 5px;
  1531.     transition: .5s;
  1532. }
  1533. input#comment_submit:hover {
  1534.     letter-spacing: 1px;
  1535.     transition: .35s;
  1536. }
  1537.  
  1538. #bbcode {
  1539.     border-right: 1px solid #db3b73; border-right: 1px solid #c60e4d !important;
  1540.     padding: 5px 10px 5px 0;
  1541. }
  1542.  
  1543. /*В Ы Б О Р _ А В А Т А Р А*/
  1544.  
  1545. #postcomment_userphotos {
  1546.     background: linear-gradient(145deg, transparent, transparent, rgba(198,14,77,.25));
  1547.     float: right; float: right !important;
  1548.     width: 90px; width: 120px !important;
  1549.     height: 80px; height: 80px !important;
  1550.     margin: 0; margin: 0 !important;
  1551.     padding: 3px 12px 3px 18px; padding: 5px 20px 5px 30px !important;
  1552.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  1553.     border-top: none; border-top: none !important;
  1554.     border-left: none; border-left: none !important;
  1555.     border-radius: 0 0 0 25px;
  1556. }
  1557.  
  1558. #postcomment_userphotos::-webkit-scrollbar {
  1559.     width: 4px;
  1560.     height: 4px;
  1561. }
  1562.  
  1563. div[id^="userphoto_"] {
  1564.     max-width: 50px; max-width: 60px !important;
  1565.     padding: 3px; padding: 5px !important;
  1566.     float: right;
  1567. }
  1568.  
  1569. div[id^="userphoto_"] > .p-1.userphoto_comment {
  1570.     padding: 0; padding: 0 !important;
  1571. }
  1572.  
  1573. .img-thumbnail {
  1574.     background-color: transparent; background-color: transparent !important;
  1575.     padding: 0; padding: 0 !important;
  1576.     border: none; border: none !important;
  1577.     border-radius: 0; border-radius: 0 !important;
  1578. }
  1579.  
  1580. #postcomment_userphotos img.img-thumbnail {
  1581.     width: 50px; width: 60px !important;
  1582.     max-width: 100px;
  1583. }
  1584.  
  1585. #postcomment_userphotos .userphoto_selected img {
  1586.     position: absolute;
  1587.     top: -15px;
  1588.     left: -60px; left: -110px !important;
  1589.     width: 50px; width: 100px !important;
  1590.     height: 50px; height: 100px !important;
  1591.     object-fit: cover;
  1592.     border-radius: 50%; border-radius: 50% !important;
  1593. }
  1594.  
  1595. div[id^="userphoto_"].userphoto_selected {
  1596.     background-color: transparent;
  1597.     padding: 0px !important;
  1598. }
  1599.  
  1600. /*П О Д В А Л*/
  1601.  
  1602. td > div.copyright {
  1603.     background-color: #0f0f0f; background-color: transparent !important;
  1604.     color: #db3b73; color: #fc4085 !important;
  1605.     position: absolute !important;
  1606.     left: calc(50% - 191px) !important;
  1607.     right: calc(50% - 191px) !important;
  1608.     bottom: 35px !important;
  1609.     width: 382px !important;
  1610.     height: 30px; height: auto !important;
  1611.     margin: 0 50px 10px 10px; margin: 0 !important;
  1612.     padding: 7px 10px; padding: 0 !important;
  1613.     font-size: 9px; font-size: 10px !important;
  1614.     font-weight: 700;
  1615.     border: 1px solid #db3b73; border: none !important;
  1616.     border-radius: 5px; border-radius: 0 !important;
  1617. }
  1618.  
  1619. div.copyright a {
  1620.     color: #db3b73; color: #c60e4d !important;
  1621.     transition: .5s;
  1622. }
  1623.  
  1624. div.copyright a:hover {
  1625.     color: #565656; color: #c60e4d !important;
  1626.     transition: .5s;
  1627. }
  1628.  
  1629. div.copyright:hover a:not(:hover) {
  1630.     opacity: .75 !important;
  1631.     transition: .5s;
  1632. }
  1633.  
  1634. div.copyright a:first-child {
  1635.     display: none; display: inline-block !important;
  1636.     margin-left: 10px;
  1637. }
  1638.  
  1639. div.copyright a:nth-child(2) {
  1640.     margin-left: 10px; margin-left: 0 !important;
  1641. }
  1642.  
  1643. .copyright a:last-child { /*наверх*/
  1644.     background-color: #0f0f0f; background-color: transparent !important;
  1645.     background-image: url(https://i.ibb.co/jZk25WK/button-up-2.png); background-image: url(https://i.ibb.co/sgBXzrr/button-up.png) !important;
  1646.     background-position: center;
  1647.     background-repeat: no-repeat;
  1648.     background-size: 10px; background-size: 15px !important;
  1649.     color: transparent; color: transparent !important;
  1650.     position: fixed;
  1651.     width: 30px;
  1652.     height: 30px;
  1653.     margin: 0; margin: 0 !important;
  1654.     top: 10px; top: auto !important;
  1655.     right: 10px; right: 80px !important;
  1656.     bottom: 35px !important;
  1657.     overflow: hidden;
  1658.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  1659.     border-radius: 5px; border-radius: 0 !important;
  1660.     z-index: 1000;
  1661. }
  1662.  
  1663. .copyright a:last-child:hover, .copyright:hover a:last-child:not(:hover) {
  1664.     opacity: 1 !important;
  1665. }
  1666.  
  1667. td > div.copyright:before {
  1668.     content: url(https://i.ibb.co/WGg8sGH/copyright-before.png) !important;
  1669.     position: fixed;
  1670.     right: 200px;
  1671.     bottom: 35px;
  1672. }
  1673.  
  1674. td >  div.copyright:after {
  1675.     content: url(https://i.ibb.co/cQgf9Kp/copyright-after.png) !important;
  1676.     position: fixed;
  1677.     right: 32px;
  1678.     bottom: 49px;
  1679. }
  1680.  
  1681. /*О Т К Л Ю Ч И Т Ь _ Д И З А Й Н*/
  1682.  
  1683. #designs {
  1684.     background-color: #0f0f0f; background-color: transparent !important;
  1685.     background-image: url(https://i.ibb.co/PCST2Dt/designs-2.png); background-image: url(https://i.ibb.co/7SmC7Qd/designs.png) !important;
  1686.     background-size: 10px; background-size: 30px !important;
  1687.     background-position: center 10px; background-position: center 0 !important;
  1688.     background-repeat: no-repeat;
  1689.     color: transparent; color: transparent !important;
  1690.     width: 30px; width: 30px !important;
  1691.     height: 30px; height: 30px !important;
  1692.     right: 10px; right: 40px !important;
  1693.     overflow: hidden;
  1694.     bottom: 10px; bottom: 35px !important;
  1695.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  1696.     border-radius: 5px; border-radius: 0 !important;
  1697. }
  1698.  
  1699. #designs:hover {
  1700.     background-size: 16px;
  1701.     background-position: center -25px; background-position: center -30px !important;
  1702. }
  1703.  
  1704. /*С Т Р А Н И Ц Ы*/
  1705.  
  1706. .content > nav {
  1707.     margin: 0 10px; margin: 25px calc(30% + 20px) 0 calc(30% + 20px) !important;
  1708. }
  1709.  
  1710. ul.pagination.justify-content-end.float-right {
  1711.     margin: 0 auto 25px auto; margin: 0 auto 75px auto !important;
  1712.     justify-content: center; justify-content: center !important;
  1713.     float: none; float: none !important;
  1714. }
  1715.  
  1716. ul > .page-item {
  1717.     margin: 0 5px;
  1718. }
  1719.  
  1720. a.page-link {
  1721.     background-color: transparent; background-color: transparent !important;
  1722.     color: #db3b73; color: #c60e4d !important;
  1723.     font-size: 9px; font-size: 10px !important;
  1724.     text-align: center;
  1725.     text-transform: uppercase;
  1726.     font-weight: 700;
  1727.     border-radius: 0; border-radius: 0 !important;
  1728.     transition: .5s;
  1729. }
  1730.  
  1731. a.page-link:hover {
  1732.     color: #db3b73; color: #c60e4d !important;
  1733.     text-shadow: -10px -10px 0 rgba(219,59,115,.5), 10px 10px 0 rgba(219,59,115,.25);
  1734.     text-shadow: -10px -10px 0 rgba(198,14,77,.5), 10px 10px 0 rgba(198,14,77,.25) !important;
  1735.     transition: .25s;
  1736. }
  1737.  
  1738. ul > .page-item:last-child a.page-link:hover {
  1739.     text-shadow: 10px -10px 0 rgba(219,59,115,.5), -10px 10px 0 rgba(219,59,115,.25);
  1740.     text-shadow: 10px -10px 0 rgba(198,14,77,.5), -10px 10px 0 rgba(198,14,77,.25) !important;
  1741. }
  1742.  
  1743. /*G U E S T*/
  1744.  
  1745. table.body > tbody > tr > td > table > tbody > tr > td > div {
  1746.     margin: 0; margin: 0 !important;
  1747.     padding: 0; padding: 0 !important;
  1748. }
  1749.  
  1750. table.body div > .btn.btn-primary {
  1751.     background-color: #0f0f0f;
  1752.     color: #db3b73;
  1753.     font-size: 10px; font-size: 12px !important;
  1754.     font-weight: 500;
  1755.     text-transform: uppercase;
  1756.     margin: 0 0 25px 0;
  1757.     padding: 5px 10px;
  1758.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  1759.     border-radius: 5px;
  1760.     transition: .25s;
  1761. }
  1762.  
  1763. table.body div > .btn.btn-primary:hover, table.body div > .btn.btn-primary:active {
  1764.     background-color: #db3b73; background-color: #c60e4d !important;
  1765.     color: #000;
  1766.     transition: .25s;
  1767. }
  1768.  
  1769. .modal-dialog a.btn.btn-primary, .modal-dialog a.btn.btn-success {
  1770.     width: calc(100% - 28px);
  1771. }
  1772.  
  1773. .copyright_text {
  1774.     background-color: #0f0f0f;
  1775.     color: #9c9c9c;
  1776.     font-size: 12px; font-size: 14px !important;
  1777.     margin: 10px; margin: 0 30% 35px 30% !important;
  1778.     padding: 10px; padding: 10px !important;
  1779.     border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
  1780.     box-shadow: inset 0 0 50px rgba(98,43,82,.25), 0 0 25px rgba(0,0,0,.5) !important;
  1781.     border-radius: 5px; border-radius: 15px !important;
  1782. }
  1783.  
  1784. .copyright_text > p {
  1785.     margin: 0;
  1786. }
  1787.  
  1788. /*M O B I L E*/
  1789.  
  1790. .navbar-toggler {
  1791.     background-color: #0f0f0f;
  1792.     position: fixed;
  1793.     top: 10px;
  1794.     left: 10px;
  1795.     width: 30px;
  1796.     height: 30px;
  1797.     padding: 0;
  1798.     border: 1px solid #db3b73;
  1799.     border-radius: 5px;
  1800. }
  1801.  
  1802. .navbar-toggler-icon {
  1803.     background-image: url(https://i.ibb.co/GFrRw9V/button-menu.png);
  1804.     background-repeat: no-repeat;
  1805.     background-size: 10px;
  1806.     width: 28px;
  1807.     height: 28px;
  1808. }
  1809.  
  1810. /*M O D A L*/
  1811.  
  1812. .modal {
  1813.     background: rgba(0,0,0,.5); background: rgba(0,0,0,.5) !important;
  1814. }
  1815.  
  1816. .modal-dialog {
  1817.     position: relative;
  1818. }
  1819.  
  1820. .modal-dialog:before {
  1821.     content: '' !important;
  1822.     background-color: #0f0f0f;
  1823.     position: absolute;
  1824.     top: -1px;
  1825.     left: -1px;
  1826.     right: -1px;
  1827.     bottom: -1px;
  1828.     border-radius: 15px;
  1829.     box-shadow: 0 0 25px rgba(0,0,0,.5);
  1830. }
  1831.  
  1832. .modal-content {
  1833.     background-color: #0f0f0f; background-color: #0f0f0f !important;
  1834.     overflow: hidden;
  1835.     border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
  1836.     border-radius: 15px; border-radius: 15px !important;
  1837. }
  1838.  
  1839. .modal-header, .modal-footer {
  1840.     padding: 10px 15px; padding: 10px 15px !important;
  1841. }
  1842.  
  1843. .modal-body {
  1844.     padding: 10px;
  1845. }
  1846.  
  1847. .updatesWrap, .updatesDelete {
  1848.     padding: 0;
  1849. }
  1850.  
  1851. .modal-body a {
  1852.     color: #797979;
  1853.     transition: .25s;
  1854. }
  1855.  
  1856. .modal-body a:hover {
  1857.     color: #9c9c9c;
  1858.     transition: .25s;
  1859. }
  1860.  
  1861. .updatesRow img.icon {
  1862.     filter: saturate(0);
  1863.     vertical-align: center;
  1864.     opacity: .5;
  1865. }
  1866.  
  1867. .updatesDelete a, .form-group > label {
  1868.     color: #db3b73; color: #c60e4d !important;
  1869.     font-size: 12px;
  1870.     font-weight: 700;
  1871. }
  1872.  
  1873. .updatesDelete a:hover, .form-group > label:hover {
  1874.     color: #797979; color: #797979 !important;
  1875. }
  1876.  
  1877. .modal-header {
  1878.     background-color: #2d161e; background-color: #1b1319 !important;
  1879.     border-bottom: 1px solid #752541; border-bottom: 2px dotted #6a0f2e !important;
  1880.     outline: 1px solid #e2e2e2;
  1881. }
  1882.  
  1883. .modal-title {
  1884.     color: #db3b73; color: #c60e4d !important;
  1885.     font-size: 18px; font-size: 20px !important;
  1886. }
  1887.  
  1888. .close {
  1889.     color: #db3b73; color: #c60e4d !important;
  1890.     text-shadow: none; text-shadow: none !important;
  1891.     opacity: .75; opacity: .75 !important;
  1892.     transition: .25s;
  1893. }
  1894.  
  1895. .close:hover {
  1896.     opacity: 1; opacity: 1 !important;
  1897.     transition: .25s;
  1898. }
  1899.  
  1900. .modal-footer {
  1901.     background-color: #2d161e; background-color: #1b1319 !important;
  1902.     border-top: 1px solid #752541; border-top: 2px dotted #6a0f2e !important;
  1903.     border-radius: 0; border-radius: 0 !important;
  1904. }
  1905.  
  1906. .modal-body {
  1907.     background-color: #0f0f0f;
  1908.     color: #797979; color: #797979 !important;
  1909. }
  1910.  
  1911. .noUpdates, .updatesRegisterDesc {
  1912.     color: #797979; color: #797979 !important;
  1913.     font-family: 'Podkova', serif;
  1914. }
  1915.  
  1916. .updatesRow > div[style="float: left; padding: 3px; padding-left: 10px;"] {
  1917.     padding: 4px 3px 2px 10px; padding: 4px 3px 2px 10px !important;
  1918. }
  1919.  
  1920. .form-control {
  1921.     background-color: #161616; background-color: #161616 !important;
  1922.     color: #797979; color: #797979 !important;
  1923.     border: 1px solid #752541; border: 1px solid #6a0f2e !important;
  1924.     border-radius: 5px;
  1925.     transition: .25s;
  1926. }
  1927.  
  1928. .form-control:focus {
  1929.     color: #9c9c9c; color: #9c9c9c !important;
  1930.     transition: .25s;
  1931. }
  1932.  
  1933. input[class="form-control"]::-webkit-input-placeholder {color: #565656; color: #565656 !important;}
  1934. input[class="form-control"]::-moz-placeholder {color: #565656; color: #565656 !important;}
  1935. input[class="form-control"]:-moz-placeholder {color: #565656; color: #565656 !important;}
  1936. input[class="form-control"]:-ms-input-placeholder {color: #565656; color: #565656 !important;}
  1937.  
  1938. .modal-body > table {
  1939.     background-color: #1e1216; background-color: #1b1319 !important;
  1940.     border: 1px solid #752541; border: 1px solid #6a0f2e !important;
  1941.     border-radius: 5px;
  1942. }
  1943.  
  1944. .modal-body > table > tbody > tr:first-child > td {
  1945.     padding: 0; padding: 0 !important;
  1946. }
  1947.  
  1948. .modal-body div.page_header {
  1949.     color: #db3b73; color: #c60e4d !important;
  1950.     font-size: 14px;
  1951.     font-weight: 600;
  1952.     text-align: center;
  1953.     width: 100%;
  1954.     padding: 5px 10px;
  1955.     border-radius: 0; border-radius: 0 !important;
  1956. }
  1957.  
  1958. .modal-body > table > tbody > tr:nth-child(2) > td {
  1959.     background-color: #161616;
  1960.     display: flex;
  1961.     justify-content: center;
  1962.     align-items: center;
  1963.     padding: 5px; padding: 10px !important;
  1964.     border-top: 1px solid #752541; border-top: 1px solid #6a0f2e !important;
  1965.     border-bottom: 1px solid #752541; border-bottom: 1px solid #6a0f2e !important;
  1966. }
  1967.  
  1968. .modal-body > table > tbody > tr:nth-child(2) > td img {
  1969.     width: auto;
  1970.     max-width: 150px;
  1971. }
  1972.  
  1973. .modal-body > table  > tbody > tr:last-child > td {
  1974.     padding: 10px;
  1975. }
  1976.  
  1977. .modal-body > table  > tbody > tr:last-child > td > div {
  1978.     margin: 0; margin: 0 !important;
  1979. }
  1980.  
  1981. .modal-body > table  > tbody > tr:last-child > td > div > div:first-child {
  1982.     display: none; display: none !important;
  1983.     color: #686868; color: #686868 !important;
  1984.     text-align: center; text-align: center !important;
  1985.     margin: 0 0 10px 0; margin: 0 0 10px 0 !important;
  1986. }
  1987.  
  1988. .modal-body > table  > tbody > tr:last-child > td > div > div:nth-child(2) {
  1989.     width: 60px; width: 60px !important;
  1990.     height: 60px;
  1991. }
  1992.  
  1993. .modal-dialog .modal-body > table  > tbody > tr:last-child > td > div > .profile_comment_date {
  1994.     width: 100%; width: 100% !important;
  1995.     height: auto;
  1996.     margin: 0; margin: 0 !important;
  1997. }
  1998.  
  1999. .modal-body > table  > tbody > tr:last-child > td > div > div:nth-child(2) img {
  2000.     background-color: #161616;
  2001.     width: 60px;
  2002.     height: 60px;
  2003.     padding: 5px;
  2004.     object-fit: cover;
  2005.     border: 1px solid #752541; border: 1px solid #6a0f2e !important;
  2006.     border-radius: 50%;
  2007. }
  2008.  
  2009. .modal-dialog div.profile_comment_author {
  2010.     background-color: #161616; background-color: #161616 !important;
  2011.     margin: 0 10px; margin: 0 10px !important;
  2012.     border: 1px solid #752541; border: 1px solid #6a0f2e !important;
  2013.     border-bottom: none; border-bottom: none !important;
  2014. }
  2015.  
  2016. .modal-dialog div.profile_comment_author a {
  2017.     color: #db3b73; color: #c60e4d !important;
  2018. }
  2019.  
  2020. .modal-dialog div.profile_comment_author a b {
  2021.     font-weight: 700; font-weight: 700 !important;
  2022. }
  2023.  
  2024. .modal-dialog .profile_comment_body {
  2025.     background-color: #161616;
  2026.     min-height: 30px; min-height: 30px !important;
  2027.     margin: 0 0 0 10px;
  2028.     padding: 10px 10px 15px 10px; padding: 10px 10px 15px 10px !important;
  2029.     border: 1px solid #752541; border: 1px solid #6a0f2e !important;
  2030.     box-shadow: none;
  2031. }
  2032.  
  2033. .modal-dialog .profile_comment_body > .page_header {
  2034.     color: #383838; color: #383838 !important;
  2035.     font-size: 14px;
  2036. }
  2037.  
  2038. #userphotos {
  2039.     margin: 5px 0 0 0;
  2040. }
  2041.  
  2042. #userphotos > .p-1 {
  2043.     padding: 5px 0; padding: 5px 0  !important;
  2044. }
  2045.  
  2046. #userphotos > .p-1 > img.img-thumbnail {
  2047.     margin: 0 5px 0 0;
  2048. }
  2049.  
  2050. #userphotos::-webkit-scrollbar {
  2051.     width: 4px;
  2052.     height: 4px;
  2053. }
  2054.  
  2055. #userphotos::-webkit-scrollbar-track {
  2056.     background-color: #191919;
  2057. }
  2058.  
  2059. .modal-footer button {
  2060.     background-color: #0f0f0f; background-color: #0f0f0f !important;
  2061.     color: #db3b73; color: #c60e4d !important;
  2062.     font-size: 10px; font-size: 12px !important;
  2063.     font-weight: 700;
  2064.     font-family: 'Oswald', sans-serif !important;
  2065.     letter-spacing: .6px !important;
  2066.     margin: 0 0 0 5px;
  2067.     padding: 5px 10px;
  2068.     border: 1px solid #752541; border: 1px solid #6a0f2e !important;
  2069.     border-radius: 5px;
  2070.     transition: .25s;
  2071. }
  2072.  
  2073. .modal-footer button:hover {
  2074.     background-color: #0b0b0b; background-color: #0b0b0b !important;
  2075.     border-radius: 5px;
  2076.     transition: .25s;
  2077. }
  2078.  
  2079. .modal-footer button:active {
  2080.     background-color: #db3b73; background-color: #c60e4d !important;
  2081.     color: #000; color: #000 !important;
  2082.     border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
  2083.     transition: 0s;
  2084. }
  2085.  
  2086. /*Л О А Д И Н Г*/
  2087.  
  2088. #TB_overlay {
  2089.     background-color: rgba(0,0,0,.5); background-color: rgba(0,0,0,.5) !important;
  2090.     opacity: 1; opacity: 1 !important;
  2091. }
  2092.  
  2093. #TB_overlay > div {
  2094.     margin-top: 20vh;
  2095.     width: 100%;
  2096. }
  2097.  
  2098. #TB_overlay > div:before {
  2099.     content: url(https://i.ibb.co/DRSKLcK/loading.gif);
  2100.     display: flex;
  2101.     justify-content: center;
  2102.     transform: scale(0.5);
  2103.     filter: drop-shadow(0px 0px 50px #000);
  2104.     opacity: .5;
  2105. }
  2106.  
  2107. #TB_overlay > div > div, [src="/images/page_load.gif"] {
  2108.     display: none;
  2109. }
  2110.  
  2111. /*С К Р О Л Л Б А Р*/
  2112.  
  2113. ::-webkit-scrollbar {
  2114.     width: 2px;
  2115.     height: 2px;
  2116. }
  2117.  
  2118. ::-webkit-scrollbar-thumb {
  2119.     background-color: #db3b73; background-color: #c60e4d !important;
  2120. }
  2121.  
  2122. ::-webkit-scrollbar-track {
  2123.     background-color: transparent;
  2124. }
  2125.  
  2126. /*M E D I A*/
  2127.  
  2128. @media screen and (max-width: 1024px) {
  2129.     #lefthome {margin: 40px 0 0 0;
  2130.     padding: 0 10px; padding: 0 !important;}
  2131. }
Add Comment
Please, Sign In to add comment