API tools faq
paste
Advertisement
G-ee

Lite: profile

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