body.no-js #pen_post_meta { margin: 1em 0 0; } #pen_post_meta, #pen_post_meta .pen_post_meta_options, #pen_post_meta .pen_post_meta_container, #pen_meta_box_footer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; } body.no-js #pen_meta_box #pen_meta_tools { display: none; } #pen_meta_box #pen_meta_tools { margin: 0 0 1em; } #pen_meta_box #pen_meta_tools, #pen_meta_box #pen_meta_tools .pen_meta_tool.pen_expanded { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; } #pen_meta_box #pen_meta_tools .pen_meta_tool_close:before, #pen_meta_box #pen_meta_tools #pen_meta_tool_overview:before { content: "\f158"; font-family: "dashicons"; font-weight: normal; vertical-align: bottom; } #pen_meta_box #pen_meta_tools > .button, #pen_meta_box #pen_meta_tools #pen_meta_tool_overview:before { margin: 0 0.25em 0 0; } #pen_meta_box #pen_meta_tools #pen_meta_tool_overview:before { content: "\f504"; } #pen_meta_box #pen_meta_tools > .button { float: left; } #pen_meta_box #pen_meta_tools .pen_meta_tool.pen_expanded { background: #f7f7f7; border: 1px solid #ddd; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); display: block; margin: 1em 0 0; padding: 1em; position: relative; } #pen_meta_box #pen_meta_tools .pen_meta_tool .pen_meta_tool_close { position: absolute; right: 1em; top: 1em; } #pen_meta_box #pen_meta_tools table { background: rgba(255,255,255,0.75); border: 1px solid #ccc; border-collapse: collapse; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); margin: 1em 0; min-width: 400px; text-transform: capitalize; } #pen_meta_box #pen_meta_tools table tr { cursor: pointer; } #pen_meta_box #pen_meta_tools table th, #pen_meta_box #pen_meta_tools table td { border: 1px solid #fff; } #pen_meta_box #pen_meta_tools table th { background: #ddd; padding: 1em; text-align: left; } #pen_meta_box #pen_meta_tools table td { padding: 0.5em 1em; } #pen_meta_box #pen_meta_tools table tr.pen_active td { background: #eaeaea; } #pen_post_meta .postbox { margin: 0 0 5px; } #pen_post_meta .postbox:last-child { margin: 0; } #pen_post_meta .pen_post_meta_container { padding: 1em; } #pen_post_meta h3 { background: #e0e0e0; background: -ms-linear-gradient(325deg, #f0f0f0 0%, #e0e0e0 100%); background: linear-gradient(125deg, #f0f0f0 0%, #e0e0e0 100%); margin: 0; padding: 0.5em 1em; position: relative; } body.js #pen_post_meta h3 { cursor: pointer; } #pen_post_meta h3 .handlediv { position: absolute; right: 0; top: 0; } #pen_post_meta fieldset { border-top: 1px solid #ddd; margin: 0 0 0.5em; padding: 0 0 0.5em; } #pen_post_meta fieldset:last-child { margin: 0; } #pen_post_meta fieldset legend { background: #eee; border: 1px solid #ddd; border-radius: 3px; font-weight: bold; margin: 0; padding: 0.5em 1em 0.5em 1.5em; position: relative; } #pen_post_meta fieldset legend:before { color: #aaa; content: "\f139"; font-family: "dashicons"; font-size: 1.5em; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } #pen_post_meta label { font-weight: bold; line-height: 1; white-space: nowrap; } #pen_post_meta label + select { margin: 5px 0 0; } #pen_post_meta .pen_wrap { background: rgba(255,255,255,0.75); border: 1px solid #fff; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 5px 2% 0 0; padding: 7px 10px; transition: background-color .1s, border-color .1s, color .1s; width: 18%; } #pen_post_meta .pen_sidebars .pen_wrap { width: 31.33%; } #side-sortables #pen_post_meta .pen_wrap, #side-sortables #pen_post_meta .pen_sidebars .pen_wrap { margin-left: 0; margin-right: 0; width: 100%; } #pen_post_meta .pen_wrap.pen_post_meta_enable { background: #dcf3df; border: 1px solid #89d291; color: #005d0c; } #pen_post_meta .pen_wrap.pen_post_meta_disable { background: #ffe3e3; border: 1px solid #e4aaaa; color: #c30000; } #pen_meta_box .pen_only { background: #7f7f7f; border-radius: 100px; box-shadow: 1px 1px 3px rgba(0,0,0,0.75) inset; color: #fff; cursor: help; display: inline-block; font-size: 0.857em; font-weight: bold; margin: 0 5px 0 0; padding-left: 5px; padding-right: 5px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #pen_meta_box_footer { border-top: 1px solid #ccc; margin: 1em 0 0; padding: 1em 0 0; text-align: right; } #pen_meta_box_footer label { vertical-align: baseline; } #pen_meta_box_footer .pen_left { float: left; } #pen_meta_box_footer .pen_right { float: right; } #pen_meta_box_footer .pen_order:after { content: "\f344"; font-family: "dashicons"; margin: 0 0 0 1em; vertical-align: bottom; } @media only screen and (max-width:1024px) { #pen_post_meta .pen_sidebars .pen_wrap { width: 100%; } }