| @@ -20,12 +20,13 @@ | ||
| 20 | 20 | border-top: 1px solid #c9c9c9; |
| 21 | 21 | box-shadow: 0px 1px 2px #0000001f; |
| 22 | 22 | } |
| 23 | 23 | |
| 24 | -body.toplevel_page_poll-maker-ays #wpwrap { | |
| 24 | +body[class*="poll-maker"] #wpwrap { | |
| 25 | 25 | background-color: #F3F4F5 !important; |
| 26 | 26 | } |
| 27 | 27 | |
| 28 | + | |
| 28 | 29 | /* Notice banner styles start */ |
| 29 | 30 | div.ays-notice-banner{ |
| 30 | 31 | width: calc(100% - 20px); |
| 31 | 32 | background-color: #F8F8F8; |
| @@ -81,9 +82,9 @@ | ||
| 81 | 82 | justify-content: center; |
| 82 | 83 | color: #fff; |
| 83 | 84 | background-color: #10a37f; |
| 84 | 85 | border: 2px solid #10a37f; |
| 85 | - margin-left: 5px; | |
| 86 | + margin-left: 0px; | |
| 86 | 87 | padding: 5px 15px; |
| 87 | 88 | border-radius: 25px; |
| 88 | 89 | font-size: 13px; |
| 89 | 90 | font-weight: 700; |
| @@ -123,8 +124,38 @@ | ||
| 123 | 124 | .ays_poll_fa, .ays_poll_fas { |
| 124 | 125 | font-weight: 900; |
| 125 | 126 | } |
| 126 | 127 | |
| 128 | +.ays_fa_linkedin_square:before { | |
| 129 | + content: "\f08c"; | |
| 130 | + font-weight: 400; | |
| 131 | +} | |
| 132 | + | |
| 133 | +.ays_fa_facebook_square:before { | |
| 134 | + content: "\f082"; | |
| 135 | + font-weight: 400; | |
| 136 | +} | |
| 137 | + | |
| 138 | +.ays_fa_vk_square::before { | |
| 139 | + content: "\f189"; | |
| 140 | + font-weight: 400; | |
| 141 | +} | |
| 142 | + | |
| 143 | +.ays_fa_youtube_square::before { | |
| 144 | + content: "\f16a"; | |
| 145 | + font-weight: 400; | |
| 146 | +} | |
| 147 | + | |
| 148 | +.ays_fa_tiktok_square::before { | |
| 149 | + content: "\e07b"; | |
| 150 | + font-weight: 400; | |
| 151 | +} | |
| 152 | + | |
| 153 | +.ays_fa_instagram_square::before { | |
| 154 | + content: "\f16d"; | |
| 155 | + font-weight: 400; | |
| 156 | +} | |
| 157 | + | |
| 127 | 158 | .ays_fa_file_code::before { |
| 128 | 159 | content: "\f1c9"; |
| 129 | 160 | font-weight: 400; |
| 130 | 161 | } |
| @@ -136,8 +167,12 @@ | ||
| 136 | 167 | .ays_fa_link::before { |
| 137 | 168 | content: "\f0c1"; |
| 138 | 169 | } |
| 139 | 170 | |
| 171 | +.ays_fa_bell::before { | |
| 172 | + content: "\f0f3 "; | |
| 173 | +} | |
| 174 | + | |
| 140 | 175 | .ays_label_flex{ |
| 141 | 176 | display: flex; |
| 142 | 177 | justify-content: space-between; |
| 143 | 178 | } |
| @@ -148,9 +183,9 @@ | ||
| 148 | 183 | font-size: inherit; |
| 149 | 184 | text-rendering: auto; |
| 150 | 185 | -webkit-font-smoothing: antialiased; |
| 151 | 186 | -moz-osx-font-smoothing: grayscale; |
| 152 | - font-family: "Font Awesome 5 Free"; | |
| 187 | + /*font-family: "Font Awesome 5 Free";*/ | |
| 153 | 188 | } |
| 154 | 189 | |
| 155 | 190 | .ays_poll_fa_question_circle:before { |
| 156 | 191 | content: "\f059"; |
| @@ -3933,8 +3968,21 @@ | ||
| 3933 | 3968 | |
| 3934 | 3969 | .ays_poll_block_with_hidden_row.ays_poll_result_view_type>.form-group.row>.col-sm-10>.form-group.row>.col-sm-4 { |
| 3935 | 3970 | margin-bottom: 20px; |
| 3936 | 3971 | } |
| 3972 | + | |
| 3973 | + /* Fix responsive display for Bar chart options on tablets */ | |
| 3974 | + .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 > div { | |
| 3975 | + flex-wrap: wrap; | |
| 3976 | + gap: 6px; | |
| 3977 | + } | |
| 3978 | + | |
| 3979 | + .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 .ays_poll_loader_show_results_by { | |
| 3980 | + margin-right: 0; | |
| 3981 | + margin-bottom: 6px; | |
| 3982 | + flex: 1 1 calc(50% - 3px); | |
| 3983 | + min-width: 130px; | |
| 3984 | + } | |
| 3937 | 3985 | } |
| 3938 | 3986 | |
| 3939 | 3987 | @media screen and (max-width: 782px) { |
| 3940 | 3988 | .ays_save_buttons_content{ |
| @@ -3959,8 +4007,26 @@ | ||
| 3959 | 4007 | |
| 3960 | 4008 | .col-sm-12.only_pro .form-check.form-check-inline.ays_poll_loader_show_results_by { |
| 3961 | 4009 | margin-bottom: 5px; |
| 3962 | 4010 | } |
| 4011 | + | |
| 4012 | + /* Fix responsive display for Bar chart options in apm_allow_add_answers */ | |
| 4013 | + .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 > div { | |
| 4014 | + flex-wrap: wrap; | |
| 4015 | + gap: 8px; | |
| 4016 | + } | |
| 4017 | + | |
| 4018 | + .ays_poll_block_with_hidden_row.ays_poll_result_view_type .ays_poll_loader_show_results_by { | |
| 4019 | + margin-right: 0; | |
| 4020 | + margin-bottom: 8px; | |
| 4021 | + flex: 1 1 calc(50% - 4px); | |
| 4022 | + min-width: 140px; | |
| 4023 | + } | |
| 4024 | + | |
| 4025 | + .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-8 .ays_poll_loader_show_results_by { | |
| 4026 | + flex: 1 1 calc(33.333% - 6px); | |
| 4027 | + min-width: 120px; | |
| 4028 | + } | |
| 3963 | 4029 | } |
| 3964 | 4030 | |
| 3965 | 4031 | .button.ays_default_btn{ |
| 3966 | 4032 | background-color: #ffa500; |
| @@ -4870,9 +4936,10 @@ | ||
| 4870 | 4936 | padding: 5px; |
| 4871 | 4937 | } |
| 4872 | 4938 | |
| 4873 | 4939 | select#ays_poll_title_alignment + span.select2-container, |
| 4874 | -select#ays_poll_title_alignment_mobile + span.select2-container { | |
| 4940 | +select#ays_poll_title_alignment_mobile + span.select2-container, | |
| 4941 | +select#ays_poll_title_text_transform + span.select2-container { | |
| 4875 | 4942 | width: 250px !important; |
| 4876 | 4943 | } |
| 4877 | 4944 | |
| 4878 | 4945 | form#ays-poll-form div.ays-poll-maker-text-live-preview{ |
| @@ -6026,16 +6093,58 @@ | ||
| 6026 | 6093 | word-break: break-word; |
| 6027 | 6094 | } |
| 6028 | 6095 | |
| 6029 | 6096 | .ays-poll-message-vars-box .ays-poll-message-vars-icon{ |
| 6030 | - display: flex; | |
| 6031 | - width: 150px; | |
| 6032 | - justify-content: space-between; | |
| 6097 | + display: inline-flex; | |
| 6098 | + min-height: 34px; | |
| 6099 | + justify-content: center; | |
| 6100 | + align-items: center; | |
| 6101 | + gap: 8px; | |
| 6033 | 6102 | cursor: pointer; |
| 6034 | - margin-bottom: 15px; | |
| 6035 | - | |
| 6103 | + margin-bottom: 12px; | |
| 6104 | + padding: 6px 12px; | |
| 6105 | + color: #0f172a; | |
| 6106 | + background-color: #f8fafc; | |
| 6107 | + border: 1px solid #dbe3ef; | |
| 6108 | + border-radius: 6px; | |
| 6109 | + box-shadow: none; | |
| 6110 | + font-size: 13px; | |
| 6111 | + font-weight: 600; | |
| 6112 | + line-height: 1.4; | |
| 6113 | + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; | |
| 6036 | 6114 | } |
| 6037 | 6115 | |
| 6116 | +.ays-poll-message-vars-box .ays-poll-message-vars-icon:hover, | |
| 6117 | +.ays-poll-message-vars-box.ays-poll-message-vars-open .ays-poll-message-vars-icon{ | |
| 6118 | + background-color: #f1f5f9; | |
| 6119 | + border-color: #cbd5e1; | |
| 6120 | +} | |
| 6121 | + | |
| 6122 | +.ays-poll-message-vars-box.ays-poll-message-vars-open .ays-poll-message-vars-icon{ | |
| 6123 | + box-shadow: 0 0 0 2px rgba(148, 163, 184, .22); | |
| 6124 | +} | |
| 6125 | + | |
| 6126 | +.ays-poll-message-vars-braces{ | |
| 6127 | + color: #64748b; | |
| 6128 | + font-weight: 500; | |
| 6129 | + letter-spacing: 1px; | |
| 6130 | +} | |
| 6131 | + | |
| 6132 | +.ays-poll-message-vars-chevron{ | |
| 6133 | + width: 7px; | |
| 6134 | + height: 7px; | |
| 6135 | + border-right: 1.5px solid #64748b; | |
| 6136 | + border-bottom: 1.5px solid #64748b; | |
| 6137 | + transform: rotate(45deg); | |
| 6138 | + transition: transform .15s ease-in-out; | |
| 6139 | + margin-top: -3px; | |
| 6140 | +} | |
| 6141 | + | |
| 6142 | +.ays-poll-message-vars-box.ays-poll-message-vars-open .ays-poll-message-vars-chevron{ | |
| 6143 | + transform: rotate(225deg); | |
| 6144 | + margin-top: 3px; | |
| 6145 | +} | |
| 6146 | + | |
| 6038 | 6147 | .ays-poll-message-vars-box .ays-poll-message-vars-icon span{ |
| 6039 | 6148 | font-size: 13px; |
| 6040 | 6149 | margin-right: 5px; |
| 6041 | 6150 | } |
| @@ -6041,21 +6150,25 @@ | ||
| 6041 | 6150 | } |
| 6042 | 6151 | |
| 6043 | 6152 | .ays-poll-message-vars-data{ |
| 6044 | 6153 | position: absolute; |
| 6045 | - top: 27px; | |
| 6046 | - max-height: 350px; | |
| 6047 | - overflow: auto scroll; | |
| 6154 | + top: 46px; | |
| 6155 | + right: 0; | |
| 6156 | + max-height: 288px; | |
| 6157 | + overflow-x: hidden; | |
| 6158 | + overflow-y: auto; | |
| 6048 | 6159 | z-index: 99999; |
| 6049 | - background-color: #ffff; | |
| 6050 | - border-radius: 3px; | |
| 6051 | - width: 250px; | |
| 6160 | + background-color: #fff; | |
| 6161 | + border: 1px solid #dbe3ef; | |
| 6162 | + border-radius: 6px; | |
| 6163 | + width: 256px; | |
| 6052 | 6164 | display: none; |
| 6053 | - box-shadow: 0 0px 0px 0.5px #00000087; | |
| 6165 | + padding: 6px 0; | |
| 6166 | + box-shadow: 0 10px 24px -16px rgba(15, 23, 42, .55); | |
| 6054 | 6167 | } |
| 6055 | 6168 | |
| 6056 | 6169 | .ays-poll-message-vars-data::-webkit-scrollbar{ |
| 6057 | - width: 0.2em; | |
| 6170 | + width: 0.35em; | |
| 6058 | 6171 | } |
| 6059 | 6172 | |
| 6060 | 6173 | .ays-poll-message-vars-data::-webkit-scrollbar-track{ |
| 6061 | 6174 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| @@ -6061,22 +6174,28 @@ | ||
| 6061 | 6174 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
| 6062 | 6175 | } |
| 6063 | 6176 | |
| 6064 | 6177 | .ays-poll-message-vars-data::-webkit-scrollbar-thumb{ |
| 6065 | - background-color: darkgrey; | |
| 6066 | - outline: 1px solid slategrey; | |
| 6178 | + background-color: #94a3b8; | |
| 6179 | + outline: 1px solid #94a3b8; | |
| 6067 | 6180 | border-radius: 5px; |
| 6068 | 6181 | } |
| 6069 | 6182 | |
| 6070 | 6183 | .ays-poll-message-vars-data .ays-poll-message-vars-each-data{ |
| 6071 | - border-bottom: 1px solid #80808059; | |
| 6184 | + border-bottom: 0; | |
| 6072 | 6185 | cursor: pointer; |
| 6186 | + color: #0f172a; | |
| 6187 | + transition: background-color .15s ease-in-out, color .15s ease-in-out; | |
| 6073 | 6188 | } |
| 6074 | 6189 | |
| 6075 | 6190 | .ays-poll-message-vars-data .ays-poll-message-vars-each-data{ |
| 6076 | - padding: 8px 0 8px 8px; | |
| 6191 | + padding: 9px 12px; | |
| 6077 | 6192 | } |
| 6078 | 6193 | |
| 6194 | +.ays-poll-message-vars-data .ays-poll-message-vars-each-data:hover { | |
| 6195 | + background-color: #f1f5f9; | |
| 6196 | + color: #0f172a; | |
| 6197 | +} | |
| 6079 | 6198 | |
| 6080 | 6199 | .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{ |
| 6081 | 6200 | background-color: #e1e1e1; |
| 6082 | 6201 | } |
| @@ -6594,8 +6713,12 @@ | ||
| 6594 | 6713 | color:#005AE0; |
| 6595 | 6714 | margin-left:10px; |
| 6596 | 6715 | line-height: unset; |
| 6597 | 6716 | } |
| 6717 | +.bottom-save-buttons-container #ays-button-apply{ | |
| 6718 | + background-color: #005AE0 !important; | |
| 6719 | + color:white !important; | |
| 6720 | +} | |
| 6598 | 6721 | .ays-poll-form .button-primary.ays-top-menu-save-and-close:hover, |
| 6599 | 6722 | .ays-poll-form .button-primary.ays-bottom-menu-save-and-close:hover{ |
| 6600 | 6723 | background-color: #E5EEFF; |
| 6601 | 6724 | color:#005AE0; |
| @@ -6651,9 +6774,9 @@ | ||
| 6651 | 6774 | border-bottom:1px solid #c7c3c3; |
| 6652 | 6775 | color: #333; |
| 6653 | 6776 | margin-bottom: 0px; |
| 6654 | 6777 | margin-right: 0; |
| 6655 | - padding: 5px 10px; | |
| 6778 | + padding: 5px 25px; | |
| 6656 | 6779 | font-weight: 500; |
| 6657 | 6780 | } |
| 6658 | 6781 | .nav-tab { |
| 6659 | 6782 | padding: 8px 25px; |
| @@ -6769,9 +6892,9 @@ | ||
| 6769 | 6892 | .bottom-buttons-container{ |
| 6770 | 6893 | display: flex; |
| 6771 | 6894 | /* align-items: flex-end; */ |
| 6772 | 6895 | /* flex-direction: column; */ |
| 6773 | - justify-content: space-between; | |
| 6896 | + justify-content: flex-end; | |
| 6774 | 6897 | padding-top:20px; |
| 6775 | 6898 | } |
| 6776 | 6899 | |
| 6777 | 6900 | body.toplevel_page_poll-maker-ays input[type=checkbox]{ |
| @@ -7015,5 +7138,338 @@ | ||
| 7015 | 7138 | |
| 7016 | 7139 | body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper { |
| 7017 | 7140 | width: 100%; |
| 7018 | 7141 | } |
| 7019 | -} | |
| 7142 | +} | |
| 7143 | + | |
| 7144 | +/* Poll Maker top banner redesign | Start */ | |
| 7145 | +div.ays-notice-banner { | |
| 7146 | + width: calc(100% - 20px); | |
| 7147 | + max-width: 100%; | |
| 7148 | + margin: 33px 0 0 0; | |
| 7149 | + background: #fff; | |
| 7150 | + /* border: 1px solid rgba(203, 213, 225, .8); */ | |
| 7151 | + border: unset; | |
| 7152 | + border-radius: 16px; | |
| 7153 | + box-shadow: 0 4px 20px -8px rgba(15, 23, 42, .08); | |
| 7154 | + overflow: visible; | |
| 7155 | +} | |
| 7156 | + | |
| 7157 | +.ays-notice-banner #navigation-container { | |
| 7158 | + min-height: 76px; | |
| 7159 | + padding: 0 20px; | |
| 7160 | + background: #fff; | |
| 7161 | + border-radius: 16px; | |
| 7162 | + align-items: center; | |
| 7163 | + gap: 22px; | |
| 7164 | +} | |
| 7165 | + | |
| 7166 | +.ays-notice-banner .navigation-bar { | |
| 7167 | + text-align: center; | |
| 7168 | +} | |
| 7169 | + | |
| 7170 | +.ays-notice-banner .ays-poll-logo-container-upgrade { | |
| 7171 | + flex: 0 0 auto; | |
| 7172 | + gap: 0; | |
| 7173 | +} | |
| 7174 | + | |
| 7175 | +.ays-notice-banner .logo-container { | |
| 7176 | + width: 50px; | |
| 7177 | + height: 50px; | |
| 7178 | + margin-left: 0; | |
| 7179 | + flex: 0 0 60px; | |
| 7180 | +} | |
| 7181 | + | |
| 7182 | +.ays-notice-banner .logo-container a { | |
| 7183 | + display: flex !important; | |
| 7184 | + width: 100%; | |
| 7185 | + height: 100%; | |
| 7186 | + align-items: center; | |
| 7187 | + justify-content: center; | |
| 7188 | +} | |
| 7189 | + | |
| 7190 | +.ays-notice-banner .logo-container img { | |
| 7191 | + width: 100%; | |
| 7192 | + height: 100%; | |
| 7193 | + object-fit: contain; | |
| 7194 | +} | |
| 7195 | + | |
| 7196 | +.ays-poll-top-banner-title { | |
| 7197 | + display: flex; | |
| 7198 | + flex-direction: column; | |
| 7199 | + justify-content: center; | |
| 7200 | + min-width: 80px; | |
| 7201 | + line-height: 1.1; | |
| 7202 | +} | |
| 7203 | + | |
| 7204 | +.ays-poll-top-banner-title span.ays-poll-top-banner-main-title { | |
| 7205 | + color: #0f172a; | |
| 7206 | + font-size: 17px; | |
| 7207 | + font-weight: 600; | |
| 7208 | + text-align: left; | |
| 7209 | +} | |
| 7210 | + | |
| 7211 | +.ays-poll-top-banner-title span.ays-poll-top-banner-sub-title { | |
| 7212 | + margin-top: 4px; | |
| 7213 | + color: #475569; | |
| 7214 | + font-size: 11px; | |
| 7215 | + font-weight: 500; | |
| 7216 | + letter-spacing: .05em; | |
| 7217 | + text-transform: none; | |
| 7218 | +} | |
| 7219 | + | |
| 7220 | +.ays-notice-banner .ays-poll-upgrade-container { | |
| 7221 | + margin-left: 20px; | |
| 7222 | + align-self: center; | |
| 7223 | +} | |
| 7224 | + | |
| 7225 | +.ays-notice-banner .ays-poll-upgrade-container a { | |
| 7226 | + /* min-height: 30px; */ | |
| 7227 | + padding: 6px 12px; | |
| 7228 | + border: 1px solid rgba(4, 120, 87, .2); | |
| 7229 | + border-radius: 999px; | |
| 7230 | + background: #059669; | |
| 7231 | + color: #fff; | |
| 7232 | + font-size: 13px; | |
| 7233 | + font-weight: 700; | |
| 7234 | + line-height: 1; | |
| 7235 | + box-shadow: 0 1px 2px rgba(15, 23, 42, .08); | |
| 7236 | + transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease; | |
| 7237 | +} | |
| 7238 | + | |
| 7239 | +.ays-notice-banner .ays-poll-upgrade-container a:hover, | |
| 7240 | +.ays-notice-banner .ays-poll-upgrade-container a:focus { | |
| 7241 | + background: #047857; | |
| 7242 | + color: #fff; | |
| 7243 | + box-shadow: 0 4px 10px -6px rgba(15, 23, 42, .35); | |
| 7244 | +} | |
| 7245 | + | |
| 7246 | +.ays-notice-banner .ays-poll-upgrade-container a img { | |
| 7247 | + width: 8px; | |
| 7248 | + height: 13px; | |
| 7249 | +} | |
| 7250 | + | |
| 7251 | +.ays-notice-banner .ays-poll-logo-container-one-time-text { | |
| 7252 | + margin-top: 5px; | |
| 7253 | + color: #475569; | |
| 7254 | + font-size: 10px !important; | |
| 7255 | + font-weight: 500 !important; | |
| 7256 | + font-style: italic !important; | |
| 7257 | + white-space: nowrap; | |
| 7258 | +} | |
| 7259 | + | |
| 7260 | +.ays-notice-banner .navigation-bar #menu { | |
| 7261 | + align-items: center; | |
| 7262 | + min-width: 0; | |
| 7263 | + margin: 0; | |
| 7264 | + gap: 6px; | |
| 7265 | +} | |
| 7266 | + | |
| 7267 | +.ays-notice-banner .navigation-bar #menu::before { | |
| 7268 | + content: ""; | |
| 7269 | + display: block; | |
| 7270 | + width: 1px; | |
| 7271 | + height: 32px; | |
| 7272 | + margin-right: 20px; | |
| 7273 | + background: #e2e8f0; | |
| 7274 | +} | |
| 7275 | + | |
| 7276 | +.ays-notice-banner .navigation-bar li { | |
| 7277 | + margin: 0; | |
| 7278 | + list-style: none; | |
| 7279 | +} | |
| 7280 | + | |
| 7281 | +.ays-notice-banner .navigation-bar li a { | |
| 7282 | + display: inline-flex; | |
| 7283 | + width: auto; | |
| 7284 | + max-width: none; | |
| 7285 | + min-height: 36px; | |
| 7286 | + align-items: center; | |
| 7287 | + padding: 0 15px; | |
| 7288 | + margin: 0; | |
| 7289 | + border-radius: 999px; | |
| 7290 | + color: #475569; | |
| 7291 | + font-size: 13px; | |
| 7292 | + font-weight: 500; | |
| 7293 | + line-height: 1; | |
| 7294 | + text-decoration: none; | |
| 7295 | + text-transform: none; | |
| 7296 | + transition: background-color .15s ease, border-color .15s ease, color .15s ease; | |
| 7297 | +} | |
| 7298 | + | |
| 7299 | +.ays-notice-banner .navigation-bar li a:hover, | |
| 7300 | +.ays-notice-banner .navigation-bar li a:focus { | |
| 7301 | + background: #f1f5f9; | |
| 7302 | + color: #0f172a; | |
| 7303 | + outline: none; | |
| 7304 | + box-shadow: none; | |
| 7305 | +} | |
| 7306 | + | |
| 7307 | +.ays-notice-banner .navigation-bar li.ays_poll_take_gift a { | |
| 7308 | + border: 1px solid #fecdd3; | |
| 7309 | + background: #fff1f2; | |
| 7310 | + color: #be123c; | |
| 7311 | + font-weight: 700; | |
| 7312 | +} | |
| 7313 | + | |
| 7314 | +.ays-notice-banner .navigation-bar li.ays_poll_take_gift a:hover, | |
| 7315 | +.ays-notice-banner .navigation-bar li.ays_poll_take_gift a:focus { | |
| 7316 | + border-color: #fda4af; | |
| 7317 | + background: #ffe4e6; | |
| 7318 | + color: #be123c; | |
| 7319 | +} | |
| 7320 | + | |
| 7321 | +.ays-notice-banner .modile-ddmenu-sm, | |
| 7322 | +.ays-notice-banner .modile-ddmenu-md { | |
| 7323 | + width: auto; | |
| 7324 | +} | |
| 7325 | + | |
| 7326 | +.ays-notice-banner #menu li a.toggle_ddmenu { | |
| 7327 | + width: 40px; | |
| 7328 | + min-width: 40px; | |
| 7329 | + min-height: 40px; | |
| 7330 | + justify-content: center; | |
| 7331 | + padding: 0; | |
| 7332 | + color: #475569; | |
| 7333 | + font-size: 18px; | |
| 7334 | +} | |
| 7335 | + | |
| 7336 | +.ays-notice-banner li ul.ddmenu { | |
| 7337 | + top: calc(100% + 12px); | |
| 7338 | + right: 0; | |
| 7339 | + min-width: 220px; | |
| 7340 | + padding: 8px; | |
| 7341 | + border: 1px solid #e2e8f0; | |
| 7342 | + border-radius: 12px; | |
| 7343 | + background: #fff; | |
| 7344 | + box-shadow: 0 18px 40px -24px rgba(15, 23, 42, .45); | |
| 7345 | +} | |
| 7346 | + | |
| 7347 | +.ays-notice-banner li ul.ddmenu li { | |
| 7348 | + width: 100%; | |
| 7349 | + padding-left: 0; | |
| 7350 | +} | |
| 7351 | + | |
| 7352 | +.ays-notice-banner li ul.ddmenu li a { | |
| 7353 | + width: 100%; | |
| 7354 | + justify-content: flex-start; | |
| 7355 | +} | |
| 7356 | + | |
| 7357 | +.ays-notice-banner .ays-poll-checklist-open-icon { | |
| 7358 | + position: unset; | |
| 7359 | + flex: 0 0 auto; | |
| 7360 | + margin-left: 4px; | |
| 7361 | +} | |
| 7362 | + | |
| 7363 | +@media screen and (min-width: 1321px) { | |
| 7364 | + .ays-notice-banner .modile-ddmenu-lg.modile-ddmenu-lg-custom { | |
| 7365 | + display: block; | |
| 7366 | + } | |
| 7367 | +} | |
| 7368 | + | |
| 7369 | +@media screen and (max-width: 1320px) { | |
| 7370 | + .ays-notice-banner .modile-ddmenu-lg { | |
| 7371 | + display: none; | |
| 7372 | + } | |
| 7373 | + | |
| 7374 | + .ays-notice-banner .modile-ddmenu-md { | |
| 7375 | + display: block; | |
| 7376 | + } | |
| 7377 | +} | |
| 7378 | + | |
| 7379 | +@media screen and (max-width: 1080px) { | |
| 7380 | + div.ays-notice-banner { | |
| 7381 | + width: calc(100% - 24px); | |
| 7382 | + margin-top: 14px; | |
| 7383 | + } | |
| 7384 | + | |
| 7385 | + .ays-notice-banner #navigation-container { | |
| 7386 | + gap: 14px; | |
| 7387 | + padding: 0 14px; | |
| 7388 | + } | |
| 7389 | + | |
| 7390 | + .ays-notice-banner .navigation-bar #menu::before { | |
| 7391 | + margin-right: 10px; | |
| 7392 | + } | |
| 7393 | +} | |
| 7394 | + | |
| 7395 | +@media screen and (max-width: 768px) { | |
| 7396 | + div.ays-notice-banner { | |
| 7397 | + width: calc(100% - 40px); | |
| 7398 | + } | |
| 7399 | + | |
| 7400 | + .ays-notice-banner #navigation-container { | |
| 7401 | + min-height: 72px; | |
| 7402 | + } | |
| 7403 | + | |
| 7404 | + .ays-notice-banner .modile-ddmenu-md { | |
| 7405 | + display: none; | |
| 7406 | + } | |
| 7407 | + | |
| 7408 | + .ays-notice-banner .modile-ddmenu-sm { | |
| 7409 | + display: block; | |
| 7410 | + } | |
| 7411 | + | |
| 7412 | + .ays-notice-banner .navigation-bar #menu { | |
| 7413 | + flex: 0 0 auto; | |
| 7414 | + width: auto !important; | |
| 7415 | + min-width: 40px !important; | |
| 7416 | + margin-left: auto; | |
| 7417 | + } | |
| 7418 | + | |
| 7419 | + .ays-notice-banner .navigation-bar #menu::before { | |
| 7420 | + display: none; | |
| 7421 | + } | |
| 7422 | + | |
| 7423 | + .ays-notice-banner li ul.ddmenu { | |
| 7424 | + right: 0; | |
| 7425 | + } | |
| 7426 | +} | |
| 7427 | + | |
| 7428 | +@media screen and (max-width: 600px) { | |
| 7429 | + div.ays-poll-top-banner-title { | |
| 7430 | + display: none; | |
| 7431 | + } | |
| 7432 | + | |
| 7433 | + .ays-notice-banner #navigation-container { | |
| 7434 | + flex-wrap: nowrap; | |
| 7435 | + justify-content: space-between; | |
| 7436 | + padding: 12px; | |
| 7437 | + } | |
| 7438 | + | |
| 7439 | + .ays-notice-banner .ays-poll-logo-container-upgrade { | |
| 7440 | + width: auto; | |
| 7441 | + justify-content: flex-start; | |
| 7442 | + gap: 10px; | |
| 7443 | + } | |
| 7444 | + | |
| 7445 | + .ays-notice-banner .navigation-bar #menu { | |
| 7446 | + margin-left: auto; | |
| 7447 | + justify-content: flex-end; | |
| 7448 | + } | |
| 7449 | + | |
| 7450 | + .ays-notice-banner .ays-poll-checklist-open-icon { | |
| 7451 | + position: unset; | |
| 7452 | + } | |
| 7453 | +} | |
| 7454 | + | |
| 7455 | +@media screen and (max-width: 430px) { | |
| 7456 | + .ays-notice-banner .logo-container { | |
| 7457 | + width: 54px; | |
| 7458 | + height: 54px; | |
| 7459 | + flex-basis: 54px; | |
| 7460 | + } | |
| 7461 | + | |
| 7462 | + .ays-poll-top-banner-title { | |
| 7463 | + min-width: 70px; | |
| 7464 | + } | |
| 7465 | + | |
| 7466 | + .ays-poll-top-banner-title span:first-child { | |
| 7467 | + font-size: 14px; | |
| 7468 | + } | |
| 7469 | + | |
| 7470 | + .ays-notice-banner .ays-poll-upgrade-container a { | |
| 7471 | + padding: 5px 10px; | |
| 7472 | + font-size: 12px; | |
| 7473 | + } | |
| 7474 | +} | |
| 7475 | +/* Poll Maker top banner redesign | End */ | |
