body { min-width: 320px; } .smile-block{ display:none; background:white; position:absolute; z-index: 11; border: 1px solid gray; right: 0; } @media screen and (max-width: 320px) { .smile-block { width: 300px; } } /* ~~~~~Смайлы~~~~~ */ div.smile-block { overflow: hidden; /* width: 382px; */ /* height: 405px; */ height: 369px; } div.smile-block.test_stickers { height: 405px; } div.smile-block td img { max-width: 100%; margin: 0 auto; display: block; } div.smile-block td img, div.smile-block td div.smile { cursor: pointer; } div.smile { display: inline-block; background-image: url("https://cdn.fishki.net/upload/smiles/smiles.png?1"); background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; } div.smile-block ul.smiles-tabs { display: block; margin: 0; padding-left: 0; border-bottom: 1px solid silver; /* overflow: hidden; */ } div.smile-block ul.smiles-tabs li { list-style-type: none; display: inline-block; box-sizing: border-box; margin-bottom: -1px; padding: 5px 0 7px 0; height: 36px; text-align: center; width: 50%; color: #777; cursor: pointer; } div.smile-block ul.smiles-tabs li.active { padding: 5px 0; border-bottom: 3px solid #00afc9; color: #00afc9; } div.smile-block ul.smile_types { position: absolute; margin: 0;/* 17px 0 0 0 */ padding-left: 0; width: 100%; } div.smile-block ul.smile_types li { list-style-type: none; display: inline-block; /* width: 380px; */ width: 100%; height: 367px; text-align: center; overflow: scroll; } /* ~~~~~Стикеры~~~~~ */ div.sticker { /* width: 320px; */ max-width: 320px; height: 320px; background-repeat: no-repeat; background-position: center; background-size: 100%; } div.sticker1 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker1.png'); } div.sticker2 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker2.png'); } div.sticker3 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker3.png'); } div.sticker4 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker4.png'); } div.sticker5 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker5.png'); } div.sticker6 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker6.png'); } div.sticker7 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker7.png'); } div.sticker8 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker8.png'); } div.sticker9 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker9.png'); } div.sticker10 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker10.png'); } div.sticker11 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker11.png'); } div.sticker12 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker12.png'); } div.sticker13 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker13.png'); } div.sticker14 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker14.png'); } div.sticker15 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker15.png'); } div.sticker16 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker16.png'); } div.sticker17 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker17.png'); } div.sticker18 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker18.png'); } div.sticker19 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker19.png'); } div.sticker20 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker20.png'); } div.sticker21 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker21.png'); } div.sticker22 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker22.png'); } div.sticker23 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker23.png'); } div.sticker24 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker24.png'); } div.sticker25 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker25.png'); } div.sticker26 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker26.png'); } div.sticker27 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker27.png'); } div.sticker28 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker28.png'); } div.sticker29 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker29.png'); } div.sticker30 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker30.png'); } div.sticker31 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker31.png'); } div.sticker32 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker32.png'); } div.sticker33 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker33.png'); } div.sticker34 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker34.png'); } div.sticker35 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker35.png'); } div.sticker36 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker36.png'); } div.sticker37 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker37.png'); } div.sticker38 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker38.png'); } div.sticker39 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker39.png'); } div.sticker40 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker40.png'); } div.sticker41 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker41.png'); } div.sticker42 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker42.png'); } div.sticker43 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker43.png'); } div.sticker44 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker44.png'); } div.sticker45 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker45.png'); } div.sticker46 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker46.png'); } div.sticker47 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker47.png'); } div.sticker48 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker48.png'); } div.sticker49 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker49.png'); } div.sticker50 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker50.png'); } div.sticker51 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker51.png'); } div.sticker52 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker52.png'); } div.sticker53 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker53.png'); } div.sticker54 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker54.png'); } div.sticker55 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker55.png'); } div.sticker56 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker56.png'); } div.sticker57 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker57.png'); } div.sticker58 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker58.png'); } div.sticker59 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker59.png'); } div.sticker60 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker60.png'); } div.sticker61 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker61.png'); } div.sticker62 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker62.png'); } div.sticker63 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker63.png'); } div.sticker64 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker64.png'); } div.sticker65 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker65.png'); } div.sticker66 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker66.png'); } div.sticker67 { background-image: url('https://cdn.fishki.net/upload/stickers/320/sticker67.png'); } ul.smile_types li.stickers table { width: 100%; } ul.smile_types li.stickers td { padding: 0.5em 0; vertical-align: middle; text-align: center; } .stickers .fishki-sticker { display: inline-block; width: 160px; height: 160px; cursor: pointer; background-image: url('https://cdn.fishki.net/upload/stickers/160/sprite.png?2'); background-size: auto; } .fishki-sticker.sticker1 { background-position: -730px -191px; } .fishki-sticker.sticker2 { background-position: -730px -371px; } .fishki-sticker.sticker3 { background-position: -10px -611px; } .fishki-sticker.sticker4 { background-position: -190px -611px; } .fishki-sticker.sticker5 { background-position: -370px -611px; } .fishki-sticker.sticker6 { background-position: -550px -611px; } .fishki-sticker.sticker7 { background-position: -730px -611px; } .fishki-sticker.sticker8 { background-position: -910px -10px; } .fishki-sticker.sticker9 { background-position: -910px -190px; } .fishki-sticker.sticker10 { background-position: -910px -370px; } .fishki-sticker.sticker11 { background-position: -910px -550px; } .fishki-sticker.sticker12 { background-position: -10px -791px; } .fishki-sticker.sticker14 { background-position: -190px -791px; } .fishki-sticker.sticker15 { background-position: -370px -791px; } .fishki-sticker.sticker13 { background-position: -550px -791px; } .fishki-sticker.sticker16 { background-position: -730px -791px; } .fishki-sticker.sticker17 { background-position: -910px -791px; } .fishki-sticker.sticker18 { background-position: -1090px -10px; } .fishki-sticker.sticker19 { background-position: -1090px -190px; } .fishki-sticker.sticker20 { background-position: -1090px -370px; } .fishki-sticker.sticker22 { background-position: -1090px -550px; } .fishki-sticker.sticker21 { background-position: -1090px -730px; } .fishki-sticker.sticker23 { background-position: -10px -971px; } .fishki-sticker.sticker24 { background-position: -190px -971px; } .fishki-sticker.sticker25 { background-position: -370px -971px; } .fishki-sticker.sticker26 { background-position: -550px -971px; } .fishki-sticker.sticker27 { background-position: -730px -971px; } .fishki-sticker.sticker28 { background-position: -910px -971px; } .fishki-sticker.sticker29 { background-position: -1090px -971px; } .fishki-sticker.sticker30 { background-position: -1270px -10px; } .fishki-sticker.sticker31 { background-position: -1270px -190px; } .fishki-sticker.sticker32 { background-position: -1270px -370px; } .fishki-sticker.sticker33 { background-position: -1270px -550px; } .fishki-sticker.sticker34 { background-position: -1270px -730px; } .fishki-sticker.sticker35 { background-position: -1270px -910px; } .fishki-sticker.sticker36 { background-position: -10px -1151px; } .fishki-sticker.sticker37 { background-position: -190px -1151px; } .fishki-sticker.sticker38 { background-position: -370px -1151px; } .fishki-sticker.sticker39 { background-position: -550px -1151px; } .fishki-sticker.sticker40 { background-position: -730px -1151px; } .fishki-sticker.sticker41 { background-position: -910px -1151px; } .fishki-sticker.sticker42 { background-position: -1090px -1151px; } .fishki-sticker.sticker43 { width: 160px; height: 185px; background-position: -370px -10px; } .fishki-sticker.sticker44 { width: 160px; height: 176px; background-position: -10px -229px; } .fishki-sticker.sticker45 { width: 160px; height: 141px; background-position: -1450px -519px; } .fishki-sticker.sticker46 { width: 160px; height: 126px; background-position: -10px -1331px; } .fishki-sticker.sticker47 { width: 160px; height: 170px; background-position: -550px -10px; } .fishki-sticker.sticker48 { width: 160px; height: 161px; background-position: -550px -425px; } .fishki-sticker.sticker49 { width: 160px; height: 140px; background-position: -1450px -680px; } .fishki-sticker.sticker50 { width: 160px; height: 199px; background-position: -10px -10px; } .fishki-sticker.sticker51 { width: 160px; height: 138px; background-position: -1450px -840px; } .fishki-sticker.sticker52 { width: 160px; height: 163px; background-position: -190px -425px; } .fishki-sticker.sticker53 { width: 160px; height: 146px; background-position: -1450px -353px; } .fishki-sticker.sticker54 { width: 160px; height: 159px; background-position: -1270px -1151px; } .fishki-sticker.sticker55 { width: 160px; height: 149px; background-position: -1450px -184px; } .fishki-sticker.sticker56 { width: 160px; height: 169px; background-position: -550px -200px; } .fishki-sticker.sticker57 { width: 160px; height: 131px; background-position: -1450px -1156px; } .fishki-sticker.sticker58 { width: 160px; height: 119px; background-position: -190px -1331px; } .fishki-sticker.sticker59 { width: 160px; height: 154px; background-position: -1450px -10px; } .fishki-sticker.sticker60 { width: 160px; height: 166px; background-position: -10px -425px; } .fishki-sticker.sticker61 { width: 160px; height: 161px; background-position: -730px -10px; } .fishki-sticker.sticker62 { width: 160px; height: 162px; background-position: -370px -425px; } .fishki-sticker.sticker63 { width: 160px; height: 138px; background-position: -1450px -998px; } .fishki-sticker.sticker64 { width: 160px; height: 172px; background-position: -370px -229px; } .fishki-sticker.sticker65 { width: 160px; height: 189px; background-position: -190px -10px; } .fishki-sticker.sticker66 { width: 160px; height: 174px; background-position: -190px -229px; } .fishki-sticker.sticker67 { width: 160px; height: 155px; background-position: -362px -1312px; } /* ~~~~~\Стикеры~~~~~ */ .breadcrumbs { padding: 10px 0; color: #c7c7c7; border-bottom: 1px solid #EFEFEF; font-size: small; } .breadcrumbs a { color: #777777; } .profile-link { color: #4a4a4a; } .content__icons { margin-bottom: 15px; } .content__icons__ovh { margin: 0; text-align: center; } .content__icons__ovh a { margin-right: 0; } @media screen and (max-width: 339px){ .content__icons__ovh a:last-child { display: none; } } .content__main { margin-bottom: 15px; border-bottom: 1px solid #EFEFEF; } .content__header_title { position: relative; padding: 10px 0; } .content__header_title .content__title { margin-bottom: 5px; } .community-post-header__title { position: relative; z-index: 2; } .community-post-header__title a { border: 1px solid; padding: 2px 5px; border-radius: 5px; } .community-post-header { margin-bottom: 0; } .community-post-header:before { position: absolute; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .rate_vue { padding-bottom: 15px; } .rate_vue .popover-wrap { margin-left: 15px; } .rate_vue .emotes-wrap-left { margin-right: 5px; flex-grow: 0; } .content__icons > div { margin-bottom: 0; } .popover { z-index: 101; } .author--bottom { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #EEEEEE; } .content__reactions { justify-content: flex-end; height: 35px; } /* ----- Форма жалобы ----- */ #spam-form-holder { display: none; } #spam-form { margin-right: auto; margin-left: auto; padding: 10px 5px; width: 100%; height: 100%; background-image: url('/css/fishki_new/img/modal-complain.jpg'); box-sizing: border-box; background-position: 70% 50%; background-size: cover; background-repeat: no-repeat; font-size: 1.2em; overflow: auto; } #spam-form-holder .preloader { display: none; width: 830px; height: 90%; position: absolute; z-index: 9999; } #spam-form-holder .preloader img { position: fixed; top: 30%; right: 0; bottom: 0; left: 40%; } #spam-form .form-complain { margin-bottom: 20px; padding: 10px 0; } #spam-form .form-complain label { margin-bottom: 5px; } #spam-form input { line-height: normal; } #spam-form input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } #spam-form .radio, #spam-form .checkbox { margin: 0 3px 0 0; vertical-align: top; } #spam-form .radio:not(checked), #spam-form .checkbox:not(checked) { position: absolute; opacity: 0; } #spam-form .radio:not(checked) + label, #spam-form .checkbox:not(checked) + label { position: relative; padding: 0 0 0 20px; } #spam-form .radio:not(checked) + label:before { width: 14px; height: 14px; border: 1px solid #ccc; border-radius: 50%; background: #fff; border-color: #999999; } #spam-form .radio:checked + label:after { top: 8px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background-color: #55ca03; } #spam-form .radio:not(checked) + label:before, #spam-form .checkbox:not(checked) + label:before { position: absolute; top: 6px; left: 0; content: ''; } #spam-form .form-complain label { display: block; } #spam-form .radio + label:after, #spam-form .checkbox + label:after { position: absolute; content: ''; } .form-complain textarea { margin-bottom: 16px; margin-left: 4%; padding: 2px 6px; width: 95%; height: 70px; border: 1px solid #ccc; } #spam-form .form-complain .ban-action label { padding-left: 0 !important; } #spam-form .form-complain .btn-green { margin-right: 30px; vertical-align: middle; } #spam-form .spam-form-buttons { margin-top: 30px; } /* ----- \Форма жалобы ----- */ .comments-form .not-logged { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: rgba(255, 255, 255, 0.85); } [data-theme="dark"] .comments-form .not-logged { background-color: rgba(47, 47, 47, 0.5); } [data-theme="black"] .comments-form .not-logged { background-color: rgba(0, 0, 0, 0.5); } .comments-form .not-logged .social-login { margin: 11px; color: #454545; text-align: right; font-weight: bold; font-size: 16px; line-height: 30px; text-align: center; } .grecaptcha-badge { visibility: hidden; } .c_google_agreement { font-size: 10px; margin-top: 5px; margin-bottom: 15px; } #show-auth { flex-direction: row; } .content__row { display: flex; flex-wrap: nowrap; } .content__col { padding: 0 10px; display: flex; } .form-generic .form-row:last-child { margin-top: 20px; } .form-generic .btn-green { margin-top: 0; } .icon-input-photo-add { background-position: 0 0; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml,'); } .icon-input-video-add { background-position: 0 0; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml,'); } .comment-form__action { width: 35px; min-width: 35px; height: 35px; } @media (min-width: 768px) { .comment-form__action svg { stroke-width: 1px; } } .qq-uploader{ height: 15px; } div.qq-upload-button input[name=file] { z-index: 100; } .community--content .profile-user__avatar--edit .qq-uploader { display: none; } .comment__delete { position: absolute; right: 0; } .comment__delete a { font-size: 20px; line-height: 0; } .comment .comment-delete { display: none; padding: 20px; } .comment .btn-comment-remove, .comment .btn-comment-cancel { display: inline-block; padding: 4px 20px; border-radius: 4px; background-color: #043762; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; } .comment-reply-form { margin-top: 15px; } .comment-form__editor:placeholder-shown { padding: 0 25px; height: 40px !important; color: var(--c-grey); font-weight: 300; font-style: italic; font-size: 16px; font-family: var(--ff-merr); line-height: 40px; } @media (min-width: 768px) { .comment-form__editor:placeholder-shown { height: 60px !important; font-size: 22px; line-height: 58px; } .comment-form .comment-form__editor:placeholder-shown + .comment-form__controls { position: absolute; right: 0; margin-top: 12px; padding: 0; width: auto; } .comment-form .comment-form__editor:placeholder-shown + .comment-form__controls .comment-form__submit { display: none; } } .spr { background-image: url('/fishki-mobile/img/sprite.png?14938'); } .old-icons .icon__20, .old-icons .icon__30, .old-icons .icon__60, .chat-user__delete { display: inline-block; padding: 0; border: 0; border-radius: 50%; background-image: url('/fishki-mobile/img/sprite.png?14938'); vertical-align: top; } .old-icons svg.icon__20, .old-icons svg.icon__30, .old-icons svg.icon__60 { background-image: none; } .old-icons .icon__20 { width: 20px; height: 20px; } .old-icons .icon__20--add { background-position: -360px -464px; } .old-icons .icon__20--hot { background-position: -336px -464px; } .old-icons .icon__20--ignore { background-position: -312px -464px; } .old-icons .icon__20--posts { background-position: -288px -464px; } .old-icons .icon__20--remove { background-position: -264px -464px; } .old-icons .icon__20--users { background-position: -240px -464px; } .old-icons .icon__30, .chat-user__delete { width: 32px; height: 32px; } .old-icons .icon__30--fb { background-position: -360px -428px; background-color: #4966b2; } .old-icons .icon__30--vk { background-position: -216px -428px; background-color: #6084a8; } .old-icons .icon__30--ok { background-position: -108px -428px; background-color: #e67e17; } .old-icons .icon__30--tw { background-position: -472px -300px; background-color: #1dadeb; } .old-icons .icon__30--gp { background-position: -324px -428px; background-color: #ff5736; } .old-icons .icon__30--vb { background-position: -472px -264px; background-color: #7360f2; } .old-icons .icon__30--wa { background-position: -60px -228px; background-color: #25d366; } .old-icons .icon__30--tl { background-position: -472px -336px; background-color: #0088cc; } .old-icons .icon__30--pencil { background-position: -72px -428px; } .old-icons .icon__30--claim { background-position: -108px -464px; } .old-icons .icon__30--photo { background-position: -36px -428px; } .old-icons .icon__30--smile { background-position: -472px -372px; } .old-icons .icon__30--views { background-position: -472px -228px; } .old-icons .icon__30--comments { background-position: 0px -464px; } .old-icons .icon__30--more { background-position: -144px -428px; } .old-icons .icon__30--reply { background-position: 0px -428px; } .old-icons .icon__30--close { background-position: -36px -464px; } .old-icons .icon__30--close-fat { background-position: -72px -464px; } .old-icons .icon__30--voices { background-position: -144px -464px; } .old-icons .icon__30--link { background-position: -180px -428px; } .old-icons .icon__30--likes-grey { background-position: -472px -156px; } .old-icons .icon__30--dislikes-grey { background-position: -396px -428px; } .old-icons .icon__30--like { background-position: -252px -428px; background-color: #55ca03; } .old-icons .icon__30--like:hover { background-color: #4ab103; } .old-icons .icon__30--like.done { background-position: -288px -428px; background-color: transparent !important; cursor: not-allowed; } .old-icons .icon__30--dislike { background-position: -432px -428px; background-color: #f00; } .old-icons .icon__30--dislike:hover { background-color: #e60000; } .old-icons .icon__30--dislike.done { background-position: -468px -428px; background-color: transparent !important; cursor: not-allowed; } .old-icons .icon__20, .old-icons .icon__30, .old-icons .icon__60, .chat-user__delete { display: inline-block; padding: 0; border: 0; border-radius: 50%; background-image: url(/fishki-mobile/img/sprite.png?14938); vertical-align: top; } .quick-settings__title { margin: 5px 0; text-transform: uppercase; font-weight: 500; font-size: 18px; } .quick-settings__toggle, .quick-settings__link { display: block; margin-top: 10px; padding: 0; width: 100%; border: 0; background-color: transparent; } .quick-settings__icon, .quick-settings__icon--white, .quick-settings__icon--grey { width: 48px; height: 48px; min-width: auto; float: left; margin-right: 12px; border-radius: 50%; background-color: #00afc9; } .quick-settings__icon--white { background-color: #fff; } .quick-settings__icon--grey { background-color: #ccc; } .quick-settings__text { overflow: hidden; text-align: left; font-size: 12px; line-height: 30px; } .quick-settings__text strong { display: block; color: #00afc9; } .quick-settings__text strong a { color: inherit; } .quick-settings__text strong a:hover { text-decoration: underline; } .quick-settings__text.on, .quick-settings__text.off { display: none; } .quick-settings__link.float-left { margin-right: 30px; width: auto; } .quick-settings__link__text { overflow: hidden; color: #00afc9; text-align: left; font-weight: bold; line-height: 58px; } .quick-settings__toggle.on .quick-settings__text.on, .quick-settings__toggle.off .quick-settings__text.off { display: block; } .quick-settings__toggle.on .date { background-position: 0px -116px; } .quick-settings__toggle.on .date span { display: none; } .quick-settings__toggle.on .sort { background-position: -52px -168px; } .quick-settings__toggle.on .endless { background-position: -104px -116px; } .quick-settings__toggle.on .min { background-position: -212px -52px; } .quick-settings__toggle.on .hcomments { background-position: -156px -116px; } .quick-settings__toggle.on .politota { background-position: -212px -104px; } .quick-settings__toggle.on .strip-comments { background-position: -104px -168px; } .quick-settings__toggle.on .strip-likes { background-position: -156px -168px; } .quick-settings__toggle.on .subscription { background-position: -208px -168px; } .quick-settings__toggle.on .hot { background-position: -212px 0px; } .quick-settings__toggle.on .video { background-position: -264px -52px; } .quick-settings__toggle.on .touch { background-position: -264px 0px; } .quick-settings__toggle.off .date { background-position: -208px -324px; } .quick-settings__toggle.off .date span { display: block; color: #fff; text-align: center; font-weight: 700; font-style: normal; font-size: 18px; line-height: 52px; } .quick-settings__toggle.off .sort { background-position: 0px -168px; } .quick-settings__toggle.off .endless { background-position: -52px -116px; } .quick-settings__toggle.off .min { background-position: -212px -52px; background-color: #f00; } .quick-settings__toggle.off .hcomments { background-position: -156px -116px; background-color: #f00; } .quick-settings__toggle.off .politota { background-position: -212px -104px; background-color: #f00; } .quick-settings__toggle.off .strip-comments { background-position: -104px -168px; background-color: #f00; } .quick-settings__toggle.off .strip-likes { background-position: -156px -168px; background-color: #f00; } .quick-settings__toggle.off .subscription { background-position: -208px -168px; background-color: #f00; } .quick-settings__toggle.off .onoff { background-color: #f00; } .quick-settings__toggle.off .moderated { background-color: #f00; } .quick-settings__toggle.off .post-stripe { background-color: #f00; } .quick-settings__toggle.off .ios { background-color: #f00; } .quick-settings__toggle.off .duck { background-color: #f00; } .quick-settings__toggle.off .skull { background-color: #f00; } .quick-settings__toggle.off .hot { background-position: -212px 0px; background-color: #f00; } .quick-settings__toggle.off .video { background-position: -264px -52px; background-color: #f00; } .quick-settings__toggle.off .mature { background-color: #f00; } .quick-settings__toggle.off .touch { background-position: -264px 0px; background-color: #f00; } .quick-settings__num { display: inline-block; padding-top: 5px; } .quick-settings__num__input { display: inline-block; padding: 0; width: 20px; border: 0; background-color: transparent; color: #00afc9; vertical-align: top; text-align: center; font-weight: bold; font-style: normal; font-size: 15px; } .quick-settings__num__input:focus { outline: none; } .quick-settings__num__arrow { position: relative; display: inline-block; margin-bottom: 2px; padding: 0; width: 20px; height: 20px; border: 0; background-color: transparent; color: #00afc9; vertical-align: top; font-weight: bold; } .quick-settings__num__arrow:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background-color: #00afc9; content: ''; } .quick-settings__num__arrow:after { position: absolute; left: 5px; width: 0; height: 0; border-style: solid; content: ''; } .quick-settings__num__arrow--up:after { top: 7px; border-width: 0 5px 5px 5px; border-color: transparent transparent #fff transparent; } .quick-settings__num__arrow--down:after { top: 9px; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent; } .quick-settings__postfilter .jq-selectbox { width: 100%; } .quick-settings__postfilter .jq-selectbox__select { padding: 16px 65px 3px 30px; height: 60px; border: 4px solid #00afc9; border-radius: 30px; background-color: #376186; } .quick-settings__postfilter .jq-selectbox__trigger { top: -4px; right: -4px; width: 60px; height: 60px; border-radius: 50%; background-color: #00afc9; } .quick-settings__postfilter .jq-selectbox__trigger-arrow { top: 25px; right: 15px; border-top: 15px solid #fff; border-right: 15px solid transparent; border-left: 15px solid transparent; } .quick-settings__postfilter.jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #fff; } .quick-settings__postfilter.jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #AAA; } .quick-settings__postfilter .jq-selectbox__dropdown { z-index: -1; margin: -34px 0 0; padding: 30px 0 0 0; width: 100%; border: 4px solid #00afc9; border-radius: 0 0 30px 30px; background: #376186; } .quick-settings__postfilter .jq-selectbox__dropdown li { padding: 7px 30px; color: #00afc9; white-space: normal; } .quick-settings__postfilter .jq-selectbox__dropdown li:hover, .quick-settings__postfilter .jq-selectbox__dropdown li.selected { background-color: transparent; color: #FFF; } .quick-settings__toggle.on .status { background-position: -155px -765px; } .quick-settings__toggle.off .status { background-position: -155px -765px; background-color: #f00; } .old-icons .icon__60--favorites { background-position: -316px -104px; } .old-icons .icon__60--favorites.is-fav { background-position: -316px -156px; } .old-icons .icon__60--search { background-position: -316px -208px; } .old-icons .icon__60--search-puzzle { background-position: 0px -272px; } .old-icons .icon__60--menu { background-position: -368px -208px; } .old-icons .icon__60--close { background-position: -420px -156px; } .old-icons .icon__60--add { background-position: -312px -324px; } .old-icons .icon__60--profile { background-position: -156px -272px; } .old-icons .icon__60--cog { background-position: -420px -208px; } .old-icons .icon__60--favorites-top { background-position: -312px -376px; } .old-icons .icon__60--favorites-top.is-fav { background-position: -364px -376px; } a.old-icons .icon__60--favorites-top:hover, button.old-icons .icon__60--favorites-top:hover { background-color: #f00; } .old-icons .icon__60--comments { background-position: 0px -376px; } .old-icons .icon__60--comments-top { background-position: -420px -312px; } .old-icons .icon__60--comments-replies-top { background-position: -420px -260px; } .old-icons .icon__60--like { background-position: -368px -260px; background-color: #55ca03; } a.old-icons .icon__60--like:hover, button.old-icons .icon__60--like:hover { background-color: #4ab103; } .old-icons .icon__60--like.done { background-position: -52px -324px; background-color: transparent !important; cursor: not-allowed; } .old-icons .icon__60--dislike { background-position: -208px -376px; background-color: #f00; } a.old-icons .icon__60--dislike:hover, button.old-icons .icon__60--dislike:hover { background-color: #e60000; } .old-icons .icon__60--dislike.done { background-position: -104px -376px; background-color: transparent !important; cursor: not-allowed; } .old-icons .icon__60--messages-top { background-position: -368px -156px; } .old-icons .icon__60--posts { background-position: -208px -272px; } .old-icons .icon__60--posts-top { background-position: -260px -272px; } .old-icons .icon__60--puzzle { background-position: -104px -272px; } .old-icons .icon__60--drafts-top { background-position: -260px -376px; } .old-icons .icon__60--hot { background-position: -260px -324px; } .old-icons .icon__60--hot-top { background-position: -472px -104px; } .old-icons .icon__60--like-top { background-position: 0px -324px; } .old-icons .icon__60--dislike-top { background-position: -156px -376px; } .old-icons .icon__60--users-top { background-position: -420px 0px; } .old-icons .icon__60--user-puzzle { background-position: -264px -156px; } .old-icons .icon__60--category-top { background-position: -420px -52px; } .old-icons .icon__60--tag-top { background-position: -316px -52px; } .old-icons .icon__60--fb { background-position: -416px -376px; background-color: #4966b2; } .old-icons .icon__60--fbm { background-position: -472px 0px; background-color: #408df6; } .old-icons .icon__60--vk { background-position: -104px -220px; background-color: #6084a8; } .old-icons .icon__60--ok { background-position: -312px -272px; background-color: #e67e17; } .old-icons .icon__60--tw { background-position: -208px -220px; background-color: #1dadeb; } .old-icons .icon__60--gp { background-position: -472px -52px; background-color: #ff5736; } .old-icons .icon__60--vb { background-position: -156px -220px; background-color: #7360f2; } .old-icons .icon__60--tl { background-position: -260px -220px; background-color: #0088cc; } .old-icons .icon__60--wa { background-position: -52px -220px; background-color: #25d366; } .old-icons .icon__60--ya { background-position: 0px -220px; background-color: #b9bec4; } .old-icons .icon__60--ya:hover { background-color: #abb1b8; } .old-icons .icon__60--mr { background-position: -368px 0px; background-color: #004b88; } .old-icons .icon__60--mr:hover { background-color: #003d6f; } .old-icons .icon__60--mr--orange { background-position: -368px -52px; } .old-icons .icon__60--more { background-position: -368px -104px; } .old-icons .icon__60--close-fat { background-position: -420px -104px; } .old-icons .icon__60--crown { background-position: -52px -376px; } .old-icons .icon__60--leaf { background-position: -104px -324px; } .old-icons .icon__60--cat-yinyang { background-position: -147px -61px; } .old-icons .icon__60--cat-radiation { background-position: -364px -324px; } .old-icons .icon__60__text { display: block; padding-top: 36px; color: #fff; vertical-align: text-top; text-align: center; font-weight: 500; font-size: 12px; } a .old-icons .icon__60__text { padding-top: 27px; } button .old-icons .icon__60__text { padding-top: 22px; } .old-icons .icon__60--tick { background-position: -316px 0px; } .old-icons .icon__60--info { background-position: -156px -324px; } .old-icons .icon__60--refresh { background-position: -52px -272px; } .old-icons .icon__60--refresh60 { background-position: 0px -52px; } @media (min-width: 992px) { .old-icons .icon__60 { width: 48px; height: 48px; } } .publisher__large-button--single { line-height: 48px; } .publisher__large-button--single strong { vertical-align: middle; } .ofc__link-text { position: relative; } .header__btn--menu .badge, .ofc__link-text .badge, .icon--menu .badge { padding: 0px 6px; min-width: 22px; height: 22px; border-radius: 8px; background-color: #f00; color: #fff; text-align: center; font-size: 13px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; line-height: 1.2; font-weight: 700; } .badge--grey { background-color: #eee !important; color: #000 !important; } .community-small__links { display: flex; flex-direction: column; } .community-small__links button { margin-bottom: 5px; } .ajax-click .off { display: none; } .commuity-info-field { word-wrap: break-word; white-space: pre-wrap; display: inline-block; width:100%; } .textarea-field-input { width: 100%; max-height: 80px; } .div-width5 { display: inline-block; width: 5%; } .div-width15 { display: inline-block; width: 15%; vertical-align: top; } .div-width20 { display: inline-block; width: 20%; vertical-align: top; } .div-width40 { display: inline-block; width: 40%; } .div-width45 { display: inline-block; width: 45%; } .div-width50 { display: inline-block; width: 50%; } .div-width60 { display: inline-block; width: 60%; } .div-width100 { display: inline-block; width: 100%; } .community-ignor-user-list .profile-user__wrap { min-height: inherit; } .community-ignor-user-list .div-1024 { display: none; } @media screen and (max-width: 1024px) { .community-ignor-user-list .div-1024 { display: block; } .community-ignor-user-list #commmutity_add_form .div-width15 { width: 30%; } .community-ignor-user-list #commmutity_add_form .div-width50 { width: 69%; } .community-ignor-user-list #commmutity_add_form .div-width45 { width: 49%; } } .source img { display: inline; vertical-align: middle; } .comment-form { margin-bottom: 15px; } .hidden-soft { display: none; } .comment-opacity .hidden-soft { display: block; opacity: 0.5; } .the-face__text { font-size: 18px; } .comment .a-link { display: none; } .comment.carma-th-links .a-link { display: inline; } .comment.carma-th-links .text-link { display: none; } .comment__text { word-wrap: break-word; } .comment__text img { width: 100%; } .comments .comment .gif-cover img { width: 100%; height: auto; max-width: 500px; } .reply-attached { position: relative; display: inline-block; margin: 5px 5px 0 0; vertical-align: top; } .reply-attached .close { top: 5px; right: 5px; width: 29px; height: 29px; border: 0; border-radius: 3px; text-align: center; font-size: 40px; line-height: 32px; padding-left: 1px; font-weight: normal; } .reply-attached .rotate { top: 5px; right: 40px; width: 30px; height: 30px; border: 0; border-radius: 3px; background: url('/fishki-mobile/img/rotate.svg') no-repeat rgba(0, 0, 0, 0.5) center center; background-size: 25px auto; } .reply-attached .close, .reply-attached .edit, .reply-attached .rotate { position: absolute; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-weight: bold; } .qq-upload-list { display:none; } .icon-input-photo-add, .icon-input-video-add, .smile-button { display: inline; cursor: pointer; } .comment-form__action svg { width: 35px; height: 35px; } @media screen and (max-width: 420px) { .comment-form__action { width: 30px; height: 30px; min-width: 30px; } .comment-form__action svg { width: 30px; height: 30px; min-width: 30px; } } .btn { overflow: hidden; } .smile-block { overflow: scroll; left: 0; right: 0; width: auto; } .smile-block table { width: 100%; } .comment .comment__text { /* display: flex; */ display: block; } .comment .comment-image img.big { display: block !important; width: 100%; height: auto; } .comment .comment__text>div:not(:last-child) { margin-bottom: 20px; } .comments .comment .embed-image, .comments .comment .embed-video, .comments .comment .embed-video-single, .comments .comment .small-image { width: 48%; display: block; float: left; position: relative; padding: 0; margin: 2px; overflow: hidden; text-align: center; vertical-align: top; } .comments .comment .embed-image a, .comments .comment .embed-video a { width: 100%; height: auto; display: block; } #load-progress-bar img { margin: 0 auto; display: block; } .paginator__link, .paginator__arrow, .paginator__spacer, .paginator__current { width: auto; min-width: 30px; padding-left: 5px; padding-right: 5px; height: 30px; padding-top: 1px; } .paginator_overlay { order: inherit; } .paginator__arrow--right:after { right: 10px; } .paginator__arrow:before, .paginator__arrow:after { top: 8px; } .paginator_l_block, .paginator_r_block { margin-top: 10px; } .paginator__arrow--left:after { left: 10px; } .paginator__arrow--double.paginator__arrow--left:after { left: 5px; } .paginator__arrow--double.paginator__arrow--left:before { left: 15px; } .paginator__arrow--double.paginator__arrow--right:after { right: 5px; } .paginator__arrow--double.paginator__arrow--right:before { right: 15px; } .gif-cover .gif-static,.gif-cover .gif-animated { position: relative; display: inline-block; max-width: 100%; } .gif-animated video { display: block; max-width: 100%; margin: 0 auto 10px; height: auto; } .gif-cover .hide { display: none !important; } .comment .embed-image-single, .comments .comment .gif-cover { /* display: inline-block;*/ position: relative; overflow: hidden; margin: 4px 0; } .comment .gif-cover img {width: 100%; height: auto;max-width: 500px;} .gif-over { background: url(../img/play.png) no-repeat scroll 0 0 transparent; height: 70px; left: 50%; margin-left: -35px; margin-top: -35px; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; width: 70px; z-index: 2; } .comments .comment .a-link { display: none; } .comments .comment.carma-th-links .a-link { display: inline; } .comment .comment__text>div:not(:last-child) { margin-bottom: 20px; } .comment .comment__text .self-post { border-radius: 5px; padding: 10px 15px; border: 1px solid #dedede; border-width: 1px; background-color: #f7f7f7; min-height: 112px; /* clear: both; */ position: relative; margin-bottom: 10px; } .comment .comment__text .self-post img.post-icon, .comment .comment__text .self-post a.post-linkmix-icon { display: block; float: left; height: 90px; width: 90px; } .comment .comment__text .self-post .post-content { margin: 5px 0 10px 110px; z-index: 10; position: relative; } .comment .comment__text .self-post a.post-name { display: block; font-weight: bold; } .comment .comment__text .self-post:after { position: absolute; bottom: -11px; display: block; width: 100%; height: 10px; content: ''; } .comment .video iframe { max-width: 100%; } .comment .likes-count { margin-top: 4px; } .list-view.comments .list-view-items .comment .embed-video-single { float: none; max-width: 100%; height: auto; width: auto; margin: 10px auto; } .erotic-checkbox { line-height: 35px; margin: 0 5px; overflow: hidden; white-space: nowrap; } @media screen and (max-width: 520px) { .erotic-checkbox { font-size: 12px; } .comment-form__submit { padding: 3px !important; font-size: 12px; min-width: 95px; } .comment-form__controls { padding-left: 0; } } .container.container--flex.main_content { display: block; } /* Spin || Slider */ div.spin_image-wrapper { /* transform: translateZ(0); */ margin-bottom: 20px; } div.spin_image-main { padding-bottom: 58%; position: relative; height: auto; margin: 0; cursor: pointer; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transform-style: preserve-3d; -webkit-transition: margin .6s; -moz-transition: margin .6s; -o-transition: margin .6s; -ms-transition: margin .6s; transition: margin .6s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 768px){ .content__reactions { height: 30px; } div.spin_image-main { padding-bottom: 60%; } .form-auth { padding: 15px 10px; } .profile-card__title { margin-bottom: 5px; } .profile-card__description { margin-top: 5px; } .profile-card__buttons .btn { margin-top: 10px; } .profile-card { padding-bottom: 5px; } } @media (max-width: 600px){ div.spin_image-main { padding-bottom: 62%; } } @media (max-width: 500px){ div.spin_image-main { padding-bottom: 63%; } .form-auth input#search { margin-bottom: 10px; width: 100%!important; } } @media (max-width: 420px){ div.spin_image-main { padding-bottom: 64%; } } @media (max-width: 375px){ div.spin_image-main { padding-bottom: 66%; } } @media (max-width: 320px){ div.spin_image-main { padding-bottom: 68%; } } div.spin_image-container { height: 100%; width: 100%; position: absolute; top: 0; left: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; } .spin_image-rotate { position: absolute; bottom: 0; width: 100%; background-color: #0c131c; background-color: rgba(12,19,28,.6); color: #fff; line-height: 30px; text-align: center; display: block; font-size: 16px; font-family: "pbthin",Helvetica,Arial,sans-serif; padding: 6px 0; -ms-transform: translateZ(1px); transform: translateZ(1px); -webkit-transform: translateZ(1px); } .spin_image-icon { /* display: none; */ height: 30px; width: 30px; position: absolute; top: 10px; left: 15px; } .icon__30--rotator { background: url(/images/action_spin.png) 0 0 no-repeat; } .spin_image-container-in { position: relative; height: 100%; -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .spin_image-action { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s; transition: .6s; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .spin_image-check { backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute; height: 100%; width: 100%; top: 0; left: 0; overflow: hidden; -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg) } .spin_image-back { -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); } .spin_image-go { -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .spin_image-img-div { width: 100%; height: 100%; overflow: hidden; position: relative; } .spin_image-img { display: block; width: 100%; } .spin_image-img img { width: 100%; max-width: 100%; height: 100%; } .spin_image-rotated:hover .spin_image-icon { display: block; } .spin_image-rotated .spin_image-rotate { display: none; } .content__col--2 .spin_image-img-div { height: 50%; } /* .r_partner { margin: 0; padding: 0; display: inline-block; font-size: 11px; width: 49%; padding-left: 5px; } */ @media screen\0 { .spin_image-back { -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .spin_image-front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .spin_image-go { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .spin_image-go .spin_image-back { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .spin_image-go .spin_image-front { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } } /* \Spin || Slider */ .main_content .slide, .post-img .slide { display: none; margin: 0 auto; cursor: ew-resize; z-index: 3; clear: both; position: relative; overflow: hidden; } .main_content .slide img, .post-img .slide { display: block; max-width: none !important; } .main_content .slider-image-wrapper, .post-img .slider-image-wrapper { float: left; position: relative; } .main_content .slider-left-image, .post-img .slider-left-image { border-right: 3px solid #252525; cursor: ew-resize; margin-right: -5px; overflow: hidden; position: relative; z-index: 2; } .main_content .slider-right-image, .post-img .slider-right-image { left: 0; position: absolute; top: 0; z-index: 1; } .main_content .slider-description, .post-img .slider-description { font-size: 17px; } .main_content h4, .post-img h4 { padding-top: 20px; font-size: 19px; } .main_content .slider-drag-message, .post-img .slider-drag-message { background: none repeat scroll 0 0 rgba(250, 245, 187, 0.8); border-radius: 3px; color: black; display: block; font-family: "Arial"; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; margin-right: -50px; margin-top: -15px; opacity: 1; position: absolute; right: 0px; text-align: center; text-transform: uppercase; top: 50%; transition: opacity 0.5s ease-out 0s; width: 100px; z-index: 3; } .main_content .slider-moused-over .slider-drag-message, .post-img .slider-moused-over .slider-drag-message { opacity: 0; } .main_content .slide img { margin: 0; } .content__figure_slider { padding-left: 0 !important; } .comment.selected>.comment-one { background-color: #FFFFCC; } .comments__show-more--start-btn { color: #00afc9; font-size: 17px; margin: 10px auto 30px; border: 2px solid #00afc9; border-radius: 12px; padding: 10px 10px 10px 60px; max-width: 380px; min-width: 320px; position: relative; height: 63px; display: flex; line-height: 38px; } a.comments__show-more--start-btn:hover { color: #008396; } .comments__show-more--start-btn .icon__60--comments { position: absolute; margin-right: 6px; left: 5px; top: 5px; width: 48px; height: 48px; } .comment__text a.post-name, .comment__text a.a-link { color: #00afc9; } .comments-form .attaches { margin: 10px 0 0 10px; } .reply-attached { position: relative; display: inline-block; margin: 5px 5px 0 0; vertical-align: top; -webkit-box-shadow: 0 0 6px 0 var(--c-shadow); box-shadow: 0 0 6px 0 var(--c-shadow); } .attaches .loading { background: url(/css/fishki_new/img/loader_medium.gif) no-repeat scroll 50% 50% var(--c-bg-v5); height: 200px; width: 200px; } div.jGrowl { color: #222 !important; } div.jGrowl-notification { zoom: 1; padding: 5px 10px 10px !important; background-color: #dedede !important; font-weight: 300; font-size: 14px !important; opacity: 1 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; position: relative; } .jGrowl-notification.error:before { border-right-color: #f00; } .jGrowl-notification:before { position: absolute; top: 50%; left: -10px; margin-top: -12px; width: 0; height: 0; border-width: 12px 10px 12px 0; border-style: solid; border-color: transparent #dedede transparent transparent; content: ''; } div.jGrowl-close { background: #fff; color:#666; border-radius: 10px; width: 15px; height: 15px; position: absolute; top: 4px; right: 4px; } .error div.jGrowl-close { color:#f00; } div.jGrowl-close:before { content: "\2716"; font-size: 10px; display: block; width: 14px; height: 14px; text-align: center; line-height: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif; } div.jGrowl-close img { display: none; } div.jGrowl-notification.error { background-color: #f00 !important; color: #fff; opacity: 1 !important; } div.jGrowl-notification.error .close { background-color: #fff !important; opacity: 1 !important; } div.jGrowl div.jGrowl-notification div.jGrowl-header { font-weight: bold !important; font-size: 15px !important; } /*----------------------------------------------------------------------- jGrowl ------------------------------------------------------------------------*/ div.jGrowl { padding: 10px; z-index: 99999; color: #fff; font-size: 12px; } /** Special IE6 Style Positioning **/ div.ie6 { position: absolute; } div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; } /** Normal Style Positions **/ div.jGrowl { position: absolute; } body > div.jGrowl { position: fixed; } div.jGrowl.top-left { left: 0px; top: 0px; } div.jGrowl.top-right { right: 0px; top: 0px; } div.jGrowl.bottom-left { left: 0px; bottom: 0px; } div.jGrowl.bottom-right { right: 0px; bottom: 0px; } div.jGrowl.center { top: 0px; width: 50%; left: 25%; } /** Cross Browser Styling **/ div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; } div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background-color: #000; opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; font-size: 1em; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; word-wrap: break-word; } div.jGrowl div.jGrowl-notification { min-height: 60px; } div.jGrowl div.jGrowl-notification div.jGrowl-header { font-weight: bold; font-size: .85em; } div.jGrowl div.jGrowl-notification div.jGrowl-close { z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; } div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; } div.jGrowl div.jGrowl-notification.error { background: #ff0000; } #warning { margin: 32px 16px; line-height: 1.4; } #warning h1, #warning a, .comment__hidden a, .comments-more a { color: #00afc9; text-decoration: none; } .comments__show-more { margin: 15px auto 15px; } #warning p { margin: 0 0 10px; font-size: 18px !important; } .content__tags--bordered { padding: 5px; } .author, h1.content__title, .content__tags { margin-bottom: 8px; } .content__figure { margin: 0 auto 15px; } .content__col--2 { width: 50%; } .content__col--4 { width: 100%; } .content__col--2:nth-child(1) { padding-right: 5px; } .content__col--2:nth-child(2) { padding-left: 5px; } .content__col--3 { width: 33%; } .content-best .content__row { flex-direction: row; } .content-best .content__title { word-break: break-all; } .content__figure__wrap iframe, .content__figure__wrap div.video-js, .comment__text div.video-js { max-width: 100% !important; margin: 0 auto !important; } .comment { margin-bottom: 15px; } .top-comment-title { margin-bottom: 15px; } .comments>.comment, .top-comment>.comment { border-bottom: 2px dotted #ccc; margin-bottom: 15px } [data-theme="dark"] .comments>.comment, [data-theme="dark"] .top-comment>.comment { border-bottom: 2px dotted #666; } [data-theme="black"] .comments>.comment, [data-theme="black"] .top-comment>.comment { border-bottom: 2px dotted #666; } .iframe-video--youtube { position: relative; padding-top: 56.25%; text-align: center; } .iframe-video--youtube iframe { display: block; position: absolute; top: 0; left: 0; border: 0; overflow: hidden; width: 100% !important; height: 100% !important; min-height: auto !important; max-height: 90vh !important; max-width: 100% !important; margin: 0 auto 20px !important; text-align: center; } .fb-lead img.emojione { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; line-height: normal; vertical-align: middle; max-width: 100%; top: 0px; background-image: none; margin: -0.2ex 0.15em 0.2ex; } .comment-form__action .qq-uploader, .comment-form__action .qq-uploader .qq-upload-button { width: 100%; height: 100%; } .reset_all_unread_answer_class { padding: 10px; cursor: pointer; } .tipsy { font-size: 13px; font-weight: bold; position: absolute; padding: 5px; z-index: 299; } .tipsy-inner { background-color: #003663; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px @c-blue; -webkit-box-shadow: 0 0 5px @c-blue; -moz-box-shadow: 0 0 5px @c-blue; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #003663; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #003663; } .tipsy-arrow-s { border-top-color: #003663; } .tipsy-arrow-e { border-left-color: #003663; } .tipsy-arrow-w { border-right-color: #003663; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy a { color: white; text-decoration: none; border-bottom: 1px dotted; } .tipsy a:hover { color: white; border-bottom: none; } .tipsy .tipsy-buttons { display: -webkit-flex; -webkit-justify-content: flex-start; display: flex; justify-content: space-around; } .tipsy .tipsy-buttons a { margin: 0 5px; } .reply_to_icon, .verified_user { display: inline-flex; vertical-align: middle; } .reply_to_icon svg { width: 24px; height: 24px; } .comment__meta a.comment__meta__name:first-child { color: #00afc9; text-decoration: none; } .js-mediator-article { margin-top: 5px; } .header-mobile { margin-bottom: 0px; } .js-mediator-article .container { padding-left: 0; padding-right: 0; } @media (min-width: 0px) .content__text br { display: block; } @media screen and (-webkit-min-device-pixel-ratio: 0) .content__text br { display: block; content: " "; } .content__text br { margin-bottom: 10px; display: inline-block; line-height: 40px; } .top-comment .comment-best__head { padding: 9px 0; font-size: 12px; display: block; } .content__text a { color: var(--c-green); border-bottom: 1px solid var(--c-green); } .text--green { color: var(--c-green); } .content__text p { margin-bottom: 10px; } .content__text img { max-width: 100%; display: block; } .adv-placeholder { text-align: center; margin: 10px auto; } .adv-placeholder > div { display: inline-block; } .adv-mobile { text-align: center; max-width: 100%; overflow: hidden; } .adv-mobile--mb { margin-bottom: 20px; margin-left: 5px; margin-right: 5px; } .main_content .source { color: #777; font-size: 0.8em; } .video-js { margin-bottom: 10px; } .post-headline { margin-top: 15px; } .the-face__baloon_anti { padding: 10px 20px; margin: 20px; } .the-face__baloon_anti:after { display: none; } .the-face__baloon_anti .the-face__text { font-size: 14px; max-height: initial; } .the-face__more { border-bottom: 1px dotted; } .content__figure img { margin: 0 auto; } .feed-item .content__reactions { justify-content: space-between; } .header__btn--menu .badge, .icon--menu .badge { position: absolute; right: 2px; height: 19px; bottom: 4px; border: 2px solid #fff; } .header__btn--menu, .icon--menu { position: relative; } .header__btn--menu .badge { border: 2px solid var(--c-fg-dark); } .comment-replies .comment-one:last-child { padding-bottom: 16px; } .content__filter .content__filter-link { line-height: 35px; } .content__filter .popover { z-index: 1001; } .disabledinput { pointer-events: none; opacity: 0.4; } .div_search_line { left: 0; right: 0; position: relative; padding: 10px; background-color: inherit; } .div_search_line > * { display: flex; } .div_search_line button { height: 24px; padding-top: 4px; } .div_search_line input { height: 24px; width: 50%; } .div_search_line button { min-width: 60px; padding: 4px; } .search_string_h1 { margin: 0; } .search_select_style { cursor: pointer; border: none; font-size: 17px; font-weight: bold; color: #00afc9; } .search_tag_h1 { color: #999; font-size: 1.5em; margin: 0.5em 0 0; display: block; font-weight: bold; line-height: 1em; } h1.search_string_h1 { color: #999; line-height: 1em; } span.search_string_span { color: #000; } .span_best_head { color: #00afc9; text-decoration: none; cursor: pointer; } #button-load-more-post { text-align: center; margin: 40px; } .span_best_head .icon-input-photo-add, .span_best_head .icon-input-video-add { width: 20px; height: 20px; min-width: 20px; display: inline-block; margin-bottom: -5px; margin-left: 4px; } .comments .comment .from-gallery { font-size: small; color: gray; margin: 4px 0 2px; } .adv-mark { margin-left: 15px; font-size: 14px; } @media (min-width: 992px) { .adv-mark { font-size: 16px; } } .content__title, .content__text { word-wrap: break-word; } @media screen and (max-width: 390px) { .comment-reply-form .comment-form__controls { margin-left: -50px; } } @media screen and (max-width: 340px) { .comment-reply-form .comment-form__controls { margin-left: -58px; } .comment-form__action { margin-right: 0; } } /* стили для упоминания пользователей */ #ua_suggestions{ padding:0; border:1px solid #ccc; display:none; position:absolute; max-height:200px; overflow-y:auto; z-index:99999; background:#EEEEEE; } #ua_suggestions div { cursor:pointer; margin:0px; color:#00579c; font:75%/1em Verdana, Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; border:1px transparent solid; } #ua_suggestions div:hover, #ua_suggestions div.ua-hover {color:#cd0021;background:rgba(251, 203, 9, 0.5);border:1px #FBCB09 solid;} #ua_suggestions div img{border-radius:50%;} .notify_add{margin-bottom:10px;} .comment_notify-a{display:inline-block;cursor:pointer;} .comment_notify-a::after{display:inline-block;content:',';color:#000;margin:0px 10px 0px 0px;} .comment_notify-a:last-child::after{display:none;} .notify_add-cancel{display:inline-block;margin:0px 0px 0px 5px;text-align: center;color: #f00;cursor: pointer;font-family: Arial;text-align: center;} .comment_notify-view{display:inline-block;cursor:pointer;} .comment_notify-view::after{display:inline-block;content:',';color:#000;margin:0px 0px 0px 0px;} .comment_notify-view:last-child::after{display:none;} .ui-autocomplete .subscribe-user { border: 1px solid transparent; border-radius: 0; } .side-subscribe { width: 300px; background-color: #dedede; height: 100%; padding: 10px; margin-bottom: 20px; } .side-subscribe .btn { width: 160px; margin: 0 auto; text-align: center; display: block; } .side-subscribe .btn:hover { color: #ffffff; } .side-subscribe h3 { text-align: center; font-size: 24px; margin: 0; } .side-subscribe .tabs-head { margin: 5px; list-style-type: none; font-weight: bold; padding-left: 26px; } .side-subscribe .tabs-head li { display: inline-block; } .side-subscribe .tabs-head .active a { color: #55ca03; } .side-subscribe .tabs-head .sep { color: #bfbebe; font-weight: normal; } [class^="ficon-"]:before, [class*=" ficon-"]:before { font-family: "social"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ font-variant: normal; text-transform: none; line-height: 1em; margin-left: 2px; /* font-size: 120%; */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .ficon-cancel:before { content: 'X'; font-family:Arial; } .side-subscribe .tab-pane { display: none; } .side-subscribe #cat-styler { width: 260px !important; } .side-subscribe .jq-selectbox__dropdown { background-color: #cdcdcd; } .side-subscribe .jq-selectbox__trigger-arrow { right: 5px; } .side-subscribe .jq-selectbox__trigger { width: 30px; } .side-subscribe .jq-selectbox__select { padding-top: 0px; } .side-subscribe .tab-pane.active { display: block; } .side-subscribe .bordered { margin: 18px 0 18px 9px; padding: 0 9px; width: 260px; height: 26px; border: 1px solid #dedede; box-shadow: 0 0 0 9px #ebebeb; line-height: 26px; } .side-subscribe select.bordered { width: 260px; } .side-subscribe .ui-helper-hidden-accessible { display: none; } .side-subscribe .subscribe-user { margin-bottom: 9px; overflow: hidden; margin-top: 0px; padding: 4px; border: 1px solid #dedede; border-radius: 4px; position: relative; background-color: #eee; } .ui-autocomplete .subscribe-user { border: 1px solid transparent; border-radius: 0; } .side-subscribe .button { margin: 9px 0; width: 268px; text-align: center; font-weight: bold; font-size: 14px; } .subscribed-to { margin-top: 4px; padding: 9px 8px; border: 1px solid #dedede; border-radius: 4px; position: relative; overflow: hidden; background-color: #eee; height: 50px; } .subscribed-to .close { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #00afc9; color: #fff; text-align: center; line-height: 20px; float: left; margin: 5px 5px 0px 0px; } .subscribed-to .name { display:inline-flex; text-decoration: underline; font-weight: bold; line-height: 30px; width: 170px; overflow: hidden; white-space: nowrap; } .subscribed-to .name:hover { text-decoration: none; } .subscribed-to .count { float: right; padding: 0 5px; min-width: 20px; border-radius: 15px; background-color: #a4a4a4; color: #fff; text-align: center; font-weight: bold; line-height: 30px; } .subscribed-to.has-new { background-color: #fff; } .subscribed-to.has-new .count { background-color: #55ca03; } .side-subscribe .ui-menu .ui-menu-item { list-style: none; } .subscribe-user { font-weight: bold !important; font-size: 13px; white-space: nowrap; margin: 0 !important; } .subscribe-user a { text-decoration: underline; } .subscribe-user a:hover { text-decoration: none; } .item_auto_subscibe .subscribe-user.ui-state-active a { border: 1px solid #fbcb09; background: #fdf5ce 50% 50% repeat-x; color: #c77405; } .item_auto_subscibe .subscribe-user a { display: inline-flex !important; border: 1px solid transparent; width: 100%; } .item_auto_subscibe .subscribe-user a span { width: 160px; overflow: hidden; line-height: 35px; } .item_auto_subscibe .subscribe-user .star__small { margin: 5px; } .subscribe-user .xavatar { display: inline-block; margin-right: 9px; vertical-align: top; } .subscribe-user .descr { display: inline-block; vertical-align: top; line-height: 18px; } .subscribe-user .name { text-decoration: none; } .subscribe-user .name:hover { text-decoration: underline; } .subscribe-user .fav-count { color: #b2b2b2; font-size: 12px; } .subscribe-user [class^="icon-"] { display: inline-block; vertical-align: top; background: url(img/icons-comments-24.png?151070) 0 0 no-repeat; } .subscribe-user .icon-star { width: 16px; height: 15px; background-position: -246px -5px; } .subscribe-user .icon-super-star { width: 26px; height: 25px; background: url(img/super-star.png?151070) 0 0 no-repeat; vertical-align: middle; } .photo-url-wrap .insert-or { vertical-align: text-top; } .subscribe-user .star__small { display: block; } .comment-form__controls { flex-wrap: wrap; } .comment-form__controls .notify_add { width: 100%; } .fb_container_copyWindow { display: inline-block; } .fb_container_copyWindow .fb_copyWindow { display: block; position: absolute; margin-top: 11px; padding: 0.3em; width: 310px; border: 1px solid silver; border-radius: 0.7em/0.5em; background-color: white; box-shadow: 1px 1px 12px silver; z-index:100; } .fb_container_copyWindow .fb_copyWindow::before { content: ''; position: absolute; width: 20px; height: 15px; left: 15px; top: -15px; background-position: 0 0; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAABHNCSVQICAgIfAhkiAAAAUdJREFUOI2dkzFrwkAUgF9iTAMHTYYiZAjEqTd0CEIDgoNQEIf+AKeu/oIbg2tnZ6csxW4RnBUum5vXP9Ct5XDsdNjXpS2annLptz14fLxveAAGcM6Rc44mu/bhYFmWpZMFQQBBEMBqtUJCyKWxEBGPrvB9/woAgFIKlFJwHAfiOL4xuVTLZDJ5llLiD1JKnM/nr67rXtSWdbvdeyEEVhFC4Hg8fqwl8zyPLBaLd6XUH6FSCtfrtYqi6NpYmGXZ02FqFSklTqdTbiRLkqSvS9WlDwaDh7My13W9U6m69OVyuSOE+CeFjLHZuVRdOmNsppVRSm9NUqtst9vPJEn6RzLbthtFUbyZpFZRSmGe5y+O4zR/hWmaDuukVpFS4mg0YgAA0Ol07sqy3P3b9s1ms/kIw7DdyPNc9Ho937aP3ro2rVarud/v21+cqBRzWwP/tAAAAABJRU5ErkJggg=='); } .fb_container_copyWindow .fb_copyStatus { display: block; } .fb_container_copyWindow .fb_copyStatus .fb_copyWindow_progress { display: block; font-size: 0.75em; color: #777; } .fb_container_copyWindow .fb_copyButtons_container { display: block; padding-top: 0.5em; margin-top: 0.5em; border-top: 1px solid #ededed; text-align: center; } .fb_container_copyWindow .fb_copyButton { width: 40.5%; margin: 0 0.5%; } .fb_container_copyWindow .fb_copyButton_debug { width: 8%; background-color: #ececeb; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAArdJREFUOI2FlEGIV1UUxr/zfefe+8SxMCZjQE2ZSaVNMLhIqF2LGGkhwwQVgRIjEUFt2gRupEVQIBRFLYpyL0RRLazAVRsJbRFtDKTFQJRCaGj/d+9p0Uz9/88XHbjw3uG837nfd899AAAzczNLGAl3PyXppqTvSS6N1ZjZtpmEpOOSXhkWStoPoAEIACHp7AjMU0qXZ5IkFyVdIjk3VXiXu3+8BQMQJDckrQwUnHT398ekrUu6JOlZSfsk/TANm1rN3V+UtOzu77r7tyR3jlkBSQckvZ5S2vgP2NbqSylfSXrazDTDmH6JiN9IXpd0P8lrEXEfAB/0DUnfkfxmMpm8vdngX09HdvlhrfWEmd2QdJHkrdbaBQC7zGwZgNVaD7XW7pW0VGv9aVSumbmkPZJ+HEqU9JKkL4Z5d18nuTDNoZkVSWckXTGzMxGxe6TfHgAPjWxiFcAn7n5Z0uMA4JLeA7BRa12KiAnJ30c+fKDv+4Vhvtb6dWvtDTNbBHBO0jWS3N73/asRMdmsuzoCXMaI3yS3kVyotV4B8DKAw3dok/QORmYPs3P4gaQjpZSj7v5IKeUEyf0jVgGSDg8Aw6F+DoCllFa6rnszpfQYAJRSnhwe0D/h7mfHgO7+OQB0XbdO8p6c8yrJXV3XHd+EPjMz2CR3knyN5K8k2VrbO/Dy9N/pdrW19rOkB/u+vwggm1kGMK8p2F4zuwDgfK31rYj4SNJtkgciYoeZVZJfSnrU3YukgyQfJnm3pH1mdoTk/LR3n7r7E2MWkNxuZp5zXiM5n1JaAYCc8yoApJSOmdlcznmNm1JM0u6+7z8bA7bWbkZEDyBHxHUAf+Sc1wAs5pyfAvALgNuYvvdmdsecDcPM5kopJ7f+8KWU56eeXzCz7n8hY9CU0rGI+JPkjoi4AUCTyeRcRNz6C9fe50MFDUsTAAAAAElFTkSuQmCC'); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; border: 1px solid #9a9a9a; } .fb_container_copyWindow .fb_copyButton_debug[disabled] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAqdJREFUOI19lE2IUGUUhp/3a0BtKprAbAoCw/4WLRxz3BRUEKW7mdyERWUzNfcE4Ub6o7KF4EZokWdapLMJ+kMqjOmPwDDKTEHahJCFtmjRIgphpnLu2+bOcOfOxbP7Duc85z3nO98ngMwcABQR/9GxzHxZ0vO2zwLjEfFzT8yaiJgDKI3vEWBXT+B64DXblwN3AK/0xAxIOr54XgQeA3Zk5hWtwKsk7QHUyr8/M7d1mDttLwGXgjNzEngG2A8ckzRr+/auIsDAs8C3wISkjba3RcSfy4AN9BZgZynlsbqur+uBLdpCKeVoXdeHgPciYmGFwhZ0UynlBdvrbG8GVvUoPCVptqqqV7v5fcBDwBPABUkngXnbXwPXShoBZPs2YC2wISJ+6QU2qzMs6Uvbt3bq7AIeALZ2/E8Bn0TE70vAzFwF7JM0Dvxg+0FgsJO4X9LDtq9fpkb63PaQpNW2n4uIzwrwJjBne0NVVduBesVcpJttD3f9tr+KiC22x4F9mTlaJA1GxIutV3KumwiM0DNvYE1mDkfE2WYsd/ZdygEgumJaQAMzwFvANcBfTQdHI+LXwkqbaZKWdd2CTQITwJCke4HVVVXNAJszc3gFMCJOSnq7pxCSPo2Ig5ImgOO2vwN+nJ6efjwi3gfu676UIeAlSXPAPbbv6jAfBU4DCxHxU2Y+FBGHM3MU+APY2N7DGyV9YfsAcBC4COyWNGX7BmABeFrSTcAZ2/OSttj+XtLVwDrAA63qb9jeHRFHWr69wN7MHAT+AcZsvw6MRsRsZtaNwjHgHWCrGnUqpZyampoa6Ztdq4sdwLvA3cBaSett/wacB04A20tzEa7retOlYI19LOlJ4BvgI+Bv4APghKRJ4MO+Zb2kNZ/wGPCvpCttXwAuAw5HxPz/62Qk7+eIc+sAAAAASUVORK5CYII='); } .fb_container_copyWindow .fb_copyButton[disabled]{ color: silver; } .gallery iframe { max-width: 100%; } [data-theme="black"] .adv_row_block a, [data-theme="dark"] .adv_row_block a { color: var(--c-fg-dark) !important; } [data-theme="dark"] .icon-input-photo-add, [data-theme="dark"] .icon-input-video-add, [data-theme="dark"] .smile-button, [data-theme="black"] .icon-input-photo-add, [data-theme="black"] .icon-input-video-add, [data-theme="black"] .smile-button { filter: contrast(0) } .content__reactions .invertable, .content__reactions .cl-vb { -webkit-filter: invert(0); filter: invert(0); filter: contrast(0.3); } .profile #gender { background: var(--c-bg) !important; } [data-theme="dark"] .comment.selected>.comment-one { background-color: #3D3D3D; } [data-theme="black"] .comment.selected>.comment-one { background-color: #222222; } .adv_post_wrapper { font-weight: 300; font-size: 15px; margin-bottom: 15px; padding-left: var(--content-pad); } .comments .comment .embed-image .small, .comments .comment .embed-video .small { height: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto 0 !important; } .comments .comment .embed-image a, .comments .comment .embed-video a { position: relative; padding-bottom: 50%; } .br_flexed { width: 100%; height: 1px; display: inline-flex; } .gallery .video-js.vjs-default-skin.vjs-fluid-vertical { max-height: 90vh; min-height: 60vh; width: 100%; height: auto; } .vjs-fluid-vertical, .vjs-fluid-vertical .vjs-poster { background-color: transparent !important; } .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0; } .moderation-adv-post { float: right; color: black; border-radius: 50%; border: 2px solid #000; padding: 0; display: inline-block; width: 25px; height: 25px; text-align: center; margin-left: 10px; font-weight: bold; background: white; } .content-best .content__row .content__intro-text .content__title { word-break: initial; hyphens: auto; -webkit-hyphens:auto; -webkit-hyphenate-character:"\2010"; -webkit-hyphenate-limit-after:1; -webkit-hyphenate-limit-before:3; -moz-hyphens:auto; } .reply_to_icon, .verified_user { fill: var(--c-fg); } .content__text blockquote.blockquotered:before, .content__text blockquote.blockquotedark:before, .content__text blockquote.blockquotegreen:before, .content__text blockquote.blockquotered:after, .content__text blockquote.blockquotedark:after, .content__text blockquote.blockquotegreen:after { display: none; } .content__text blockquote.blockquotered, .content__text blockquote.blockquotedark, .content__text blockquote.blockquotegreen { background-color: #F9F9F9; padding: 10px 10px 10px 0px; border-left: 4px solid #55CA03; margin-bottom: 1em; text-indent: inherit; padding-left: 15px; } .content__text blockquote.blockquotered { border-color: #FF0000; } .content__text blockquote.blockquotedark { border-color: #003663; } [data-theme="dark"] .content__text blockquote.blockquotered, [data-theme="dark"] .content__text blockquote.blockquotedark, [data-theme="dark"] .content__text blockquote.blockquotegreen { background-color: #242424; } [data-theme="black"] .content__text blockquote.blockquotered, [data-theme="black"] .content__text blockquote.blockquotedark, [data-theme="black"] .content__text blockquote.blockquotegreen { background-color: #080808; } .comment-overlay .chat-user__delete { background-image: url(../img/main-icons.png?15239); } .comment-overlay .chat-user .comment-one:hover .chat-user__delete, .comment-overlay .comment .comment-one:hover .chat-user__delete { visibility: visible; opacity: 1; } .comment-overlay .chat-user:hover .chat-user__delete, .comment-overlay .comment:hover .chat-user__delete { visibility: hidden; opacity: 0; } .comment-overlay .chat-user__delete_x { color: #fff; font-weight: 900; background-image: none; font-size: 19px; } [data-theme="dark"] .comment .comment__text .self-post, [data-theme="black"] .comment .comment__text .self-post { background-color: var(--c-bg-v5); border: 1px solid var(--c-bg-v10); } [data-theme="dark"] span.search_string_span, [data-theme="black"] span.search_string_span { color: #ccc; } .main .video-js .vjs-big-play-button { -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } .comment-overlay .liked_comment .comment__reactions { margin-right: -10px; } .comment-overlay .comment .comment__body { width: 100%; } .old-icons .icon__60.icon__bg--info { background-color: var(--c-bd-dim); } .videoplayer-wrapper { position: relative; } .player-ad-wrapper { position: absolute; top: -1px; right: 0; bottom: -1px; left: 0; background: var(--c-bd); z-index: 112; } .player-ad-wrapper__banner { width: 100%; height: 100%; text-align: center; padding-bottom: 70px; } .player-ad-wrapper__button { position: absolute; bottom: 20px; left: 50%; right: 0; margin-left: -70px; width: 140px; background: #e7e8ea; font-size: 14px; line-height: 24px; font-weight: 500; border-radius: 8px; padding: 4px 20px; -webkit-user-select: none; user-select: none; white-space: nowrap; border: none; color: black; } .player-ad-wrapper__button_d { opacity: 0.4; } #pc-messages .image_wrap .comment-image img { display: block !important; height: auto; } #pc-messages .image_wrap>div:not(:last-child) { margin-bottom: 0.5em; } #pc-messages .comment__meta__info { display: inline-flex; } #pc-messages .sidebar__separator2 { text-align: center; } #pc-messages .sidebar__separator span { position: relative; top: 0.8em; display: inline-block; padding: 0 10px; background-color: #fff; color: #999; } .disabledel, .disabledurl { pointer-events: none; cursor: default; opacity: 0.5; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } .disabledel.auth-show { pointer-events: all; cursor: pointer; opacity: 1; } .u-flex-basis-100 { flex-basis: 100%; } #pc-messages .comment-one { position: relative; } #pc-messages .comment__reactions { position: absolute; right: 0; top: 0; } .totalloader { width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 1; background: rgba(255, 255, 255, 0.7); margin: 0; } .totalloader img { transform: translate(-50%, -50%); position: fixed; left: 50%; top: 50%; } .fishki_adaptive .profile #pc-messages .message-add-flag .comment-form__controls .smile-block { position: absolute; right: 0px; width: 450px; left: inherit; max-width: 98vw; } @media (max-width: 767px) { .fishki_adaptive .profile #pc-messages .message-add-flag .comment-form__controls .smile-block { right: -30px; top: 96px; } } .comments .comment .gif-cover { display: block; text-align: center; } .comments .comment .gif-cover a { display: block; margin: 0 auto; } .main .gif-cover .gif-static, .main .gif-cover .gif-animated { margin-bottom: 0px; } .main .gif-cover .gif-over { margin-left: 0; margin-top: 0; background-image: none; } .comments .adv-mobile--mb { max-width: 100%; overflow: hidden; overflow-x: auto; } .disabledevent { pointer-events: none; cursor: default; opacity: 0.5; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } .search_hint { width: 100%; display: block; font-size: 12px; padding-left: 10px; margin-top: -10px; margin-bottom: 10px; } @media screen and (max-width: 480px) { .header-search.div_search_line { display: flex; flex-direction: column; } .header-search.div_search_line > * { width: 100%; margin-bottom: 5px; } } /* size-adjust = avgCharacterWidth of web font / avgCharacterWidth of fallback font ascent-override = web font ascent / (web font UPM * size-adjust) descent-override = web font descent / (web font UPM * size-adjust) line-gap-override = web font line-gap / (web font UPM * size-adjust) Times New Roman ascent: 1825 descent: -443 lineGap: 87 unitsPerEm: 2048 xWidthAvg: 819 Roboto ascent: 1900 descent: -500 lineGap: 0 unitsPerEm: 2048 xWidthAvg: 905 Merriweather ascent: 984 descent: -273 lineGap: 0 unitsPerEm: 1000 xWidthAvg: 490 */ :root { --ff-merr: 'Merriweather', "merr-fallback", "merr-fallback-android", serif; } @font-face { font-family: "merr-fallback"; src: local("Times New Roman"); /* 125.53% */ size-adjust: 137.53%; ascent-override: normal; descent-override: normal; line-gap-override: 0%; } @font-face { font-family: "merr-fallback-android"; src: local("Roboto"); /* Нужно подобрать на андроиде */ size-adjust: 110.89%; ascent-override: normal; descent-override: normal; line-gap-override: 0%; } .gallery-image.publisher_gallery .content__text-description, .gallery-video.publisher_gallery .content__text-description { font-size: 0.9em; font-style: oblique; color: var(--c-grey); text-align: center; margin-top: -15px; margin-bottom: 30px; } /* new likes start */ .emotes-wrap.emotes-wrap2 { /* top: -3px; */ } .emotes-wrap.emotes-wrap2 svg { --size: 25px; margin: 3px; } .content__reactions.content__reactions2 { width: 100%; height: auto; min-height: 35px; } @media (max-width: 768px){ .content__reactions.content__reactions2 { min-height: 30px; } } .content__reactions.content__reactions2, .content__reactions.content__reactions2>* { display: inline-block; } .content__reactions .overlay_ext_buttons { display: inline-flex; } .content__reactions.content__reactions2 .overlay_ext_buttons { float: right; } .content__reactions2 .popover-wrap svg, .content__reactions2 .comments-wrap svg, .content__reactions2 .favorite-wrap svg { --size: 35px; } .emotes-wrap.emotes-wrap2 .current svg { margin: 4px; } .emotes-wrap.emotes-wrap2 svg.emote-outline { display: inline-flex; } .emotes-wrap.emotes-wrap2 .current svg.emote-outline { display: none; } .emotes-wrap.emotes-wrap2 svg.emote-normal { display: none; } .emotes-wrap.emotes-wrap2 .current svg.emote-normal { display: inline-flex; } .emotes-wrap.emotes-wrap2 button { width: auto; margin-right: 8px; height: 33px; border: none; border-radius: 35px; border-color: #4A4A4A; padding: 0; display: inline-flex; } .emotes-wrap.emotes-wrap2 button:last-child { margin-right: 0; } .emotes-wrap.emotes-wrap2 button.current { border: 1px solid #4A4A4A; height: 35px; } .emotes-wrap.emotes-wrap2 .popover-text { height: 33px; display: none; line-height: 33px; font-size: 14px; margin-left: 2px; margin-right: 8px; color: #4a4a4a; font-family: var(--ff-mont); } .emotes-wrap.emotes-wrap2 .current .popover-text { display: inline-flex; } .emotes-wrap.emotes-wrap2 .loader_medium { display: none; margin: 4px; } .emotes-wrap.emotes-wrap2 .active_loader .loader_medium { display: inline-flex; } .emotes-wrap.emotes-wrap2 .active_loader svg { display: none !important; } .mobile_version .emotes-wrap.emotes-wrap2 button.current { border-color: #EFEFEF; background-color: #EFEFEF; } .mobile_version .emotes-wrap.emotes-wrap2 .popover-text { font-size: 12px; color: var(--c-fg); } [data-theme="dark"] .mobile_version .emotes-wrap.emotes-wrap2 button { border: 1px solid #303030; background-color: #2a2a2a; } [data-theme="black"] .mobile_version .emotes-wrap.emotes-wrap2 button { border: 1px solid #1d1d1d; background-color: #1d1d1d; } .the-face.mainMessages { margin: 20px; } .the-face { padding-bottom: 0; } .the-face__baloon { padding: 20px; margin: 0; } .the-face__baloon:after { display: none; } .the-face__baloon .btn-send-email { width: 100%; margin-bottom: 10px; margin-top: 10px; } .other-post-list { width: 100%; text-align: justify; } .other-post-list--2column { padding-top: 20px; } .other-post-list__item { width: 32%; display: inline-block; vertical-align: top; margin-bottom: 25px; overflow: hidden; } .other-post-list--2column .other-post-list__item { width: 49%; text-align: center; } .other-post-list__item--row { width: 100% !important; } .other-post-list__item img { max-width: 100%; border-radius: 10px; height: auto; } #antc_placeholder_189 .other-post-list__title { text-align: left; } .other-post-list__title { margin: 0 0 20px 0; color: var(--c-fg-dark); font-weight: 900; font-family: var(--ff-merr); line-height: 1.2; text-decoration: none; text-align: left; word-break: break-word; } .other-post-list__title-div { text-align: left; } .other-post-list:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .video-js:focus, .video-js video:focus { outline: none; } .erotic_content_wrapper {overflow: hidden; position: relative; cursor: pointer;} .erotic_content { position: relative; -webkit-transform: translate3d(0, 0, 0); -webkit-filter: blur(30px); -moz-filter: blur(30px); -o-filter: blur(30px); -ms-filter: blur(30px); filter: url("data:image/svg+xml;utf8,#blur"); /* Firefox 3.5+ */ filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='60'); } @media all and (-ms-high-contrast:none) { .erotic_content_wrapper {border: 1px solid gray;} .erotic_content { visibility: hidden;} /* IE10 */ *::-ms-backdrop, .erotic_content { visibility: hidden;} /* IE11 */ } .erotic_content_wrapper a.erotic_content_warning { display: block; width: 100%; height: 100%; position: absolute; z-index: 2; text-decoration: none; } .erotic_content_wrapper .erotic_content_text { position: relative; background: rgba(0,0,0,.25); z-index: 9; padding: 25px 25px; text-align: center; top: 50%; margin: -67px auto 0; } .erotic_content_wrapper .erotic_content_text p {color: #fff !important; padding: 0px !important;} .erotic_content_wrapper .erotic_content_text p.warning_large { font-weight: 600;font-size: 34px; line-height: 38px !important; text-transform: uppercase; } .erotic_content_wrapper .erotic_content_text p.warning_small {font-size: 14px;} .erotic_content_wrapper .erotic_content_text p.warning_medium {} .erotic_content_wrapper .image_block {width: 100%; height: 100%; position: absolute; background: #000000; z-index: 5;} .erotic_content_wrapper .box_blur {position: absolute; top:0px;} .moderation-num_order { float: right; color: gray; }