647 lines
13 KiB
CSS
647 lines
13 KiB
CSS
.wppb-wrap{
|
|
clear: both;
|
|
margin: 10px 0px 0 2px;
|
|
}
|
|
.wppb-wrap,
|
|
.wppb-wrap p{
|
|
font-size: 15px;
|
|
max-width: 1050px;
|
|
}
|
|
.wppb-info-wrap{
|
|
max-width:1050px;
|
|
margin:25px 40px 0 20px;
|
|
}
|
|
|
|
.wppb-wrap h1 {
|
|
color: #333333;
|
|
font-size: 2.8em;
|
|
font-weight: 400;
|
|
line-height: 1.2em;
|
|
margin:0;
|
|
padding-top:35px;
|
|
}
|
|
|
|
.wppb-wrap .wppb-callout{
|
|
font-size: 2em;
|
|
font-weight: 300;
|
|
line-height: 1.3;
|
|
margin:1.1em 0 0.2em 0;
|
|
}
|
|
|
|
.wppb-wrap hr{
|
|
display:block;
|
|
clear:both;
|
|
margin:20px 0;
|
|
}
|
|
|
|
.wppb-text{
|
|
font-size:1.1em;
|
|
margin-top:0;
|
|
}
|
|
|
|
.wppb-wrap ul{
|
|
list-style-type:circle;
|
|
list-style-position:inside;
|
|
}
|
|
|
|
.wppb-wrap li.description{
|
|
font-style: italic;
|
|
}
|
|
|
|
.wppb-badge{
|
|
float: right;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
width: 150px;
|
|
height: 150px;
|
|
margin-bottom: 25px;
|
|
text-align: center;
|
|
text-rendering: optimizelegibility;
|
|
}
|
|
|
|
.wppb-badge.Pro{
|
|
background:url(../images/pb-logo-pro.png) center no-repeat;
|
|
}
|
|
|
|
.wppb-badge.Hobbyist{
|
|
background:url(../images/pb-logo-hobbyist.png) center no-repeat;
|
|
}
|
|
|
|
.wppb-badge.Free{
|
|
background:url(../images/pb-logo-free.png) center no-repeat;
|
|
}
|
|
|
|
.wppb-badge.wppb-pb-pms{
|
|
background:url(../images/pb-pms-cross-promotion-icon.png) center center no-repeat;
|
|
}
|
|
|
|
.wppb-badge {
|
|
background-size: cover !important;
|
|
}
|
|
|
|
.wppb-badge span {
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
margin-top: 110px;
|
|
font-size: 90%;
|
|
}
|
|
|
|
/* Userlist page */
|
|
.wppb-ul-templates > textarea,
|
|
.wppb-single-ul-templates > textarea {
|
|
float: left;
|
|
width: 60%;
|
|
max-width: 100%;
|
|
height: 400px;
|
|
}
|
|
|
|
.update_container_wppb_ul_faceted_settings .row-facet-behaviour,
|
|
.update_container_wppb_ul_faceted_settings .row-facet-limit,
|
|
#container_wppb_ul_faceted_settings .row-facet-behaviour,
|
|
#container_wppb_ul_faceted_settings .row-facet-behaviour,
|
|
#container_wppb_ul_faceted_settings .row-facet-limit{
|
|
display:none;
|
|
}
|
|
|
|
#container_wppb_ul_faceted_settings .facet_type_checkboxes .row-facet-behaviour,
|
|
#container_wppb_ul_faceted_settings .facet_type_checkboxes .row-facet-limit,
|
|
#container_wppb_ul_faceted_settings .update_container_wppb_ul_faceted_settings.facet_checkboxes .row-facet-behaviour,
|
|
#container_wppb_ul_faceted_settings .update_container_wppb_ul_faceted_settings.facet_checkboxes .row-facet-limit{
|
|
display:block;
|
|
}
|
|
|
|
|
|
/* Extra Stuff */
|
|
.nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.wppb-fields-image{
|
|
margin-top:60px;
|
|
}
|
|
|
|
|
|
/* Shortcode */
|
|
.wppb-shortcode {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
background: #fff !important;
|
|
padding: 5px 10px;
|
|
margin-top: 5px;
|
|
border: 1px solid #e1e1e1;
|
|
box-shadow: none !important;
|
|
font-family: 'Arial';
|
|
}
|
|
|
|
.wppb-shortcode.textarea {
|
|
width: 100%;
|
|
height: 1px;
|
|
resize: none;
|
|
}
|
|
|
|
.wppb-shortcode:focus {
|
|
border-color: #e1e1e1 !important;
|
|
}
|
|
|
|
.wppb-shortcode-temp {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding: 11px;
|
|
font-family: 'Arial';
|
|
}
|
|
|
|
|
|
/* Manage Fields page */
|
|
.profile-builder_page_manage-fields .metabox-holder .column-1{
|
|
/* margin-right:0; */
|
|
}
|
|
|
|
#container_wppb_manage_fields li strong{
|
|
display:none !important;
|
|
}
|
|
|
|
#container_wppb_manage_fields li .description strong {
|
|
display: inline !important;
|
|
}
|
|
|
|
#container_wppb_manage_fields .added_fields_list li.row-meta-name{
|
|
display:list-item !important;
|
|
}
|
|
|
|
#container_wppb_manage_fields li.row-field-title pre,
|
|
#container_wppb_manage_fields li.row-meta-name pre{
|
|
min-height:10px;
|
|
}
|
|
|
|
#wppb_manage_fields .ui-sortable label,
|
|
#container_wppb_manage_fields .ui-sortable label {
|
|
background: #fff;
|
|
}
|
|
|
|
#wppb_manage_fields .sortable-handle,
|
|
#container_wppb_manage_fields .sortable-handle {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('../images/sorting-icon-dots.png') no-repeat center center;;
|
|
vertical-align: middle;
|
|
margin-right: 7px;
|
|
cursor: move;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
#container_wppb_manage_fields pre{
|
|
display:block;
|
|
float:left;
|
|
width:27%;
|
|
font-family:"Open Sans", Arial, sans-serif;
|
|
font-size:14px;
|
|
}
|
|
|
|
#container_wppb_manage_fields pre.wppb-mb-head-required,
|
|
#container_wppb_manage_fields li.row-required pre{
|
|
width:auto;
|
|
text-align: center;
|
|
}
|
|
|
|
#container_wppb_manage_fields thead tr{
|
|
background:#f1f1f1;
|
|
}
|
|
|
|
#container_wppb_manage_fields thead tr:hover {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
#container_wppb_manage_fields tr.update_container_wppb_manage_fields:hover{
|
|
background:#fff;
|
|
}
|
|
|
|
#container_wppb_manage_fields tr:hover{
|
|
background:#def6ff;
|
|
}
|
|
|
|
#wppb_manage_fields_info{
|
|
display: none;
|
|
}
|
|
|
|
/* Extra Registration and Edit Profile fields */
|
|
#container_wppb_epf_fields li strong,
|
|
#container_wppb_rf_fields li strong{
|
|
display:none !important;
|
|
}
|
|
|
|
#container_wppb_epf_fields pre,
|
|
#container_wppb_rf_fields pre{
|
|
display:block;
|
|
font-family:"Open Sans", Arial, sans-serif;
|
|
font-size:14px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#container_wppb_epf_fields thead tr,
|
|
#container_wppb_rf_fields thead tr {
|
|
background: #f1f1f1;
|
|
}
|
|
#container_wppb_epf_fields thead tr:hover,
|
|
#container_wppb_rf_fields thead tr:hover {
|
|
background: #f1f1f1;
|
|
}
|
|
#container_wppb_epf_fields thead .wppb-delete-all-fields,
|
|
#container_wppb_rf_fields thead .wppb-delete-all-fields {
|
|
color: #333;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#container_wppb_epf_fields tbody .wck-delete,
|
|
#container_wppb_rf_fields tbody .wck-delete {
|
|
padding: 8px 16px;
|
|
}
|
|
|
|
#container_wppb_epf_fields tr.update_container_wppb_epf_fields:hover,
|
|
#container_wppb_rf_fields tr.update_container_wppb_rf_fields:hover{
|
|
background:none;
|
|
}
|
|
|
|
#container_wppb_epf_fields tr:hover,
|
|
#container_wppb_rf_fields tr:hover{
|
|
background:#def6ff;
|
|
}
|
|
#container_wppb_epf_fields .wck-content{
|
|
content: "" !important;
|
|
}
|
|
|
|
#wppb_rf_page_settings .row-url, #wppb_rf_page_settings .row-display-messages, .update_container_wppb_rf_page_settings.redirect_ .row-url,
|
|
.update_container_wppb_rf_page_settings.redirect_ .row-display-messages, .update_container_wppb_rf_page_settings.redirect_no .row-url,
|
|
.update_container_wppb_rf_page_settings.redirect_no .row-display-messages{
|
|
display:none;
|
|
}
|
|
|
|
#wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-url, #wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-display-messages{
|
|
display: block;
|
|
}
|
|
|
|
#wppb_epf_page_settings .row-url, #wppb_epf_page_settings .row-display-messages, .update_container_wppb_epf_page_settings.redirect_ .row-url,
|
|
.update_container_wppb_epf_page_settings.redirect_ .row-display-messages, .update_container_wppb_epf_page_settings.redirect_no .row-url,
|
|
.update_container_wppb_epf_page_settings.redirect_no .row-display-messages{
|
|
display:none;
|
|
}
|
|
|
|
#wppb_epf_page_settings.update_container_wppb_epf_page_settings.redirect_yes .row-url, #wppb_epf_page_settings.update_container_wppb_epf_page_settings.redirect_yes .row-display-messages{
|
|
display: block;
|
|
}
|
|
|
|
/* Columns :) */
|
|
.wppb-row{
|
|
overflow:hidden;
|
|
}
|
|
|
|
.wppb-3-col > div {
|
|
float:left;
|
|
width:28%;
|
|
margin-right:5%;
|
|
}
|
|
|
|
.wppb-2-col > div {
|
|
float:left;
|
|
width:45%;
|
|
margin-right:5%;
|
|
}
|
|
|
|
.wppb-3-col > div:last-child,
|
|
.wppb-2-col > div:last-child{
|
|
margin:0;
|
|
}
|
|
|
|
.wppb-1-3-col > div {
|
|
float:left;
|
|
width:28%;
|
|
margin-right:5%;
|
|
}
|
|
.wppb-1-3-col > div:last-child{
|
|
float:right;
|
|
width: 67%;
|
|
margin:0;
|
|
}
|
|
/* Extra Form Styles */
|
|
.wppb-text{
|
|
min-width: 16.4em;
|
|
}
|
|
.wppb-select {
|
|
min-width:18em;
|
|
}
|
|
|
|
.wppb-wrap .form-table th {
|
|
width: 400px;
|
|
}
|
|
|
|
.wppb-metabox label{
|
|
display:inline-block;
|
|
min-width:15em;
|
|
}
|
|
|
|
/* Admin Bar Page */
|
|
.wppb-admin-bar label{
|
|
margin-right:30px;
|
|
padding:5px;
|
|
}
|
|
|
|
/* modules Page */
|
|
.wppb-modules label{
|
|
margin-right:30px;
|
|
padding:5px;
|
|
}
|
|
|
|
/* Metabox Clone. We need this in various places to simulate the css of a normal metabox. */
|
|
.wppb-side{
|
|
width:300px;
|
|
float:right;
|
|
clear:both;
|
|
}
|
|
|
|
.wppb-metabox h3{
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
margin: 0;
|
|
padding:8px 12px;
|
|
cursor:default !important;
|
|
}
|
|
|
|
.wppb-normal{
|
|
margin-right:320px;
|
|
}
|
|
|
|
.wppb-metabox textarea{
|
|
resize:vertical;
|
|
background-color: #ecf8fd;
|
|
font-family: Consolas,Monaco,monospace;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.wppb-metabox .inline-wrap{
|
|
width:280px;
|
|
float:left;
|
|
}
|
|
.wppb-highlight{
|
|
background:#333333;
|
|
background:#222222;
|
|
background:#fff;
|
|
padding:20px;
|
|
}
|
|
.wppb-userlisting-slider, .wppb-list-users-slider{
|
|
display:block;
|
|
padding:10px;
|
|
border:1px solid #ccc;
|
|
font-family: Consolas,Monaco,monospace;
|
|
font-size: 13px;
|
|
margin-top:20px;
|
|
}
|
|
#wppb_manage_fields .mb-list-entry-fields .field-label{
|
|
max-width: 179px;
|
|
}
|
|
|
|
#container_wppb_epf_fields .row-id,
|
|
#wppb_epf_fields .row-id,
|
|
#container_wppb_rf_fields .row-id,
|
|
#wppb_rf_fields .row-id{
|
|
display:none;
|
|
}
|
|
|
|
.wppb-wrap #serial_number{
|
|
font-weight: 600;
|
|
line-height: 1.3;
|
|
padding: 20px 10px 20px 0;
|
|
text-align: left;
|
|
color: #222222;
|
|
font-size:14px;
|
|
}
|
|
|
|
#wppb_profile_builder_pro_serial{
|
|
width:460px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.wppb-wrap .wppb-serialnumber-descr{
|
|
display: block;
|
|
padding: 0px 0px 0px 95px
|
|
}
|
|
|
|
.wppb-backend-notice{
|
|
display: inline-block;
|
|
line-height: 16px;
|
|
padding: 11px;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
margin: 0 0 5px 0;
|
|
background-color: #fff9e8;
|
|
border:1px solid #ffba00;
|
|
border-radius:3px;
|
|
}
|
|
|
|
/* hide "View post" link from update messages on internal post types */
|
|
.post-type-wppb-ul-cpt #message.updated a, .post-type-wppb-rf-cpt #message.updated a, .post-type-wppb-epf-cpt #message.updated a{
|
|
display:none;
|
|
}
|
|
|
|
|
|
#wppb_ul_page_settings .row-visible-to-following-roles, .update_container_wppb_ul_page_settings.visible_to_logged_ .row-visible-to-following-roles{
|
|
display:none;
|
|
}
|
|
|
|
#wppb_ul_page_settings.update_container_wppb_ul_page_settings.visible_to_logged_yes .row-visible-to-following-roles{
|
|
display: block;
|
|
}
|
|
|
|
/* Add-Ons page */
|
|
.wppb-add-on-user-messages{ display: none; }
|
|
|
|
.wppb-add-on-wrap .plugin-card-bottom:after {
|
|
display: block;
|
|
content: '';
|
|
clear: both;
|
|
}
|
|
|
|
.wppb-add-on .spinner {
|
|
visibility: visible;
|
|
}
|
|
|
|
.wppb-add-on a:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.wppb-add-on img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.wppb-add-on .wppb-add-on-title {
|
|
letter-spacing: -0.7px;
|
|
margin-bottom: 7px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.wppb-add-on .wppb-add-on-title a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.wppb-add-on .wppb-add-on-price {
|
|
font-size: 1.1em;
|
|
letter-spacing: -0.7px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.wppb-add-on-compatible span {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.wppb-add-on-not-compatible {
|
|
position: relative;
|
|
}
|
|
|
|
.wppb-add-on-not-compatible:before {
|
|
display: block;
|
|
content: '';
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 100%;
|
|
background: #d54e21;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.wppb-add-on .button {
|
|
position: relative;
|
|
}
|
|
|
|
.wppb-add-on .button.wppb-add-on-deactivate {
|
|
opacity: 0;
|
|
}
|
|
|
|
.wppb-add-on .spinner {
|
|
display: block;
|
|
margin-top: 4px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.wppb-add-on-spinner {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -10px;
|
|
margin-left: -10px;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url('../images/spinner.gif') no-repeat center;
|
|
}
|
|
|
|
.wppb-recommended-plugin{
|
|
width:100%;
|
|
margin:0 8px 16px 0;
|
|
}
|
|
|
|
@media screen and (min-width: 1600px){
|
|
.wppb-recommended-plugin{
|
|
width:66%;
|
|
}
|
|
}
|
|
|
|
.wppb-confirmation-success {
|
|
color: #27ae60;
|
|
}
|
|
|
|
.wppb-confirmation-error {
|
|
color: #c0392b;
|
|
}
|
|
|
|
/* Manage Fields Responsive CSS */
|
|
@media screen and ( max-width: 1125px ) {
|
|
/* Manage Fields Responsive */
|
|
#container_wppb_manage_fields th.wck-content pre{
|
|
display:none;
|
|
}
|
|
#container_wppb_manage_fields li strong{
|
|
display: inline-block !important;
|
|
font-size: 14px;
|
|
font-family: "Open Sans",Arial,sans-serif;
|
|
}
|
|
#container_wppb_manage_fields pre{
|
|
display: inline;
|
|
float:none;
|
|
width:auto;
|
|
}
|
|
#container_wppb_manage_fields li strong{
|
|
width:100px !important;
|
|
}
|
|
}
|
|
/* Basic Information Buttons - for Free to Pro upgrade*/
|
|
.wppb-button-free {
|
|
border-radius: 3px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
height: 29px;
|
|
line-height: 26px;
|
|
margin: 0;
|
|
padding: 0 10px 1px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
background: none repeat scroll 0 0 #e14d43;
|
|
border-color: #b2401b;
|
|
-webkit-box-shadow: 0 1px 0 #ba281e !important;
|
|
box-shadow: 0 1px 0 #ba281e !important;
|
|
color: #fff !important;
|
|
vertical-align:top;
|
|
text-shadow: 0 -1px 1px #ba281e,1px 0 1px #ba281e,0 1px 1px #ba281e,-1px 0 1px #ba281e !important;
|
|
}
|
|
p .wppb-button-free {
|
|
vertical-align: baseline;
|
|
}
|
|
.wppb-button-free:hover {
|
|
background: #e14d43;
|
|
border-color: #ba281e;
|
|
color: #fff;
|
|
}
|
|
|
|
/* PMS Compatibility page */
|
|
#pms-bottom-install .plugin-card-bottom{
|
|
border:none;
|
|
background: #e86054;
|
|
color:#fff;
|
|
}
|
|
|
|
#pms-bottom-install .plugin-card-bottom span{
|
|
display: inline-block;
|
|
margin-top:7px;
|
|
}
|
|
|
|
#pms-bottom-install .wppb-add-on-download, #pms-bottom-install a{
|
|
font-size: 130%;
|
|
padding: 10px 20px;
|
|
height: auto;
|
|
color: #e86054;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#pms-bottom-install a:hover{
|
|
background: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#pms-bottom-install .wppb-confirmation-success{
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
#wppb_ul_search_settings .wck-checkboxes > div{
|
|
display: inline-block;
|
|
margin-left:7px;
|
|
} |