/* ---------------------------------
/ Generic styles & classes
----------------------------------*/
.nf-box {
background: #f1f1f1;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
}
/* ---------------------------------
/ Styles for specific admin pages
----------------------------------*/
div.field-wrap.list-wrap {
display: block;
}
#wpwrap:after {
content: "";
clear: both;
display: table;
}
.ninja-forms-save-data {
clear: both;
float: none;
}
#nav-menus-frame .ninja-forms-new-field,
#nav-menus-frame .ninja-forms-insert-def-field,
#nav-menus-frame .ninja-forms-insert-fav-field {
display: block;
text-align: center;
}
a.ninja-forms-field-add-fav {
display: block;
width:16px;
height:16px;
background:url(../images/empty_star_hover.png) 0 -16px no-repeat;
text-indent: -99999px;
}
a.ninja-forms-field-add-fav:hover{
background:url(../images/empty_star_hover.png) 0 -32px no-repeat;
}
a.ninja-forms-field-remove-fav {
display: block;
width:16px;
height:16px;
background:url(../images/empty_star_hover.png) 0 -32px no-repeat;
text-indent: -99999px;
}
a.ninja-forms-field-remove-fav:hover{
background:url(../images/empty_star_hover.png) 0 0 no-repeat;
}
#editor-toolbar #edButtonHTML, #ed_toolbar, #edButtonPreview {
display: none;
}
#menu-management-liquid #menu-management .menu-edit,
#menu-management-liquid #menu-management #nav-menu-header,
#menu-management-liquid #menu-management #nav-menu-footer,
#menu-management-liquid #menu-management .menu-item-settings {
border-color: #DFDFDF;
margin: 0;
}
.nav-menus-php #post-body-content {
float: left;
}
#post-body-content .description{
margin-top: 10px;
margin-bottom: 10px;
}
#post-body-content .description-wide{
width: 500px;
}
#post-body-content .description-thin{
width: 240px;
}
#post-body-content .menu-item-handle{
width: 510px;
}
#post-body-content .menu-item-settings{
width: 500px;
padding: 10px;
}
#post-body-content .checkbox {
background: none;
}
.postbox {
margin: 5px 0;
}
.postbox .inside, .stuffbox .inside {
padding: 5px 10px 10px;
}
#menu-settings-column .button-controls {
clear: none;
float: left;
width: 46%;
margin: 0 2% 3px 2% !important;
padding: 0;
}
#menu-settings-column .button-controls a.button {
/*border: 1px solid #999;
display: block;
margin: 0;
padding: 0;*/
text-align: center;
width: 96%;
}
#menu-settings-column .field-controls {
margin: 0;
padding: 0;
}
.ninja-forms-field-list-options {
margin-bottom: 10px;
}
.list-options {
background: #fcfcfc;
border-bottom: 1px solid #ddd;
padding: 2px 10px;
width: 100%;
}
#field-info {
padding-top:10px;
width: 100%;
}
.nav-menus-php .item-edit {
border-bottom-color: transparent;
}
#side-sortables .item-edit {
top: -4px;
}
#ninja_forms_admin_metaboxes .item-edit {
top: -4px;
}
#ninja_forms_admin_metaboxes textarea {
min-height: 100px;
padding: 5px;
width: 100%;
}
.menu-item-settings.list li {
display:block;
}
.ninja_error {
border: 1px solid red;
}
.widefat {
padding: 5px;
}
.wrap-left {
float: left;
width: 60%;
}
.wrap-right {
background: #464646;
color: #fff;
float: right;
margin: 0 auto;
padding: 10px;
width: 263px;
}
.wrap-right img {
margin: 0 auto;
}
.wrap-right h2 {
color: #fff;
text-shadow: black 0 1px 0;
}
.wrap-right ul {
background: #fff;
color: #333;
list-style: disc;
list-style-position: inside;
padding: 20px;
}
.form-section {
background: #F4F4F4;
border: 1px solid #DFDFDF;
margin-bottom: 10px;
padding: 20px;
}
#plugin_settings_upload_size {
text-align:right;
}
#icon-ninja-custom-forms {
background-image: url('../images/wpnj-ninja-head.png') !important;
}
#poststuff {
padding: 10px;
}
#poststuff .ninja-forms-field-list .inside {
margin: 0;
}
#poststuff #post-body {
border: 0;
}
#poststuff h2 {
margin-top: 0;
}
.forms_page_ninja-forms-subs #poststuff {
float: left;
}
.menu {
padding-top: 0;
}
#poststuff h3.section-title {
background: #F4F4F4;
border-style: solid;
border-color: #DFDFDF #DFDFDF white;
border-width: 1px 1px 0;
color: #AAA;
text-shadow: rgba(255, 255, 255, 1) 0 1px 0;
font-size: 12px;
line-height: 16px;
display: inline-block;
padding: 4px 14px 6px;
text-decoration: none;
margin: 0 6px -1px 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-khtml-border-top-left-radius: 3px;
-khtml-border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#layout-elements {
background-color: whiteSmoke;
border-color: #444;
-moz-box-shadow: inset 0 1px 0 #666666;
-webkit-box-shadow: inset 0 1px 0 #666666;
box-shadow: inset 0 1px 0 #666666;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#layout-elements h3 {
background-color: #777777;
background-image: -ms-linear-gradient(bottom,#666666,#777777);
background-image: -moz-linear-gradient(bottom,#666666,#777777);
background-image: -o-linear-gradient(bottom,#666666,#777777);
background-image: -webkit-gradient(linear,left bottom,left top,from(#666666),to(#777777));
background-image: -webkit-linear-gradient(bottom,#666666,#777777);
background-image: linear-gradient(bottom,#666666,#777777);
border-bottom-color: #444;
-moz-box-shadow: inset 0 1px 0 #777777;
-webkit-box-shadow: inset 0 1px 0 #777777;
box-shadow: inset 0 1px 0 #777777;
color: #fff;
text-shadow: 0 1px 0 #000;
}
.menu-item-handle.heading,
.menu-item-handle.desc,
.menu-item-handle.hr {
background-color: #777777;
background-image: -ms-linear-gradient(bottom,#666666,#777777);
background-image: -moz-linear-gradient(bottom,#666666,#777777);
background-image: -o-linear-gradient(bottom,#666666,#777777);
background-image: -webkit-gradient(linear,left bottom,left top,from(#666666),to(#777777));
background-image: -webkit-linear-gradient(bottom,#666666,#777777);
background-image: linear-gradient(bottom,#666666,#777777);
border: 1px solid #444;
-moz-box-shadow: inset 0 1px 0 #999;
-webkit-box-shadow: inset 0 1px 0 #999;
box-shadow: inset 0 1px 0 #999;
}
.menu-item-handle.heading .item-title,
.menu-item-handle.desc .item-title,
.menu-item-handle.hr .item-title {
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 7px 0;
line-height: 20px;
display: block;
margin-right: 13em;
text-shadow: 0 1px 0 #000;
}
.menu-item-handle.heading .item-controls,
.menu-item-handle.desc .item-controls,
.menu-item-handle.hr .item-controls {
color: #eee;
font-size: 12px;
position: absolute;
right: 20px;
top: -1px;
text-shadow: 0 1px 0 #000;
}
.menu-item-handle.heading .item-type,
.menu-item-handle.desc .item-type,
.menu-item-handle.hr .item-type {
color: #eee;
text-shadow: 0 1px 0 #000;
}
.menu-item-settings.heading,
.menu-item-settings.desc,
.menu-item-settings.hr {
background-color: whiteSmoke;
border: 1px solid #444;
}
#multi-part {
background-color: whiteSmoke;
border-color: #a23511;
-moz-box-shadow: inset 0 1px 0 #b94119;
-webkit-box-shadow: inset 0 1px 0 #b94119;
box-shadow: inset 0 1px 0 #b94119;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#multi-part h3 {
background-color: #d54e21;
background-image: -ms-linear-gradient(bottom,#b94119,#d54e21);
background-image: -moz-linear-gradient(bottom,#b94119,#d54e21);
background-image: -o-linear-gradient(bottom,#b94119,#d54e21);
background-image: -webkit-gradient(linear,left bottom,left top,from(#b94119),to(#d54e21));
background-image: -webkit-linear-gradient(bottom,#b94119,#d54e21);
background-image: linear-gradient(bottom,#b94119,#d54e21);
border-bottom-color: #a23511;
-moz-box-shadow: inset 0 1px 0 #d54e21;
-webkit-box-shadow: inset 0 1px 0 #d54e21;
box-shadow: inset 0 1px 0 #d54e21;
color: #fff;
text-shadow: 0 1px 0 #000;
}
#multi-part .howto, #multi-part label, #multi-part .button-controls {
color: #666;
}
.menu-item-handle.steps,
.menu-item-handle.progressbar,
.menu-item-handle.divider {
background-color: #d54e21;
background-image: -ms-linear-gradient(bottom,#b94119,#d54e21);
background-image: -moz-linear-gradient(bottom,#b94119,#d54e21);
background-image: -o-linear-gradient(bottom,#b94119,#d54e21);
background-image: -webkit-gradient(linear,left bottom,left top,from(#b94119),to(#d54e21));
background-image: -webkit-linear-gradient(bottom,#b94119,#d54e21);
background-image: linear-gradient(bottom,#b94119,#d54e21);
border: 1px solid #a23511;
-moz-box-shadow: inset 0 1px 0 #eb5e2f;
-webkit-box-shadow: inset 0 1px 0 #eb5e2f;
box-shadow: inset 0 1px 0 #eb5e2f;
}
.menu-item-handle.steps .item-title,
.menu-item-handle.progressbar .item-title,
.menu-item-handle.divider .item-title {
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 7px 0;
line-height: 20px;
display: block;
margin-right: 13em;
text-shadow: 0 1px 0 #000;
}
.menu-item-handle.steps .item-controls,
.menu-item-handle.progressbar .item-controls,
.menu-item-handle.divider .item-controls {
color: #eee;
font-size: 12px;
position: absolute;
right: 20px;
top: -1px;
text-shadow: 0 1px 0 #000;
}
.menu-item-handle.steps .item-type,
.menu-item-handle.progressbar .item-type,
.menu-item-handle.divider .item-type {
color: #eee;
text-shadow: 0 1px 0 #000;
}
.menu-item-settings.steps,
.menu-item-settings.progressbar,
.menu-item-settings.divider {
background-color: whiteSmoke;
border: 1px solid #a23511;
}
#defined-fields {
background-color: whiteSmoke;
border-color: #12516e;
-moz-box-shadow: inset 0 1px 0 #1a6485;
-webkit-box-shadow: inset 0 1px 0 #1a6485;
box-shadow: inset 0 1px 0 #1a6485;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#defined-fields h3 {
background-color: #21759b;
background-image: -ms-linear-gradient(bottom,#1a6485,#21759b);
background-image: -moz-linear-gradient(bottom,#1a6485,#21759b);
background-image: -o-linear-gradient(bottom,#1a6485,#d54e21);
background-image: -webkit-gradient(linear,left bottom,left top,from(#1a6485),to(#21759b));
background-image: -webkit-linear-gradient(bottom,#1a6485,#21759b);
background-image: linear-gradient(bottom,#1a6485,#21759b);
border-bottom-color: #12516e;
-moz-box-shadow: inset 0 1px 0 #21759b;
-webkit-box-shadow: inset 0 1px 0 #21759b;
box-shadow: inset 0 1px 0 #21759b;
color: #fff;
text-shadow: 0 1px 0 #000;
}
#defined-fields .howto, #defined-fields label, #defined-fields .button-controls {
color: #666;
}
.menu-item-handle.spam,
.menu-item-handle.submitbutton {
background-color: #21759b;
background-image: -ms-linear-gradient(bottom,#1a6485,#21759b);
background-image: -moz-linear-gradient(bottom,#1a6485,#21759b);
background-image: -o-linear-gradient(bottom,#1a6485,#d54e21);
background-image: -webkit-gradient(linear,left bottom,left top,from(#1a6485),to(#21759b));
background-image: -webkit-linear-gradient(bottom,#1a6485,#21759b);
background-image: linear-gradient(bottom,#1a6485,#21759b);
border: 1px solid #12516e;
-moz-box-shadow: inset 0 1px 0 #3593bd;
-webkit-box-shadow: inset 0 1px 0 #3593bd;
box-shadow: inset 0 1px 0 #3593bd;
}
.menu-item-handle.spam .item-title,
.menu-item-handle.submitbutton .item-title {
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 7px 0;
line-height: 20px;
display: block;
margin-right: 13em;
text-shadow: 0 1px 0 #000;
}
.menu-item-handle.spam .item-controls,
.menu-item-handle.submitbutton .item-controls {
color: #eee;
font-size: 12px;
position: absolute;
right: 20px;
top: -1px;
text-shadow: 0 1px 0 #000;
}
.menu-item-handle.spam .item-type,
.menu-item-handle.submitbutton .item-type {
color: #eee;
text-shadow: 0 1px 0 #000;
}
.menu-item-settings.spam,
.menu-item-settings.submitbutton {
background-color: whiteSmoke;
border: 1px solid #12516e;
}
#post-elements {
background-color: whiteSmoke;
border-color: #83acd0;
-moz-box-shadow: inset 0 1px 0 #e6f3fe;
-webkit-box-shadow: inset 0 1px 0 #e6f3fe;
box-shadow: inset 0 1px 0 #e6f3fe;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#post-elements h3 {
background-color: #D3E7F8;
background-image: -ms-linear-gradient(top,#e6f3fe,#D3E7F8);
background-image: -moz-linear-gradient(top,#e6f3fe,#D3E7F8);
background-image: -o-linear-gradient(top,#e6f3fe,#d54e21);
background-image: -webkit-gradient(linear,left top,left bottom,from(#e6f3fe),to(#D3E7F8));
background-image: -webkit-linear-gradient(top,#e6f3fe,#D3E7F8);
background-image: linear-gradient(top,#e6f3fe,#D3E7F8);
border-bottom-color: #a1caec;
color: #464646;
text-shadow: 0 1px 0 #fff;
}
#post-elements .howto, #post-elements label, #post-elements .button-controls {
color: #666;
}
.menu-item-handle.posttitle,
.menu-item-handle.postcontent,
.menu-item-handle.postexcerpt,
.menu-item-handle.postcat,
.menu-item-handle.posttags {
background-color: #D3E7F8;
background-image: -ms-linear-gradient(top,#e6f3fe,#D3E7F8);
background-image: -moz-linear-gradient(top,#e6f3fe,#D3E7F8);
background-image: -o-linear-gradient(top,#e6f3fe,#D3E7F8);
background-image: -webkit-gradient(linear,left top,left bottom,from(#e6f3fe),to(#D3E7F8));
background-image: -webkit-linear-gradient(top,#e6f3fe,#D3E7F8);
background-image: linear-gradient(top,#e6f3fe,#D3E7F8);
border: 1px solid #8ab5d9;
}
.menu-item-handle.posttitle .item-title,
.menu-item-handle.postcontent .item-title,
.menu-item-handle.postexcerpt .item-title,
.menu-item-handle.postcategory .item-title,
.menu-item-handle.posttags .item-title {
color: #464646;
font-size: 12px;
font-weight: bold;
padding: 7px 0;
line-height: 20px;
display: block;
margin-right: 13em;
text-shadow: 0 1px 0 #fff;
}
.menu-item-handle.posttitle .item-controls,
.menu-item-handle.postcontent .item-controls,
.menu-item-handle.postexcerpt .item-controls,
.menu-item-handle.postcategory .item-controls,
.menu-item-handle.posttags .item-controls {
color: #999;
font-size: 12px;
position: absolute;
right: 20px;
top: -1px;
}
.menu-item-handle.posttitle .item-type,
.menu-item-handle.postcontent .item-type,
.menu-item-handle.postexcerpt .item-type,
.menu-item-handle.postcategory .item-type,
.menu-item-handle.posttags .item-type {
color: #999;
}
.menu-item-settings.posttitle,
.menu-item-settings.postcontent,
.menu-item-settings.postexcerpt,
.menu-item-settings.postcategory,
.menu-item-settings.posttags {
background-color: whiteSmoke;
border: 1px solid #83acd0;
}
.form-list-inactive {
background-color: red;
}
.ninja-forms-drag {
cursor: move;
}
ul.ninja-forms-field-list, ul.ninja-forms-field-list ul {
margin: 0 0 0 25px;
padding: 0;
list-style-type: none;
}
ul.ninja-forms-field-list {
margin: 1em 0;
}
li.test {
display: inline;
}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;display:none; padding:14px 20px;
margin-top:-30px; margin-left:28px;
width:240px; line-height:16px;
}
a.tooltip:hover span{
display:inline; position:absolute; color:#111;
border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
/*CSS3 extras*/
a.tooltip span
{
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 5px 5px 8px #CCC;
-webkit-box-shadow: 5px 5px 8px #CCC;
box-shadow: 5px 5px 8px #CCC;
}
.nf-extend {
float: left;
margin: 0 20px 20px 0;
width: 300px;
height: 350px;
position: relative;
}
.nf-extend img {
margin-bottom: 10px;
max-width: 100%;
height: auto;
}
.nf-extend .nf-button {
position: absolute;
bottom: 10px;
right: 10px;
}
.nf-extend .nf-doc-button {
position: absolute;
bottom: 10px;
left: 10px;
}
.mp6 .nf-extend {
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
float: left;
margin: 0 20px 20px 0;
padding: 10px;
position: relative;
width: 300px;
height: 350px;
}
.branch-3-8 .nf-extend {
background: #fff;
}
.forms_page_ninja-forms-style h2 .nav-tab {
font-size: 16px;
}
#TB_window {
overflow: auto !important;
}
.list-import-textarea {
width: 100%;
height: 200px;
}
.ninja-forms-list-option-label-td input {
width: 170px;
}
.ninja-forms-list-option-value-td input {
width: 100px;
}
.ninja-forms-list-option-calc-td input {
width: 50px;
}
.ninja-forms-calculations .label {
border-radius: 4px;
padding: 5px;
overflow: hidden;
}
.ninja-forms-calculations {
border: 1px solid #ccc;
border-radius: 5px;
clear: both;
float: none;
overflow: hidden;
}
.ninja-forms-calculations .label {
background: #ccc;
display: block;
}
.ninja-forms-calc-row {
background: #ddd;
margin: 10px;
padding: 10px;
}
.ninja-forms-calc-row input{
width: 50px;
}
#wpfooter {
display: none;
}
/* ---------------------------------
/ System Status Page
----------------------------------*/
#debug-report {
display: none;
}
#debug-report textarea {
height: 200px;
width: 300px;
}
p.debug-report {
display: inline-block;
padding: .5em 0;
}
.nf-status-table {
background: #f1f1f1;
border-radius: 4px 4px 0 0;
width: 100%;
}
.nf-status-table th {
border-color: #ccc;
border-style: solid;
border-width: 1px 1px 0 1px;
border-radius: 4px 4px 0 0;
font-size: 1.4em;
font-weight: normal;
padding: .5em 0;
width: 100%;
}
.nf-status-table thead:first-child th {
border-radius: 4px 4px 0 0;
}
.nf-status-table td {
border-color: #ccc;
border-style: solid;
border-width: 1px 1px 0px 1px;
padding: .5em;
}
.nf-status-table td:first-child {
border-left: 1px solid #ccc;
border-right-width: 0;
}
.nf-status-table tbody:last-child td {
border-bottom-width: 1px;
}
/* ---------------------------------
/ WP 3.8 styles
----------------------------------*/
.branch-3-8 #post-body .menu-item-handle,
.branch-3-9 #post-body .menu-item-handle,
.branch-4 #post-body .menu-item-handle {
background: #fff;
padding: 10px 5px 10px 10px;
}
.branch-3-8 #post-body .menu-item-settings,
.branch-3-9 #post-body .menu-item-settings,
.branch-4 #post-body .menu-item-settings {
background: #fff;
padding: 12px;
}
.branch-3-8 #post-body #post-body-content h3,
.branch-3-9 #post-body #post-body-content h3,
.branch-4 #post-body #post-body-content h3 {
margin-top: 0;
}
/*.branch-3-8 .item-controls {
top: 5px;
}*/
.branch-3-8 #TB_window .item-controls,
.branch-3-9 #TB_window .item-controls,
.branch-4 #TB_window .item-controls {
top: -5px;
}