Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
- /*-----------------------
- --------сoᴅᴇ вʏ ɢ--------
- -------ɢʟᴇɴ-тнᴇмᴇs-------
- -------------------------*/
- .gifts-list > .p-1 a,
- a.top_menu_item,
- a.btn.btn-primary,
- a.btn.btn-success,
- .blog_leftprofile a,
- .profile_comment_date,
- .profile_comment_links a,
- .card-title a,
- .card-subtitle,
- .additional_info.pl-3,
- .post_text.pl-3 a[href="#"],
- a.page-link,
- .copyright {
- font-family: 'Russo One', sans-serif !important;
- font-weight: 100 !important;
- }
- html {
- margin-bottom: 0px; margin-bottom: 0px !important;
- }
- html:before, html:after {
- content: '';
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- html:before {
- background-image: url(https://i.ibb.co/4F9sFfw/background-2.jpg);
- background-position: center;
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-size: cover;
- filter: blur(10px);
- z-index: -3;
- }
- html:after {
- background-image: url(https://i.ibb.co/py0BcMy/background-3.png);
- background-repeat: repeat;
- background-size: initial;
- z-index: -2;
- opacity: .85;
- }
- body {
- background-color: #090909; background-color: #090909 !important;
- background-image: url(https://i.ibb.co/4fbyJMH/background-1.png); background-image: url(https://i.ibb.co/4fbyJMH/background-1.png) !important;
- background-position: center; background-position: center !important;
- background-attachment: fixed; background-attachment: fixed !important;
- background-repeat: no-repeat; background-repeat: no-repeat !important;
- background-size: cover; background-size: cover !important;
- min-height: 100vh;
- }
- table.body {
- width: 100%; width: 100% !important;
- margin: 0; margin: 0 !important;
- padding: 75px 0 0 0; padding: 125px 20px 50px 20px !important;
- }
- body:before, body:after, .body:before, .body:after {
- content: '' !important;
- background-color: #0f0f0f;
- position: fixed !important;
- }
- body:before {
- width: 20px;
- top: 19px;
- left: 0;
- bottom: 19px;
- border-right: 1px solid #c60e4d;
- z-index: 2;
- }
- body:after {
- width: 20px;
- top: 19px;
- right: 0;
- bottom: 19px;
- border-left: 1px solid #c60e4d;
- z-index: 2;
- }
- .body:before {
- height: 20px;
- top: 0;
- left: 0;
- right: 0;
- border-bottom: 1px solid #c60e4d;
- z-index: 1;
- }
- .body:after {
- content: '';
- position: absolute;
- height: 35px; height: 20px !important;
- left: 0;
- right: 0;
- bottom: 0;
- border-top: 1px solid #db3b73; border-top: 1px solid #c60e4d !important;
- z-index: -1; z-index: 1 !important;
- }
- img.photo {
- border: none; border: none !important;
- }
- a:hover, .form-group > label:hover {
- text-decoration: none; text-decoration: none !important;
- }
- :focus {
- outline: none; outline: none !important;
- box-shadow: none; box-shadow: none !important;
- }
- ::selection {
- background-color: #db3b73; background-color: #c60e4d !important;
- color: #000; color: #000 !important;
- }
- ::-moz-selection {
- background-color: #db3b73; background-color: #c60e4d !important;
- color: #000; color: #000 !important;
- }
- * {
- cursor: url(https://i.ibb.co/gSs4Hv5/cursor-normal.png), auto; cursor: url(https://i.ibb.co/gSs4Hv5/cursor-normal.png), auto !important;
- }
- a, a > b, a > strong, a > span, a > img, .button, button, button > img, button > span, #bbcode > img, div[id^="userphoto_"] img:hover, .modal-content img.icon:hover, #designs {
- cursor: url(https://i.ibb.co/4NyfycJ/cursor-link.png), auto; cursor: url(https://i.ibb.co/4NyfycJ/cursor-link.png), auto !important;
- }
- input[type="text"], textarea {
- cursor: url(https://i.ibb.co/VjRph02/cursor-text.png), auto; cursor: url(https://i.ibb.co/VjRph02/cursor-text.png), auto !important;
- }
- /*Ш А П К А*/
- .top_header, .top_menu.top_mobile_menu {
- background-color: #0f0f0f; background-color: transparent !important;
- position: fixed !important;
- top: 19px !important;
- min-width: 620px !important;;
- width: auto !important;
- margin: 0 calc(50% - 310px) !important;
- padding: 0; padding: 0 0 5px 5px !important;
- border: none; border: none !important;
- border-bottom: 1px solid #db3b73;
- box-shadow: none; box-shadow: none !important;
- }
- .top_menu.top_mobile_menu {
- height: 35px;
- }
- .top_header:before, .top_header:after {
- content: url(https://i.ibb.co/XDhw1zm/top-header.png);
- position: absolute;
- top: 0px;
- width: 14px;
- height: 14px;
- filter: drop-shadow(0px 1px 0 #c60e4d);
- }
- .top_header:before {
- left: -13px;
- }
- .top_header:after {
- right: -13px;
- transform: scale(-1, 1);
- }
- .top_header > table:after {
- content: '';
- background-color: #0f0f0f;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- height: 15px;
- border: 1px solid #c60e4d;
- border-top: none;
- z-index: -1;
- }
- .top_header > table {
- width: 100% !important;
- }
- .top_header > table > tbody > tr > td:last-child {
- padding-bottom: 0 !important;
- }
- .top_header > table > tbody > tr > td:last-child > table {
- width: 100% !important;
- }
- .top_menu {
- padding: 5px 10px; padding: 0 !important;
- }
- a.top_menu {
- text-align: center !important;
- }
- .top_menu_link_container {
- display: inline-block;
- float: inherit !important;
- }
- div.top_menu_link {
- padding: 5px 5px 0 5px !important;
- }
- a.top_menu_item, a.btn.btn-primary, a.btn.btn-success {
- background-color: #0f0f0f; background-color: #0f0f0f !important;
- background: url(https://i.ibb.co/MhcBhS9/top-menu-item-2.png), url(https://i.ibb.co/MhcBhS9/top-menu-item-2.png);
- background-position: top center, bottom center;
- background-repeat: repeat-x, repeat-x;
- position: relative;
- height: 24px !important;
- margin: 0 10px;
- padding: 5px 12px;
- color: #d93c74; color: #d93c74 !important;
- font-size: 10px; font-size: 10px !important;
- font-weight: 500 !important;
- text-transform: uppercase;
- border: 1px solid #c60e4d; border: 1px solid #c60e4d !important;
- border-radius: 0;
- transition: 0s;
- }
- a.btn.btn-primary {
- margin: 0 15px;
- }
- a.btn.btn-success {
- margin: 0 20px 0 15px;
- }
- .top_menu_link_container:hover > .top_menu_link > a.top_menu_item, a.btn.btn-primary:hover, a.btn.btn-primary:active, a.btn.btn-success:hover, a.btn.btn-success:active {
- background-color: #c60e4d; background-color: #c60e4d !important;
- color: #fff !important;
- text-shadow: -6px -2px 0 #d93c74, 6px 2px 0 #d93c74;
- transition: 0s;
- }
- a.top_menu_item:before, a.top_menu_item:after,
- a.btn.btn-primary:before, a.btn.btn-primary:after, a.btn.btn-success:before, a.btn.btn-success:after {
- background-image: url(https://i.ibb.co/ZVQyqpv/top-menu-item.png);
- content: '';
- position: absolute;
- width: 14px;
- height: 24px;
- }
- a.top_menu_item:before,
- a.btn.btn-primary:before, a.btn.btn-success:before {
- background-position: 0 0;
- top: -1px;
- left: -14px;
- }
- a.top_menu_item:after,
- a.btn.btn-primary:after, a.btn.btn-success:after {
- background-position: 14px 0;
- top: -1px;
- right: -14px;
- }
- .top_menu_link_container:hover > .top_menu_link > a.top_menu_item:before,
- a.btn.btn-primary:hover:before, a.btn.btn-success:hover:before {
- background-position: 0 24px;
- }
- .top_menu_link_container:hover > .top_menu_link > a.top_menu_item:after,
- a.btn.btn-primary:hover:after, a.btn.btn-success:hover:after {
- background-position: 14px 24px;
- }
- div.menu_dropdown {
- background-color: #0f0f0f !important;
- display: inline !important;
- overflow: hidden;
- width: 180px !important;
- margin-top: 10px !important;
- margin-left: -30px !important;
- border: 1px solid transparent !important;
- border-image: linear-gradient(#c60e4d, rgb(30,30,30)) !important;
- -moz-border-image: -moz-linear-gradient(#c60e4d, rgb(30,30,30)) !important;
- -webkit-border-image: -webkit-linear-gradient(#c60e4d, rgb(30,30,30)) !important;
- border-image-slice: 1 !important;
- border-radius: 0 !important;
- transform: scaleY(0);
- }
- .top_menu_link_container:hover > .top_menu_link > div > div.menu_dropdown {
- transform: scaleY(1);
- }
- .menu_dropdown a.menu_item {
- background-color: #0f0f0f;
- color: #9c9c9c; color: #797979 !important;
- font-size: 12px;
- text-align: center;
- padding: 3px 8px !important;
- border-left: 5px solid #0f0f0f;
- border-right: 5px solid #0f0f0f;
- }
- .menu_dropdown a.menu_item:hover {
- background: linear-gradient(to right, #c60e4d, #9c9c9c);
- color: #000; color: #000 !important;
- border-left: 5px solid #9c9c9c;
- border-right: 5px solid #c60e4d;
- }
- .menu_dropdown a.menu_item img {
- display: none;
- }
- .top_mobile_menu .collapse.navbar-collapse, .mr-1.mobile_button {
- display: none;
- }
- #mobile_menu {
- background-color: #0f0f0f;
- color: #737373;
- font-size: 10px;
- max-width: 250px;
- padding: 0 10px 0 0;
- outline: 1px solid #db3b73;
- }
- #mobile_menu > .menu_item_dropdown a {
- background-color: #232323;
- color: #9c9c9c;
- font-size: 12px;
- padding: 5px 10px 5px 8px;
- border-top: 1px solid #0f0f0f;
- border-left: 2px solid transparent;
- border-bottom: 1px solid #0f0f0f;
- }
- #mobile_menu > .menu_item_dropdown a:hover {
- background-color: #0f0f0f;
- color: #db3b73;
- border-left: 2px solid #db3b73;
- }
- #mobile_menu > .menu_item_dropdown a img {
- display: none;
- filter: sepia(1) hue-rotate(260deg);
- width: auto;
- height: 10px;
- opacity: .5;
- }
- #mobile_photo_wrap {
- margin: 0 0 10px 0;
- }
- #mobile_photo {
- padding: 10px 10px 5px 10px;
- }
- #mobile_photo img.photo {
- background-color: #232323;
- width: 60px;
- height: 60px;
- padding: 5px;
- object-fit: cover;
- border: 1px solid #737373;
- border-radius: 50%;
- }
- #mobile_menu .btn-primary {
- background-image: linear-gradient(to left, #9c9c9c, #db3b73);
- padding: 10px;
- color: #000;
- font-size: 10px;
- font-weight: 500;
- text-transform: uppercase;
- letter-spacing: .25px;
- border: none;
- border-left: 5px solid #9c9c9c;
- border-right: 5px solid #db3b73;
- transition: 0s;
- }
- #mobile_menu .btn-primary:hover {
- background-image: linear-gradient(to left, #232323, #313131);
- color: #9c9c9c;
- border-left: 5px solid #232323;
- border-right: 5px solid #313131;
- transition: 0s;
- }
- /*логотип*/
- .top_header a[href="./"]{
- background-color: #0f0f0f;
- background-image: url(https://i.ibb.co/42kVPsk/logo.png);
- background-position: center;
- background-repeat: no-repeat;
- position: fixed;
- color: transparent; color: transparent !important;
- width: 30px !important;
- height: 30px !important;
- left: 19px !important;
- top: 19px !important;
- border: 1px solid #c60e4d;
- }
- .top_mobile_menu > .p-1 > a[href="./"] {
- background-image: url(https://i.ibb.co/zhrYnX3/logo-2.png);
- background-position: center;
- background-repeat: no-repeat;
- background-size: 40px;
- position: fixed;
- top: 5px;
- left: 90px;
- right: 90px;
- height: 30px;
- color: #de1056;
- }
- [src="./images/logo_new.png"] {
- width: 15px !important;
- height: 15px !important;
- opacity: 0;
- }
- .top_menu_link_container:nth-child(7) {
- height: 0;
- }
- /*уведомления*/
- #newupdates {
- background-color: #0f0f0f; background-color: transparent !important;
- background-image: url(https://i.ibb.co/J5sj1kD/button-notify-2.png); background-image: url(https://i.ibb.co/GMxvd7X/button-notify.png) !important;
- background-position: center; background-position: center !important;
- background-repeat: no-repeat; background-repeat: no-repeat !important;
- background-size: 10px; background-size: 15px !important;
- position: fixed;
- top: 10px; top: auto !important;
- left: 50px; left: auto !important;
- right: 160px !important;
- bottom: 35px !important;
- width: 30px;
- height: 30px;
- padding: 0;
- overflow: hidden;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- border-radius: 5px; border-radius: 0 !important;
- }
- [src="/images/notify.svg"] {
- display: none;
- }
- #notify_total {
- background-color: #0f0f0f; background-color: transparent !important;
- color: #db3b73; color: #f13073 !important;
- position: fixed !important;
- top: calc(20vh + 40px) !important;
- right: calc(30% - 154px) !important;
- width: 28px; width: 110px !important;
- height: 28px; height: auto !important;
- padding: 8px 0; padding: 0 !important;
- font-size: 11px;
- text-align: center; text-align: left !important;
- border-radius: 0;
- transform: rotate(-61deg) !important;
- }
- #notify_total:before {
- content: 'new alerts – ' !important;
- text-transform: uppercase;
- }
- #newupdates:hover, .button_down:last-child:hover, .card-header a:hover, .copyright a:last-child:hover, #designs:hover {
- background-color: rgba(222,16,86,.1) !important;
- transition: 0s;
- }
- /*написать в дневник*/
- .top_menu_link_container > button.btn.btn-primary {
- background: linear-gradient(to bottom, #c60e4d, #d72e47);
- background: linear-gradient(to bottom, #c60e4d, #d72e47) !important;
- position: absolute;
- top: 0;
- right: -15px;
- width: 148px;
- height: 15px;
- padding: 0; padding: 0 20px 0 34px !important;
- color: #000; color: #000 !important;
- font-size: 10px;
- z-index: -1;
- border: none;
- border-radius: 0;
- transition: .5s;
- }
- .top_menu_link_container > button.btn.btn-primary:hover {
- right: -148px;
- transition: .5s;
- }
- .top_menu_link_container > button.btn.btn-primary:after {
- content: url(https://i.ibb.co/R7hVqf0/top-header-button.png);
- position: absolute;
- top: 0;
- right: -14px;
- }
- /*вниз*/
- .button_down:last-child, .btn.btn-outline-success:last-child {
- background-color: #0f0f0f; background-color: transparent !important;
- background-image: url(https://i.ibb.co/jr9rh0w/button-down-2.png); background-image: url(https://i.ibb.co/vzn7BkN/button-down.png) !important;
- background-position: center;
- background-repeat: no-repeat;
- background-size: 10px; background-size: 15px !important;
- color: transparent;
- position: fixed;
- width: 30px;
- height: 30px;
- top: 10px; top: auto !important;
- right: 50px; right: 120px !important;
- bottom: 35px !important;
- padding: 0;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- border-radius: 5px; border-radius: 0 !important;
- }
- [src="/images/button_down.svg"] {
- width: 30px;
- height: 30px;
- opacity: 0;
- }
- /*М Е Н Ю*/
- #lefthome {
- width: 0 !important;
- height: 0 !important;
- }
- #lefthome:before {
- content: 'YOU ARE NOTHING BUT A MIND TRICK, A MERE ILLUSION OF MY BEST KEPT FEAR: LONG HIDDEN, ALMOST FORGOTTEN. YOUR NAME? AS IRRELEVANT AS YOUR FACE. YOUR POWER OVER ME?' !important;
- background-image: linear-gradient(to bottom, rgba(201,49,76,.69) 0%, #C9314C 69%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- color: #C9314C;
- position: fixed;
- top: 20vh;
- left: calc(30% - 240px);
- width: 180px;
- height: 160px;
- padding: 0 10px 0 0;
- text-align: right;
- font-style: italic;
- font-size: 12px;
- line-height: 20px;
- letter-spacing: .5px;
- border-right: 1px solid transparent;
- border-image: linear-gradient(transparent, #C9314C);
- -moz-border-image: -moz-linear-gradient(transparent, #C9314C);
- -webkit-border-image: -webkit-linear-gradient(transparent, #C9314C);
- border-image-slice: 1;
- }
- #lefthome:after {
- content: 'NONE.' !important;
- color: #C9314C;
- position: fixed;
- top: calc(20vh + 160px);
- left: calc(30% - 240px);
- width: 180px;
- padding: 0 20px 0 0;
- text-align: right;
- font-style: italic;
- letter-spacing: 2px;
- font-size: 16px;
- font-weight: 700;
- text-shadow: -10px -4px 0 rgba(201,49,76,.2), 10px 4px 0 rgba(201,49,76,.4);
- border-right: 1px solid #C9314C;
- }
- .seBlogColumnRightPadding {
- background-color: #0f0f0f; background-color: transparent !important;
- position: relative;
- padding: 0; padding: 0 !important;
- border: 1px solid #db3b73; border: none !important;
- border-radius: 5px; border-radius: 0 !important;
- }
- /*меню*/
- .seBlogColumnRightPadding > div:nth-child(2) {
- position: fixed !important;
- top: calc(20vh + 185px) !important;
- left: calc(30% - 305px) !important;
- width: 220px !important;
- }
- .card.mt-3.blog_leftmenu a {
- background-image: linear-gradient(to right, rgba(241,81,112,.75) 0%, #f15170 100%) !important;
- -webkit-background-clip: text !important;
- -webkit-text-fill-color: transparent !important;
- position: relative;
- padding: 0 0 0 10px !important;
- color: #9c9c9c; color: #f15170 !important;
- font-weight: 500 !important;
- font-size: 11px;
- text-align: right;
- text-transform: uppercase;
- letter-spacing: 1px !important;
- transition: .5s;
- }
- .card.mt-3.blog_leftmenu a:before {
- content: url(https://i.ibb.co/C9ByjNR/leftmenu-item.png) !important;
- position: absolute;
- top: calc(50% - 5px);
- right: -25px;
- opacity: .75;
- }
- .card.mt-3.blog_leftmenu a:after {
- background-color: #f15170;
- content: '' !important;
- position: absolute;
- top: 50%;
- right: -10px;
- width: 0px;
- height: 1px;
- opacity: .75;
- transition: .25s;
- }
- .card.mt-3.blog_leftmenu a:hover:after {
- width: 15px;
- transition: .25s;
- }
- .card.mt-3.blog_leftmenu a:hover {
- color: #db3b73; color: #f15170 !important;
- padding: 0 10px 0 0 !important;
- transition: .25s;
- }
- /*гл. фото*/
- .card.p-1 {
- position: fixed !important;
- top: 20vh !important;
- right: calc(30% - 300px) !important;
- padding: 20px 10px 10px 10px; padding: 0 !important;
- border: none;
- border-radius: 0;
- }
- li.p-1 {
- padding: 0; padding: 0 !important;
- }
- .blog_leftphoto:before {
- content: url(https://i.ibb.co/nRHmYj8/leftphoto.png);
- position: relative;
- width: 100%;
- filter: drop-shadow(0px 0px 25px rgb(241,48,114,.5));
- }
- .blog_leftphoto a:after {
- content: url(https://i.ibb.co/Ykm2MVT/leftphoto-img.png);
- position: absolute;
- top: 10px; top: -10px !important;
- left: calc(50% - 88px);
- filter: drop-shadow(0px 0px 5px rgb(241,48,114,.5));
- /*код для вставки своего изображения
- content: '';
- background-image: url(ссылка);
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- position: absolute;
- top: 38px; top: 18px !important;
- left: calc(50% - 91.5px);
- width: 183px;
- height: 164px;
- clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);*/
- }
- .blog_leftphoto img.photo {
- display: none;
- }
- .card.p-1:after {
- content: 'I wonder, if you removed my skin and bones, and could see only my soul, how battered, bruised and broken it would be. I wonder if then, you’d be able to see how much my heart is bleeding.' !important;
- color: #fc4085;
- width: 220px;
- padding: 0 10px;
- font-size: 13px;
- text-align: justify;
- }
- .blog_leftprofile a {
- color: #d93c74; color: #d93c74 !important;
- font-size: 16px; font-size: 20px !important;
- text-shadow: 0px 0px 15px rgb(241,48,114,.5) !important;
- transition: .5s;
- }
- .blog_leftprofile a:hover {
- filter: brightness(1.2);
- transition: .5s;
- }
- .blog_leftprofile img {
- filter: hue-rotate(150deg) brightness(0.8) contrast(1.6);
- height: 8px;
- width: auto;
- margin: 0 0 2px 0;
- }
- /*категории*/
- .card.blog_categories {
- position: fixed !important;
- top: calc(20vh + 355px) !important;
- right: calc(30% - 290px) !important;
- width: 200px !important;
- padding: 5px 0 0 0 !important;
- text-align: center; text-align: justify !important;
- border-top: 2px dotted #d93c74 !important;
- border-radius: 0;
- }
- .seBlogCategoryList {
- margin: 0; margin: 0 !important;
- padding: 0; padding: 0 !important;
- }
- .seBlogCategoryList li {
- display: contents !important;
- color: #d93c74;
- font-size: 11px; font-size: 13px !important;
- font-weight: 500 !important;
- text-transform: uppercase;
- }
- .seBlogCategoryList a {
- background-image: linear-gradient(to bottom, rgba(241,81,112,.5) 0%, #f15170 100%) !important;
- -webkit-background-clip: text !important;
- -webkit-text-fill-color: transparent !important;
- color: #9c9c9c; color: #f15170 !important;
- font-size: 11px; font-size: 9px !important;
- transition: .25s; transition: 0s !important;
- }
- .seBlogCategoryList a:hover {
- background-image: linear-gradient(to bottom, rgba(241,81,112,1) 0%, #f15170 100%) !important;
- color: #db3b73; color: #f15170 !important;
- transition: .25s; transition: 0s !important;
- }
- /*-----------*/
- .card.mt-3.blog_leftmenu, .blog_leftsearch > .card, .blog_categories, .card.blog_gifts {
- border-top: 1px solid #752541; border: none !important;
- margin: 0;
- border-radius: 0;
- }
- .card.mt-3.blog_leftmenu .card-body,
- .card.blog_categories .card-body {
- padding: 7.5px 10px; padding: 0 !important;
- }
- #lefthome .p-1 {
- font-size: 11px; font-size: 13px !important;
- padding: 0 !important;
- list-style-type: none;
- text-align: center; text-align: right !important;
- }
- #lefthome .p-1, .seBlogCategoryList li {
- margin: 2.5px 0; margin: 0 !important;
- }
- .card.mt-3.blog_leftmenu > .card-header,
- .blog_leftsearch .card-header,
- .card.blog_categories > .card-header {
- display: none !important;
- }
- .card-header, #lefthome .card.blog_gifts > .card-header {
- background-color: #2d161e; background-color: transparent !important;
- color: #d93c74;
- font-size: 10px;
- font-weight: 700;
- padding: 5px 10px;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 1px;
- border-bottom: 1px solid #752541; border-bottom: none !important;
- }
- .card-body {
- padding: 0;
- }
- /*поиск*/
- .blog_leftsearch {
- width: 0 !important;
- height: 0 !important;
- margin: 0; margin: 0 !important;
- }
- .blog_leftsearch > .card {
- overflow: hidden;
- }
- .blog_leftsearch table {
- width: 100%;
- }
- input[name="blog_search"] {
- background-color: transparent;
- color: #9c9c9c; color: #c60e4d !important;
- position: fixed !important;
- top: 0px;
- right: 19px;
- width: 100%; width: 30px !important;
- height: 25px; height: 19px !important;
- padding: 0;
- font-weight: 700 !important;
- font-size: 8px; font-size: 10px !important;
- text-align: center; text-align: left !important;
- letter-spacing: 5px; letter-spacing: normal !important;
- border: none;
- border-left: 1px solid transparent;
- border-right: 1px solid transparent;
- z-index: 100;
- transition: .5s;
- }
- input[name="blog_search"]::-webkit-input-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
- input[name="blog_search"]::-moz-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
- input[name="blog_search"]:-moz-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
- input[name="blog_search"]:-ms-input-placeholder {color: #9c9c9c; color: #c60e4d !important; text-transform: uppercase; text-transform: lowercase !important;}
- input[name="blog_search"]:focus {
- background-color: #242424 !important;
- font-size: 12px; font-size: 12px !important;
- letter-spacing: normal;
- width: 100%; width: 150px !important;
- padding: 0 10px;
- border-left: 1px solid #c60e4d;
- border-right: 1px solid #c60e4d;
- transition: .5s;
- }
- /*подарки*/
- .card.blog_gifts {
- z-index: 100;
- }
- .card.blog_gifts > .card-header {
- position: fixed !important;
- left: 80px;
- bottom: 55px;
- padding: 0 !important;
- color: #d93c74; color: #c60e4d !important;
- font-weight: 700 !important;
- font-size: 12px; font-size: 10px !important;
- text-align: center; text-align: left !important;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .card-header a {
- background-image: url(https://i.ibb.co/bBbC9g6/gifts.png) !important;
- background-position: center;
- background-repeat: no-repeat;
- color: #c60e4d; color: transparent !important;
- font-weight: 700; font-weight: 500 !important;
- font-size: 8px; font-size: 10px !important;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 1px;
- position: fixed !important;
- left: 40px;
- bottom: 40px;
- width: 30px !important;
- height: 30px !important;
- padding: 6px 0 !important;
- border: 1px solid #c60e4d !important;
- }
- .gifts-list {
- position: relative;
- }
- .gifts-list:before {
- background-color: #752541;
- content: '';
- position: absolute;
- top: 0;
- left: calc(50% - 1px);
- bottom: 0;
- width: 1px;
- }
- .gifts-list > .p-1 a {
- background-color: #0f0f0f !important;
- color: #9c9c9c; color: #c60e4d !important;
- position: absolute !important;
- bottom: 18px;
- left: -1px;
- width: 50%; width: 100px !important;
- max-height: 100px;
- padding: 5px;
- font-size: 8px; font-size: 10px !important;
- text-align: center;
- letter-spacing: .5px;
- text-transform: uppercase;
- border: 1px solid #c60e4d !important;
- display: none !important;
- z-index: 1000000;
- }
- .gifts-list > .p-1 a:after {
- content: url(https://i.ibb.co/X5rz9w3/gifts-2.png) !important;
- position: absolute;
- bottom: -10px;
- left: -1px;
- }
- .gifts-list > .p-1 {
- background-color: rgba(15,15,15,.25) !important;
- position: fixed !important;
- width: 50%; width: 10px !important;
- min-width: 60px; min-width: 10px !important;
- height: 10px !important;
- padding: 10px; padding: 0 !important;
- border: 1px solid #c60e4d !important;
- border-radius: 50% !important;
- }
- .gifts-list > .p-1:first-child {
- left: 80px;
- bottom: 40px;
- }
- .gifts-list > .p-1:nth-child(2) {
- left: 95px;
- bottom: 40px;
- }
- .gifts-list > .p-1:nth-child(3) {
- left: 110px;
- bottom: 40px;
- }
- .gifts-list > .p-1:nth-child(4) {
- left: 125px;
- bottom: 40px;
- }
- .gifts-list > .p-1:nth-child(5) {
- left: 140px;
- bottom: 40px;
- }
- .gifts-list > .p-1:nth-child(6) {
- left: 155px;
- bottom: 40px;
- }
- .gifts-list > .p-1:nth-child(7) {
- left: 170px;
- bottom: 40px;
- }
- .gifts-list > .p-1:nth-child(8) {
- left: 185px;
- bottom: 40px;
- }
- .gifts-list > .p-1:hover a {
- display: block !important;
- }
- .gifts-list img {
- width: auto;
- max-width: 50px;
- max-height: 50px;
- margin: 0 0 5px 0;
- }
- /*П О С Т Ы*/
- #righthome {
- margin: 0 30% !important;
- padding: 0 10px; padding: 0 !important;
- }
- .card.mb-2.post_home {
- background-color: #0f0f0f;
- color: #9c9c9c;
- margin: 40px 0 0 0; margin: 50px 0 0 0 !important;
- padding: 10px;
- border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
- box-shadow: inset 0 0 50px rgba(98,43,82,.25), 0 0 25px rgba(0,0,0,.5) !important;
- border-radius: 5px; border-radius: 15px !important;
- }
- .card.mb-2.post_home:first-child {
- margin: 0; margin: 0 !important;
- }
- .card-title {
- margin: 0 0 2px 0; margin: 0 0 2px 0 !important;
- padding: 0 0 0 50px; padding: 0 0 0 110px !important;
- }
- .card-title a {
- position: relative;
- padding: 0 10px 0 0;
- height: 18px; height: 13px !important;
- overflow: hidden;
- display: block;
- color: #d93c74; color: #d93c74 !important;
- letter-spacing: .5px !important;
- font-size: 15px; font-size: 13px !important;
- transition: .5s;
- }
- .card-title a:before {
- content: '';
- background-color: #d93c74;
- position: absolute;
- top: 50%;
- left: 0;
- width: 0;
- height: 1px;
- transition: .5s;
- }
- .card-title a:hover {
- padding: 0 0 0 15px;
- transition: .5s;
- }
- .card-title a:hover:before {
- width: 10px;
- transition: .5s;
- }
- .card-subtitle.mb-2 {
- margin: 0; margin: 0 !important;
- padding: 0 0 0 50px; padding: 0 0 0 110px !important;
- color: #797979; color: #565656 !important;
- text-transform: uppercase;
- font-size: 9px;
- }
- .card-subtitle a {
- color: #565656; color: #565656 !important;
- transition: .5s;
- }
- .card-subtitle a:hover {
- color: #d93c74; color: #d93c74 !important;
- transition: .5s;
- }
- .post_image {
- width: 50px; width: 100px !important;
- margin-top: -30px; margin-top: -27px !important;
- }
- .post_image img {
- width: 40px; width: 100px !important;
- height: 40px; height: auto !important;
- object-fit: cover;
- border-radius: 5px;
- }
- .post_image > div {
- width: 40px; width: 100px !important;
- display: none; display: block !important;
- }
- .post_container {
- display: block; display: flex !important;
- }
- .post_container > div:nth-child(2) {
- width: calc(100% + 20px); width: 100% !important;
- }
- .post_text.pl-3 {
- font-size: 13px; font-size: 14px !important;
- margin: 10px -10px; margin: 0 !important;
- padding: 10px; padding: 10px 0 10px 10px !important;
- border-top: 1px solid #2a2a2a; border-top: none !important;
- border-bottom: 1px solid #2a2a2a; border-bottom: none !important;
- }
- .post_text.pl-3 p {
- margin: 0 0 10px 0;
- }
- .post_text.pl-3 p:last-child {
- margin: 0;
- }
- .post_text.pl-3 blockquote {
- font-style: italic;
- font-size: 13px; font-size: 14px !important;
- padding: 0 0 0 10px;
- border-left: 1px solid #db3b73; border-left: 2px solid #c60e4d !important;
- }
- .post_text.pl-3 hr {
- margin: 10px -10px; margin: 10px 0 !important;
- border-top: 1px solid #2a2a2a; border-top: 2px dotted #c60e4d !important;
- }
- .post_text.pl-3 img {
- max-width: 100%; max-width: 100% !important;
- max-height: 400px; max-height: 400px !important;
- }
- .post_text.pl-3 iframe {
- width: 500px !important;
- max-width: 100% !important;
- height: 281px !important;
- max-height: 281px !important;
- }
- .post_image > div, #user_status {
- color: #d93c74; color: #d93c74 !important;
- font-size: 9px; font-size: 9px !important;
- letter-spacing: .5px;
- line-height: .75rem;
- width: 50px; width: 100px !important;
- padding: 1.5px 0 0 0;
- }
- .post_text.pl-3 a[href="#"] {
- background-color: #0f0f0f; background-color: #0f0f0f !important;
- color: #797979; color: #db3b73 !important;
- font-size: 8px; font-size: 10px !important;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 1.25px; letter-spacing: .75px !important;
- padding: 4px 4px;
- width: 100% !important;
- display: block;
- border: 1px solid #2a2a2a; border: 1px solid #c60e4d !important;
- transition: 0s;
- }
- .post_text.pl-3 a[href="#"]:hover {
- background-color: #212121; background-color: #1b1319 !important;
- color: #797979; color: #db3b73 !important;
- transition: 0s;
- }
- .additional_info.pl-3 {
- background-image: url(https://i.ibb.co/wwSRhFb/additional-info-1.png), url(https://i.ibb.co/dgLWgbG/additional-info-2.png), url(https://i.ibb.co/p0ZmmrL/additional-info-3.png), url(https://i.ibb.co/KNjzRkn/additional-info-4.png) !important;
- background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
- background-position: top left, bottom right, top right, top center;
- position: relative;
- min-height: 22px !important;
- margin: 0 0 0 10px !important;
- padding: 0; padding: 10px 0 0 7px !important;
- color: #797979; color: #c60e4d !important;
- font-size: 9px;
- text-transform: uppercase;
- font-weight: 700; font-weight: 100 !important;
- }
- .additional_info.pl-3 .card-link {
- display: inline-block;
- }
- .additional_info .card-link + .card-link {
- margin-left: 20px;
- }
- .additional_info.pl-3 p {
- margin: 0; margin: 0 !important;
- }
- .additional_info.pl-3 a {
- color: #565656; color: #d93c74 !important;
- transition: .5s;
- }
- .additional_info.pl-3 a:hover {
- color: #d93c74; color: #565656 !important;
- transition: .5s;
- }
- /*С С Ы Л К И _ П О Д _ П О С Т О М*/
- .seBlogComments {
- margin: 0; margin: 0 !important;
- position: relative;
- }
- .seBlogComments > table > tbody > tr > td > div {
- background-color: #0f0f0f; background-color: #1b1319 !important;
- text-align: center;
- margin: -4px 0 0 0; margin: 0 20px !important;
- padding: 2.5px 5px; padding: 0 5px 5px 5px !important;
- border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
- border-top: 1px solid #2a2a2a; border-top: none !important;
- border-radius: 0 0 5px 5px; border-radius: 0 0 25px 25px !important;
- }
- div > .button a {
- color: #565656; color: #d93c74 !important;
- font-size: 10px; font-size: 12px !important;
- font-weight: 500;
- text-align: center;
- text-transform: lowercase;
- transition: .5s;
- }
- div > .button a:hover {
- color: #d93c74; color: #565656 !important;
- transition: .5s;
- }
- div > .button a img {
- filter: saturate(0) hue-rotate(0deg) brightness(0.6) contrast(1); filter: saturate(1) hue-rotate(150deg) brightness(0.7) contrast(1.7) !important;
- height: 5px; height: 8px !important;
- width: auto; width: auto !important;
- transition: .5s;
- }
- div > .button a:hover img {
- filter: hue-rotate(150deg) brightness(0.7) contrast(1.7); filter: saturate(0) hue-rotate(0deg) brightness(0.6) contrast(1) !important;
- transition: .5s;
- }
- .seBlogComments > table div > .button {
- display: inline;
- float: inherit !important;
- margin: 2.5px 5px; margin: 0 !important;
- padding: 0; padding: 0 5px !important;
- }
- /*ссылки*/
- .post_text.pl-3 a, .profile_comment_body a, .copyright_text a {
- color: #d93c74; color: #d93c74 !important;
- transition: .5s;
- }
- .post_text.pl-3 a:hover, .profile_comment_body a:hover, .copyright_text a:hover {
- color: #565656; color: #565656 !important;
- transition: .5s;
- }
- /*К О М М Е Н Т А Р И И*/
- div[id^="blog_"] > div[id^="comment_"] {
- margin: 25px 0;
- }
- div[id^="blog_"] > div[id^="comment_"]:last-child {
- margin: 25px 0 0 0; margin: 25px 0 0 0 !important;
- }
- div[id^="comment_"] > div {
- margin: 0; margin: 0 !important;
- }
- div[id^="comment_"] > div > div:first-child {
- width: 50px; width: 100px !important;
- margin: 0 10px 0 0;
- }
- div[id^="comment_"] > div > div:first-child > a > img {
- width: 50px; width: 100px !important;
- height: 50px; height: 100px !important;
- object-fit: cover;
- border-radius: 50%;
- }
- .profile_comment_author {
- background-color: #db3b73; background-color: #c60e4d !important;
- margin: 0 10px 0 0; margin: 0 10px 0 0 !important;
- padding: 0 5px; padding: 0 10px !important;
- border-radius: 5px 5px 0 0;
- }
- .profile_comment_author a {
- color: #000; color: #000 !important;
- font-size: 11px; font-size: 12px !important;
- transition: .5s;
- }
- .profile_comment_author a:hover {
- letter-spacing: 1px;
- transition: .35s;
- }
- .profile_comment_author a b {
- font-weight: normal;
- }
- .profile_comment_author a img {
- filter: saturate(0) brightness(0);
- width: 5px; width: 8px !important;
- height: auto; height: auto !important;
- margin: 0; margin: 0 0 0 2px !important;
- }
- .profile_comment_date {
- color: #db3b73; color: #c60e4d !important;
- font-size: 9px; font-size: 10px !important;
- font-weight: 700;
- display: table-cell;
- vertical-align: bottom;
- height: 16px; height: 18px !important;
- padding: 0; padding: 1px 0 0 0 !important;
- text-align: left; text-align: left !important;
- }
- .profile_comment_body {
- background-color: #0f0f0f;
- color: #9c9c9c;
- text-align: justify;
- font-size: 13px; font-size: 14px !important;
- max-width: 100%; max-width: 100% !important;
- min-height: 50px; min-height: 70px !important;
- padding: 10px; padding: 10px 10px 15px 10px !important;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- box-shadow: inset 0 0 25px rgba(98,43,82,.15);
- border-radius: 0 15px 0 15px; border-radius: 0 25px 0 25px !important;
- }
- .profile_comment_body .blockquote {
- background-color: #212121; background-color: #2c1019 !important;
- text-align: justify;
- margin: -10px -10px -19px -10px;
- padding: 10px;
- border: none;
- }
- .profile_comment_links {
- background: #db3b73; background: #c60e4d !important;
- color: #000; color: #000 !important;
- float: right;
- display: inline-block;
- text-transform: uppercase;
- font-size: 7px; font-size: 8px !important;
- font-weight: 700;
- letter-spacing: .5px; letter-spacing: 1px !important;
- padding: 0 5px; padding: 0 10px !important;
- height: 10px; height: 12px !important;
- border-radius: 0 0 15px 0; border-radius: 0 0 25px 0 !important;
- position: relative;
- }
- .profile_comment_links:before {
- content: '';
- background: linear-gradient(to right, transparent, #db3b73); background: linear-gradient(to right, transparent, #c60e4d) !important;
- position: absolute;
- top: 0;
- left: -100px; left: -150px !important;
- width: 100px; width: 150px !important;
- height: 10px; height: 12px !important;
- }
- .profile_comment_links a {
- display: inline-block;
- color: #0f0f0f; color: #0f0f0f !important;
- transition: .15s;
- }
- .profile_comment_links a:hover {
- transform: skew(-25deg);
- transition: .15s;
- }
- .seBlogComments > div:nth-child(2) {
- margin: 25px 0 0 0;
- }
- div[id^="blog_"] > div[style="text-align: center;"], .disabled {
- color: rgb(219,59,115,.5); color: rgb(198,14,77,.5) !important;
- font-size: 10px; font-size: 12px !important;
- font-weight: 700;
- text-align: center;
- border-radius: 0; border-radius: 0 !important;
- }
- a[id^="comment_next_"], a[id^="comment_last_"] {
- color: #db3b73; color: #c60e4d !important;
- font-size: 10px; font-size: 12px !important;
- font-weight: 700;
- text-align: center;
- border-radius: 0; border-radius: 0 !important;
- transition: .5s;
- }
- a[id^="comment_next_"]:hover, a[id^="comment_last_"]:hover {
- filter: saturate(0);
- transition: .5s;
- }
- /*Ф О Р М А _ В В О Д А _ К О М М Е Н Т А Р И Я*/
- .comment_headline {
- background-color: transparent;
- color: #db3b73; color: #c60e4d !important;
- font-size: 9px; font-size: 10px !important;
- font-weight: 700;
- text-transform: uppercase;
- margin: 25px 0 0 60px; margin: 25px 0 0 110px !important;
- padding: 0; padding: 0 !important;
- border: none; border: none !important;
- }
- #comment_subscribe {
- background-color: #db3b73; background-color: #c60e4d !important;
- float: left;
- margin: 0 10px 0 0;
- padding: 0 5px; padding: 0 10px !important;
- border-radius: 5px 5px 0 0;
- }
- #comment_subscribe a {
- color: #000; color: #000 !important;
- font-weight: normal;
- font-size: 11px; font-size: 12px !important;
- text-transform: capitalize;
- transition: .5s;
- }
- #comment_subscribe a:hover {
- letter-spacing: 1px;
- transition: .35s;
- }
- a#attach_file_click {
- color: #db3b73; color: #c60e4d !important;
- font-size: 9px; font-size: 10px !important;
- margin: 0 15px 0 0; margin: 0 25px 0 0 !important;
- padding: 0 !important;
- transition: .15s;
- }
- a#attach_file_click:before {
- content: 'Загрузить ' !important;
- }
- a#attach_file_click:hover {
- transform: skew(-25deg);
- transition: .15s;
- }
- .profile_postcomment {
- background-color: transparent;
- position: relative;
- margin: 0 0 0 60px; margin: 0 0 50px 110px !important;
- padding: 0; padding: 0 !important;
- border: none; border: none !important;
- }
- #postcomment_form {
- float: none; float: none !important;
- width: 100%; width: 100% !important;
- }
- #postcomment_form > div:nth-child(4) {
- margin: 0; margin: 0 !important;
- }
- #comment_body {
- background-color: #0f0f0f;
- color: #9c9c9c; color: #9c9c9c !important;
- font-size: 13px; font-size: 14px !important;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- border-radius: 0 15px 0 15px; border-radius: 0 25px 0 25px !important;
- transition: .5s;
- }
- textarea[id="comment_body"]::-webkit-input-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
- textarea[id="comment_body"]::-moz-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
- textarea[id="comment_body"]:-moz-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
- textarea[id="comment_body"]:-ms-input-placeholder {color: #9c9c9c; color: #9c9c9c !important;}
- input#comment_submit {
- background-color: #db3b73; background-color: #c60e4d !important;
- color: #000;
- font-size: 10px; font-size: 12px !important;
- padding: 2px 15px; padding: 0 10px !important;
- border: none;
- border-radius: 0 0 0px 5px;
- transition: .5s;
- }
- input#comment_submit:hover {
- letter-spacing: 1px;
- transition: .35s;
- }
- #bbcode {
- border-right: 1px solid #db3b73; border-right: 1px solid #c60e4d !important;
- padding: 5px 10px 5px 0;
- }
- /*В Ы Б О Р _ А В А Т А Р А*/
- #postcomment_userphotos {
- background: linear-gradient(145deg, transparent, transparent, rgba(198,14,77,.25));
- float: right; float: right !important;
- width: 90px; width: 120px !important;
- height: 80px; height: 80px !important;
- margin: 0; margin: 0 !important;
- padding: 3px 12px 3px 18px; padding: 5px 20px 5px 30px !important;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- border-top: none; border-top: none !important;
- border-left: none; border-left: none !important;
- border-radius: 0 0 0 25px;
- }
- #postcomment_userphotos::-webkit-scrollbar {
- width: 4px;
- height: 4px;
- }
- div[id^="userphoto_"] {
- max-width: 50px; max-width: 60px !important;
- padding: 3px; padding: 5px !important;
- float: right;
- }
- div[id^="userphoto_"] > .p-1.userphoto_comment {
- padding: 0; padding: 0 !important;
- }
- .img-thumbnail {
- background-color: transparent; background-color: transparent !important;
- padding: 0; padding: 0 !important;
- border: none; border: none !important;
- border-radius: 0; border-radius: 0 !important;
- }
- #postcomment_userphotos img.img-thumbnail {
- width: 50px; width: 60px !important;
- max-width: 100px;
- }
- #postcomment_userphotos .userphoto_selected img {
- position: absolute;
- top: -15px;
- left: -60px; left: -110px !important;
- width: 50px; width: 100px !important;
- height: 50px; height: 100px !important;
- object-fit: cover;
- border-radius: 50%; border-radius: 50% !important;
- }
- div[id^="userphoto_"].userphoto_selected {
- background-color: transparent;
- padding: 0px !important;
- }
- /*П О Д В А Л*/
- td > div.copyright {
- background-color: #0f0f0f; background-color: transparent !important;
- color: #db3b73; color: #fc4085 !important;
- position: absolute !important;
- left: calc(50% - 191px) !important;
- right: calc(50% - 191px) !important;
- bottom: 35px !important;
- width: 382px !important;
- height: 30px; height: auto !important;
- margin: 0 50px 10px 10px; margin: 0 !important;
- padding: 7px 10px; padding: 0 !important;
- font-size: 9px; font-size: 10px !important;
- font-weight: 700;
- border: 1px solid #db3b73; border: none !important;
- border-radius: 5px; border-radius: 0 !important;
- }
- div.copyright a {
- color: #db3b73; color: #c60e4d !important;
- transition: .5s;
- }
- div.copyright a:hover {
- color: #565656; color: #c60e4d !important;
- transition: .5s;
- }
- div.copyright:hover a:not(:hover) {
- opacity: .75 !important;
- transition: .5s;
- }
- div.copyright a:first-child {
- display: none; display: inline-block !important;
- margin-left: 10px;
- }
- div.copyright a:nth-child(2) {
- margin-left: 10px; margin-left: 0 !important;
- }
- .copyright a:last-child { /*наверх*/
- background-color: #0f0f0f; background-color: transparent !important;
- background-image: url(https://i.ibb.co/jZk25WK/button-up-2.png); background-image: url(https://i.ibb.co/sgBXzrr/button-up.png) !important;
- background-position: center;
- background-repeat: no-repeat;
- background-size: 10px; background-size: 15px !important;
- color: transparent; color: transparent !important;
- position: fixed;
- width: 30px;
- height: 30px;
- margin: 0; margin: 0 !important;
- top: 10px; top: auto !important;
- right: 10px; right: 80px !important;
- bottom: 35px !important;
- overflow: hidden;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- border-radius: 5px; border-radius: 0 !important;
- z-index: 1000;
- }
- .copyright a:last-child:hover, .copyright:hover a:last-child:not(:hover) {
- opacity: 1 !important;
- }
- td > div.copyright:before {
- content: url(https://i.ibb.co/WGg8sGH/copyright-before.png) !important;
- position: fixed;
- right: 200px;
- bottom: 35px;
- }
- td > div.copyright:after {
- content: url(https://i.ibb.co/cQgf9Kp/copyright-after.png) !important;
- position: fixed;
- right: 32px;
- bottom: 49px;
- }
- /*О Т К Л Ю Ч И Т Ь _ Д И З А Й Н*/
- #designs {
- background-color: #0f0f0f; background-color: transparent !important;
- background-image: url(https://i.ibb.co/PCST2Dt/designs-2.png); background-image: url(https://i.ibb.co/7SmC7Qd/designs.png) !important;
- background-size: 10px; background-size: 30px !important;
- background-position: center 10px; background-position: center 0 !important;
- background-repeat: no-repeat;
- color: transparent; color: transparent !important;
- width: 30px; width: 30px !important;
- height: 30px; height: 30px !important;
- right: 10px; right: 40px !important;
- overflow: hidden;
- bottom: 10px; bottom: 35px !important;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- border-radius: 5px; border-radius: 0 !important;
- }
- #designs:hover {
- background-size: 16px;
- background-position: center -25px; background-position: center -30px !important;
- }
- /*С Т Р А Н И Ц Ы*/
- .content > nav {
- margin: 0 10px; margin: 25px calc(30% + 20px) 0 calc(30% + 20px) !important;
- }
- ul.pagination.justify-content-end.float-right {
- margin: 0 auto 25px auto; margin: 0 auto 75px auto !important;
- justify-content: center; justify-content: center !important;
- float: none; float: none !important;
- }
- ul > .page-item {
- margin: 0 5px;
- }
- a.page-link {
- background-color: transparent; background-color: transparent !important;
- color: #db3b73; color: #c60e4d !important;
- font-size: 9px; font-size: 10px !important;
- text-align: center;
- text-transform: uppercase;
- font-weight: 700;
- border-radius: 0; border-radius: 0 !important;
- transition: .5s;
- }
- a.page-link:hover {
- color: #db3b73; color: #c60e4d !important;
- text-shadow: -10px -10px 0 rgba(219,59,115,.5), 10px 10px 0 rgba(219,59,115,.25);
- text-shadow: -10px -10px 0 rgba(198,14,77,.5), 10px 10px 0 rgba(198,14,77,.25) !important;
- transition: .25s;
- }
- ul > .page-item:last-child a.page-link:hover {
- text-shadow: 10px -10px 0 rgba(219,59,115,.5), -10px 10px 0 rgba(219,59,115,.25);
- text-shadow: 10px -10px 0 rgba(198,14,77,.5), -10px 10px 0 rgba(198,14,77,.25) !important;
- }
- /*G U E S T*/
- table.body > tbody > tr > td > table > tbody > tr > td > div {
- margin: 0; margin: 0 !important;
- padding: 0; padding: 0 !important;
- }
- table.body div > .btn.btn-primary {
- background-color: #0f0f0f;
- color: #db3b73;
- font-size: 10px; font-size: 12px !important;
- font-weight: 500;
- text-transform: uppercase;
- margin: 0 0 25px 0;
- padding: 5px 10px;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- border-radius: 5px;
- transition: .25s;
- }
- table.body div > .btn.btn-primary:hover, table.body div > .btn.btn-primary:active {
- background-color: #db3b73; background-color: #c60e4d !important;
- color: #000;
- transition: .25s;
- }
- .modal-dialog a.btn.btn-primary, .modal-dialog a.btn.btn-success {
- width: calc(100% - 28px);
- }
- .copyright_text {
- background-color: #0f0f0f;
- color: #9c9c9c;
- font-size: 12px; font-size: 14px !important;
- margin: 10px; margin: 0 30% 35px 30% !important;
- padding: 10px; padding: 10px !important;
- border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
- box-shadow: inset 0 0 50px rgba(98,43,82,.25), 0 0 25px rgba(0,0,0,.5) !important;
- border-radius: 5px; border-radius: 15px !important;
- }
- .copyright_text > p {
- margin: 0;
- }
- /*M O B I L E*/
- .navbar-toggler {
- background-color: #0f0f0f;
- position: fixed;
- top: 10px;
- left: 10px;
- width: 30px;
- height: 30px;
- padding: 0;
- border: 1px solid #db3b73;
- border-radius: 5px;
- }
- .navbar-toggler-icon {
- background-image: url(https://i.ibb.co/GFrRw9V/button-menu.png);
- background-repeat: no-repeat;
- background-size: 10px;
- width: 28px;
- height: 28px;
- }
- /*M O D A L*/
- .modal {
- background: rgba(0,0,0,.5); background: rgba(0,0,0,.5) !important;
- }
- .modal-dialog {
- position: relative;
- }
- .modal-dialog:before {
- content: '' !important;
- background-color: #0f0f0f;
- position: absolute;
- top: -1px;
- left: -1px;
- right: -1px;
- bottom: -1px;
- border-radius: 15px;
- box-shadow: 0 0 25px rgba(0,0,0,.5);
- }
- .modal-content {
- background-color: #0f0f0f; background-color: #0f0f0f !important;
- overflow: hidden;
- border: 1px solid #db3b73; border: 2px dotted #c60e4d !important;
- border-radius: 15px; border-radius: 15px !important;
- }
- .modal-header, .modal-footer {
- padding: 10px 15px; padding: 10px 15px !important;
- }
- .modal-body {
- padding: 10px;
- }
- .updatesWrap, .updatesDelete {
- padding: 0;
- }
- .modal-body a {
- color: #797979;
- transition: .25s;
- }
- .modal-body a:hover {
- color: #9c9c9c;
- transition: .25s;
- }
- .updatesRow img.icon {
- filter: saturate(0);
- vertical-align: center;
- opacity: .5;
- }
- .updatesDelete a, .form-group > label {
- color: #db3b73; color: #c60e4d !important;
- font-size: 12px;
- font-weight: 700;
- }
- .updatesDelete a:hover, .form-group > label:hover {
- color: #797979; color: #797979 !important;
- }
- .modal-header {
- background-color: #2d161e; background-color: #1b1319 !important;
- border-bottom: 1px solid #752541; border-bottom: 2px dotted #6a0f2e !important;
- outline: 1px solid #e2e2e2;
- }
- .modal-title {
- color: #db3b73; color: #c60e4d !important;
- font-size: 18px; font-size: 20px !important;
- }
- .close {
- color: #db3b73; color: #c60e4d !important;
- text-shadow: none; text-shadow: none !important;
- opacity: .75; opacity: .75 !important;
- transition: .25s;
- }
- .close:hover {
- opacity: 1; opacity: 1 !important;
- transition: .25s;
- }
- .modal-footer {
- background-color: #2d161e; background-color: #1b1319 !important;
- border-top: 1px solid #752541; border-top: 2px dotted #6a0f2e !important;
- border-radius: 0; border-radius: 0 !important;
- }
- .modal-body {
- background-color: #0f0f0f;
- color: #797979; color: #797979 !important;
- }
- .noUpdates, .updatesRegisterDesc {
- color: #797979; color: #797979 !important;
- font-family: 'Podkova', serif;
- }
- .updatesRow > div[style="float: left; padding: 3px; padding-left: 10px;"] {
- padding: 4px 3px 2px 10px; padding: 4px 3px 2px 10px !important;
- }
- .form-control {
- background-color: #161616; background-color: #161616 !important;
- color: #797979; color: #797979 !important;
- border: 1px solid #752541; border: 1px solid #6a0f2e !important;
- border-radius: 5px;
- transition: .25s;
- }
- .form-control:focus {
- color: #9c9c9c; color: #9c9c9c !important;
- transition: .25s;
- }
- input[class="form-control"]::-webkit-input-placeholder {color: #565656; color: #565656 !important;}
- input[class="form-control"]::-moz-placeholder {color: #565656; color: #565656 !important;}
- input[class="form-control"]:-moz-placeholder {color: #565656; color: #565656 !important;}
- input[class="form-control"]:-ms-input-placeholder {color: #565656; color: #565656 !important;}
- .modal-body > table {
- background-color: #1e1216; background-color: #1b1319 !important;
- border: 1px solid #752541; border: 1px solid #6a0f2e !important;
- border-radius: 5px;
- }
- .modal-body > table > tbody > tr:first-child > td {
- padding: 0; padding: 0 !important;
- }
- .modal-body div.page_header {
- color: #db3b73; color: #c60e4d !important;
- font-size: 14px;
- font-weight: 600;
- text-align: center;
- width: 100%;
- padding: 5px 10px;
- border-radius: 0; border-radius: 0 !important;
- }
- .modal-body > table > tbody > tr:nth-child(2) > td {
- background-color: #161616;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 5px; padding: 10px !important;
- border-top: 1px solid #752541; border-top: 1px solid #6a0f2e !important;
- border-bottom: 1px solid #752541; border-bottom: 1px solid #6a0f2e !important;
- }
- .modal-body > table > tbody > tr:nth-child(2) > td img {
- width: auto;
- max-width: 150px;
- }
- .modal-body > table > tbody > tr:last-child > td {
- padding: 10px;
- }
- .modal-body > table > tbody > tr:last-child > td > div {
- margin: 0; margin: 0 !important;
- }
- .modal-body > table > tbody > tr:last-child > td > div > div:first-child {
- display: none; display: none !important;
- color: #686868; color: #686868 !important;
- text-align: center; text-align: center !important;
- margin: 0 0 10px 0; margin: 0 0 10px 0 !important;
- }
- .modal-body > table > tbody > tr:last-child > td > div > div:nth-child(2) {
- width: 60px; width: 60px !important;
- height: 60px;
- }
- .modal-dialog .modal-body > table > tbody > tr:last-child > td > div > .profile_comment_date {
- width: 100%; width: 100% !important;
- height: auto;
- margin: 0; margin: 0 !important;
- }
- .modal-body > table > tbody > tr:last-child > td > div > div:nth-child(2) img {
- background-color: #161616;
- width: 60px;
- height: 60px;
- padding: 5px;
- object-fit: cover;
- border: 1px solid #752541; border: 1px solid #6a0f2e !important;
- border-radius: 50%;
- }
- .modal-dialog div.profile_comment_author {
- background-color: #161616; background-color: #161616 !important;
- margin: 0 10px; margin: 0 10px !important;
- border: 1px solid #752541; border: 1px solid #6a0f2e !important;
- border-bottom: none; border-bottom: none !important;
- }
- .modal-dialog div.profile_comment_author a {
- color: #db3b73; color: #c60e4d !important;
- }
- .modal-dialog div.profile_comment_author a b {
- font-weight: 700; font-weight: 700 !important;
- }
- .modal-dialog .profile_comment_body {
- background-color: #161616;
- min-height: 30px; min-height: 30px !important;
- margin: 0 0 0 10px;
- padding: 10px 10px 15px 10px; padding: 10px 10px 15px 10px !important;
- border: 1px solid #752541; border: 1px solid #6a0f2e !important;
- box-shadow: none;
- }
- .modal-dialog .profile_comment_body > .page_header {
- color: #383838; color: #383838 !important;
- font-size: 14px;
- }
- #userphotos {
- margin: 5px 0 0 0;
- }
- #userphotos > .p-1 {
- padding: 5px 0; padding: 5px 0 !important;
- }
- #userphotos > .p-1 > img.img-thumbnail {
- margin: 0 5px 0 0;
- }
- #userphotos::-webkit-scrollbar {
- width: 4px;
- height: 4px;
- }
- #userphotos::-webkit-scrollbar-track {
- background-color: #191919;
- }
- .modal-footer button {
- background-color: #0f0f0f; background-color: #0f0f0f !important;
- color: #db3b73; color: #c60e4d !important;
- font-size: 10px; font-size: 12px !important;
- font-weight: 700;
- font-family: 'Oswald', sans-serif !important;
- letter-spacing: .6px !important;
- margin: 0 0 0 5px;
- padding: 5px 10px;
- border: 1px solid #752541; border: 1px solid #6a0f2e !important;
- border-radius: 5px;
- transition: .25s;
- }
- .modal-footer button:hover {
- background-color: #0b0b0b; background-color: #0b0b0b !important;
- border-radius: 5px;
- transition: .25s;
- }
- .modal-footer button:active {
- background-color: #db3b73; background-color: #c60e4d !important;
- color: #000; color: #000 !important;
- border: 1px solid #db3b73; border: 1px solid #c60e4d !important;
- transition: 0s;
- }
- /*Л О А Д И Н Г*/
- #TB_overlay {
- background-color: rgba(0,0,0,.5); background-color: rgba(0,0,0,.5) !important;
- opacity: 1; opacity: 1 !important;
- }
- #TB_overlay > div {
- margin-top: 20vh;
- width: 100%;
- }
- #TB_overlay > div:before {
- content: url(https://i.ibb.co/DRSKLcK/loading.gif);
- display: flex;
- justify-content: center;
- transform: scale(0.5);
- filter: drop-shadow(0px 0px 50px #000);
- opacity: .5;
- }
- #TB_overlay > div > div, [src="/images/page_load.gif"] {
- display: none;
- }
- /*С К Р О Л Л Б А Р*/
- ::-webkit-scrollbar {
- width: 2px;
- height: 2px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #db3b73; background-color: #c60e4d !important;
- }
- ::-webkit-scrollbar-track {
- background-color: transparent;
- }
- /*M E D I A*/
- @media screen and (max-width: 1024px) {
- #lefthome {margin: 40px 0 0 0;
- padding: 0 10px; padding: 0 !important;}
- }
Add Comment
Please, Sign In to add comment