:root { --background: #001426; --contrast: white; --gray: #bfb9b9; --grayback: #36363696; --warm: #f2c60f; --yellow: #fcdb38; --yellow2: #fcdb38; --yellow3: #fcdb38; --warm2: #ffd663; --yellow_black: #fcdb38; --border: #fcdb38; --gray_white: #413F3F; --light_back: #f0f0f0; --light_yellow: #fffbeb; --background-app: #001426; --background-secondary: #001d38; --light_green: #ecfdf5; } body.light_theme { --background: #f0f0f0; --contrast: #111; --gray: #5b5b5b; --grayback: #e9e9e9; --yellow2: #ffb92c; --yellow3: #c69100; --warm2: #cb9e06; --yellow_black: #000000; --border: #888888; --gray_white: white; --background-app: #f0f0f0; } /*Tags*/ /*body .main_menu a:hover {color: white; text-decoration: underline;}*/ .short_mes {font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif} body .main_menu .menu_item:hover:before {bottom: -3px; content: ''; position: absolute; display: block; height: 1px; background: white; width: 100%;} html body {background: var(--background)!important;} .template_submenu.submenu a:hover {color: white; text-decoration: underline;} h1 {font-size: 50px; font-weight: bold; letter-spacing: 5px; } .main_content a {color: white; /*opacity: 0.9;*/} .adm_page .whiteback a, .adm_page .my_box a {color: #c6a866;} body .black_background a {color: #fcdb38;} .my_box a {color: #f8d93a;} body .black_background a:hover {text-decoration: underline; opacity: 0.95;} [i="text_1606470035039_10"] a {text-decoration: unset;} picture { display: block; line-height: 1; font-size: 0; } /*End tags*/ /*Layout*/ .main_content {margin-top: 56px;} /*.in_system .main_content {margin-top: 112px;}*/ .adm.in_system .main_content {margin:unset;} .website_footer .footer {background-color: #333333!important; margin-top: 80px;} .g4, [g4] {grid-template-columns: 24% 24% 24% 24%; column-gap: 1.333%;} /*End layout*/ /*Main / useful classes*/ body .white_block {background: unset;} .category_title {text-indent: 2px; letter-spacing: 2px;} .bg-light_yellow {background: var(--light_yellow); color: #92400e} .bg-light_green {background: var(--light_green); color: rgb(6 95 70)} .bg-light_yellow a {color: #92400e;} body.light_theme .main_content .bg-light_yellow a {color: #92400e;} body.light_theme .main_content .bg-light_green a {color: rgb(6 95 70);} /*Menu*/ /*Nov 2022 fixes GJW*/ .black_theme svg .background_path {fill: #ffffff} .new_main_menu .logo_column { border-top-right-radius: 40px; border-bottom-right-radius: 40px; margin-right: 20px; background: var(--light_back); } /*.new_main_menu {background: var(--light_back); color: #111;} body .new_main_menu a {color: #111;} body .new_main_menu a:hover {color: #c6a866;} body .new_main_menu .template_submenu.submenu { background: #f0f0f0; box-shadow: #777171 1px 1px 7px 0px; } body .new_main_menu .template_submenu.submenu a:hover { color: #ebb439; } body .new_main_menu .menu_item:hover .submenu .menu_item:hover .submenu { background: #e4e2e1; }*/ /*End fixes*/ .admin_menu[data-lang="zh_HK"], .admin_menu[data-lang="zh"] { font-size: 17px; } body.light_theme .transparent_20:after, body.light_theme .transparent_30:after { content: ""; position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; left: 0; background: rgb(0 0 0); transition: all 0.5s; -webkit-transition: all 0.5s; } .transparent_20 {opacity: 0.4;} body.light_theme .transparent_20, body.light_theme .transparent_30 {opacity: 1;} body.light_theme .transparent_20:after { opacity: 0.5; } body.light_theme .transparent_30:after { opacity: 0.9; } body.light_theme .mobile_menu i, .light_theme .published_day {color: #111!important;} body.light_theme .menu_item:hover .submenu .menu_item:hover .submenu {background: #e4e2e1;} body.light_theme .castle_image.bold_image:before, body.light_theme .payment_window.my_box {background: #f0f0f0!important; color: #111;} body.light_theme .border_white {border-color: #111!important;} .light_theme .select_list_menu {background: white;} body.light_theme .template_submenu.submenu { background: #f0f0f0; box-shadow: #777171 1px 1px 7px 0px; } body.light_theme .main_menu .menu_item:hover:before {background: #111;} body.light_theme .main_content a { color: #111; } body.light_theme .main_content a:hover { color: #c6a866; } body.light_theme .one_audio2 i.fa-download { color: #111; } .light_theme [type="files"] .one_audio_container i {color: #111;} body.light_theme .audio-player, body.light_theme .audio-player .player-controls { background: white; } body.light_theme .modal-content p, body.light_theme .start-time { color: #111; } body.light_theme .popupAudioBtn {color: #ffc702;} body.light_theme .audio_bottom_block div svg {fill: #636363;} body.light_theme .videoSpeed { color: #111; } .audio_bottom_block a {color: #111;} body.light_theme .volumeInput { background: #b5b5b8; } body .volumeInput { display: flex; align-items: center; margin-top: 6px; margin-right: 10px; } body.light_theme .volumeInput::-webkit-slider-thumb { box-shadow: -80px 0 0 80px #000000; background: #0287ff; } body.light_theme { background: #f0f0f0!important; color: #111; } body.light_theme .admin_menu .menu_item .submenu a {color: white;} body.light_theme .admin_menu .menu_item .submenu {background: #499dc8;} body.light_theme .admin_menu {background: #f4fbff;} body.light_theme [color="#ffd663"], body.light_theme [color="#efc631"], body.light_theme .theme_yellow, body.light_theme .admin_menu, body.light_theme .accent {color: #cb9e06!important;} .light_theme .codec_field .select_list {border: 3px solid #dab601;} .light_theme .select_list i {color:#dab601;} .light_theme .select_list_menu .select_list_option:hover {background: #fcdb38; color: #111;} body.light_theme .link_to_category_page {color: #111;} body.light_theme .link_to_category_page[href="#"], body.light_theme [type="files"] p[type] a[accent] {color: #111!important;} body.light_theme a.link_to_category_page:hover {color: #c6a866;} body.adm_page.light_theme .whiteback a {color: #c6a866!important;} body.light_theme .website_footer .footer, body.light_theme .subscriber_page_content .codec_field input[disabled] {background-color: #dbdcdf!important; color: #111;} body.light_theme .website_footer .footer a {color: #111;} body.light_theme .button, body.light_theme button { background: #ffb92c; color: #111; border: unset; } body.light_theme .subscriber_page_content .codec_field input, body.light_theme .subscriber_page_content .codec_field textarea, body.light_theme #a_payment_form.my_custom_form input, body.light_theme #a_payment_form.my_custom_form select, body.light_theme .payment_window.my_box .column_1 input, body.light_theme .payment_window.my_box .column_1 textarea, body .comments_block textarea { background: white!important; color: #111!important; box-shadow: -1px 0 5px 0px rgb(0 0 0 / 30%)!important; } body.light_theme .white_block.whiteback.subscriber_page_content { color: #111; } body.light_theme .subscriber_page_content .nicetable2 th, body.light_theme .subscriber_page_content .nicetable2 td {color: #111;} body.light_theme .main_menu:after {background: #f0f0f0;} body.light_theme .category_description, body.light_theme .comment_author_info {border-color: #111!important;} body.light_theme .template_submenu.submenu a:hover {color: #ebb439;} body.light_theme img[src="/load/view.php?a=aHR0cDovL2ltZy5wdXJlc3ByaW5nLnR2L3RoZW1lL3doaXRlLXF1b3RlLWljb24ucG5n"], body.light_theme .slider_arrow, .light_theme [type="files"] p[type]:before {filter: invert(1);} body.light_theme img[src="/load/view.php?a=aHR0cHM6Ly9pbWcucHVyZXNwcmluZy50di90aGVtZS9kZXNpZ24tanVseS0yMDIxL2ljb25zL2Nhc3RsZV/ln47loKFf57KXLnBuZw"], body.light_theme img[src="/load/view.php?a=aHR0cHM6Ly9pbWcucHVyZXNwcmluZy50di90aGVtZS9kZXNpZ24tanVseS0yMDIxL2ljb25zL2Nhc3RsZV/ln47loKFf57SwLnBuZw"] { filter: invert(0.5); } body.light_theme .subscriber_page_content [gray2] {color: gray;} body.light_theme .subscriber_page_content .individual_image_drop, body.light_theme .highlight_block.success, body.light_theme .highlight_block.warning {border-color: #00a4ff!important} body.light_theme .comments_block textarea, body.light_theme .white_on_light {background: white!important; color: #111!important} body.light_theme ::-webkit-input-placeholder {color: #111;} body.light_theme ::-moz-placeholder {color: #111;} body.light_theme :-ms-input-placeholder {color: #111;} body.light_theme :-moz-placeholder {color: #111;} /*mobile menu === */ .my_box.fullwidth.mobile_menu_view {background: #111; padding:0;} .mobile_menu_view .message_text > h3:first-child {margin-top: 0; padding-top: 70px;} .mobile_menu_view .message_headline {display: none;} .mobile_menu_view .message_text > .mobile_submenu_content {margin-left: 30px;} .mobile_menu_view .message_text > * {padding: 0 30px; font-weight: bold;} /* .my_box.fullwidth.mobile_menu_view .message_text {padding: 0;} */ /**/ .main_menu, .in_system .main_menu {position: fixed;} .adm .main_menu {position: relative;} body .admin_menu {z-index: 2;} .main_menu:after {opacity: 1; background: var(--background-secondary);} .menu_item:hover .submenu .menu_item:hover .submenu { display:block; } .menu_item:hover .submenu .menu_item:hover .submenu {background: #373636;box-shadow: -1px 0px 6px 0px white; width: 230px;} .menu_item:hover .submenu .submenu_item a:hover {text-decoration: unset;} .new_main_menu .list_contents .submenu_item a {padding: 5px 10px;} .new_main_menu .fas.fa-chevron-down {display:none;} .menu_my_account .template_submenu.submenu {left: -20px; width: 100px; margin-top: 0px;} .subscriber_menu.admin_menu { background: unset; border-bottom: 1px solid white; padding-bottom: 10px; display:none; } .my_box .close_i { right: 10px; padding: 10px; font-size: 25px; top: 10px; } .submenu .submenu .menu_item {width: 100%;margin:0!important; font-size: 16px;} .subscriber_menu a {position: relative; } .subscriber_menu a:hover:before {bottom: -3px; content: ''; position: absolute; display: block; height: 1px; background: white; width: 100%;} .template_submenu.submenu {background: #000000; top:18px!important;width: 230px;} .screen_scroll_button {z-index: 2; transition: unset; right: 25px; display:none; width: 35px; height: 35px; background-size: cover;} .arrow_top.screen_scroll_button {bottom: 200px; right: 25px; background-image:url(//img.purespring.tv/theme/design-july-2021/up-top-line.png); } .arrow_down.screen_scroll_button {position: fixed; bottom: 150px; background-image:url(//img.purespring.tv/theme/design-july-2021/down-bottom-line.png);} .light_theme .screen_scroll_button.arrow_top {background-image:url(//img.purespring.tv/theme/design-july-2021/up-top-selected.png);} .light_theme .screen_scroll_button.arrow_down {background-image:url(//img.purespring.tv/theme/design-july-2021/down-bottom-selected.png);} .arrow_top:hover, .arrow_top.moving {background-image:url(//img.purespring.tv/theme/design-july-2021/up-top-selected.png);} .arrow_down:hover, .arrow_down.moving {background-image:url(//img.purespring.tv/theme/design-july-2021/down-bottom-selected.png);} .new_main_menu {z-index: 3;} .admin_menu {z-index: 1;} .new_main_menu .main_menu_link {display: inline-block;} .new_main_menu .list_contents a {padding: 0px 5px;} .new_main_menu .list_contents > [i="row_1615973335378_14"]:first-child > .menu_item {margin-left: 0!important;} .new_main_menu .list_contents > [i="row_1615973335378_14"]:first-child > .menu_item > a {padding-left: 0!important;} .admin_menu a[href="/load/view.php?a=aHR0cHM6Ly9wdXJlc3ByaW5nLnR2Li9teS9hY2NvdW50"] {display: none!important;} @media only screen and (max-width: 1200px) { .logo_column { border-radius: 40px; padding: 20px; margin: 5px 0; } } /*End menu*/ /*Forms*/ .svg_form_page #short_messagex_box_c {width:50%!important; bottom: 15%;} @media only screen and (max-width: 600px) { .svg_form_page #short_messagex_box_c {width:100%!important;} } ::-webkit-input-placeholder {color: white;} ::-moz-placeholder { /* Firefox 19+ */ color: white;} :-ms-input-placeholder { /* IE 10+ */ color: white;} :-moz-placeholder { /* Firefox 18- */ color: white;} .adm_page ::-webkit-input-placeholder {color: #111;} .adm_page ::-moz-placeholder { /* Firefox 19+ */ color: #111;} .adm_page :-ms-input-placeholder { /* IE 10+ */ color: #111;} .adm_page :-moz-placeholder { /* Firefox 18- */ color: #111;} /*Svg form*/ #terms_link, #signup_button, #subscription_link, #checked_icon { cursor: pointer; } #checked_icon path {display: none;} #terms_link path, #subscription_link path {transition: all 0.5s;} #subscription_link, #terms_link {stroke: #5d96d300!important; stroke-width: 0.6em!important; fill: #1110!important;} .svg_container input {width: 100%; background: unset; border: unset; outline: none; padding-left: 0.5em; font-size: 25px; font-size: 1.5em; height: 100%; color: #111; } #subscription_link:hover path, #terms_link:hover path {fill: #ffc107!important;} svg #email_input path {display: none;} svg #phone_input path {display: none;} /*Comments*/ .comments_block .actions_block {margin-top: 0px;} .comments_block .posted_date {margin: 0px;} .my_custom_form.new_comment {position: relative;} .my_custom_form.new_comment .spinner { position: absolute; bottom: 0; left: 0; } .comments_block .emoji_container { position: absolute; right: 200px; bottom: 0; } body .comments_block textarea { background: black!important; color: white!important; outline: unset; border: 2px solid white; } .animated_buttons .postcom.button { background: white; color: #111;padding: 11px 42px!important; width: auto; font-weight: bold!important; letter-spacing: 1px;} .postcom.button i {display:none;} .comment_author_info {border-bottom: 1px solid white; width: 100%; padding-bottom: 10px; margin-bottom: 10px;} .child_comment .comment_author_info {border:unset;} .default_avatar, .avatar_image {border-radius: 50%; min-width: 60px; width: 60px; height: 60px; } .default_avatar { background-color: unset!important; text-transform: uppercase; background-size: 100%!important; font-size: 30px; /* padding-right: 5px; */ } .child_comment .default_avatar, .child_comment .avatar_image { width: 40px; height: 40px; min-width: 40px; font-size: 20px; } .default_avatar[style="background-color: #006622"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/green-1.png); } .default_avatar[style="background-color: #4DA6FF"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/blue-1.png); } .default_avatar[style="background-color: #FFA64D"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/orange.png); } .default_avatar[style="background-color: #05ba23"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/green-2.png); } .default_avatar[style="background-color: #8000FF"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/purple.png); } .default_avatar[style="background-color: #FF8095"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/pink-1.png); } .default_avatar[style="background-color: #0055FF"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/blue-2.png); } .default_avatar[style="background-color: #8ab146"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/yellow.png); } .default_avatar[style="background-color: #e5be00"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/yellow.png); } .default_avatar[style="background-color: #001580"] { background-image: url(//img.purespring.tv/theme/design-july-2021/color-circles/blue-2.png); } /*Buttons*/ body .button, body button { background: black; border: white 3px solid; padding: 7px 50px; color: white; letter-spacing: 4px; text-indent: 4px; } .tag.green, .button.tag {border:unset;} .button.more_button {padding-top: 14px; padding-bottom: 14px;} [ii=audio_tracks] .more_button {padding: 7px 50px;} .no_spacing .button {letter-spacing: 0; text-indent: 0;} .whiteback .button, .whiteback button:not(.tag) {background: white; color: #111; border: 3px solid #111; text-align: center;} .update_acc {width: 100%!important; font-weight: bold!important; letter-spacing: 10px!important;} .old_arrow_top {display: none!important} body .button.black_yellow {color: var(--yellow_black); background: var(--background); border-color: var(--border); border-width: 2px; border-style: solid;} body a.button.black_yellow:hover, body a.button.black_yellow.active {background: var(--warm); color: #111; border-color: var(--warm);} #a_payment_form .cancel_pay_button {color: orange;} .auth_page .whiteback .button.try_subscription, .adm_page .button, .adm_page button, .adm_page h1 {text-indent: unset; letter-spacing: unset;} .black_white:hover {background: white; color: black;;} .category_sub_button .button[product=""] {display: none;} .category_sub_button.category_button {display: none;} .button[flex] {align-items: center;} .category_sub_button .button {min-width: 66px;} a.link_to_category_page {color: white;} a.link_to_category_page[href="#"] {color: white!important; cursor: default!important;} body .sub_to_34_but,body .sub_to_59_but,body .sub_to_60_but {display:none!important;} /*a.link_to_category_page:hover {color: white;}*/ /**/ /*Table*/ .nice_table_row {display: grid; grid-template-columns: 49% 49%; column-gap: 2%; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid gray;} .nice_table_key {font-weight: bold;} .nice_table_value {justify-content: end; align-items: center; display: flex; } /*Payment*/ .payment_window.my_box {background: white; color: #111; border:unset;} .a_form_box {background-color: white; color: #111;} body #a_payment_form.my_custom_form input {background-color: white; border: 1px solid #111; color: #111;} body #a_payment_form.my_custom_form select {width: 100%; background-color: white; border: 1px solid #111; color: #111;} .a_form_box ::placeholder { color: #111; opacity: 1; } .a_form_box .button.anet_pay_button {background: var(--yellow2); color: #111;} .existing_cards {text-align: center;} .existing_cards select {width: 150px;} .a_existing_card[style="display: inline;"] {display: block!important;} .a_another_card, .a_existing_card {border-radius: unset; display: block; width: 150px; margin: auto; text-align: center;} .wallet_page .pay_from_wallet_container {display:none;} .subscriber_page_content table .try_subscription {display: none;} .cancel_pay_button {display: none;} body .button.anet_pay_button {font-weight: 900; letter-spacing: 11px; text-indent: 11px; font-size: 35px; margin-right: 0!important} /*Login*/ .in_system .try_subscription[product="56"] {display: none;} .login_page .main_menu:after {opacity: 0!important;} .login_page #login_button {background: white!important; color: #111!important;} .login_page .my_box .social_buttons_container {display: none;} #googleBtn .abcRioButton {border-radius: 3px;} #short_messagex_box_c .short_mes.logged_in_notification i { display: none; } #short_messagex_box_c .short_mes.logged_in_notification { position: fixed; bottom: 80px; padding: 5px; width: 250px; margin: auto; left: 0; right: 0; text-align: center; font-weight: 600; background: #fcdb38; color: #111; font-family: 'Noto Sans TC'; border: unset; } /*End login*/ /*Banners*/ svg text {font-family: unset!important;} svg #price_image {display: none;} /*Sliders*/ /*.top_slider {display:none;}*/ .splide__pagination:not(.top_slider .splide__pagination) {display:none;} .slider_block .on_load_hidden, .slider_container .on_load_hidden {visibility: hidden;} .splide__slide img {max-width: 100%;} .slider_container .splide__slide.is-visible {visibility: visible!important;} .splide__arrow.splide__arrow--prev {left: -60px;display:none;} .splide__arrow.splide__arrow--next {right: -60px;display:none;} .splide__pagination {bottom:-10px;} .slider_arrow {cursor: pointer; position: absolute; top: 30%; width: 20px;} .slider_left {left: -40px; } .slider_right {right: -40px;} .slider_right.disabled, .slider_left.disabled {opacity: 0.5;} .slider_block .slider_right {right: -40px;} .slider_block .slider_left {left: -40px;} .splide__pagination__page.is-active {transform: scale(1.2); margin-right: 4px; margin-left: 4px;} .splide__pagination__page {opacity: 1; background: black; border: 1px solid white;} .top_slider .splide__pagination {bottom: 70px; width: 500px; max-width: 500px; padding: 0 5px; justify-content: space-between;} .top_slider .splide__pagination .splide__pagination__page.is-active {background: white; transform: unset; opacity: 1;} .top_slider .splide__pagination .splide__pagination__page {background: unset; border: 1px solid white; opacity: 1;} .top_slider .splide__pagination li {display: flex; align-items: center;} .top_slider .splide__pagination li button {width: 12px; height: 12px;} .top_slider .slider_button a {display:inline-block;} .one_audio2 .image_container {opacity: 0.9;} .one_audio2 .image_container:hover {opacity: 1;} body .audio-player { background: #0f4181; background: #e6e6e6; /*border: 1px solid white;*/ height: 150px; } .black_theme .audio-player, .black_theme .audio_attachments, .black_theme .audio-player .player-controls, .black_theme .player_minimized .autoplay_buttons_container {background: #1169cf} .audio_attachments {background: white; color: #111;text-align: center; margin-top: 5px; padding: 10px;} .audio_attachments a {color: #111;} /*#audio_player_window {overflow: hidden}*/ .autoplay_buttons_container { z-index: 10000; position: relative;} .autoplay_buttons_container .autoplay_buttons {padding-right: 10px;} .black_theme .audio_attachments, .black_theme .audio_attachments a, body.black_theme .modal-content p, body.black_theme .start-time, .black_theme .videoSpeed {color: white;} .black_theme .audio_bottom_block div svg {fill: white} body.black_theme .volumeInput::-webkit-slider-thumb {box-shadow: -80px 0 0 80px #13d4ec;background: #ffffff;} .black_theme .audio-player .progress {background: #13d4ec} .audio_attachment_files {font-size: 15px;} .audio_attachment_files i {color: #7a7a7a;} .black_theme .audio_attachment_files i {color: #dad3d3;} .audio-player .display { background: #b1b0b0; } body .videoSpeedBlock ul {box-shadow: unset;} body .audio_bottom_block .videoSpeedBlock {background: #262323e0; color: white;} body .audio-player .player-controls{ background: #e6e6e6; } body .modal-content p, body .start-time { color: #111; } body .popupAudioBtn, body .popupAudioBtn:hover {color: #ffc702;} body .audio_bottom_block div svg {fill: #636363;} .player_minimized .autoplay_buttons_container { padding-top: 5px ; padding-bottom: 5px;} .light_theme .player_minimized .autoplay_buttons_container {background: white;} .light_theme .player_minimized .autoplay_buttons {color: #111} .light_theme .player_minimized .audio_attachments {border-top: 1px solid #2196F3;} .black_theme .player_minimized .audio_attachments {border-top: 1px solid white;} .black_theme .player_minimized .close_button {left: 0; right: unset;} body .videoSpeed { color: #111; } body .volumeInput { background: #b5b5b8; } body .volumeInput::-webkit-slider-thumb { box-shadow: -80px 0 0 80px #000000; background: #0287ff; } /*.audio_bottom_block .videoSpeedBlock {#000000cc}*/ .audio-player .progress {background: #597caf;} .image_badge_container .image_badge {width: 11%; margin-left: 460px;} .image_badge_container {position: absolute; bottom: 35px; left: 0; z-index: 1; width: 100%; margin: auto; right: 0;} .image_badge_container[i="10"] {bottom: 60%;} .image_badge_container[i="10"] .image_badge {margin-left: 40%;} .top_slider .slider_button[category="2"] {padding-left: 45%!important; bottom: 13%!important;} .top_slider .slider_button[category="2"] .black_white {margin-left: 0!important;} .top_slider .slider_button[category="177"], .top_slider .slider_button[category="178"], .top_slider .slider_button[category="181"], .top_slider .slider_button[category="182"] {display:none;} [category="179"][m="audio"] a, [ii="audio_tracks_subscription_179"] a {display: none;} /*.top_slider .slider_button {bottom: 100px15%!important;}*/ /*.top_slider .slider_button {bottom: 15%!important;}*/ /*Subscriber pages*/ .white_block.whiteback.subscriber_page_content {background:unset!important; color: white; box-shadow: unset;} .subscriber_page_content h1 {text-align: center;} .subscriber_page_content [gray2] {color: white;} .subscriber_page_content .codec_field input, .subscriber_page_content .codec_field textarea { background: black!important; color: white!important; box-shadow: -1px 0px 7px white!important; } .subscriber_page_content .nicetable2 th, .subscriber_page_content .nicetable2 td {color: white;} .subscriber_page_content span.required_field[red] {display:none;} .subscriber_page_content input[disabled] { background: #e3e2e2!important; color: #111!important; } .subscriber_page_content .tag.red {color: white;} .subscriber_page_content .modes_element[test] .live_text a {color: #ffeb3b!important;} .subscriber_page_content .modes_element[test] .test_text a {color: #4caf50!important;} .reactivate_subscription, .change_plan_button {width: 250px;} .subscriber_page_content .individual_image_drop {border-color: #fcdb38!important} /*End Subscriber pages*/ /*Useful classes*/ .abs_crossed { position: relative; } .abs_crossed:after { width: 110%; left: -5%; position: absolute; display: flex; align-items: center; content: ''; background: #ff5722; height: 3px; top: -4px; margin: auto; bottom: 0; } /*Post template*/ .post_2421 .author_column {display:none} .title_container a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; } .comments_menu_container {position: absolute; left: 0; right: 0; top: 40px; bottom: 0; height: 30px; margin: auto; text-align: center;} .comments_menu_name {margin-bottom: 5px;} .post_tab_el p[type="mp3"]:before { background-image: url(//img.purespring.tv/theme/design-july-2021/icons/MP3.png); } .post_tab_el p[type="pdf"]:before { background-image: url(//img.purespring.tv/theme/design-july-2021/icons/PDF.png); } .light_theme .post_tab_el p[type="pdf"]:before {filter: contrast(0);} .post_tab_el p[type] a[accent] {color: var(--contrast)!important;} .post_tab_el p[type] a[accent]:hover {color: #c6a866!important;} .post_tab_el p[type] {position: relative; padding-left: 60px;} .post_tab_el p[type]:before { position: absolute; top: 0; width: 40px; height: 52px; background-size: 100%; background-repeat: no-repeat; left: 0px; content: ''; } .castle_image.bold_image:before { background: #111; bottom: -24px; left: 3.5px; width: 99.4px; height: 30px; content: ''; z-index: 1; position: absolute; } .castle_image::after{ position: absolute; left: 0; right: 0; text-align: center; bottom: 0; margin: auto; height: 20px; top: 50px; } .castle_image[type=files]::after { content: '音頻'; } .castle_image[type=pdf]::after { content: '文稿'; } .castle_image[type=body]::after { content: '簡介'; } .castle_image[type=comments].no_comments_name::after { content: '留言'; } @media only screen and (max-width: 600px) { .post_tab .comments_menu_name { top: -11px!important; left: -7px!important; font-size: 17px; } .post_tab .comments_count { top: 9px!important; left: -31px!important; font-size: 15px!important; } [i="row_1630332842446_104"]:before { bottom: -13px; } .castle_icon.active:before { bottom: -20px; left: -12.2px; width: 62px; height: 30px; } .castle_icon:after { top: -54px; left: -15px; width: 36px; height: 69px; } } .post_tab_el[type="files"] h2.f23 {display:none!important;} .play_error.audio_box { /* height: 120px; */ width: 300px!important; } .play_video_block .video_featured .buttons_block {display: flex!important;height: 72px;} .video_featured {text-align: center;} .video_featured:hover img { filter: brightness(0.7); } .video_featured img {max-width: 100%; width: 100%;filter: brightness(0.5);} .video_featured .buttons_block {display: block!important;} .video_featured .buttons_block a.button {padding: 7px 10px;} .video_featured .buttons_block { top: 0; left: 0; bottom: 0; height: 180px; margin: auto; right: 0; width: 70px; text-align: center; font-size: 70px; cursor: pointer; line-height: 1; } /*End post template*/ /*Subscription*/ .my_box .window_element, .my_box.auto_renew_notice, .my_box.successful_subscription {background: #f3e7a8!important;} .my_box .window_element .button, .my_box.auto_renew_notice .button, .my_box.successful_subscription .button{background: #ed7d31!important; border: unset;} .my_box.auto_renew_notice .button a, .my_box.successful_subscription .button a {color: white!important;} .my_box.suggestion_window.only_message {padding-top: unset;} .subscribe_now_button {background: #111; transition: unset; color: white;} .subscribe_now_button span {color: white;} .already_subscribed.subscribe_now_button {background: #111; color: white; letter-spacing: 1px; text-indent: 1px;} .price_template .one_product {background: unset; transition: all 0.25s;} .price_template .price_block {transition: all 0.25s;} /*.price_template:hover .price_block {border-width: 2px;} .price_template:hover .one_product {border-width: 2px;}*/ .subscribe_now_button:hover {background: white;} .subscribe_now_button:hover span {color: #111;} .payment_window.my_box {background: var(--background-app); color: white;} .payment_window .message_text {min-height: 100%;} .payment_window.my_box .column_1 {background: unset!important;} .payment_window.my_box .column_1 img {display: none;} .payment_window.my_box .column_1 input, .payment_window.my_box .column_1 textarea {background: unset; border: 2px solid white; color: white;} .battery_bar .status_bar.yellow { background: white; min-height: 60px; font-size: 20px; display: flex; align-items: center; justify-content: center; } .battery_bar .status_bar.yellow:before { position: absolute; content: ''; left: -10px; top: 20px; height: 20px; width: 10px; background: white; } #paypal-button-container {height: 48px;} .paypal_scheduled, .scheduled_button {background: #3e6eb6!important;} .step_3[acc_to_cat] .button_name, .step_3[req_del] .button_name {display:none;} .paypal-buttons {border: 3px solid white; box-sizing: content-box;} .you_are_not_subscribed {font-size: 19px;} /*Search page*/ .search_page .one_post {z-index: 1;} .search_block {margin-bottom: 90px; } .search_background { background-size: cover; height: 100vh; width: 100%; /*background-image: url(//img.purespring.tv/theme/design-july-2021/universe-starry-sky.png);*/ position: fixed; top: 0; left: 0; opacity: 1!important; } .search_page .search_input .codec_field_label { margin-bottom: 10px!important; margin-top: 15px!important; text-align: center; font-weight: 600; letter-spacing: 2; position: relative; } body.search_page .my_custom_form .search_input input { font-size: 23px!important; font-weight: 600; padding: 12px!important; letter-spacing: 2; color: rgb(153 153 153); } .search_page .search_input .input_container { width: 87%; margin: 0 auto; } .search_page .search_input .input_container .tag.green { background-color: white; font-size: 24px; font-weight: 500!important; color: gray!important; } .search_page .search_input .tag.green i { color: rgb(153 153 153); } .search_block ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgb(153 153 153); } .search_block ::-moz-placeholder { /* Firefox 19+ */ color: rgb(153 153 153); } .search_block :-ms-input-placeholder { /* IE 10+ */ color: rgb(153 153 153); } .search_block :-moz-placeholder { /* Firefox 18- */ color: rgb(153 153 153); } /*End search page*/ /*reg*/ /*.step_2[p="56"] .column_2,*/ .step_2 .column_2, .step_3[p="42"] .column_2 {display: none;} /*.step_2[p="56"] .cart_grid,*/ .step_2 .cart_grid, .step_3[p="42"] .cart_grid { display: block; grid-template-columns: unset; max-width: 600px; } /* .step_2[p="56"] .cart_grid input, .step_2[p="56"] .cart_grid textarea, */ .step_2 .cart_grid input, .step_2 .cart_grid textarea, .step_3[p="42"] .cart_grid input, .step_3[p="42"] .cart_grid textarea {width: 100%;} /**/ /*Goksing*/ .goksing_gray, .goksing_gray .twl_element, .goksing_gray .gray2 {color: white!important;} .return_to_stories_home { position: absolute; top: -40px; background: #f0f0f0; padding: 5px; } @media only screen and (max-width: 800px) { .return_to_stories_home {top: 5px; display: none} } @media only screen and (max-width: 700px) { .return_to_stories_home { top: 0; left: 0; padding: 0 2px; font-size: 18px; } .return_to_stories_home span {display: none} } @media only screen and (max-width: 2000px) { .image_badge_container .image_badge {width: 10%;} } @media only screen and (max-width: 1600px) { .image_badge_container .image_badge {width: 9%;} } @media only screen and (max-width: 1800px) { .image_badge_container .image_badge {margin-left: 420px;} .screen_scroll_button.arrow_down, .screen_scroll_button.arrow_top {right: 7px;} .screen_scroll_button.arrow_top {bottom: 200px; background-image:url(//img.purespring.tv/theme/design-july-2021/up-top-selected.png);} .screen_scroll_button.arrow_down {bottom: 150px; background-image:url(//img.purespring.tv/theme/design-july-2021/down-bottom-selected.png);} } @media only screen and (max-width: 1700px) { .new_main_menu.main_container {max-width: 100%; padding: 0 10px 0 0;} } @media only screen and (max-width: 1400px) { .new_main_menu .list_contents a {padding: 0px 3px;} } @media only screen and (max-width: 1300px) { .menu_my_account .template_submenu.submenu {left: -40px;} /*.top_slider .splide__pagination {bottom: 10px;}*/ .slider_container .slider_right, .slider_block .slider_right {display: none; right: 30px; z-index: 1;} .slider_container .slider_left, .slider_block .slider_left {display: none; left: 30px; z-index: 1;} } @media only screen and (max-width: 1200px) { .change_stars_status {right: 150px;} .change_background_style {right: 130px;} .main_menu_right_column {width: unset!important;} .menu_my_account .template_submenu.submenu { left: -120px; width: 180px; right: 10px; font-size: 25px; line-height: 180%; padding: 10px; } } @media only screen and (min-width: 800px) { /*.top_slider #splide10-slide01.splide__slide .slider_button {bottom: 10%!important;}*/ } @media only screen and (max-width: 1000px) and (min-width: 800px) { /*.top_slider #splide10-slide01.splide__slide .slider_button {bottom: 5%!important;}*/ } @media only screen and (max-width: 1100px) { .new_main_menu .main_menu_central_column .menu_item {margin-right: 0!important;} .svg_container input {font-size: 1.5em;} } @media only screen and (max-width: 1000px) { body .main_menu .menu_item:hover:before {display: none;} .main_menu_right_column { position: absolute; right: 0px; top: 0; bottom: 0; } .category_description {border:unset!important;} .image_badge_container img {margin-left: 0!important;} .image_badge_container {top: 20px!important; bottom: unset!important;} /*.new_main_menu .list_contents a {padding: 0 2px;}*/ .main_container {padding: 0 20px; max-width: 100%;} } @media only screen and (max-width: 900px) { .svg_container input {font-size: 1.5em;} /*.svg_container .email_input_container {height: 60px;}*/ .new_main_menu .list_contents a {padding: 0px 2px;} body .button.anet_pay_button {letter-spacing: 7px; text-indent: 7px; font-size: 30px;} .my_box.a_form_box {max-width:98%; width: 98%; padding: 10px;} } @media only screen and (max-width: 800px) { .subscriber_page_content {padding-top: 0;} .subscriber_page_content h1 {text-align: center; margin-top: 0;} .screen_scroll_button.arrow_top {bottom: 100px;} .screen_scroll_button.arrow_down {bottom: 50px;} .in_system .main_content, .main_content {margin-top: 70px;} .mobile_menu_view .main_menu_link {display: block!important;} .mobile_menu_view .message_text .homepage_link {margin-top: 45px;} .screen_scroll_button.arrow_down, .screen_scroll_button.arrow_top {right:25px;} .main_container {padding: 0 10px;} .image_badge {width:100%!important;} .image_badge_container {top: unset!important; bottom: 25%!important; width: 170px!important; left: 12%!important; right: unset!important;} .post_tab_el > .comments_block > .comments_list .default_avatar {margin-right: 10px;} .default_avatar, .avatar_image {width: 40px; height: 40px; min-width: 40px; font-size: 20px;} .post_tab_el .comment_author_info {border-bottom: unset; padding-bottom: 0; margin-bottom: 0;} /* [i="row_1630331506280_48"] {margin-top: 52.25px;} */ .menu_container {background: #111;} .new_main_menu {justify-content: space-between;} } @media only screen and (max-width: 600px) { body #audio_player_window .close_button {display: block} .change_stars_status i, .change_background_style i {font-size: 23px!important;} h1 {font-size: 25px;} .top_slider .splide__pagination {padding: unset; justify-content: center; bottom: 10px; width: 100%;} .castle_image.bold_image:before { bottom: -24px; left: 3.2px; width: 74.4px; } .not_enough_phrase { position: relative!important; display: block!important; right: unset!important; top: unset!important; margin-bottom: 10px; } .castle_image::after {top: 35px;} .comments_menu_container {top: 30px;} .comments_menu_container .comments_count {font-size: 14px;} .image_badge {bottom: 27%!important; width: 110px!important;} .post_tab_el .comment_headline {margin: 0;} #short_messagex_box_c .short_mes.logged_in_notification { top: unset; bottom: 40px; } } @media only screen and (max-width: 500px) { .svg_container input {font-size: 1em;} .email_input_container {y: 900!important;} .category_name_container {display: block;} .category_name_container .button {margin-top: 10px;} .category_name_container .category_sub_button {text-align: center;} } @media only screen and (max-width: 400px) { body .button.anet_pay_button {letter-spacing: 4px; text-indent: 4px; font-size: 25px;} .main_menu .change_background_style {right: 80px;} .change_stars_status {right: 90px;} } @media only screen and (max-width: 365px) { .in_system .main_content, .main_content {margin-top: 45px;} } @media only screen and (max-width: 350px) { .inputs_flex {display:block; grid-template-columns: unset; column-gap: unset;} .inputs_flex div {width: 100%!important;} } @media only screen and (max-width: 300px) { .add_a_payment_method.button {letter-spacing: 0; text-indent: 0;} .castle_image.bold_image:before {content: unset;} body .button.anet_pay_button {letter-spacing: 0px; text-indent: 0px; font-size: 20px;} body .button, body button {padding: 7px 20px;} }