API tools faq
paste
G-ee

Lite: community

G-ee
Apr 16th, 2021 (edited)
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.46 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;
  16.     padding-bottom: 50px;
  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, #blogform 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% - 200px) !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;
  174.     border-bottom: 1px solid transparent;
  175. }
  176.  
  177. div.menu_item_dropdown:first-child > a {
  178.     border-top: 1px solid transparent;
  179. }
  180.  
  181. div.menu_item_dropdown a:hover, div.menu_item_dropdown 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;
  185.     border-bottom: 1px solid #fff;
  186.     outline: 1px solid #75c1d7;
  187. }
  188.  
  189. div.menu_item_dropdown a:active, div.menu_item_dropdown a:focus {
  190.     text-shadow: 0 0 2.5px rgba(255,255,255,.75);
  191.     border-top: 1px solid #98d1e1;
  192.     border-bottom: 1px solid #75c1d7;
  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. #lefthome {
  381.     position: fixed !important;
  382.     left: calc(25% - 200px) !important;
  383.     bottom: 0px !important;
  384.     top: 80px !important;
  385.     width: 200px !important;
  386. }
  387.  
  388. .seBlogColumnRightPadding {
  389.     padding: 0 .5rem; padding: 0 !important;
  390. }
  391.  
  392. /*профиль*/
  393.  
  394. .card.p-1 {
  395.     background: transparent;
  396.     padding: 0; padding: 0 !important;
  397.     position: fixed !important;
  398.     top: 80px !important;
  399.     right: calc(25% - 300px) !important;
  400.     width: 300px !important;
  401.     border: none;
  402.     overflow: hidden;
  403.     border: 1px solid #e2e2e2; border: 1px solid #e2e2e2 !important;
  404.     border-radius: 5px;
  405. }
  406.  
  407. .blog_leftphoto {
  408.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  409.     background-image: url(https://i.ibb.co/JB0Whk5/profile.gif);
  410.     background-position: center;
  411.     background-repeat: no-repeat;
  412.     background-size: cover;
  413.     height: 150px;
  414. }
  415.  
  416. .blog_leftphoto a {
  417.     position: absolute;
  418.     left: 10px;
  419.     bottom: 60px;
  420.     z-index: 2;
  421. }
  422.  
  423. .blog_leftphoto > a > img.photo {
  424.     width: 50px;
  425.     height: 50px;
  426.     object-fit: cover;
  427.     border: 3px solid #fff; border: 3px solid #fff !important;
  428.     border-radius: 50%;
  429.     box-shadow: 1px 1px 0 #e2e2e2;
  430. }
  431.  
  432. .blog_leftprofile {
  433.     background-color: #fff;
  434.     text-align: justify; text-align: justify !important;
  435.     margin: 0 ; margin: 0 !important;
  436.     padding: 30px 10px 10px 10px;
  437.     height: 90px;
  438.     overflow-y: scroll; overflow-y: scroll !important;
  439. }
  440.  
  441. .blog_leftprofile:after {
  442.     content: 'Цитата';
  443.     color: #888;
  444.     font-size: 11px;
  445.     font-weight: normal;
  446.     position: relative;
  447. }
  448.  
  449. .blog_leftprofile::-webkit-scrollbar {
  450.     width: 0;
  451.     height: 0;
  452. }
  453.  
  454. .blog_leftprofile a {
  455.     background:  linear-gradient(to bottom, rgb(245,245,245) 50%, rgb(240,240,240) 50%);
  456.     width: 100%;
  457.     padding: 0 5px 0 65px;
  458.     color: #888; color: #888 !important;
  459.     font-family: "Courier New", monospace;
  460.     font-style: italic;
  461.     font-size: 11px;
  462.     font-weight: normal;
  463.     letter-spacing: 1px;
  464.     text-align: left;
  465.     position: absolute;
  466.     top: 150px;
  467.     left: 0;
  468.     border-top: 1px solid #e2e2e2;
  469.     border-bottom: 1px solid #e2e2e2;
  470.     z-index: 1;
  471.     transition: .5s;
  472. }
  473.  
  474. .blog_leftprofile a:hover {
  475.     letter-spacing: 1.5px;
  476.     padding: 0 0 0 70px;
  477.     transition: .5s;
  478. }
  479.  
  480. /*меню*/
  481.  
  482. .card.mt-3.blog_leftmenu {
  483.     margin-top: 0 !important;
  484. }
  485.  
  486. .card.mt-3.blog_leftmenu, .blog_leftsearch > .card, .card.blog_categories, .card.group_members {
  487.     overflow: hidden;
  488.     border: 1px solid #e2e2e2; border: 1px solid #e2e2e2 !important;
  489.     border-radius: 5px; border-radius: 5px !important;
  490. }
  491.  
  492. .card-header {
  493.     background-color: #fff;
  494.     color: transparent;
  495.     text-shadow: 21px 0 0  #75c1d7, 0 -45px 0 #fff;
  496.     position: relative;
  497.     min-height: 28px;
  498.     padding: 2px 5px 2px 10px; padding: 2px 5px 2px 10px !important;
  499.     z-index: 0;
  500.     transition: .75s;
  501. }
  502.  
  503. .card.mt-3.blog_leftmenu:hover > .card-header, .card.blog_categories:hover > .card-header, .card.group_members:hover > .card-header {
  504.     text-shadow: 21px 0 0 transparent, 0 0 0 #fff;
  505.     transition: .5s;
  506. }
  507.  
  508. .card-header:before, .blog_leftsearch > .card > .card-body:before {
  509.     background-color: #75c1d7;
  510.     position: absolute;
  511.     top: 4px;
  512.     left: 5px;
  513.     padding: 4px 5px;
  514.     border-radius: 5px;
  515.     z-index: -2;
  516.     transition: .75s;
  517. }
  518.  
  519. .card.mt-3.blog_leftmenu > .card-header:before {
  520.     content: url(https://i.ibb.co/Q9h7Lkq/leftmenu-menu.png);
  521. }
  522.  
  523. .blog_leftsearch > .card > .card-body:before {
  524.     content: url(https://i.ibb.co/QPXK7cK/leftmenu-search.png);
  525. }
  526.  
  527. .card.blog_categories > .card-header:before {
  528.     content: url(https://i.ibb.co/ryrpb6G/leftmenu-cat.png);
  529. }
  530.  
  531. .card.group_members > .card-header:before {
  532.     content: url(https://i.ibb.co/syd3dnN/leftside-com.png);
  533. }
  534.  
  535. .card.mt-3.blog_leftmenu:hover > .card-header:before, .card.blog_categories:hover > .card-header:before, .card.group_members:hover > .card-header:before {
  536.     opacity: 0;
  537.     transition: .5s;
  538. }
  539.  
  540. .card-header:after, .blog_leftsearch > .card > .card-body:after {
  541.     background-color: #75c1d7;
  542.     content: "";
  543.     position: absolute;
  544.     top: 0;
  545.     left: 0;
  546.     min-width: 100%;
  547.     min-height: 0;
  548.     z-index: -1;
  549.     transition: .5s;
  550. }
  551.  
  552. .card.mt-3.blog_leftmenu:hover > .card-header:after, .card.blog_categories:hover > .card-header:after, .card.group_members:hover > .card-header:after, .blog_leftsearch:hover > .card > .card-body:after {
  553.     min-width: 100%;
  554.     min-height: 100%;
  555. }
  556.  
  557. .card-header a {
  558.     color: transparent; color: transparent !important;
  559. }
  560.  
  561. .card.group_members:hover > .card-header a {
  562.     font-weight: bold;
  563. }
  564.  
  565. .card-header a:hover {
  566.     text-shadow: 21px 0 0 transparent, 0 0 0 #fff, 0 0 2.5px #fff;
  567. }
  568.  
  569. .card.mt-3.blog_leftmenu > .card-body, .card.blog_categories > .card-body, .card.group_members > .card-body {
  570.     color: rgb(175,175,175);
  571.     font-size: 12px;
  572.     overflow-y: scroll;
  573.     padding: 0 10px;
  574. }
  575.  
  576. .card.group_members > .card-body {
  577.     padding: 3px 10px;
  578. }
  579.  
  580. .card.mt-3.blog_leftmenu > .card-body::-webkit-scrollbar, .card.blog_categories > .card-body::-webkit-scrollbar, .card.group_members > .card-body::-webkit-scrollbar {
  581.     width: 0;
  582.     height: 0;
  583. }
  584.  
  585. .card.mt-3.blog_leftmenu, .card.blog_categories, .card.group_members {
  586.     background-color: #fff;
  587.     overflow: hidden;
  588.     height: 28px;
  589.     transition: .5s;
  590. }
  591.  
  592. .card.mt-3.blog_leftmenu:hover, .card.blog_categories:hover, .card.group_members:hover {
  593.     height: 288px;
  594.     transition: 1s;
  595. }
  596.  
  597. .card-body > .p-1, .seBlogCategoryList li {
  598.     list-style: none;
  599.     padding: 2.5px 0; padding: 2.5px 0 !important;
  600. }
  601.  
  602. .seBlogCategoryList {
  603.     margin: 0; margin: 0 !important;
  604.     padding: 0; padding: 0 !important;
  605. }
  606.  
  607. .card-body a {
  608.     background-color: #888; background-color: #888 !important;
  609.     background-image: -webkit-linear-gradient(left, #75c1d7 0%, #5597af 50%, transparent 50%);
  610.     background-position: 100% 0;
  611.     background-size: 200% 200%;
  612.     color: transparent; color: transparent !important;
  613.     font-weight: 500 !important;
  614.     -webkit-background-clip: text;
  615.     background-clip: text;
  616.     position: relative;
  617.     transition: .25s;
  618. }
  619.  
  620. .card-body a:hover {
  621.     background-position: 0 0;
  622.     padding: 0 0 0 7.5px; padding: 0 0 0 7.5px !important;
  623.     transition: .25s;
  624. }
  625.  
  626. .card.group_members > .card-body a:hover {
  627.     padding:  0; padding: 0 !important;
  628. }
  629.  
  630. .card.group_members > .card-body a:before  {
  631.     display: none;
  632. }
  633.  
  634. .card-body a:before {
  635.     background-color: transparent;
  636.     content: '';
  637.     position: absolute;
  638.     width: 3px;
  639.     height: 3px;
  640.     top: 7px;
  641.     left: 0;
  642.     border-radius: 50%;
  643.     transition: .25s;
  644. }
  645.  
  646. .card-body a:hover:before {
  647.     background-color: #75c1d7;
  648.     transition: .75s;
  649. }
  650.  
  651. /*поиск*/
  652.  
  653. .blog_leftsearch > .card > .card-header {
  654.     display: none;
  655. }
  656.  
  657. .blog_leftsearch > .card > .card-body {
  658.     background-color: #fff;
  659.     position: relative;
  660.     height: 26px;
  661.     padding: 0;
  662.     z-index: 0;
  663. }
  664.  
  665. .blog_leftsearch > .card > .card-body:before {
  666.     z-index: 0;
  667. }
  668.  
  669. .blog_leftsearch table {
  670.     width: calc(100% + 1px);
  671. }
  672.  
  673. input[name="group_search"] {
  674.     background-color: transparent;
  675.     color: transparent; color: transparent !important;
  676.     text-shadow: 0 0 0 #75c1d7, 0 -45px 0 #fff;
  677.     font-size: 14px;
  678.     width: 100%;
  679.     height: 26px;
  680.     padding: 2px 5px 2px 31px; padding: 2px 5px 2px 31px !important;
  681.     border: none; border: none !important;
  682.     transition: .5s;
  683. }
  684.  
  685. input[name="group_search"]::-webkit-input-placeholder {color: transparent;}
  686. input[name="group_search"]::-moz-placeholder {color: transparent;}
  687. input[name="group_search"]:-moz-placeholder {color: transparent;}
  688. input[name="group_search"]:-ms-input-placeholder {color: transparent;}
  689.  
  690. input[name="group_search"]:hover {
  691.     text-shadow: 0 0 0 transparent, 0 0 0 #fff;
  692.     transition: .5s;
  693. }
  694.  
  695. input[name="group_search"]:focus {
  696.     background-color: #75c1d7;
  697.     color: #fff; color: #fff !important;
  698.     text-shadow: none;
  699. }
  700.  
  701. /*П Р Е Д И С Л О В И Е*/
  702.  
  703. .group_desc {
  704.     background-color: rgb(250,250,250);
  705.     color: #383838;
  706.     position: relative;
  707.     width: calc(100% - 12px); width: calc(100% - 22px) !important;
  708.     margin: 6px 6px 31px 6px; margin: 11px 11px 36px 11px !important;
  709.     padding: 5px; padding: 10px !important;
  710.     border: 1px solid #b1b1b1;
  711.     border-radius: 5px;
  712. }
  713.  
  714. .group_desc:after {
  715.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  716.     content: "";
  717.     position: absolute;
  718.     top: -7px; top: -12px !important;
  719.     left: -7px; left: -12px !important;
  720.     right: -7px; right: -12px !important;
  721.     bottom: -7px; bottom: -12px !important;
  722.     border: 1px solid #b1b1b1;
  723.     border-radius: 5px;
  724.     z-index: -1;
  725. }
  726.  
  727. /*П О С Т Ы*/
  728.  
  729. #righthome {
  730.     margin: 0 25% !important;
  731.     padding: 0 .5rem; padding: 0 50px !important;
  732. }
  733.  
  734. .card.mb-2.post_home {
  735.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  736.     margin-bottom: 25px; margin-bottom: 25px !important;
  737.     padding: 0 5px 5px 5px; padding: 0 10px 10px 10px !important;
  738.     border: 1px solid #b1b1b1; border: 1px solid #b1b1b1 !important;
  739.     border-radius: 5px; border-radius: 5px !important;
  740. }
  741.  
  742. .post_container {
  743.     background-color: rgb(250,250,250);
  744.     padding: 5px 5px 47px 5px; padding: 10px 10px 37px 10px !important;
  745.     border: 1px solid #b1b1b1;
  746.     border-top: none;
  747.     border-bottom: none;
  748.     border-radius: 0 0 5px 5px;
  749. }
  750.  
  751. .post_text.pl-3 {
  752.     color: #383838; color: #383838 !important;
  753. }
  754.  
  755. .card-text blockquote {
  756.     font-size: 14px; font-size: 14px !important;
  757.     font-style: italic;
  758.     padding: 0 0 0 1rem;
  759.     border-left: 2px solid #75c1d7;
  760. }
  761.  
  762. .card-text hr {
  763.     background: linear-gradient(to right, transparent, #e2e2e2, transparent);
  764.     height: 1px;
  765.     border: none;
  766. }
  767.  
  768. .post_text.pl-3 img, .profile_comment_body img {
  769.     max-width: 100%; max-width: 100% !important;
  770. }
  771.  
  772. .post_text.pl-3 iframe {
  773.     width: 500px !important;
  774.     max-width: 100% !important;
  775.     height: 281px !important;
  776.     max-height: 281px !important;
  777. }
  778.  
  779. .card-title {
  780.     background-image: url(https://i.ibb.co/GHqJMQ1/icon-win.png) !important;
  781.     background-position: calc(100% - 5px) 10px;
  782.     background-repeat: no-repeat;
  783.     margin: 0; margin: 0 !important;
  784.     padding: 5px 2.5px; padding: 5px !important;
  785. }
  786.  
  787. .card-title a {
  788.     background-image: url(https://i.ibb.co/nMMTd4r/icon-post.gif);
  789.     background-position: left center;
  790.     background-repeat: no-repeat;
  791.     color: #fff; color: #fff !important;
  792.     font-size: 16px;
  793.     font-weight: normal;
  794.     transition: .5s;
  795.     padding: 0 5px 0 15px;
  796. }
  797.  
  798. .card-title a:hover {
  799.     background-image: url(https://i.ibb.co/4sHkvCg/icon-post-arrow.png);
  800.     background-position: right center;
  801.     padding: 0 20px 0 0;
  802.     transition: .5s;
  803. }
  804.  
  805. .post_text.pl-3 {
  806.     padding: 0 0 0 5px; padding: 0 0 0 10px !important;
  807. }
  808.  
  809. .card-subtitle.mb-2.text-muted.post_date, .additional_info.pl-3 {
  810.     background: linear-gradient(to bottom, rgb(245,245,245) 50%, rgb(240,240,240) 50%);
  811.     color: #888;
  812.     font-family: 'Podkova', serif;
  813.     font-size: 10px;
  814.     text-transform: lowercase;
  815.     padding: 5px; padding: 5px 10px !important;
  816.     border: 1px solid #b1b1b1;
  817. }
  818.  
  819. .card-subtitle.mb-2.text-muted.post_date {
  820.     font-weight: normal;
  821.     margin: 0; margin: 0 !important;
  822.     border-bottom: 1px solid #e2e2e2;
  823.     border-radius: 5px 5px 0 0;
  824. }
  825.  
  826. .additional_info.pl-3 {
  827.     position: absolute;
  828.     left: 5px; left: 10px !important;
  829.     right: 5px; right: 10px !important;
  830.     bottom: 5px; bottom: 10px !important;
  831.     text-align: right;
  832.     border-top: 1px solid #e2e2e2;
  833.     border-radius: 0 0 5px 5px;
  834. }
  835.  
  836. .category {
  837.     float: left;
  838. }
  839.  
  840. p.card-link {
  841.     margin-bottom: 0;
  842. }
  843.  
  844. .card-subtitle.mb-2.text-muted.post_date a, .additional_info.pl-3 a {
  845.     color: #888;
  846.     transition: .25s;
  847. }
  848.  
  849. .card-subtitle.mb-2.text-muted.post_date a:hover, .additional_info.pl-3 a:hover {
  850.     color: #686868;
  851.     text-shadow: 1px 1px rgb(245,245,245);
  852.     transition: .5s;
  853. }
  854.  
  855. .seBlogComments {
  856.     margin: -31px 0 0 0; margin: -36px 0 0 0 !important;
  857.     position: relative;
  858. }
  859.  
  860. .seBlogComments > table > tbody > tr > td > div {
  861.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  862.     text-align: right;
  863.     margin: 0; margin: 0 !important;
  864.     padding: 5px;
  865.     border: 1px solid #b1b1b1;
  866.     border-top: none; border-top: none !important;
  867.     border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px !important;
  868. }
  869.  
  870. td > div > .button {
  871.     display: inline-block;
  872.     float: none; float: none !important;
  873.     padding: 5px; padding: 5px !important;
  874. }
  875.  
  876. td > div > .button a {
  877.     background: linear-gradient(to bottom, rgb(245,245,245) 50%, rgb(240,240,240) 50%);
  878.     color: #888;
  879.     font-size: 10px;
  880.     font-weight: normal;
  881.     text-transform: lowercase;
  882.     padding: 2px 6px;
  883.     border: 1px solid #b1b1b1;
  884.     border-radius: 5px;
  885. }
  886.  
  887. td > div > .button a:hover {
  888.     background:  linear-gradient(to bottom, rgb(255,255,255) 50%, rgb(230,230,230) 50%);
  889.     color: #787878;
  890.     text-shadow: 1px 1px 1.5px #fff, 1px -1px 1.5px #fff, -1px 1px 1.5px #fff, -1px -1px 1.5px #fff;
  891. }
  892.  
  893. .post_image > div, #user_status {
  894.     color: #595959; color: #595959 !important;
  895.     font-size: 10px; font-size: 10px !important;
  896.     font-family: 'Podkova', serif;
  897.     letter-spacing: .5px;
  898.     line-height: .75rem;
  899.     padding: 1.5px 0 0 0;
  900. }
  901.  
  902. td.result {
  903.     background-color: #fff;
  904.     color: #888;
  905.     font-size: 12px;
  906.     font-weight: normal; font-weight: normal !important;
  907.     padding: 5px 10px; padding: 5px 10px !important;
  908.     border: 1px solid #e2e2e2; border: 1px solid #e2e2e2 !important;
  909.     border-radius: 5px;
  910. }
  911.  
  912. td.result a {
  913.     font-weight: normal;
  914. }
  915.  
  916. /*ссылки*/
  917.  
  918. .group_desc a, .post_text.pl-3 a, .profile_comment_body a, td.result a, .copyright_text a, .content .page_header a, #blogform .p-2 a {
  919.     color: #75c1d7;
  920.     position: relative;
  921.     transition: .25s;
  922. }
  923.  
  924. .group_desc a:hover, .post_text.pl-3 a:hover, .profile_comment_body a:hover, td.result a:hover, .copyright_text a:hover, .content .page_header a:hover, #blogform .p-2 a:hover {
  925.     color: #34aecf;
  926.     transition: .25s;
  927. }
  928.  
  929. .group_desc a:after, .post_text.pl-3 a:after, .profile_comment_body a:after, .updatesDelete a:after {
  930.     background-color: #75c1d7;
  931.     content: "";
  932.     position: absolute;
  933.     left: 0;
  934.     bottom: -1px;
  935.     width: 100%;
  936.     height: 1px;
  937.     transform: scaleX(0);
  938.     transition: .25s;
  939. }
  940.  
  941. .group_desc a:hover:after, .post_text.pl-3 a:hover:after, .profile_comment_body a:hover:after, .updatesDelete a:hover:after {
  942.     background-color: #34aecf;
  943.     transform: scaleX(1);
  944.     transition: .5s;
  945. }
  946.  
  947. /*К О М М Е Н Т А Р И И*/
  948.  
  949. div[id^="grouptopic_"] {
  950.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  951.     margin: -16px 0 0 0;
  952.     padding: 10px 5px 5px 5px; padding: 5px 10px 10px 10px !important;
  953.     border: 1px solid #b1b1b1;
  954.     border-top: none;
  955.     border-radius: 0 0 5px 5px;
  956. }
  957.  
  958. div[id^="grouptopic_"] > div[id^="comment_"] {
  959.     background-color: #fff;
  960.     position: relative;
  961.     margin: 5px 0 0 0; margin: 10px 0 0 0 !important;
  962.     padding: 5px; padding: 40px 10px 10px 10px !important;
  963.     border-radius: 5px;
  964. }
  965.  
  966. div[id^="comment_"] > div {
  967.     margin: 0; margin: 0 !important;
  968. }
  969.  
  970. div[id^="comment_"] > div > div:first-child {
  971.     width: 100px; width: 100px !important;
  972.     display: inline-block;
  973.     float: none; float: none !important;
  974. }
  975.  
  976. div[id^="comment_"] .photo {
  977.     border-radius: 5px;
  978. }
  979.  
  980. div[id^="comment_"] > div > div:last-child {
  981.     width: calc(100% - 100px); width: calc(100% - 100px) !important;
  982.     display: inline-block;
  983.     vertical-align: top;
  984. }
  985.  
  986. .profile_comment_body {
  987.     color: #383838; color: #383838 !important;
  988.     text-align: justify;
  989.     max-width: 100%; max-width: 100% !important;
  990.     padding: 0 0 26px 5px; padding: 0 0 31px 10px !important;
  991. }
  992.  
  993. div[id^="comment_"] .profile_comment_author {
  994.     background: linear-gradient(to right, #75c1d7, #98d1e1) !important;
  995.     position: absolute !important;
  996.     top: 10px !important;
  997.     left: 10px !important;
  998.     right: 10px !important;
  999. }
  1000.  
  1001. .profile_comment_author {
  1002.     margin: 0 0 0 5px; margin: 0 !important;
  1003.     padding: 2px 5px 2px 5px; padding: 0 5px 2px 5px !important;
  1004.     border-radius: 5px;
  1005. }
  1006.  
  1007. .profile_comment_author a {
  1008.     color: #fff; color: #fff !important;
  1009.     font-size: 12px; font-size: 12px !important;
  1010.     padding: 0 3px 0 0;
  1011.     transition: .5s;
  1012. }
  1013.  
  1014. .profile_comment_author a > b {
  1015.     font-weight: normal;
  1016. }
  1017.  
  1018. .profile_comment_author a:hover {
  1019.     letter-spacing: .5px;
  1020.     padding: 0 0 0 3px;
  1021.     transition: .5s;
  1022. }
  1023.  
  1024. div[id^="comment_"] .profile_comment_date {
  1025.     position: absolute !important;
  1026.     top: 10px !important;
  1027.     right: 10px !important;
  1028. }
  1029.  
  1030. .profile_comment_date {
  1031.     background: linear-gradient(to right, #75c1d7, #98d1e1); background: transparent !important;
  1032.     margin: 0 0 0 5px; margin: 0 0 0 10px !important;
  1033.     color: #fff; color: #fff !important;
  1034.     font-size: 10px !important;
  1035.     padding: 3px 5px 2px 5px; padding: 3px 5px 2px 5px !important;
  1036.     border-radius: 5px;
  1037. }
  1038.  
  1039. .blockquote {
  1040.     background-color: #f0f0f0;
  1041.     margin: 5px 0 -19px 0; margin: 0 0 -16px 0 !important;
  1042.     padding: 2.5px 5px; padding: 2.5px 5px !important;
  1043.     border: 1px solid #e2e2e2;
  1044.     border-radius: 5px;
  1045. }
  1046.  
  1047. .profile_comment_links {
  1048.     color: transparent;
  1049.     font-size: 10px;
  1050.     position: absolute;
  1051.     right: 0;
  1052.     bottom: 5px; bottom: 10px !important;
  1053.     padding: 0 2.25px 0 0; padding: 0 7.25px 0 0 !important;
  1054. }
  1055.  
  1056. .profile_comment_links a {
  1057.     background: linear-gradient(to bottom, rgb(245,245,245) 50%, rgb(240,240,240) 50%);
  1058.     color: #888; color: #888 !important;
  1059.     display: inline-block;
  1060.     padding: 2px 4px;
  1061.     border: 1px solid #e2e2e2;
  1062.     border-radius: 5px;
  1063. }
  1064.  
  1065. .profile_comment_links a:hover {
  1066.     background:  linear-gradient(to bottom, rgb(255,255,255) 50%, rgb(230,230,230) 50%);
  1067.     color: #787878; color: #787878 !important;
  1068.     text-shadow: 1px 1px 1.5px #fff, 1px -1px 1.5px #fff, -1px 1px 1.5px #fff, -1px -1px 1.5px #fff;
  1069.     border: 1px solid #b1b1b1;
  1070. }
  1071.  
  1072. div[id^="grouptopic_"] > div[style="text-align: center;"] {
  1073.     margin: 10px 0 0 0; margin: 10px 0 0 0 !important;
  1074. }
  1075.  
  1076. div[id^="grouptopic_"] > div[style="text-align: center;"], .disabled {
  1077.     color: rgba(255,255,255,.5); color: rgba(255,255,255,.5) !important;
  1078.     font-size: 12px; font-size: 12px !important;
  1079. }
  1080.  
  1081. a[id^="comment_next_"], a[id^="comment_last_"] {
  1082.     color: #fff; color: #fff !important;
  1083.     font-size: 12px; font-size: 12px !important;
  1084.     transition: .5s;
  1085. }
  1086.  
  1087. a[id^="comment_next_"]:hover, a[id^="comment_last_"]:hover {
  1088.     text-shadow: 0 0 2.5px #fff;
  1089.     transition: .5s;
  1090. }
  1091.  
  1092. /*Ф О Р М А _ В В О Д А _ К О М М Е Н Т А Р И Я*/
  1093.  
  1094. .seBlogComments > div[id^="grouptopic_"]:nth-child(3) {
  1095.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  1096.     margin: 25px 0;
  1097.     padding: 0 5px 5px 5px; padding: 0 10px 10px 10px !important;
  1098.     border: 1px solid #b1b1b1; border: 1px solid #b1b1b1 !important;
  1099.     border-radius: 5px;
  1100. }
  1101.  
  1102. .comment_headline {
  1103.     background-color: transparent; background-color: transparent !important;
  1104.     color: #fff;
  1105.     margin: 5px 0; margin: 10px 0 !important;
  1106.     padding: 0; padding: 0 !important;
  1107.     border: none; border: none !important;
  1108.     border-radius: 5px;
  1109. }
  1110.  
  1111. #comment_subscribe a {
  1112.     color: rgba(255,255,255,.75);
  1113.     font-size: 12px;
  1114.     font-weight: bold;
  1115.     font-style: italic;
  1116.     transition: .5s;
  1117. }
  1118.  
  1119. a#attach_file_click {
  1120.     color: #fff;
  1121.     font-size: 12px;
  1122.     font-weight: bold;
  1123.     padding: 0; padding: 0 !important;
  1124.     transition: .5s;
  1125. }
  1126.  
  1127. #comment_subscribe a:hover, a#attach_file_click:hover {
  1128.     text-shadow: 0 0 2.5px #fff;
  1129.     transition: .5s;
  1130. }
  1131.  
  1132. .profile_postcomment {
  1133.     background-color: #f0f0f0;
  1134.     padding: 5px; padding: 10px !important;
  1135.     border: 1px solid #b1b1b1; border: 1px solid #b1b1b1 !important;
  1136.     border-radius: 5px; border-radius: 5px !important;
  1137. }
  1138.  
  1139. #comment_body {
  1140.     background-color: #fff;
  1141.     color: #888; color: #888 !important;
  1142.     border: 1px solid #e2e2e2;
  1143.     border-radius: 5px;
  1144.     transition: .25s;
  1145. }
  1146.  
  1147. #comment_body:focus {
  1148.     background-image: none;
  1149.     color: #595959; color: #595959 !important;
  1150.     border: 1px solid #c8c8c8;
  1151.     transition: .25s;
  1152. }
  1153.  
  1154. textarea[id="comment_body"]::-webkit-input-placeholder {color: #888; color: #888 !important;}
  1155. textarea[id="comment_body"]::-moz-placeholder {color: #888; color: #888 !important;}
  1156. textarea[id="comment_body"]:-moz-placeholder {color: #888; color: #888 !important;}
  1157. textarea[id="comment_body"]:-ms-input-placeholder {color: #888; color: #888 !important;}
  1158.  
  1159. input#comment_submit {
  1160.     background: #fff;
  1161.     color: #888;
  1162.     font-size:  12px;
  1163.     padding: 2px 6px;
  1164.     border: 1px solid #e2e2e2;
  1165.     border-radius: 5px;
  1166.     transition: .25s;
  1167. }
  1168.  
  1169. input#comment_submit:hover, input#comment_submit:active {
  1170.     color: #787878;
  1171.     border: 1px solid #c8c8c8;
  1172.     transition: .25s;
  1173. }
  1174.  
  1175. input#comment_submit:active {
  1176.     background: linear-gradient(to bottom, #fff 50%, #f0f0f0 50%);
  1177.     text-shadow: 1px 1px 1.5px #fff, 1px -1px 1.5px #fff, -1px 1px 1.5px #fff, -1px -1px 1.5px #fff;
  1178. }
  1179.  
  1180. [src="/images/bbcode/b.gif"], [src="/images/bbcode/i.gif"], [src="/images/bbcode/u.gif"] {
  1181.     border-radius: 5px;
  1182.     border: 1px solid #e2e2e2;
  1183. }
  1184.  
  1185. [src="/images/bbcode/smile.gif"] {
  1186.     border-radius: 50%;
  1187. }
  1188.  
  1189. /*В Ы Б О Р _ А В А Т А Р А*/
  1190.  
  1191. #postcomment_userphotos {
  1192.     background-color: #fff;
  1193.     float: right; float: right !important;
  1194.     max-width: 141px; max-width: 145px !important;
  1195.     height: 250px; height: 300px !important;
  1196.     margin: 0; margin: 0 !important;
  1197.     padding: 3px; padding: 5px !important;
  1198.     border: 1px solid #e2e2e2; border: 1px solid #e2e2e2 !important;
  1199.     border-radius: 5px 0 0 5px;
  1200. }
  1201.  
  1202. #postcomment_userphotos::-webkit-scrollbar-thumb {
  1203.     background-color: #b1b1b1;
  1204. }
  1205.  
  1206. div[id^="userphoto_"] {
  1207.     max-width: 106px; max-width: 110px !important;
  1208.     padding: 3px; padding: 5px !important;
  1209. }
  1210.  
  1211. div[id^="userphoto_"] > .p-1.userphoto_comment {
  1212.     padding: 0; padding: 0 !important;
  1213. }
  1214.  
  1215. .img-thumbnail {
  1216.     background-color: transparent; background-color: transparent !important;
  1217.     padding: 0; padding: 0 !important;
  1218.     border: none; border: none !important;
  1219.     border-radius: 0; border-radius: 0 !important;
  1220. }
  1221.  
  1222. img.img-thumbnail {
  1223.     max-width: 100px;
  1224. }
  1225.  
  1226. .userphoto_selected img.img-thumbnail {
  1227.     border-radius: 5px; border-radius: 5px !important;
  1228. }
  1229.  
  1230. div[id^="userphoto_"].userphoto_selected {
  1231.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  1232.     border-radius: 5px;
  1233. }
  1234.  
  1235. /*Ф О Р М А _ В В О Д А _ К О М М Е Н Т А Р И Я _ для соо*/
  1236.  
  1237. .content .page_header {
  1238.     background-color: #fff;
  1239.     padding: 2px 10px; padding: 4px 20px !important;
  1240.     border-top: 1px solid #e2e2e2;
  1241.     border-left: none;
  1242.     border-right: none;
  1243.     border-bottom: 1px solid #e2e2e2;
  1244. }
  1245.  
  1246. #entry_main > b {
  1247.     display: none;
  1248.     color: #444; color: #444 !important;
  1249. }
  1250.  
  1251. #entry_main {
  1252.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  1253.     padding: 0; padding: 0 !important;
  1254.     border: 1px solid #b1b1b1;
  1255.     border-radius: 5px;
  1256. }
  1257.  
  1258. #blogform {
  1259.     background-color: #f0f0f0;
  1260.     margin: 5px; margin: 10px !important;
  1261.     padding: 5px; padding: 10px !important;
  1262.     border-radius: 5px;
  1263. }
  1264.  
  1265. #blogform .form-control {
  1266.     background-color: #fff;
  1267. }
  1268.  
  1269. #blogform .form-control:focus, #blogform .form-control:active {
  1270.     border: 1px solid #c8c8c8;
  1271. }
  1272.  
  1273. #blogform .pt-1 {
  1274.     padding: 5px 0 0 0; padding: 5px 0 0 0 !important;
  1275. }
  1276.  
  1277. #blogform #new_grouptopiccat_title {
  1278.     margin: -16px 0 24px 0;
  1279. }
  1280.  
  1281. #blogform .p-2 {
  1282.     padding: 0 0 5px 0; padding: 0 0 10px 0 !important;
  1283. }
  1284.  
  1285. #blogform label {
  1286.     margin: 0;
  1287.     transition: .5s;
  1288. }
  1289.  
  1290. #blogform label:hover {
  1291.     color:  #34aecf; color:  #34aecf !important;
  1292.     transition: .3s;
  1293. }
  1294.  
  1295. #blogform .btn.btn-secondary {
  1296.     background-color: #75c1d7;
  1297.     color: #fff;
  1298.     margin: -14px 0 0 0;
  1299.     border: none;
  1300.     border-radius: 5px;
  1301.     transition: .25s;
  1302. }
  1303.  
  1304. #blogform .btn.btn-secondary:hover {
  1305.     background-color: #6db6cd;
  1306.     transition: .25s;
  1307. }
  1308.  
  1309. #blogform .btn.btn-secondary:active {
  1310.     background-color: #55a9c6;
  1311. }
  1312.  
  1313. #blogform button.btn.btn-primary {
  1314.     background-color: #75c1d7;
  1315.     width: 100%; width: 100% !important;
  1316.     border: none; border: none !important;
  1317.     border-radius: 5px;
  1318.     transition: .5s;
  1319. }
  1320.  
  1321. #blogform button.btn.btn-primary:hover {
  1322.     letter-spacing: 1.5px;
  1323.     transition: .5s;
  1324. }
  1325.  
  1326. #blogform button.btn.btn-primary:active {
  1327.     background-color: #6db6cd;
  1328.     transition: 0s;
  1329. }
  1330.  
  1331. .btn.btn-primary.btn-block.btn-post {
  1332.     margin: 0;
  1333. }
  1334.  
  1335. #blogform #postcomment_userphotos {
  1336.     width: 100%; width: 100% !important;
  1337.     max-width: 100%; max-width: 100% !important;
  1338. }
  1339.  
  1340. /*П О Д В А Л*/
  1341.  
  1342. td > div.copyright {
  1343.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  1344.     color: #fff; color: #fff !important;
  1345.     font-size: 10px;
  1346.     position: absolute;
  1347.     left: 0;
  1348.     right: 0;
  1349.     bottom: 0;
  1350.     padding: 5px;
  1351. }
  1352.  
  1353. div.copyright a {
  1354.     color: #fff; color: #fff !important;
  1355.     transition: .5s;
  1356. }
  1357.  
  1358. div.copyright a:hover {
  1359.     text-shadow: 0 0 2.5px #fff;
  1360.     transition: .5s;
  1361. }
  1362.  
  1363. div.copyright:hover a:not(:hover) {
  1364.     color: rgba(255,255,255,.5); color: rgba(255,255,255,.5) !important;
  1365.     transition: .5s;
  1366. }
  1367.  
  1368. div.copyright a:first-child {
  1369.     margin-left: 10px;
  1370. }
  1371.  
  1372. /*С Т Р А Н И Ц Ы*/
  1373.  
  1374. .content {
  1375.     padding: 0; padding: 0 !important;
  1376. }
  1377.  
  1378. #righthome nav {
  1379.     display: flex;
  1380.     margin: -21px 0 25px 0; margin: -21px 0 0 0 !important;
  1381. }
  1382.  
  1383. #righthome nav:first-child, #righthome nav:nth-child(2) {
  1384.     display: none;
  1385. }
  1386.  
  1387. ul.pagination.justify-content-end.float-right {
  1388.     background-color: transparent;
  1389.     font-size: 10px; font-size: 10px !important;
  1390.     position: relative; position: fixed !important;
  1391.     top: 332px !important;
  1392.     left: auto !important;
  1393.     right: calc(25% - 300px) !important;
  1394.     width: 100%; width: 300px !important;
  1395.     margin: 0; margin: 0 !important;
  1396.     padding: 0;
  1397.     justify-content: space-between; justify-content: space-between !important;
  1398.     border-radius: 0;
  1399. }
  1400.  
  1401. a.page-link {
  1402.     color: transparent; color: transparent !important;
  1403.     text-shadow: 0 0 0  #888, 0 -24px 0 #fff; text-shadow: 0 0 0  #888, 0 -24px 0 #fff !important;
  1404.     text-align: center;
  1405.     position: relative;
  1406.     display: block;
  1407.     overflow: hidden;
  1408.     padding: 3px 6px;
  1409.     border: 1px solid #e2e2e2;
  1410.     border-radius: 5px; border-radius: 5px !important;
  1411.     z-index: 0;
  1412.     transition: .5s;
  1413. }
  1414.  
  1415. a.page-link:hover {
  1416.     text-shadow: 0 0 0 transparent, 0 0 0 #fff; text-shadow: 0 0 0 transparent, 0 0 0 #fff !important;
  1417.     transition: .5s;
  1418. }
  1419.  
  1420. a.page-link:after {
  1421.     background-color: #fff;
  1422.     content: "";
  1423.     position: absolute;
  1424.     top: 0;
  1425.     left: 0;
  1426.     min-width: 100%;
  1427.     min-height: 0;
  1428.     z-index: -1;
  1429.     transition: .5s;
  1430. }
  1431.  
  1432. a.page-link:hover:after {
  1433.     background-color: #75c1d7;
  1434.     min-width: 100%;
  1435.     min-height: 100%;
  1436. }
  1437.  
  1438. /*Л О А Д И Н Г*/
  1439.  
  1440. #TB_overlay {
  1441.     background-color: rgba(0,0,0,.2); background-color: rgba(0,0,0,.2) !important;
  1442.     opacity: 1; opacity: 1 !important;
  1443. }
  1444.  
  1445. [src="/images/page_load.gif"] {
  1446.     display: none;
  1447. }
  1448.  
  1449. #TB_overlay > div {
  1450.     margin-top: 20vh;
  1451.     width: 100%;
  1452. }
  1453.  
  1454. #TB_overlay > div > div {
  1455.     color: #fff; color: #fff !important;
  1456.     text-shadow: 1px 1px 0 rgba(0,0,0,.2);
  1457.     opacity: .9;
  1458. }
  1459.  
  1460. #TB_overlay > div > div:before {
  1461.     filter: blur(2.5px);
  1462.     content: url(https://i.ibb.co/mzF3QWD/loading.gif);
  1463.     display: flex;
  1464.     justify-content: center;
  1465.     opacity: .6;
  1466. }
  1467.  
  1468. /*G U E S T*/
  1469.  
  1470. table.body > tbody > tr > td > table > tbody > tr > td > div {
  1471.     margin: 0; margin: 0 !important;
  1472.     padding: 0; padding: 0 !important;
  1473. }
  1474.  
  1475. table.body td > div > .btn.btn-primary {
  1476.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  1477.     color: #fff;
  1478.     font-size: 14px; font-size: 14px !important;
  1479.     width: calc(100% - 1rem); width: calc(50% - 100px) !important;
  1480.     margin: 0 0 25px 0;
  1481.     padding: 5px;
  1482.     border: 1px solid #b1b1b1; border: 1px solid #b1b1b1 !important;
  1483.     border-radius: 5px;
  1484.     transition: .5s;
  1485. }
  1486.  
  1487. table.body td > div > .btn.btn-primary:hover {
  1488.     letter-spacing: 1.5px;
  1489.     transition: .5s;
  1490. }
  1491.  
  1492. table.body td > div > .btn.btn-primary:active {
  1493.     background: linear-gradient(to right, #98d1e1, #75c1d7);
  1494. }
  1495.  
  1496. a.btn.btn-primary, a.btn.btn-success {
  1497.     background-color: transparent; background-color: transparent !important;
  1498.     color: #fff; color: transparent !important;
  1499.     font-size: 14px; font-size: 12px !important;
  1500.     text-shadow: 0 0 0  #fff, 0 -45px 0 #75c1d7;
  1501.     position: relative;
  1502.     display: inline-block;
  1503.     overflow: hidden;
  1504.     padding: 2px 6px;
  1505.     border: 1px solid #fff;
  1506.     border-radius: 5px;
  1507.     z-index: 0;
  1508.     transition: .5s;
  1509. }
  1510.  
  1511. a.btn.btn-primary:hover, a.btn.btn-success:hover {
  1512.     text-shadow: 0 0 0 transparent, 0 0 0 #75c1d7;
  1513.     border: 1px solid #75c1d7;
  1514.     outline: 1px solid #fff;
  1515.     border-radius: 0;
  1516.     transition: .5s;
  1517. }
  1518.  
  1519. .top_header a.btn.btn-primary:after, .top_header a.btn.btn-success:after {
  1520.     background-color: #75c1d7;
  1521.     content: "";
  1522.     position: absolute;
  1523.     top: 0;
  1524.     left: 0;
  1525.     min-width: 100%;
  1526.     min-height: 0;
  1527.     z-index: -1;
  1528.     transition: .5s;
  1529. }
  1530.  
  1531. .top_header a.btn.btn-primary:hover:after, .top_header a.btn.btn-success:hover:after {
  1532.     background-color: #fff;
  1533.     min-width: 100%;
  1534.     min-height: 100%;
  1535. }
  1536.  
  1537. .modal-dialog a.btn.btn-primary, .modal-dialog a.btn.btn-success {
  1538.     background-color: #75c1d7; background-color: #75c1d7 !important;
  1539.     font-size: 14px; font-size: 14px !important;
  1540.     font-weight: normal;
  1541.     border: 1px solid transparent;
  1542.     transition: .25s;
  1543. }
  1544.  
  1545. .modal-dialog a.btn.btn-primary:hover, .modal-dialog a.btn.btn-success:hover {
  1546.     background-color: #6db6cd; background-color: #6db6cd !important;
  1547.     text-shadow: 0 0 0 #fff;
  1548.     transition: .25s;
  1549. }
  1550.  
  1551. .modal-dialog a.btn.btn-primary:active, .modal-dialog a.btn.btn-success:active {
  1552.     background-color: #fff; background-color: #fff !important;
  1553.     text-shadow: 0 0 0 #75c1d7;
  1554.     border: 1px solid #75c1d7;
  1555.     transition: 0s;
  1556. }
  1557.  
  1558. .modal-dialog a.btn.btn-primary:after, .modal-dialog a.btn.btn-success:after {
  1559.     display: none;
  1560. }
  1561.  
  1562. .copyright_text {
  1563.     background-color: #fff;
  1564.     color: #383838;
  1565.     font-size: 12px; font-size: 14px !important;
  1566.     margin: 10px .5rem; margin: 0 calc(25% + 50px) 25px calc(25% + 50px) !important;
  1567.     padding: 5px; padding: 10px !important;
  1568.     border: 1px solid #e2e2e2;
  1569.     border-radius: 5px;
  1570. }
  1571.  
  1572. .copyright_text > p {
  1573.     margin: 0;
  1574. }
  1575.  
  1576. /*M O B I L E*/
  1577.  
  1578. .navbar-toggler {
  1579.     margin: 0 10px 0 0;
  1580.     padding: 0;
  1581.     border: none;
  1582. }
  1583.  
  1584. .navbar-toggler-icon {
  1585.     background-image: url(https://i.ibb.co/2Y8djCM/button-menu.png);
  1586.     background-repeat: no-repeat;
  1587.     background-size: 20px;
  1588.     width: 30px;
  1589.     height: 30px;
  1590. }
  1591.  
  1592. .navbar.navbar-expand-lg.navbar-light.bg-light.top_menu.top_mobile_menu > .p-1 {
  1593.     margin: 0 10px;
  1594. }
  1595.  
  1596. .btn.btn-outline-success.mr-1.mobile_button {
  1597.     background-color: transparent;
  1598.     color: #fff;
  1599.     font-size: 14px;
  1600.     text-transform: uppercase;
  1601.     padding: 0 5px;
  1602.     border: none;
  1603.     border-radius: 0;
  1604.     transition: .5s;
  1605. }
  1606.  
  1607. .btn.btn-outline-success.mr-1.mobile_button:hover, .top_mobile_menu a[href="./"]:hover:before {
  1608.     text-shadow: 0 0 5px #fff;
  1609.     transition: .5s;
  1610. }
  1611.  
  1612. /*M O D A L*/
  1613.  
  1614. .modal-content {
  1615.     overflow: hidden;
  1616.     border: 1px solid #b1b1b1; border: 1px solid #b1b1b1 !important;
  1617.     border-radius: 5px; border-radius: 5px !important;
  1618. }
  1619.  
  1620. .modal-header, .modal-footer {
  1621.     padding: 10px 15px;
  1622. }
  1623.  
  1624. .modal-body {
  1625.     padding: 10px;
  1626. }
  1627.  
  1628. .modal-body a {
  1629.     color: #888;
  1630.     transition: .25s;
  1631. }
  1632.  
  1633. .updatesDelete a, .form-group > label {
  1634.     color: #75c1d7;
  1635.     position: relative;
  1636. }
  1637.  
  1638. .modal-body a:hover, .form-group > label:hover {
  1639.     color: #34aecf;
  1640.     transition: .25s;
  1641. }
  1642.  
  1643. .updatesDelete a:hover:after {
  1644.     transition: .25s;
  1645. }
  1646.  
  1647. .modal-header {
  1648.     background: linear-gradient(to right, #75c1d7, #98d1e1);
  1649.     border: 2px solid #fff; border: 2px solid #fff !important;
  1650.     outline: 1px solid #e2e2e2;
  1651. }
  1652.  
  1653. .modal-title {
  1654.     color: #fff; color: #fff !important;
  1655.     font-family: 'Oswald', sans-serif !important;
  1656.     letter-spacing: .6px !important;
  1657. }
  1658.  
  1659. .close {
  1660.     color: #fff; color: #fff !important;
  1661.     text-shadow: none; text-shadow: none !important;
  1662.     opacity: .75; opacity: .75 !important;
  1663.     transition: .25s;
  1664. }
  1665.  
  1666. .close:hover {
  1667.     opacity: 1; opacity: 1 !important;
  1668.     transition: .25s;
  1669. }
  1670.  
  1671. .modal-footer {
  1672.     background-color: #f0f0f0;
  1673.     border-top: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2 !important;
  1674.     border-radius: 0; border-radius: 0 !important;
  1675. }
  1676.  
  1677. .modal-body {
  1678.     background-color: #fff;
  1679.     color: rgb(95,95,95); color: rgb(75,75,75) !important;
  1680. }
  1681.  
  1682. .noUpdates, .updatesRegisterDesc {
  1683.     color: #888; color: #888 !important;
  1684.     font-family: 'Podkova', serif;
  1685. }
  1686.  
  1687. .updatesRow > div[style="float: left; padding: 3px; padding-left: 10px;"] {
  1688.     padding: 4px 3px 2px 10px; padding: 4px 3px 2px 10px !important;
  1689. }
  1690.  
  1691. .form-control {
  1692.     background-color: #f0f0f0;
  1693.     color: #595959; color: #595959 !important;
  1694.     border: 1px solid #e2e2e2;
  1695.     border-radius: 5px;
  1696.     transition: .25s;
  1697. }
  1698.  
  1699. .form-control:focus {
  1700.     background-color: #f0f0f0;
  1701.     color: #383838; color: #383838 !important;
  1702.     border: 1px solid #98d1e1;
  1703.     transition: .25s;
  1704. }
  1705.  
  1706. input[class="form-control"]::-webkit-input-placeholder {color: #595959; color: #595959 !important;}
  1707. input[class="form-control"]::-moz-placeholder {color: #595959; color: #595959 !important;}
  1708. input[class="form-control"]:-moz-placeholder {color: #595959; color: #595959 !important;}
  1709. input[class="form-control"]:-ms-input-placeholder {color: #595959; color: #595959 !important;}
  1710.  
  1711. #userphotos {
  1712.     margin: 5px 0 0 0;
  1713. }
  1714.  
  1715. #userphotos > .p-1 {
  1716.     padding: 5px 0; padding: 5px 0  !important;
  1717. }
  1718.  
  1719. #userphotos > .p-1 > img.img-thumbnail {
  1720.     margin: 0 5px 0 0;
  1721. }
  1722.  
  1723. #userphotos::-webkit-scrollbar-track {
  1724.     background-color: #f0f0f0;
  1725.     border-left: none;
  1726. }
  1727.  
  1728. .modal-footer button {
  1729.     background-color: #75c1d7; background-color: #75c1d7 !important;
  1730.     color: #fff;
  1731.     font-size: 14px;
  1732.     font-family: 'Oswald', sans-serif !important;
  1733.     letter-spacing: .6px !important;
  1734.     margin: 0 0 0 5px;
  1735.     padding: 5px 10px;
  1736.     border: 1px solid #e2e2e2; border: 1px solid #e2e2e2 !important;
  1737.     border-radius: 5px;
  1738.     transition: .25s;
  1739. }
  1740.  
  1741. .modal-footer button:hover {
  1742.     background-color: #6db6cd; background-color: #6db6cd !important;
  1743.     border-radius: 5px;
  1744.     transition: .25s;
  1745. }
  1746.  
  1747. .modal-footer button:active {
  1748.     background-color: #fff; background-color: #fff !important;
  1749.     color: #75c1d7; color: #75c1d7 !important;
  1750.     border: 1px solid #75c1d7; border: 1px solid #75c1d7 !important;
  1751.     transition: 0s;
  1752. }
  1753.  
  1754. /*С К Р О Л Л Б А Р*/
  1755.  
  1756. ::-webkit-scrollbar {
  1757.     width: 5px;
  1758.     height: 5px;
  1759. }
  1760.  
  1761. ::-webkit-scrollbar-thumb {
  1762.     background-color: #75c1d7;
  1763. }
  1764.  
  1765. ::-webkit-scrollbar-track {
  1766.     background-color: #fff;
  1767.     border-left: 1px solid #e2e2e2;
  1768. }
  1769.  
  1770. /*M E D I A*/
  1771.  
  1772. @media screen and (max-width: 1400px) {
  1773.     .top_header > table {padding-left: calc(20% - 250px) !important; padding-right: calc(20% - 250px) !important;}
  1774.     #lefthome {left: calc(20% - 250px) !important;}
  1775.     #lefthome .card.p-1 {right: calc(20% - 250px) !important; width: 250px !important;}
  1776.     #content_flex #righthome {margin: 0 20% 0 calc(20% - 50px) !important;}
  1777.     ul.pagination.justify-content-end.float-right {right: calc(20% - 250px) !important; width: 250px !important;}
  1778. }
  1779.  
  1780. @media screen and (max-width: 1280px) {
  1781.     .top_header > table {padding-left: 50px !important; padding-right: 50px !important;}
  1782.     #lefthome {left: 50px !important; width: 250px !important;}
  1783.     #lefthome .card.p-1 {position: relative !important; top: 0 !important; right: 0 !important; width: 250px !important; margin: 0 0 10px 0 !important;}
  1784.     #content_flex #righthome {min-width: 450px !important; margin: 0 0 0 300px !important; padding: 0 50px !important;}
  1785.     ul.pagination.justify-content-end.float-right {font-size: 12px !important; position: relative !important; top: auto !important; left: 0 !important; right: 0 !important; width: 100% !important; margin: 0 0 25px 0 !important;}
  1786.     table.body td > div > .btn.btn-primary {width: calc(100% - 400px) !important; margin: 0 0 25px 300px !important;}
  1787.     .copyright_text {margin: 0 50px 25px 350px !important;}
  1788. }
  1789.  
  1790. @media screen and (max-height: 720px) {
  1791.     .card.mt-3.blog_leftmenu:hover, .card.blog_categories:hover, .card.group_members:hover {height: 178px !important;}
  1792. }
  1793.  
  1794. @media screen and (max-width: 1024px) {
  1795.     #lefthome {margin: 0 0 10px 0; margin: 0 !important;}
  1796.     #entry_main {margin: 0 0 25px 0;}
  1797.     .post_text.pl-3 iframe {width: 100% !important; height: auto !important;}
  1798. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!