.tribel_story_main .tribel_story_img { /* height: 200px; width: 140px; */ border-radius: 10px; } .tribel_story_main ul.react-multi-carousel-track li { height: 200px !important; width: 130px !important; border-radius: 12px; } .tribel_story_main .create_story_img_first_part { height: 75%; } .tribel_story_main .create_story_img_second_part { height: 25%; background: white; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; justify-content: center; align-items: end; padding-bottom: 5px; font-weight: 600; } .portfolio_body_right .tribel_story_main { margin-bottom: 13px; } .create_story_img_first_part .tribel_story_img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .fade.view_tribel_story.in.modal .modal-dialog { width: 100% !important; height: 100vh !important; margin-top: 0px; margin-bottom: 0px; border-radius: 0px !important; } .fade.view_tribel_story.in.modal .modal-content { width: 100%; height: 100%; border-radius: 0px; padding: 0px; } .tribel_view_story_modalbody .tribel_view_story_left { width: 20%; float: left; height: 100%; } .tribel_view_story_modalbody .tribel_view_story_right { float: right; width: 80%; background: black; height: 100%; } .tribel_view_story_modalbody { padding: 0px; height: 100%; /* margin-top: 125px; */ } .tribel_view_story_left span.cross.icon-close { color: white; background: gray; height: 40px; width: 40px; border-radius: 50%; font-size: 15px; cursor: pointer; } .all_stories .image-start-container { height: 40px; width: 40px; /* margin-bottom: 20px; */ } .all_stories .stories_user_info { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; cursor: pointer; background: white; border-radius: 10px; } .stories_user_info .image-start-container { margin-right: 10px; margin-left: 5px; } .tribel_view_story_left .tribel_stories_all_user { padding-left: 10px; padding-right: 10px; } .stories_user_info_name .count_and_time { display: flex; } .count_and_time p, .fname_lname p { margin-bottom: 5px !important; } .count_and_time p.count_dot_time { padding: 0px 5px; } .count_and_time p.story_count { color: #0866ff; } .your_story .add_your_story { display: flex; align-items: center; cursor: pointer; } .add_your_story .create_story_text p { margin-bottom: 2px; } .add_your_story .add_story { height: 40px; width: 40px; background: #f0f2f5; border-radius: 50%; margin-right: 10px; } .add_your_story .add_story span.icon-plus { height: 40px !important; display: flex; justify-content: center; align-items: center; } .fade.view_tribel_story.view_story_close.in.modal { display: none !important; /* opacity: 0 !important; */ /* background: transparent !important; */ /* z-index: 0 !important; */ } .tribel_view_story_modalbody .tribel_view_story_left { max-height: 100vh; overflow-y: hidden; } .tribel_add_story_modalbody .tribel_view_story_left { width: 20%; float: left; height: 100%; } .tribel_add_story_modalbody .tribel_view_story_right { float: right; width: 80%; background: black; height: 100%; } .tribel_add_story_modalbody { padding: 0px; height: 100%; } .tribel_add_story_modalbody .tribel_view_story_left { max-height: 100vh; overflow-y: scroll; } .tribel_add_story_modalbody .your_story_setting { display: flex; align-items: center; justify-content: space-between; } .your_story_setting span.icon-setting { font-size: 30px; cursor: pointer; display: none; } .your_story_setting h3 { margin: 20px 0px; } .tribel_add_story_modalbody.add_story_body .tribel_view_story_right { background: #80808033; } .fade.tribel_priacy_setting.in.modal .modal-header h3 { text-align: center; } .tribel_priacy_setting .privacy_setting_modal_header.modal-header { min-height: 16.42857143px; padding: 15px !important; border-bottom: 1px solid #e5e5e5 !important; } .tribel_priacy_setting .privacy_setting_modal_footer.modal-footer { padding: 15px !important; text-align: right; border-top: 1px solid #e5e5e5 !important; } .privacy_setting_modal_footer.modal-footer button.privacy_setting_save.btn.btn-default { background: #0866ff !important; color: white !important; } .privacy_setting_modal_footer.modal-footer button.privacy_setting_close.btn.btn-default { color: #0866ff !important; /* color: white !important; */ } .tribel_priacy_setting_body .tribel_story_privacy_list { display: flex; justify-content: space-between; align-items: center; } .tribel_story_privacy_list .privacy_type { display: flex; align-items: center; width: 70%; justify-content: flex-start; } .tribel_story_privacy_list .privacy_type span { height: 45px; width: 45px; display: flex; justify-content: center; align-items: center; background: #8080803d; border-radius: 50%; font-size: 20px; margin-right: 10px; color: black; } .privacy_type_btn input[type="radio"] { height: 20px; width: 20px; } .create_story_part .create_photo_story, .create_story_part .create_text_story { background: #6f7af1; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 350px; width: 250px; border-radius: 10px; margin: 10px; } .tribel_view_story_right .create_story_part { display: flex; justify-content: center; align-items: center; height: 100%; } /* .create_story_part div{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 350px; width: 250px; border-radius: 10px; margin: 10px; } */ .create_photo_story span.gallery_img { display: flex; height: 50px; width: 50px; justify-content: center; align-items: center; background: white; border-radius: 50%; color: black; } .create_text_story span.gallery_img { display: flex; height: 50px; width: 50px; justify-content: center; align-items: center; background: white; border-radius: 50%; color: black; /* padding: 8px; */ } .create_text_story span.gallery_img svg { margin: 8px; } span.gallery_img span.icon-images { font-size: 25px; } .tribel_view_story_right .create_story_part div { cursor: pointer; } .tribel_create_story_modal_body .post-insert-footer-21 { /* margin-top: 30px; */ padding-top: 20px; } .tribel_add_story_modalbody.add_story_body .add_your_story { pointer-events: none; } .privacy_story_who_can_see_title h4 { margin: 0px; font-weight: 600; } .create_text_story p, .create_photo_story p { color: white; padding-top: 10px; } .add_your_story p.fname_lname { margin: 0px; font-size: 18px; color: black; } .your_story_setting h3 { color: black; } .tribel_view_story_right button.btn.btn_left.story_btn_left { top: 50% !important; transform: translateY(-50%); padding: 3px; height: 45px; width: 45px; border-radius: 50% !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0; top: calc(50% - 40px); bottom: 40px; /* left: 2.5%; */ text-align: center; position: absolute; font-weight: 400; z-index: 10; opacity: 0.7; color: #fff; right: 58%; background: #1388d1 !important; } .tribel_view_story_right button.btn.btn_right.story_btn_right { padding: 3px; height: 45px; width: 45px; border-radius: 50% !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0; top: calc(50% - 40px); bottom: 40px; right: 20%; text-align: center; position: absolute; font-weight: 400; z-index: 10; opacity: 0.7; color: #fff; top: 50% !important; transform: translateY(-50%); background: #1388d1 !important; } .popup_postContent.image-responsive-class.story_image_video_show { display: flex; justify-content: center; align-items: center; /* height: 99vh; */ flex-direction: column; width: 35%; margin: auto; padding-top: 10px; } /* .popup_postContent.image-responsive-class.story_image_video_show img */ .popup_postContent.image-responsive-class.story_image_video_show div:nth-child(2) div img { width: 100% !important; height: 100% !important; border-radius: 10px; min-height: 92vh !important; } .popup_postContent.image-responsive-class.story_image_video_show div:nth-child(2) div div img { width: 40px !important; height: 40px !important; border-radius: 10px; min-height: 40px !important; } .popup_postContent.image-responsive-class.story_image_video_show video { width: 100% !important; height: 100% !important; border-radius: 10px; height: 92vh !important; } .story_comment_part { height: 8%; display: flex; align-items: center; position: absolute; bottom: 0; width: 70%; left: 15%; } .story_comment_part .my_streamcontent2_right_input.main textarea { background: transparent !important; border: 1px solid white !important; /* padding: 5px; */ color: white !important; height: 40px !important; /* margin: 11px 0px !important; */ padding: 5px !important; width: 100% !important; } /* .popup_postContent.image-responsive-class.story_image_video_show div:nth-child(2) { overflow: auto !important; justify-content: center; } */ /* .popup_postContent.image-responsive-class.story_image_video_show div:nth-child(3) { overflow: auto !important; height: 100% !important; } */ /* .popup_postContent.image-responsive-class.story_image_video_show div:nth-child(2) div { height: 100%; width: 100%; } */ .story_comment_part .story_reaction { width: 12% !important; } .popup_postContent.image-responsive-class.story_image_video_show .story_header img.story_header_img { width: 40px !important; height: 40px !important; min-height: 40px !important; } .popup_postContent.image-responsive-class.story_image_video_show .story_header { height: auto !important; background: transparent !important; } .story_reaction .story_like_btn { height: 40px; width: 40px; background: red; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; cursor: pointer; } .story_like_btn span.icon-love { font-size: 25px; color: #ffffff; } /* div#new-post-modal-height .postMentionsInputBox.post-mention-21.tribel_story_input .img_2_add.meme_auto_height.img_2_add--multiLine { max-height: 80vh !important; } */ .tribel_create_story_modal_body { height: 85vh; } .fade.common-post-modal.newpostmodals.common-post-modal21.tribel_create_story_modal_main.in.modal .modal-dialog { height: 95vh !important; } .fade.common-post-modal.newpostmodals.common-post-modal21.tribel_create_story_modal_main.in.modal .modal-content { height: 100%; } .tribel_create_story_modal_main .tribel_create_story_modal_body { height: 90vh !important; } .postMentionsInputBox.post-mention-21.tribel_story_input .img_2_add, .postMentionsInputBox.post-mention-21.tribel_story_input .img_3_add, .postMentionsInputBox.post-mention-21.tribel_story_input .img_4_add, .postMentionsInputBox.post-mention-21.tribel_story_input .img_5_add, .postMentionsInputBox.post-mention-21.tribel_story_input .img_6_add, .postMentionsInputBox.post-mention-21.tribel_story_input .img_7_add, .postMentionsInputBox.post-mention-21.tribel_story_input .img_8_add, .postMentionsInputBox.post-mention-21.tribel_story_input .img_9_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_2_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_3_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_4_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_5_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_6_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_7_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_8_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_9_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_10_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_11_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_12_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_13_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_14_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_15_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_16_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_17_add, .postMentionsInputBox.post-mention-21.tribel_story_input .gradient_18_add { height: 70vh; max-height: 80vh !important; } .tribel_create_story_modal_body div#newPostFullBody17 { height: 85vh !important; } .tribel_create_story_modal_body div#newPostFullBody17 .popup-container-main17.popup-container-main-post-21 { max-height: 90% !important; } .intro_modal_area.tribel_story_crop_modal { height: 90vh; width: 40%; } /* .intro_modal_area.tribel_story_crop_modal .reactEasyCrop_Container { height: 90vh; } */ /* .intro_modal_area.tribel_story_crop_modal .reactEasyCrop_Container .reactEasyCrop_CropArea.reactEasyCrop_CropAreaGrid { height: 838px; width: 540px; } */ .intro_modal_area.tribel_story_crop_modal .cropper-main { display: flex; flex-direction: column; } .intro_modal_area.tribel_story_crop_modal .container-buttons { /* position: absolute; */ bottom: 0; display: flex; justify-content: center; align-items: center; /* width: 50%; width: 616px; */ /* left: -7%; */ } .intro_modal_area.tribel_story_crop_modal .reactEasyCrop_Container { height: 85vh; } .intro_modal_area.tribel_story_crop_modal .overview_close { top: 15px; right: -15px; } .tribel_story_img.create_tribel_story.create_new_story { cursor: pointer; } .intro_modal_area.tribel_story_crop_modal .reactEasyCrop_Container img { /* min-width: 80%; min-height: 90%; */ } .intro_modal_area.tribel_story_crop_modal .reactEasyCrop_Container .reactEasyCrop_CropArea.reactEasyCrop_CropAreaGrid { /* min-height: 90%; min-width: 80%; */ } .create_story_plus_icon_div { background: white !important; border-radius: 50%; height: 45px; width: 45px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 27px; left: 33%; } .create_story_img_first_part span.icon-plus { height: 35px; width: 35px; display: flex; background: #0064ffd6 !important; /* position: absolute; */ justify-content: center; align-items: center; border-radius: 50%; color: white; /* bottom: 27px; */ left: 32%; font-weight: 200; } .create_story_img_first_part .create_story_plus_icon_main { display: flex; justify-content: center; align-items: center; } .react-multi-carousel-list.tribel_story_list .story_image_list_name { position: absolute; bottom: 0px; width: 100%; text-align: center; height: 50px; display: flex; justify-content: flex-start; align-items: flex-end; padding-bottom: 5px; padding-left: 5px; } .react-multi-carousel-list.tribel_story_list .story_image_list_name .list_fname_lname { color: #ffffff; font-size: inherit; font-weight: 600; z-index: 9999999999; } .react-multi-carousel-list.tribel_story_list .story_image_useravater { position: absolute; top: 4%; left: 5%; height: 25px; width: 25px; border-radius: 50%; /* background: white; */ display: flex; justify-content: center; align-items: center; } .story_image_useravater_image span.icon-user.user_profile_img-2021.likes { color: #eeeeee; font-size: 1.1em; } .story_image_useravater img.ui.image.tribel_story_img_avater { height: 100%; width: 100%; padding: 10%; background: #0064ffd6; } .tribel_add_story_modalbody.add_story_body .tribel_view_story_left { overflow: hidden; } /* .your_story_setting span.icon-setting { color: #cccccc; } */ .tribel_view_story_left .your_story { padding: 20px; /* margin-top: 80px; */ } .tribel_view_story_left .story_close_icon { padding: 20px; /* position: fixed; */ height: 80px; /* width: 20%; */ border-bottom: 1px solid #80808061; /* margin-bottom: 80px !important; */ /* background: red; */ z-index: 9999; background: #fff; } .tribel_view_story_right button.btn.btn_right.story_btn_right:hover { background: #1388d196 !important; } .tribel_view_story_right button.btn.btn_left.story_btn_left:hover { background: #1388d196 !important; } .story_comment_part .emoji_click { position: relative; } .story_comment_part .emoji_click span.icon-emoji.emoji_butpar { position: absolute; /* bottom: -5px; */ top: -10px; right: 12px; z-index: 10; cursor: pointer; font-size: 19px; color: #a0a0a0; } /* .tribel_story_view_part .popup_postContent.image-responsive-class.story_image_video_show .story_comment_part .emoji_control.keep-inside-clicks-open { overflow: hidden !important; } */ .tribel_add_story_modalbody.add_story_body { max-height: 2500px !important; } .fade.view_tribel_story.in.modal .modal-content { max-height: 100vh !important; } /* .tribel_view_story_left .tribel_story_users_story_list { overflow-y: scroll; height: 75vh; } */ .story_video_preview .video_show { height: 85vh; } .story_video_preview .video_show video { height: 100%; width: 100%; background: black; } .create_story_video_preview { max-width: 40%; min-width: 35%; } .create_video_story_bottom_button { display: flex; justify-content: space-evenly; align-items: center; padding-top: 30px; } .story_video_preview .close_btn_part { position: relative; } .story_video_preview .close_btn_part button.overview_close_button.fly_clos { position: absolute; right: -15px; top: -15px; border-radius: 50%; display: flex; justify-content: c; justify-content: center; align-items: center; height: 30px; width: 30px; border: 1px solid gray; z-index: 999; } .story_video_preview .close_btn_part button.overview_close_button span { font-size: 20px; font-weight: bold; } .create_video_story_bottom_button button.btn.btn-default { background: #1388d1; border: none; color: #ffffff; } .popup_postContent.image-responsive-class.story_image_video_show img.Image-styles_image__gnfW1 { max-height: 92vh; height: 92vh; } .view_tribel_story { height: 100vh; overflow: hidden; } .tribel_view_story_left a.cross.icon-close { color: white; background: gray; height: 40px; width: 40px; border-radius: 50%; /* font-size: 15px; */ cursor: pointer; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; } .video_show button.overview_close_button.fly_clos { background: gray; color: white; } .tribel_story_main a.story_link_tag .meme_preview { max-height: 200px !important; height: 200px !important; padding: 0px !important; } a.story_link_tag .meme_preview .meme_text_part { display: flex; justify-content: center; align-items: center; height: 100%; } .meme_text_part p { color: black; } /* .tribel_story_main a.story_link_tag .meme_preview, .tribel_story_main a.story_link_tag img.ui.image.tribel_story_img { filter: brightness(70%); } */ a.story_link_tag .meme_text_part { max-height: 200px !important; height: 200px !important; /* padding: 0px !important; */ padding: 5px !important; display: flex; justify-content: center; align-items: center; width: 100% !important; position: absolute; top: 0; } a.story_link_tag .meme_text_part p { color: #ffffff; font-size: 14px !important; } .stories_user_info_name .fname_lname p { font-size: 16px; font-weight: 600; text-transform: capitalize; } .tribel_story_view_part .story_image_video_show .view_meme_story { height: 92vh !important; max-height: 92vh !important; position: inherit !important; padding: 0px !important; } .story_play_pause_btn { width: 100%; /* display: flex; */ /* float: right; */ text-align: right; } .story_play_pause_btn { padding-top: 15px; } .story_play_pause_btn span.icon-pause2, .story_play_pause_btn span.icon-VideoPlay { font-size: 20px; color: white; } .tribel_story_play_pause_btn { padding-top: 7px; position: absolute; right: 25px; } .tribel_story_play_pause_btn button { background: transparent !important; border: none !important; font-size: 25px; color: white !important; } .tribel_meme_story_content { height: 100% !important; display: flex; justify-content: center; align-items: center; } .tribel_view_story_right .tribel_story_view_part .story_image_video_show .content_type_image_video .story_image_video img { height: 92vh !important; width: 100% !important; } .story_image_useravater_image span.icon-user.user_profile_img-2021.likes { color: #eeeeee; } .tribel_view_story_right .react-multi-carousel-list ul.react-multi-carousel-track li { display: flex; justify-content: center; align-items: center; } .tribel_view_story_right .react-multi-carousel-list { height: 100vh; } /* .tribel_view_story_modalbody .tribel_view_story_right { display: flex; justify-content: center; align-items: center; } */ /* .view_story_right_center .tribel_story_item_main { height: 80vh; width: 40%; } */ .view_story_right_center .tribel_story_item_main .meme_story_view { height: 92vh; padding: 0px !important; max-height: 92vh !important; } .tribel_view_story_right { padding: 0 20%; } .view_story_right_center .tribel_story_item_main { height: 92vh; width: 70%; margin: auto; position: relative; } .image_video_story_view .show_image_story img { width: 100%; height: 92vh; border-radius: 12px; } .show_image_story .story_user_header img.user_profile_img-2021 { border-radius: 50%; } .view_story_right_center { position: relative; height: 100vh; margin-top: 2px; } .story_progress_bar { gap: 4px; display: grid; height: 2px; left: 0px; padding: 4px; position: absolute; right: 0px; top: 0px; /* grid-template-columns: repeat(2, 1fr); */ width: 70%; margin: auto; z-index: 99999; } .story_item_progress_item { /* background: red !important; */ /* width: 33%; height: 100%; */ background-color: rgb(106, 106, 106); border-radius: 2px; height: 2px; position: relative; } .already_view_story { background: lightgray; height: 2px; } .story_progress_xyz.story_progress_active { background: lightgray; height: 2px; /* width:0%; */ animation-name: widthAni; animation-duration: 10s; } .story_progress_xyz.video_story_playing { background: lightgray; height: 2px; /* width:0%; */ /* animation-name: widthAni; animation-duration: 5s */ } .play_pause_false.story_progress_xyz.story_progress_active { animation-play-state: paused; } .play_pause_true.story_progress_xyz.story_progress_active { animation-play-state: running; } /* .story_progress_xyz.story_progress_active{ width: 100%; } */ @keyframes widthAni { from { width: 0%; } to { width: 100%; } } /* .story_item_progress_item .story_progress_active { background: lightgray; } */ .stories_user_info.story_user_active { background: #0000001a; border-radius: 10px; } .view_story_right_center .react-multi-carousel-list ul.react-multi-carousel-track { position: absolute; top: 0px; } .tribel_story_item_main .story_text_content { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; word-break: break-all; } /* .tribel_story_item_main .story_user_header { height: 40px; width: 40px; position: absolute; top: 15px; left: 15px; } */ .story_user_header .image-start-container { height: 40px; width: 40px; max-height: 40px; max-width: 40px; /* position: absolute; top: 15px; left: 15px; */ } .story_user_header { display: flex; position: absolute; align-items: center; top: 15px; left: 15px; } .story_user_name { font-size: 20px; margin: auto; margin-left: 6px; font-weight: 600; color: #ffffff; /* filter: brightness(70%); */ } .tribel_story_item_main .meme_story_view { position: relative; } .story_user_header .image-start-container img { height: 40px; width: 40px; max-height: 40px; max-width: 40px; } .image_video_story_view .show_image_story, .image_video_story_view .show_video_story { position: relative; } .story_user_header .image-start-container span.icon-user { font-size: xx-large; } .story_text_content p { font-size: 30px; } .story_image_video_play_pause { display: flex; /* position: absolute; top: 15px; right: 15px; */ cursor: pointer; /* padding-right: 5px; */ margin-right: 10px; } .story_image_video_play_pause span.icon-play3, .story_image_video_play_pause span.icon-pause2 { font-size: x-large; } .carousel-button-group .story_next, .view_story_right_center .story_next { position: absolute; right: 0px; top: 45%; height: 40px; width: 40px; background: gray; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: white; cursor: pointer; } .carousel-button-group .story_prev, .view_story_right_center .story_prev { position: absolute; left: 0px; top: 45%; height: 40px; width: 40px; background: gray; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: white; cursor: pointer; } .view_story_right_center .carousel-button-group .story_btn_hide { display: none; } .story_image_useravater.null_profile_pic { border: 3px solid white; } .tribel_view_story_right.create_part { padding: 0px; } .story_option_play_pause { display: flex; position: absolute; justify-content: space-around; right: 15px; align-items: center; width: auto; top: 15px; } .story_option_list { display: flex; position: absolute; justify-content: space-around; right: 15px; align-items: center; width: auto; top: 40px; flex-direction: column; /* align-content: center; */ flex-wrap: wrap; } .story_option_list { display: flex; position: absolute; justify-content: space-around; right: 15px; align-items: flex-start; width: auto; top: 40px; flex-direction: column; /* align-content: center; */ flex-wrap: wrap; width: 30%; left: auto; padding: 10px; border-radius: 10px; } .story_option_list.dropdown-menu div { padding: 3px; cursor: pointer; } .story_option_list.dropdown-menu div span.icon-report { margin-right: 4px; } .meme_story_view.img_2_add span.icon-leftdot, .meme_story_view.img_5_add span.icon-leftdot { font-size: 0.6em; } .story_option_list.dropdown-menu span.icon-report { color: #888888; } .story_option_list.dropdown-menu div.story_report { color: #888888; /* pointer-events: none; */ } .story_option_list.dropdown-menu span.icon-report:hover { color: #ff0000; } /* .story_option_list .story_report:hover{ color: #ff0000 !important; } */ .story_option_list.dropdown-menu div.story_report:hover { color: #ff0000 !important; /* pointer-events: none; */ } .story_option_list.dropdown-menu div.story_block { color: #ff0000; /* pointer-events: none; */ } .story_option_list.dropdown-menu div.story_delete { color: #ff0000; } .story_option span.icon-leftdot { cursor: pointer; } .story_image_useravater_image .post_profile_pic_star-2021 { display: none; } .tribel_story_gradiant_top { /* height: 92vh; background-image: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0)); position: absolute; top: 0px; width: 100%; z-index: 9999999999999999999999999999; background-position: center; background-size: cover; pointer-events: none; */ height: 92vh; background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background-image: linear-gradient(red, blue); position: absolute; /* background: red; */ top: 0px; width: 100%; z-index: 9999999999999999999999999999; background-position: center; background-size: contain; /* background-repeat: repeat; */ pointer-events: none; } /* .tribel_story_gradiant_bottom { height: 120px; background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); position: absolute; bottom: 0px; width: 70%; z-index: 9999999999999999999999999999; } */ .tribel_story_carousel_background_cover { height: 100%; width: 100%; background-position: center; border-radius: 10px; background-size: contain; background-repeat: no-repeat; background-color: black; } .image_video_story_view .show_image_story { height: 92vh; } .image_video_story_view .show_video_story { height: 92vh; } .show_video_story .video-react-control-bar { position: absolute; bottom: 10vh; } .show_video_story .video-react { height: 100% !important; padding: 0px !important; } .story_option_play_pause span.icon-pause2, .story_option_play_pause span.icon-play3, .story_option_play_pause span.icon-leftdot { color: #ffffff; } .tribel_story_item_main .story_header_part { position: absolute; top: 0px; width: 100%; z-index: 99999999999; } .story_option_play_pause span.icon-volume-medium { font-size: x-large; margin-right: 10px; color: #ffffff; cursor: pointer; } .story_option_play_pause svg.mute_custom_button { font-size: x-large; color: #ffffff; margin-right: 5px; height: 100%; width: 100%; cursor: pointer; } span.custom_mute_span { height: 24px; width: 24px; margin-right: 10px; } /* .show_video_story .video-react-control-bar { display: none; } */ .story_carousel_nexttoken_loader { position: relative; position: absolute; right: 0px; top: 45%; height: 40px; width: 40px; /* background: gray; */ display: flex; justify-content: center; align-items: center; border-radius: 50%; /* color: white; */ cursor: pointer; } span.icon-arow_right.story_next.story_btn_hide { display: none; } .tribel_story_img.photo_active_null { height: 100%; width: 100%; /* border: 1px solid black; */ background: #b7b6b6e6; } .tribel_story_img.photo_active_null span.icon-user.user_profile_img-2021.likes { font-size: 100px; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; /* border: 1px solid; */ color: #eeeeee; } .all_stories .has_remaining_story .image-start-container { background-color: #fff; border: 2px solid #0866ff; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 40px; padding: 2px; } .all_stories .has_no_remaining_story .image-start-container { background-color: #fff; border: 2px solid #ced0d4; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 40px; padding: 2px; } .all_stories .stories_user_info .image-start-container span.icon-user.user_profile_img-2021.likes { font-size: 2em; } .tribel_story_item_main .tribel_story_default_comment { position: absolute; bottom: 5px; width: 100%; z-index: 9999999999999999999; } .tribel_story_default_comment .image-start-container img { height: 35px; width: 35px; min-width: 35px !important; min-height: 35px !important; } .tribel_story_default_comment .comment_items { display: flex; /* align-items: center; */ border-radius: 10px; /* border: 1px solid black; */ margin-bottom: 10px; } .tribel_story_default_comment .image-start-container { width: 15%; display: flex; justify-content: center; min-width: 35px !important; min-height: 35px !important; } .story_comment_with_user { color: #ffffffff; font-size: 14px; width: 85%; } .show_video_story button.video-react-big-play-button.video-react-big-play-button-left { display: none !important; } .show_video_story video.video-react-video { pointer-events: none !important; } .show_video_story .video-react-control-bar { display: none !important; /* pointer-events: none !important; */ } /* set background color if video width is little bit kom */ .show_video_story video.video-react-video { background: #02020278 !important; border-radius: 10px; } .tribel_view_story_right .view_story_right_center .there_is_no_story { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; color: white; } .tribel_story_default_comment .more_comments_child { color: #ffffff; display: flex; justify-content: center; align-items: center; width: 100%; text-decoration: underline; cursor: pointer; } .story_comment_part .mentions-input-box { background: transparent; } .story_comment_part .my_streamcontent2.main.after_comment.hello .dropdown-menu.emoji_box { z-index: 99999999999 !important; position: absolute; } .story_comment_part .my_streamcontent2.main.after_comment.hello .dropdown-menu.emoji_box section.emoji-mart { width: 346px; position: absolute !important; bottom: 50px; z-index: 999; } .story_comment_part .my_streamcontent2.main.after_comment.hello .emoji_control.keep-inside-clicks-open { position: absolute; right: 0; top: 50%; } .fade.step_popup_cls.modal-main.tribel_story_all_comments.in.modal .badge_header.modal-header { min-height: 90vh; } .fade.step_popup_cls.modal-main.tribel_story_all_comments.in.modal .container .container { min-height: 85vh; } .tribel_story_default_comment .comment_items .post_profile_pic_star-2021 { height: 40px; width: 40px; } .fade.step_popup_cls.tribel_story_all_comments.in.modal .modal-dialog { width: 35% !important; display: flex; justify-content: center; } .fade.step_popup_cls.tribel_story_all_comments.in.modal .modal-dialog .my_streamcontent3_right_history.main { padding-right: 10px; } .story_comment_part .mentions-input-box div:nth-child(2) { bottom: 0 !important; /* width: 253px; */ top: inherit !important; /* z-index: 9999999999 !important; */ } .story_comment_part .mentions-input-box div:nth-child(2) ul { width: 100%; } .story_comment_part .mentions-input-box div:nth-child(2) ul .user img { border-radius: 50%; } .tribel_view_story_right .story_comment_part .mentions-input-box { max-height: 48px; } .story_comment_part .mentions-input-box strong.comment_color { display: none; } .verication_badge_modal.tribel_story_all_comments.in.modal .my_streamcontent3_top_left.left3 .my_streamcontent_like { display: flex; } .fade.step_popup_cls.modal-main.modal-new-style.common-popup.common-post-modal.verication_badge_modal.tribel_story_all_comments.in.modal { z-index: 999999999999; } .fade.tribel_story_all_comments.in.modal .modal-content { /* min-width: 80%; */ padding: 0px; width: 100% !important; } .fade.tribel_story_all_comments.in.modal .modal-content .step-head .container{ padding-right: 0px; } .fade.tribel_story_all_comments.in.modal .modal-content .my_streamcontent2.main.after_comment.hello.story_add_comment_comp { display: block; justify-content: flex-start; } .badge_header.tribel_story_comment_modal_head.modal-header .comment_friend.after_comment.more_comment_2339.view_more_comment_reply_btn.my_streamcontent3.main { padding: 0px 0px; padding-bottom: 7px; } .badge_header.tribel_story_comment_modal_head.modal-header .post-commnet-container.show.infinite-scroll-component { height: 85vh; } .badge_header.tribel_story_comment_modal_head.modal-header span.icon-like.likeIconSvg { cursor: pointer; } .tribel_story_default_comment .comment_item code { color: #ffffff; } .story_comment_part .my_streamcontent2.main.after_comment.hello.story_add_comment_comp { width: 87%; display: flex; justify-content: space-between; align-items: center; } .story_comment_part .my_streamcontent2.main.after_comment.hello.story_add_comment_comp .my_streamcontent2_right_input.main { width: 90% !important; /* float: right !important; */ } .story_comment_part .my_streamcontent2.main.after_comment.hello.story_add_comment_comp .mentions-input-box { width: 100%; } .my_streamcontent3_right_history.main .my_streamcontent2.main.after_comment.hello.story_add_comment_comp { margin-left: 50px; width: 93%; margin-bottom: 20px; } /* .meme_story_view, .show_video_story, .tribel_story_carousel_background_cover{ animation: .3s slide_left_story; } @keyframes slide_left_story { from { margin-left: 100%; } to { margin-left: 0%; } } */ .badge_header.tribel_story_comment_modal_head.modal-header .last_coment_amount_like_own span.icon-like { cursor: pointer; } .tribel_create_story_modal_main .flat-alert-container.flat-alert-container-21 { position: relative; display: flex; justify-content: center; } .tribel_create_story_modal_main .flat-alert-container.flat-alert-container-21 .alert.alert-danger { position: absolute; top: 26px; width: 90%; display: flex; justify-content: center; } .tribel_story_item_main .story_text_content span.Linkify code span { font-size: 34px; line-height: 35px; font-weight: 600; display: flex !important; text-align: center !important; } .mentions-input-box .story_mention.story_mention--multiLine .story_mention__suggestions { z-index: 999999999999 !important; bottom: 39px !important; } .mentions-input-box .story_mention.story_mention--multiLine .story_mention__suggestions .story_mention__suggestions__list { max-height: 500px !important; } .meme_story_view.img_5_add span.Linkify code span, .meme_story_view.img_5_add span.Linkify code, .meme_story_view.img_5_add span.Linkify a, .meme_story_view.img_6_add span.Linkify code span, .meme_story_view.img_6_add span.Linkify code, .meme_story_view.img_6_add span.Linkify a, .meme_story_view.gradient_11_add span.Linkify code span, .meme_story_view.gradient_11_add span.Linkify code, .meme_story_view.gradient_11_add span.Linkify a, .meme_story_view.gradient_13_add span.Linkify code span, .meme_story_view.gradient_13_add span.Linkify code, .meme_story_view.gradient_13_add span.Linkify a, .meme_story_view.gradient_15_add span.Linkify code span, .meme_story_view.gradient_15_add span.Linkify code, .meme_story_view.gradient_15_add span.Linkify a, .meme_story_view.gradient_17_add_add span.Linkify code span, .meme_story_view.gradient_17_add_add span.Linkify code, .meme_story_view.gradient_17_add_add span.Linkify a, .meme_story_view.gradient_18_add span.Linkify code span, .meme_story_view.gradient_18_add span.Linkify code, .meme_story_view.gradient_18_add span.Linkify a, .meme_story_view.gradient_17_add span.Linkify code span, .meme_story_view.gradient_17_add span.Linkify code, .meme_story_view.gradient_17_add span.Linkify a { color: #FFFFFF !important; display: flex; flex-direction: column; justify-content: space-evenly; /* line-height: 36px !important; */ align-content: stretch; align-items: center; font-size: 34px; line-height: 40px; font-weight: bold; text-align: center; } .meme_text_part.img_5_add_for_color span.Linkify code span, .meme_text_part.img_5_add_for_color span.Linkify code, .meme_text_part.img_5_add_for_color span.Linkify a, .meme_text_part.img_6_add_for_color span.Linkify code span, .meme_text_part.img_6_add_for_color span.Linkify code, .meme_text_part.img_6_add_for_color span.Linkify a, .meme_text_part.gradient_11_add_for_color span.Linkify code span, .meme_text_part.gradient_11_add_for_color span.Linkify code, .meme_text_part.gradient_11_add_for_color span.Linkify a, .meme_text_part.gradient_13_add_for_color span.Linkify code span, .meme_text_part.gradient_13_add_for_color span.Linkify code, .meme_text_part.gradient_13_add_for_color span.Linkify a, .meme_text_part.gradient_15_add_for_color span.Linkify code span, .meme_text_part.gradient_15_add_for_color span.Linkify code, .meme_text_part.gradient_15_add_for_color span.Linkify a, .meme_text_part.gradient_17_add_add span.Linkify code span, .meme_text_part.gradient_17_add_add span.Linkify code, .meme_text_part.gradient_17_add_add span.Linkify a, .meme_text_part.gradient_18_add_for_color span.Linkify code span, .meme_text_part.gradient_18_add_for_color span.Linkify code, .meme_text_part.gradient_18_add_for_color span.Linkify a, .meme_text_part.gradient_17_add_for_color span.Linkify code span, .meme_text_part.gradient_17_add_for_color span.Linkify code, .meme_text_part.gradient_17_add_for_color span.Linkify a { color: #FFFFFF !important; } .meme_story_view.img_2_add span.Linkify code span, .meme_story_view.img_2_add span.Linkify code, .meme_story_view.img_2_add span.Linkify a, .meme_story_view.img_3_add span.Linkify code span, .meme_story_view.img_3_add span.Linkify code, .meme_story_view.img_3_add span.Linkify a, .meme_story_view.img_4_add span.Linkify code span, .meme_story_view.img_4_add span.Linkify code, .meme_story_view.img_4_add span.Linkify a, .meme_story_view.gradient_2_add span.Linkify code span, .meme_story_view.gradient_2_add span.Linkify code, .meme_story_view.gradient_2_add span.Linkify a, .meme_story_view.gradient_3_add span.Linkify code span, .meme_story_view.gradient_3_add span.Linkify code, .meme_story_view.gradient_3_add span.Linkify a, .meme_story_view.gradient_4_add span.Linkify code span, .meme_story_view.gradient_4_add span.Linkify code, .meme_story_view.gradient_4_add span.Linkify a, .meme_story_view.gradient_5_add_add span.Linkify code span, .meme_story_view.gradient_5_add_add span.Linkify code, .meme_story_view.gradient_5_add_add span.Linkify a, .meme_story_view.gradient_6_add_add span.Linkify code span, .meme_story_view.gradient_6_add_add span.Linkify code, .meme_story_view.gradient_6_add_add span.Linkify a, .meme_story_view.gradient_7_add_add span.Linkify code span, .meme_story_view.gradient_7_add_add span.Linkify code, .meme_story_view.gradient_7_add_add span.Linkify a, .meme_story_view.gradient_8_add_add span.Linkify code span, .meme_story_view.gradient_8_add_add span.Linkify code, .meme_story_view.gradient_8_add_add span.Linkify a, .meme_story_view.gradient_9_add_add span.Linkify code span, .meme_story_view.gradient_9_add_add span.Linkify code, .meme_story_view.gradient_9_add_add span.Linkify a, .meme_story_view.gradient_10_add_add span.Linkify code span, .meme_story_view.gradient_10_add_add span.Linkify code, .meme_story_view.gradient_10_add_add span.Linkify a, .meme_story_view.gradient_12_add_add span.Linkify code span, .meme_story_view.gradient_12_add_add span.Linkify code, .meme_story_view.gradient_12_add_add span.Linkify a, .meme_story_view.gradient_14_add_add span.Linkify code span, .meme_story_view.gradient_14_add_add span.Linkify code, .meme_story_view.gradient_14_add_add span.Linkify a, .meme_story_view.gradient_16_add_add span.Linkify code span, .meme_story_view.gradient_16_add_add span.Linkify code, .meme_story_view.gradient_16_add_add span.Linkify a, .meme_story_view.gradient_5_add span.Linkify code span, .meme_story_view.gradient_5_add span.Linkify code, .meme_story_view.gradient_5_add span.Linkify a, .meme_story_view.gradient_6_add span.Linkify code span, .meme_story_view.gradient_6_add span.Linkify code, .meme_story_view.gradient_6_add span.Linkify a, .meme_story_view.gradient_7_add span.Linkify code span, .meme_story_view.gradient_7_add span.Linkify code, .meme_story_view.gradient_7_add span.Linkify a, .meme_story_view.gradient_8_add span.Linkify code span, .meme_story_view.gradient_8_add span.Linkify code, .meme_story_view.gradient_8_add span.Linkify a, .meme_story_view.gradient_9_add span.Linkify code span, .meme_story_view.gradient_9_add span.Linkify code, .meme_story_view.gradient_9_add span.Linkify a, .meme_story_view.gradient_10_add span.Linkify code span, .meme_story_view.gradient_10_add span.Linkify code, .meme_story_view.gradient_10_add span.Linkify a, .meme_story_view.gradient_12_add span.Linkify code span, .meme_story_view.gradient_12_add span.Linkify code, .meme_story_view.gradient_12_add span.Linkify a, .meme_story_view.gradient_14_add span.Linkify code span, .meme_story_view.gradient_14_add span.Linkify code, .meme_story_view.gradient_14_add span.Linkify a, .meme_story_view.gradient_16_add span.Linkify code span, .meme_story_view.gradient_16_add span.Linkify code, .meme_story_view.gradient_16_add span.Linkify a { color: #333333 !important; display: flex; flex-direction: column; justify-content: space-evenly; /* line-height: 36px !important; */ align-content: stretch; align-items: center; font-size: 34px; line-height: 40px; font-weight: bold; text-align: center; } .meme_text_part.img_2_add_for_color span.Linkify code span, .meme_text_part.img_2_add_for_color span.Linkify code, .meme_text_part.img_2_add_for_color span.Linkify a, .meme_text_part.img_3_add_for_color span.Linkify code span, .meme_text_part.img_3_add_for_color span.Linkify code, .meme_text_part.img_3_add_for_color span.Linkify a, .meme_text_part.img_4_add_for_color span.Linkify code span, .meme_text_part.img_4_add_for_color span.Linkify code, .meme_text_part.img_4_add_for_color span.Linkify a, .meme_text_part.gradient_2_add_for_color span.Linkify code span, .meme_text_part.gradient_2_add_for_color span.Linkify code, .meme_text_part.gradient_2_add_for_color span.Linkify a, .meme_text_part.gradient_3_add_for_color span.Linkify code span, .meme_text_part.gradient_3_add_for_color span.Linkify code, .meme_text_part.gradient_3_add_for_color span.Linkify a, .meme_text_part.gradient_4_add_for_color span.Linkify code span, .meme_text_part.gradient_4_add_for_color span.Linkify code, .meme_text_part.gradient_4_add_for_color span.Linkify a, .meme_text_part.gradient_5_add_add span.Linkify code span, .meme_text_part.gradient_5_add_add span.Linkify code, .meme_text_part.gradient_5_add_add span.Linkify a, .meme_text_part.gradient_6_add_add span.Linkify code span, .meme_text_part.gradient_6_add_add span.Linkify code, .meme_text_part.gradient_6_add_add span.Linkify a, .meme_text_part.gradient_7_add_add span.Linkify code span, .meme_text_part.gradient_7_add_add span.Linkify code, .meme_text_part.gradient_7_add_add span.Linkify a, .meme_text_part.gradient_8_add_add span.Linkify code span, .meme_text_part.gradient_8_add_add span.Linkify code, .meme_text_part.gradient_8_add_add span.Linkify a, .meme_text_part.gradient_9_add_add span.Linkify code span, .meme_text_part.gradient_9_add_add span.Linkify code, .meme_text_part.gradient_9_add_add span.Linkify a, .meme_text_part.gradient_10_add_add span.Linkify code span, .meme_text_part.gradient_10_add_add span.Linkify code, .meme_text_part.gradient_10_add_add span.Linkify a, .meme_text_part.gradient_12_add_add span.Linkify code span, .meme_text_part.gradient_12_add_add span.Linkify code, .meme_text_part.gradient_12_add_add span.Linkify a, .meme_text_part.gradient_14_add_add span.Linkify code span, .meme_text_part.gradient_14_add_add span.Linkify code, .meme_text_part.gradient_14_add_add span.Linkify a, .meme_text_part.gradient_16_add_add span.Linkify code span, .meme_text_part.gradient_16_add_add span.Linkify code, .meme_text_part.gradient_16_add_add span.Linkify a, .meme_text_part.gradient_5_add_for_color span.Linkify code span, .meme_text_part.gradient_5_add_for_color span.Linkify code, .meme_text_part.gradient_5_add_for_color span.Linkify a, .meme_text_part.gradient_6_add_for_color span.Linkify code span, .meme_text_part.gradient_6_add_for_color span.Linkify code, .meme_text_part.gradient_6_add_for_color span.Linkify a, .meme_text_part.gradient_7_add_for_color span.Linkify code span, .meme_text_part.gradient_7_add_for_color span.Linkify code, .meme_text_part.gradient_7_add_for_color span.Linkify a, .meme_text_part.gradient_8_add_for_color span.Linkify code span, .meme_text_part.gradient_8_add_for_color span.Linkify code, .meme_text_part.gradient_8_add_for_color span.Linkify a, .meme_text_part.gradient_9_add_for_color span.Linkify code span, .meme_text_part.gradient_9_add_for_color span.Linkify code, .meme_text_part.gradient_9_add_for_color span.Linkify a, .meme_text_part.gradient_10_add_for_color span.Linkify code span, .meme_text_part.gradient_10_add_for_color span.Linkify code, .meme_text_part.gradient_10_add_for_color span.Linkify a, .meme_text_part.gradient_12_add_for_color span.Linkify code span, .meme_text_part.gradient_12_add_for_color span.Linkify code, .meme_text_part.gradient_12_add_for_color span.Linkify a, .meme_text_part.gradient_14_add_for_color span.Linkify code span, .meme_text_part.gradient_14_add_for_color span.Linkify code, .meme_text_part.gradient_14_add_for_color span.Linkify a, .meme_text_part.gradient_16_add_for_color span.Linkify code span, .meme_text_part.gradient_16_add_for_color span.Linkify code, .meme_text_part.gradient_16_add_for_color span.Linkify a { color: #333333 !important; } .view_story_right_center .tribel_view_story_right .tribel_story_item_main .meme_story_view.gradient_17_add span.Linkify code, .view_story_right_center .tribel_view_story_right .tribel_story_item_main .meme_story_view.gradient_17_add span.Linkify code span{ color: #FFFFFF !important; } .meme_story_view.gradient_17_add span.Linkify code span, .meme_story_view.gradient_17_add span.Linkify code { color: #FFFFFF !important; } .tribel_story_main .tribel_story_list .meme_text_part p { line-height: 15px !important; text-align: center !important; font-size: 12px !important; width: 100% !important; padding-left: 5px; padding-right: 5px; word-break: break-all; } .tribel_story_default_comment .comment_items a { padding: 0 7px; min-width: 35px !important; min-height: 35px !important; color: #ffffffff; } a.default_comment_username_link { padding-left: 2px !important; /* text-decoration: underline !important; */ } a.default_comment_username_link:hover { text-decoration: underline !important; } .tribel_story_default_comment .comment_items .user-post-pic-holder.avater-image-2021{ min-width: 35px !important; min-height: 35px !important; } .story_reaction .story_like_btn.already_liked { background: gray !important; /* color: red !important; */ } .story_reaction .story_like_btn.already_liked span.icon-love.likeIconSvg.my_streamcontent2_icon { color: white ; } .badge_header.tribel_story_comment_modal_head.modal-header .overview_close { right: -15px; top: -12px; } .story_comment_with_user .comment_time { font-size: 12px; color: #ffffffad; } .story_comment_part .my_streamcontent2.main.after_comment.hello.story_add_comment_comp .cssload-container-div { position: absolute; } .tribel_story_all_comments.in.modal .badge_header.tribel_story_comment_modal_head.modal-header { border-bottom: none !important; } .my_streamcontent2.main.after_comment.hello.story_add_comment_comp .my_streamcontent2_right_input.main { width: 92% !important; } .tribel_story_all_comments .right_popup_post_body .my_streamcontent2.main.after_comment.hello.story_add_comment_comp { padding-left: 0px !important; } .story_name_last_time .last_time_story { margin-left: 6px; color: #ffffff; } .tribel_story_default_comment span.icon-user.user_profile_img-2021 { font-size: 1.8em !important; max-height: 35px; } .tribel_story_comment_modal_head.modal-header h4.modal-title { font-size: 20px !important; height: 40px; display: flex; justify-content: center; align-items: center; } .badge_header.tribel_story_comment_modal_head.modal-header .reply_comment .my_streamcontent3_right_history.main.comment_reply_row.shhh { padding-right: 0px !important; } .story_text_content span.Linkify code { display: flex; flex-direction: column; justify-content: space-evenly; /* line-height: 36px !important; */ align-content: stretch; align-items: center; font-size: 34px; line-height: 35px; font-weight: bold; text-align: center; /* display: flex !important; text-align: center !important; */ } .story_text_content span.Linkify code span{ padding-bottom: 5px; } a.story_link_tag .meme_text_part span.Linkify code { display: flex; flex-direction: column; justify-content: space-evenly; /* line-height: 36px !important; */ align-content: stretch; align-items: center; text-align: center; } .meme_story_view.img_3_add { background-position: inherit !important; background-size: cover !important; } .tribel_create_story_modal_main .tribel_create_story_modal_body .img_3_add.meme_auto_height.img_3_add--multiLine { background-size: cover !important; } .tribel_view_story_right .meme_story_view.img_6_add { background-size: cover !important; background-position: center !important; } .tribel_create_story_modal_body .gradient_18_add__highlighter { box-shadow: none !important; } .tribel_story_modal_comment_reply_loader { position: absolute; /* right: 90px; */ width: 100%; display: flex; justify-content: center; align-items: center; /* left: 10px; */ height: 40px; pointer-events: none; } .tribel_create_story_modal_body .tribel_story_input .img_6_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_5_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_7_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_9_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_11_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_12_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_13_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_14_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_15_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_16_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_17_add__highlighter, .tribel_create_story_modal_body .tribel_story_input .gradient_18_add__highlighter{ box-shadow: none !important; } .tribel_story_main a.story_link_tag .meme_text_part span.Linkify code span { line-height: 15px; font-size: 8px; } .intro_modal_area.tribel_story_crop_modal .overview_close { top: -3px; right: 0px; position: absolute; z-index: 99; } .intro_modal_area.tribel_story_crop_modal { position: relative; } .intro_modal_area.tribel_story_crop_modal .cropper-main { height: 95vh !important; } .intro_modal_area.tribel_story_crop_modal .cropper-main .container-cropper{ height: 90% !important; } .intro_modal_area.tribel_story_crop_modal .cropper-main .container-buttons { height: 10% !important; /* max-width: 100%; min-width: 80% !important; */ } .tribel_story_gradiant_top{ height: 100% !important; } .view_story_right_center .tribel_story_item_main .meme_story_view{ height: 100% !important; } .postMentionsInputBox.post-mention-21.tribel_story_input .img_2_add__highlighter, .postMentionsInputBox.post-mention-21.meam-post-image-open.tribel_story_input .meme_auto_height div div { box-shadow: none !important; } .react-multi-carousel-list.tribel_story_list .meme_preview.img_3_add { background-size: cover !important; } a.story_link_tag .meme_text_part.gradient_11_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.gradient_11_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.gradient_11_add_for_color span.Linkify code span, a.story_link_tag .meme_text_part.gradient_13_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.gradient_13_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.gradient_13_add_for_color span.Linkify code span, a.story_link_tag .meme_text_part.gradient_15_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.gradient_15_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.gradient_15_add_for_color span.Linkify code span, a.story_link_tag .meme_text_part.gradient_17_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.gradient_17_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.gradient_17_add_for_color span.Linkify code span, a.story_link_tag .meme_text_part.gradient_18_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.gradient_18_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.gradient_18_add_for_color span.Linkify code span, a.story_link_tag .meme_text_part.img_5_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.img_5_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.img_5_add_for_color span.Linkify code span, a.story_link_tag .meme_text_part.img_6_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.img_6_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.img_6_add_for_color span.Linkify code span /* a.story_link_tag .meme_text_part.img_2_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.img_2_add_for_color span.Linkify a, a.story_link_tag .meme_text_part.img_2_add_for_color span.Linkify code span */ { color:#FFFFFF; } .meme_text_part.gradient_18_add_for_color span.Linkify code span { color: #FFFFFF; } a.story_link_tag .meme_preview.gradient_18_add { border-radius: 12px; } a.story_link_tag .meme_text_part.img_4_add_for_color span.Linkify code, a.story_link_tag .meme_text_part.img_4_add_for_color span.Linkify code span{ color: #333333 !important; } .tribel_story_default_comment .comment_item span.Linkify code span, .tribel_story_default_comment .comment_item span.Linkify code { font-size: 12px; } .show_image_story .tribel_story_carousel_background_cover { background-repeat: no-repeat; } .create_image_story_preview { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; background: black; } .create_image_story_preview img { width: 100%; max-height: 100%; /* position: absolute; */ /* justify-content: center; */ } a.story_link_tag .meme_text_part span.Linkify a{ display: flex; flex-direction: column; justify-content: space-evenly; /* line-height: 36px !important; */ align-content: stretch; align-items: center; text-align: center; padding: 0px; max-width: 130px !important; word-break: break-all; font-size: 11px; } .meme_text_part.img_2_add_for_color span.Linkify code, .meme_text_part.img_2_add_for_color span.Linkify code span, .meme_text_part.img_2_add_for_color span.Linkify a{ color: black; } /* .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(2), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(3), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(4), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(5), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(6), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(7), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(8), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(9), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(10), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(11), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(12), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(13), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(14), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(15), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(16), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(17), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(18), .tribel_story_default_comment .comment_item span.Linkify code span :nth-child(19){ display:none } */ /* .tribel_story_default_comment .comment_item span.Linkify code :not(:first-child){ display: none; } */ .tribel_story_input .gradient_9_add textarea, .tribel_story_input .gradient_9_add textarea::placeholder, .tribel_story_input .gradient_10_add textarea, .tribel_story_input .gradient_10_add textarea::placeholder, .tribel_story_input .gradient_12_add textarea, .tribel_story_input .gradient_12_add textarea::placeholder, .tribel_story_input .gradient_14_add textarea, .tribel_story_input .gradient_14_add textarea::placeholder, .tribel_story_input .gradient_16_add textarea, .tribel_story_input .gradient_16_add textarea::placeholder{ color: black !important; } .tribel_story_modal_comment_reply_loader .cssload-container-div .cssload-div { left: 0px !important; } .story_comment_part .my_streamcontent2.main.after_comment.hello.story_add_comment_comp .tribel_story_modal_comment_reply_loader .cssload-div { left: 50% !important; } .story_no_more_comments { min-height: 70vh; display: flex; justify-content: center; align-items: center; } .fade.story_comment_delte_modal.in.modal { z-index: 9999999999; } .fade.story_comment_delte_modal.in.modal button.close { font-size: 30px; } button.btn.btn-primary.story_cmt_delete_btn { background: #1388D1 !important; color: white !important; } button.story_cmt_delete_cancel_btn { color: black !important; } .fade.story_comment_delte_modal.in.modal h4.modal-title { text-align: center; /* margin-top: 14px; */ padding-top: 25px; font-size: 17px; } .fade.story_comment_reply_delte_modal.in.modal { z-index: 9999999999; } .fade.story_comment_reply_delte_modal.in.modal button.close { font-size: 30px; } button.btn.btn-primary.story_cmt_delete_btn { background: #1388D1 !important; color: white !important; } button.story_cmt_delete_cancel_btn { color: black !important; } .fade.story_comment_reply_delte_modal.in.modal h4.modal-title { text-align: center; /* margin-top: 14px; */ padding-top: 25px; font-size: 17px; } .tribel_story_carousel_background_cover_new { /* height: 100%; */ /* width: 100%; */ /* background-position: center; */ border-radius: 10px; /* background-size: contain; */ /* background-repeat: no-repeat; */ background-color: black; height: 200px; width: 130px; display: flex; justify-content: center; align-items: center; } .tribel_story_carousel_background_cover_new img.ui.image.tribel_story_img { width: 100%; height: auto; border-radius: 0px; } .tribel_story_carousel_background_cover_new_add { /* height: 100%; */ /* width: 100%; */ /* background-position: center; */ /* border-radius: 10px; */ /* background-size: contain; */ /* background-repeat: no-repeat; */ background-color: black; height: 92vh; display: flex; justify-content: center; align-items: center; } .image_video_story_view .tribel_story_carousel_background_cover_new_add img.ui.image.tribel_story_img { height: auto; max-height: 92vh; } .no_padding_no_margin_no_height{ padding: 0px !important; height: 0px !important; margin: 0px !important; } .user_photo_gallery_area.story_gallery_area .show_profile_or_cover_images.show_story_image .gallery-video-bg.story_gallery_video_bg { height: 300px !important; width: 195px !important; margin: 10px; overflow: hidden; } .portfolio_body .container.custom-container .wall-left-col .portfolio_body_right .show_profile_or_cover_images.show_story_image .gallery-video-bg.story_gallery_video_bg img { height: 100% !important; width: 100% !important; } #show_profile_or_cover_images_show_story_image{ display: grid; grid-template-columns: auto auto auto auto; justify-content: center; width: 826px; margin: 0px 76px; } /* .gallery-video-bg.story_gallery_video_bg.meme_story_part .own_meme_story { height: 100%; text-align: center; padding: 81px 8px; } */ .gallery-video-bg.story_gallery_video_bg.video_story_part span.icon-leftdot.for_VideoStory { position: absolute; top: 0px; height: 40px; right: 10px; cursor: pointer; width: 22px; } .gallery-video-bg.story_gallery_video_bg.image_story_part span.icon-leftdot.for_ImageStory { position: absolute; height: 40px; top: 0px; right: 10px; width: 22px; } .gallery-video-bg.story_gallery_video_bg.meme_story_part span.icon-leftdot.for_MemeStory { position: absolute; top: 0px; height: 40px; right: 10px; cursor: pointer; width: 22px; } .story_option_list_ownStory { display: flex; position: absolute; justify-content: space-around; width: auto; top: 29px; flex-direction: column; flex-wrap: wrap; left: auto; padding: 10px; border-radius: 10px; left:32px; } .my_story_main { position: relative; height: 300px; width: 200px; margin-bottom: 14px; margin: 8px 6px; display: flex; justify-content: center; align-items: center; } .my_story_main span.icon-leftdot.for_VideoStory { position: absolute; right: 0px; top: 0px; z-index: 99; height: 40px; width: 32px; cursor: pointer; color:white; } .my_story_main a.myParentElement { position: absolute; /* padding-right: 110px; */ } .icon-delete .forOwnStory{ cursor:pointer } .my_story_main .own_meme_story.img_5_add span.Linkify code span, .my_story_main .own_meme_story.img_5_add span.Linkify code, .my_story_main .own_meme_story.img_5_add span.Linkify a, .my_story_main .own_meme_story.img_6_add span.Linkify code span, .my_story_main .own_meme_story.img_6_add span.Linkify code, .my_story_main .own_meme_story.img_6_add span.Linkify a, .my_story_main .own_meme_story.gradient_11_add span.Linkify code span, .my_story_main .own_meme_story.gradient_11_add span.Linkify code, .my_story_main .own_meme_story.gradient_11_add span.Linkify a, .my_story_main .own_meme_story.gradient_13_add span.Linkify code span, .my_story_main .own_meme_story.gradient_13_add span.Linkify code, .my_story_main .own_meme_story.gradient_13_add span.Linkify a, .my_story_main .own_meme_story.gradient_15_add span.Linkify code span, .my_story_main .own_meme_story.gradient_15_add span.Linkify code, .my_story_main .own_meme_story.gradient_15_add span.Linkify a, .my_story_main .own_meme_story.gradient_17_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_17_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_17_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_18_add span.Linkify code span, .my_story_main .own_meme_story.gradient_18_add span.Linkify code, .my_story_main .own_meme_story.gradient_18_add span.Linkify a, .my_story_main .own_meme_story.gradient_17_add span.Linkify code span, .my_story_main .own_meme_story.gradient_17_add span.Linkify code, .my_story_main .own_meme_story.gradient_17_add span.Linkify a { color: #FFFFFF !important; display: flex; flex-direction: column; justify-content: space-evenly; /* line-height: 36px !important; */ align-content: stretch; align-items: center; font-size: 17px; line-height: 29px; font-weight: bold; text-align: center; padding: 0px 5px; } .my_story_main .own_meme_story.img_2_add span.Linkify code span, .my_story_main .own_meme_story.img_2_add span.Linkify code, .my_story_main .own_meme_story.img_2_add span.Linkify a, .my_story_main .own_meme_story.img_3_add span.Linkify code span, .my_story_main .own_meme_story.img_3_add span.Linkify code, .my_story_main .own_meme_story.img_3_add span.Linkify a, .my_story_main .own_meme_story.img_4_add span.Linkify code span, .my_story_main .own_meme_story.img_4_add span.Linkify code, .my_story_main .own_meme_story.img_4_add span.Linkify a, .my_story_main .own_meme_story.gradient_2_add span.Linkify code span, .my_story_main .own_meme_story.gradient_2_add span.Linkify code, .my_story_main .own_meme_story.gradient_2_add span.Linkify a, .my_story_main .own_meme_story.gradient_3_add span.Linkify code span, .my_story_main .own_meme_story.gradient_3_add span.Linkify code, .my_story_main .own_meme_story.gradient_3_add span.Linkify a, .my_story_main .own_meme_story.gradient_4_add span.Linkify code span, .my_story_main .own_meme_story.gradient_4_add span.Linkify code, .my_story_main .own_meme_story.gradient_4_add span.Linkify a, .my_story_main .own_meme_story.gradient_5_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_5_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_5_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_6_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_6_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_6_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_7_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_7_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_7_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_8_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_8_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_8_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_9_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_9_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_9_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_10_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_10_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_10_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_12_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_12_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_12_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_14_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_14_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_14_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_16_add_add span.Linkify code span, .my_story_main .own_meme_story.gradient_16_add_add span.Linkify code, .my_story_main .own_meme_story.gradient_16_add_add span.Linkify a, .my_story_main .own_meme_story.gradient_5_add span.Linkify code span, .my_story_main .own_meme_story.gradient_5_add span.Linkify code, .my_story_main .own_meme_story.gradient_5_add span.Linkify a, .my_story_main .own_meme_story.gradient_6_add span.Linkify code span, .my_story_main .own_meme_story.gradient_6_add span.Linkify code, .my_story_main .own_meme_story.gradient_6_add span.Linkify a, .my_story_main .own_meme_story.gradient_7_add span.Linkify code span, .my_story_main .own_meme_story.gradient_7_add span.Linkify code, .my_story_main .own_meme_story.gradient_7_add span.Linkify a, .my_story_main .own_meme_story.gradient_8_add span.Linkify code span, .my_story_main .own_meme_story.gradient_8_add span.Linkify code, .my_story_main .own_meme_story.gradient_8_add span.Linkify a, .my_story_main .own_meme_story.gradient_9_add span.Linkify code span, .my_story_main .own_meme_story.gradient_9_add span.Linkify code, .my_story_main .own_meme_story.gradient_9_add span.Linkify a, .my_story_main .own_meme_story.gradient_10_add span.Linkify code span, .my_story_main .own_meme_story.gradient_10_add span.Linkify code, .my_story_main .own_meme_story.gradient_10_add span.Linkify a, .my_story_main .own_meme_story.gradient_12_add span.Linkify code span, .my_story_main .own_meme_story.gradient_12_add span.Linkify code, .my_story_main .own_meme_story.gradient_12_add span.Linkify a, .my_story_main .own_meme_story.gradient_14_add span.Linkify code span, .my_story_main .own_meme_story.gradient_14_add span.Linkify code, .my_story_main .own_meme_story.gradient_14_add span.Linkify a, .my_story_main .own_meme_story.gradient_16_add span.Linkify code span, .my_story_main .own_meme_story.gradient_16_add span.Linkify code, .my_story_main .own_meme_story.gradient_16_add span.Linkify a { color: #333333 !important; display: flex; flex-direction: column; justify-content: space-evenly; /* line-height: 36px !important; */ align-content: stretch; align-items: center; font-size: 17px; line-height: 29px; font-weight: bold; text-align: center; padding: 0px 5px; } .my_story_main .own_meme_story.img_2_add, .my_story_main .own_meme_story.img_3_add , .my_story_main .own_meme_story.img_4_add , .my_story_main .own_meme_story.img_5_add , .my_story_main .own_meme_story.img_6_add , .my_story_main .own_meme_story.gradient_2_add , .my_story_main .own_meme_story.gradient_3_add , .my_story_main .own_meme_story.gradient_4_add, .my_story_main .own_meme_story.gradient_5_add, .my_story_main .own_meme_story.gradient_6_add, .my_story_main .own_meme_story.gradient_7_add , .my_story_main .own_meme_story.gradient_8_add, .my_story_main .own_meme_story.gradient_9_add, .my_story_main .own_meme_story.gradient_10_add, .my_story_main .own_meme_story.gradient_11_add, .my_story_main .own_meme_story.gradient_12_add, .my_story_main .own_meme_story.gradient_13_add, .my_story_main .own_meme_story.gradient_14_add, .my_story_main .own_meme_story.gradient_15_add, .my_story_main .own_meme_story.gradient_16_add, .my_story_main .own_meme_story.gradient_17_add, .my_story_main .own_meme_story.gradient_18_add{ padding: 0px !important; height: 100% !important; display: flex; justify-content: center; align-items: center; } .my_story_main .tribel_story_gradiant_top { position: absolute; height: 300px; width: 195px; border-radius: 12px; } .my_story_main a.myParentElement .gallery-video-bg.story_gallery_video_bg.meme_story_part, .my_story_main a.myParentElement .gallery-video-bg.story_gallery_video_bg.video_story_part, .my_story_main a.myParentElement .gallery-video-bg.story_gallery_video_bg.image_story_part { margin: 0px !important; } .my_story_main a.myParentElement .own_meme_story span.Linkify a { word-break: break-all; } .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .gallery-video-bg.story_gallery_video_bg.image_story_part img, .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .gallery-video-bg.story_gallery_video_bg.video_story_part img{ border-radius: 12px; } .gallery-video-bg.story_gallery_video_bg.meme_story_part .own_meme_story { border-radius: 12px; }