.fw-option.fw-option-type-typography-v2 .fw-option-typography-v2-option { display: inline-block; text-align: left; float: inherit; } .fw-backend-option-input-type-typography-v2 .fw-option-help-in-input { top: 4px !important; } .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-right: 5px; width: 167px; } body.rtl .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-right: 0; padding-left: 5px; } .fw-option-type-typography-v2 .fw-option-typography-v2-option:last-child, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-right: 0; } body.rtl .fw-option-type-typography-v2 .fw-option-typography-v2-option:last-child, body.rtl .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-left: 0; } @media (max-width: 782px) { .fw-backend-option-input-type-typography-v2 { width: 100%; } .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-top: 5px; padding-right: 0; } body.rtl .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-left: 0; } .fw-option-type-typography-v2 .fw-option-typography-v2-option:first-child { padding-top: 0; } .fw-option-type-typography-v2 .fw-option-typography-v2-option.fw-option-typography-v2-option-size { width: 100%; } } .fw-force-xs .fw-backend-option-input-type-typography-v2 { width: 100%; } .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-top: 5px; padding-right: 0; } body.rtl .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option { padding-left: 0; } .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option:first-child { padding-top: 0; } .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option.fw-option-typography-v2-option-size { width: 100%; } .fw-option-type-typography-v2 .fw-option-typography-v2-option input, .fw-option-type-typography-v2 .fw-option-typography-v2-option select { display: inline-block; margin: 0; width: 100%; padding: 5px 4px; } /* Color */ @media (min-width: 783px) { .fw-option-type-typography-v2 .fw-option-typography-v2-option-color input { height: 28px; } } /* Family */ .fw-option-type-typography-v2 .fw-option-typography-v2-option-family-input { background: #fff; } .fw-option-type-typography-v2 .fw-option-typography-v2-option-family-input .selectize-input { height: 32px; } .fw-option-type-typography-v2 .fw-option-typography-v2-option-family-input .selectize-input.dropdown-active::before { background: none; height: 0; } .fw-option-type-typography-v2 .fw-option-typography-v2-option-family .selectize-control.single .selectize-input:after { right: 8px; margin-top: -2px; border-width: 6px 3px 0 3px; border-color: #000000 transparent transparent transparent; } body.rtl .fw-option-type-typography-v2 .fw-option-typography-v2-option-family .selectize-control.single .selectize-input:after { right: auto; left: 8px; } @media (max-width: 782px) { .fw-option-type-typography-v2 .fw-option-typography-v2-option-family .selectize-control.single .selectize-input:after { right: 6px; } .fw-option-typography-v2-option.fw-option-typography-v2-option-family, .fw-option-type-typography-v2 .fw-option-typography-v2-option-family-input { width: 100%; margin-right: 0; } } .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-family .selectize-control.single .selectize-input:after { right: 6px; } .fw-force-xs .fw-option-typography-v2-option.fw-option-typography-v2-option-family, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-family-input { width: 100%; margin-right: 0; } .fw-option-type-typography-v2 .fw-option-typography-v2-option-family-input:focus, .fw-option-type-typography-v2 .fw-option-typography-v2-option-family-input.single .selectize-input.focus { /*border: 1px solid #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30,140,190,.8); box-shadow: 0 0 2px rgba(30,140,190,.8);*/ -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } /*.fw-option-type-typography-v2 .selectize-dropdown.fw-option-typography-v2-option-family-input { width: 335px !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); border: 1px solid #ddd; }*/ .fw-option-type-typography-v2 .selectize-dropdown .selectize-dropdown-content div { height: 30px; background-color: #fff; cursor: pointer; border-bottom: 1px solid #ddd; line-height: 30px; } .fw-option-type-typography-v2 .selectize-dropdown .selectize-dropdown-content div.option span { border: none; background: none; color: red; } .fw-option-type-typography-v2 .selectize-dropdown .selectize-dropdown-content div:hover{ background-color: #f0f0f0; } .fw-option-type-typography-v2 .selectize-dropdown.single { border: 1px solid #ddd; } .fw-option-type-typography-v2 .selectize-control.single .selectize-input { background: none; margin: 0; vertical-align: middle; border: 1px solid #dddddd; color: #333333; height: 28px; line-height: 27px; font-size: 14px; padding: 0 6px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } @media (max-width: 782px) { .fw-option-type-typography-v2 .selectize-dropdown.fw-option-typography-v2-option-family-input { width: 100% !important; } .fw-option-type-typography-v2 .selectize-control.single .selectize-input { font-size: 16px; height: 36px; line-height: 36px; } #edittag .fw-option-type-typography-v2 .selectize-control.single .selectize-input { padding: 0 14px; } } .fw-force-xs .fw-option-type-typography-v2 .selectize-dropdown.fw-option-typography-v2-option-family-input { width: 100%!important; } .fw-force-xs .fw-option-type-typography-v2 .selectize-control.single .selectize-input { font-size: 16px; } #edittag .fw-force-xs .fw-option-type-typography-v2 .selectize-control.single .selectize-input { padding: 0 14px; } .fw-option-type-typography-v2 div.selectize-input.items.full.has-options.has-items { background: none; } .fw-option-type-typography-v2 .selectize-dropdown .selectize-dropdown-content { border: 1px solid #ddd; } .fw-option-type-typography-v2 .selectize-control .selectize-dropdown { border: none; top: 33px !important; } @media (max-width: 782px) { .fw-option-type-typography-v2 .selectize-control .selectize-dropdown { top: 42px !important; } } @media (max-width: 782px) { .fw-option-type-typography-v2 .fw-option-typography-v2-option-style, .fw-option-type-typography-v2 .fw-option-typography-v2-option-subset, .fw-option-type-typography-v2 .fw-option-typography-v2-option-variation, .fw-option-type-typography-v2 .fw-option-typography-v2-option-weight, .fw-option-type-typography-v2 .fw-option-typography-v2-option-size, .fw-option-type-typography-v2 .fw-option-typography-v2-option-line-height, .fw-option-type-typography-v2 .fw-option-typography-v2-option-letter-spacing, .fw-option-type-typography-v2 .fw-option-typography-v2-option-color, .fw-option-type-typography-v2 .fw-option-typography-v2-option-color .fw-option-type-color-picker { width: 100% !important; } } .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-subset, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-variation, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-weight, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-style, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-size, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-line-height, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-letter-spacing, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-color, .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-color .fw-option-type-color-picker { width: 100% !important; } /* Fix: for color picker width too small or too big Solution: Set color fixed size, and font-style to calculate its width font-style: fw-col-sm-3 = 25% color: fw-col-sm-2 = 16.66666667% 25% + 16.66666667% = 41.66666667% */ .fw-option-type-typography-v2 .fw-option-typography-v2-option-color { width: 70px; /* should be same width as option type color-picker */ } .fw-option-type-typography-v2 .fw-option-typography-v2-option-style, .fw-option-type-typography-v2 .fw-option-typography-v2-option-weight, .fw-option-type-typography-v2 .fw-option-typography-v2-option-variation, .fw-option-type-typography-v2 .fw-option-typography-v2-option-subset { width: 120px; } .fw-option-type-typography-v2 .fw-option-typography-v2-option-size, .fw-option-type-typography-v2 .fw-option-typography-v2-option-line-height, .fw-option-type-typography-v2 .fw-option-typography-v2-option-letter-spacing { width: 86px; } .fw-option-type-typography-v2 .fw-option-typography-v2-option-letter-spacing { width: 86px; } @media (max-width: 782px) { .fw-option-type-typography-v2 .fw-option-typography-v2-option-size { width: 100%; } } .fw-force-xs .fw-option-type-typography-v2 .fw-option-typography-v2-option-size { width: 100%; } .fw-option-type-typography-v2 .fw-inner { font-size: 1em; padding-top: 7px; padding-left: 1px; padding-bottom: 10px; font-style: italic; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /** * All of the CSS for your admin-specific functionality should be * included in this file. */ 1.0https://eraengineering.co.inykmehra16https://eraengineering.co.in/index.php/author/ykmehra16/Homerich600338<blockquote class="wp-embedded-content" data-secret="xE9GURgAj7"><a href="https://eraengineering.co.in/">Home</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://eraengineering.co.in/embed/#?secret=xE9GURgAj7" width="600" height="338" title="“Home” — " data-secret="xE9GURgAj7" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); </script>