/** * CSS code for all Builder Lite Extensions admin screens * * @package Builder Lite * @since 1.0.0 */ .bul-clear:before, .bul-clear:after { content: " "; display: table; } .bul-clear:after { clear: both; } /** * Error Message */ #message { display: block; margin-left: 0; } /** * CSS code for all Builder Lite Extensions admin screens * * @package Builder Lite * @since 1.0.0 */ /** * Builder Lite Welcome Page */ .appearance_page_builder_lite #wpcontent { padding: 0; } .bul-menu-page-wrapper.wrap { margin: 0; } .bul-menu-page-wrapper a { text-decoration: none; } .bul-theme-page-header { background-color: #fff; text-align: center; padding: 20px 0; margin-bottom: 20px; box-shadow: 0 2px 0 #efefef, 0 2px 2px #ececec; } .bul-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .bul-container .bul-normal-cusror.hndle { cursor: initial; } .bul-container .postbox .hndle { background: #f7f7f7; border-bottom: 2px solid #e6e6e6; } /* Top Right Links. */ .bul-top-links { flex: auto; text-align: right; } .bul-top-links ul { margin: 0; } .bul-top-links ul li { display: inline-block; margin-bottom: 0; } .bul-container.bul-welcome, .general .bul-container { max-width: 930px; } .bul-quick-setting-section span.dashicons { margin: 1px 3px 0 10px; } .bul-container div.notice, .bul-container div.updated, .bul-container div.error { margin-top: 0; } .bul-container #poststuff h2 { padding: 12px 12px; } .bul-flex { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .bul-theme-title { flex: auto; align-content: flex-start; text-align: left; } .bul-theme-title a, .bul-theme-title span { font-size: 1.5rem; color: #333333; font-weight: 500; } .bul-theme-icon { width: 170px; vertical-align: bottom; } /** * Builder Lite Quick Settings */ .bul-quick-setting-section ul, .bul-addon-list-section ul { margin: 0; } .bul-quick-setting-section li { border-bottom: 1px solid #eee; margin-bottom: 0; } .bul-addon-list-section li { -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset; margin-bottom: 0; } .bul-quick-setting-section li { padding: 10px 0; } .bul-quick-setting-section li:nth-child(odd) { width: 74%; } .bul-quick-setting-section li:nth-child(even) { width: 26%; } .bul-quick-setting-section li a { margin: 5px; display: inline-block; } .bul-addon-list-section li { padding: 10px 15px; } .bul-quick-setting-section a.bul-quick-setting-title { flex: auto; } .bul-addon-list-section .bul-addon-list li { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; padding: 10px 15px; } .bul-addon-list-section .bul-addon-list li:nth-child(even) { background-color: #fbfbfb; } .bul-addon-link-wrapper { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; display: -webkit-flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; flex: auto; } .bul-addon-link-wrapper a { line-height: 1.6; } .bul-addon-link-wrapper a:nth-child(even) { margin: 0 10px; } /** * Builder Lite Welcome screen sidebar */ .bul-sidebar .hndle .dashicons { margin: 0 5px 0 0; } @media (max-width: 544px) { .bul-quick-setting-section li { width: 100%; } } /** * Builder Lite Custom Notice for static position */ .bul-notice { margin-bottom: 20px; } .bul-notice.bul-notice-error { border-left-color: #dc3232; } .bul-notice { background: #fff; border-left: 4px solid #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); padding: 1px 12px; } .bul-notice p { margin: 0.5em 0; padding: 2px; }