#gwa-gopf-admin-icon {
background: url(../images/icon_wp_header.png) 0 18px no-repeat;
width: 42px;
height: 50px;
display: block;
float: left;
}
#gwa-gopf-admin-wrap .ajax-loading {
left:5px;
position:relative;
top:3px;
}
#gwa-gopf-admin-wrap .button-primary,
#gwa-gopf-admin-wrap .button-secondary {
display:inline-block;
height:auto !important;
line-height:15px !important;
margin:1px !important;
padding:4px 8px !important;
margin-right:5px !important;
}
#gwa-gopf-admin-wrap ul { margin:0; }
#gwa-gopf-admin-wrap input[type="text"],
#gwa-gopf-admin-wrap textarea,
#gwa-gopf-admin-wrap select {
min-height:25px !important;
_min-height:15px !important;
}
.gwa-gopf-w80 { width:80px !important; }
.gwa-gopf-w100 { width:100px !important; }
.gwa-gopf-w120 { width:120px !important; }
.gwa-gopf-w130 { width:130px !important; }
.gwa-gopf-w150 { width:150px !important; }
.gwa-gopf-w250 { width:250px !important; }
.gwa-gopf-w300 { width:300px !important; }
.gwa-gopf-w360 { width:360px !important; }
.gwa-gopf-w400 { width:400px !important; }
.gwa-gopf-group { display:none; }
.gwa-gopf-separator {
border-bottom:solid 1px #DFDFDF;
margin:10px 0;
}
.gwa-gopf-fr {
float:right !important;
}
.gwa-gopf-clearfix { clear:both; }
.gwa-gopf-clearfix:before,
.gwa-gopf-clearfix:after {
content: "";
display: table;
}
.gwa-gopf-clearfix:after {
clear: both;
}
.gwa-gopf-clearfix {
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.gwa-gopf-hidden { display:none !important }
.gwa-gopf-checkbox-list {
overflow:hidden;
width: 250px;
padding:1px;
margin:-1px;
}
.gwa-gopf-checkbox-list .gwa-gopf-checkbox-list {
display:block !important;
}
.gwa-gopf-checkbox-list.gwa-gopf-closed .gwa-gopf-checkbox-list {
display:none !important;
}
#gwa-gopf-admin-wrap .gwa-gopf-checkbox-list label {
padding-right:30px;
}
.gwa-gopf-checkbox-list ul {
padding-left:16px;
margin:0;
width: auto;
}
.gwa-gopf-checkbox-list li { margin:0; }
.gwa-gopf-checkbox-list li label {
display:block;
margin-right:26px;
position:relative;
}
.gwa-gopf-checkbox-list li label input[type="checkbox"] { margin-left:-16px; }
.gwa-gopf-cb-toggle-icon {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZD0iTTM1LjUgMjBjMCA0LjMtMS41IDgtNC41IDExcy02LjcgNC41LTExIDQuNVMxMiAzNCA5IDMxcy00LjUtNi43LTQuNS0xMVM2IDEyIDkgOXM2LjctNC41IDExLTQuNVMyOCA2IDMxIDlzNC41IDYuNyA0LjUgMTF6bS02LjcgOC44YzIuNS0yLjQgMy43LTUuMyAzLjctOC44IDAtMy41LTEuMi02LjQtMy43LTguOC0yLjQtMi40LTUuMy0zLjctOC43LTMuNy0zLjQgMC02LjQgMS4zLTguOCAzLjctMi40IDIuNC0zLjcgNS40LTMuNyA4LjggMCAzLjUgMS4zIDYuNCAzLjcgOC44IDIuNCAyLjUgNS40IDMuNyA4LjggMy43IDMuNCAwIDYuNC0xLjIgOC44LTMuN3oiLz4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZD0iTTI4LjMgMjEuNGwtLjMuMkgxMnMtLjMgMC0uMy0uMmwtLjItLjN2LTJzMC0uMy4yLS4zbC4zLS4yaDE2cy4yIDAgLjMuMmwuMi4zdjJjMCAuMiAwIC4zLS4yLjR6Ii8+DQo8L3N2Zz4NCg==') !important;
background-repeat:no-repeat;
background-position:center;
background-size:20px;
display:block;
width:20px;
height:20px;
position:absolute;
right:-2px;
top:1px;
}
.gwa-gopf-closed .gwa-gopf-cb-toggle-icon {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZD0iTTM1LjUgMjBjMCA0LjMtMS41IDgtNC41IDExcy02LjcgNC41LTExIDQuNVMxMiAzNCA5IDMxcy00LjUtNi43LTQuNS0xMVM2IDEyIDkgOXM2LjctNC41IDExLTQuNVMyOCA2IDMxIDlzNC41IDYuNyA0LjUgMTF6bS02LjcgOC44YzIuNS0yLjQgMy43LTUuMyAzLjctOC44IDAtMy41LTEuMi02LjQtMy43LTguOC0yLjQtMi40LTUuMy0zLjctOC43LTMuNy0zLjQgMC02LjQgMS4zLTguOCAzLjctMi40IDIuNC0zLjcgNS40LTMuNyA4LjggMCAzLjUgMS4zIDYuNCAzLjcgOC44IDIuNCAyLjUgNS40IDMuNyA4LjggMy43IDMuNCAwIDYuNC0xLjIgOC44LTMuN3oiLz4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZD0iTTI4LjMgMjEuNGwtLjMuMmgtNi41VjI4YzAgLjIgMCAuMy0uMi40bC0uMy4yaC0ycy0uMiAwLS4zLS4ybC0uMi0uM3YtNi40SDEycy0uMyAwLS4zLS4ybC0uMi0uM3YtMnMwLS4zLjItLjNsLjMtLjJoNi41VjEyczAtLjMuMi0uM2wuMy0uMmgycy4yIDAgLjMuMmwuMi4zdjYuNUgyOHMuMyAwIC4zLjJsLjIuM3YyYzAgLjIgMCAuMy0uMi40eiIvPg0KPC9zdmc+') !important;
}
.gwa-gopf-check-btn-container {
background:none !important;
border:none !important;
display:block !important;
margin-top:10px !important;
}
/* box header */
#gwa-gopf-admin-wrap .hndle {
cursor:pointer;
font-size:12px;
padding:7px 10px;
margin:0;
}
#gwa-gopf-admin-wrap .hndle > span,
#gwa-gopf-admin-wrap .hndle > .hndle-inner > span {
background:url(../images/icon_open_close.png) 0 -16px no-repeat;
display:block;
float:right;
height:16px;
position:relative;
right:-4px;
top:-2px;
width:16px;
}
#gwa-gopf-admin-wrap .hndle > span.gwa-gopf-closed,
#gwa-gopf-admin-wrap .hndle > .hndle-inner > .gwa-gopf-closed { background-position:0 0; }
#gwa-gopf-admin-wrap td,
#gwa-gopf-admin-wrap th { vertical-align:top; }
#gwa-gopf-admin-wrap .hndle.hndle-large {
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
border-top-left-radius:3px;
border-top-right-radius:3px;
border-top:none;
font-size:16px !important;
height:40px;
margin-top:1px !important;
padding:20px 10px 18px !important;
}
#gwa-gopf-admin-wrap .hndle.hndle-large div[class*="gwa-gopf-handle-icon"] {
background:url(../images/h0.png) 0 0 no-repeat !important;
float:left;
height:40px;
padding-left:125px;
margin-left:-10px;
position:relative;
}
#gwa-gopf-admin-wrap .hndle.hndle-large span,
#gwa-gopf-admin-wrap .hndle.hndle-large small {
color:#666;
display:block;
font-weight:normal;
margin-top:5px;
text-shadow:none;
}
#gwa-gopf-admin-wrap .postbox { margin:20px 0; }
#gwa-gopf-admin-wrap .inside .postbox { margin:10px 0 0; }
#gwa-gopf-admin-wrap .postbox:first-child { margin:0; }
#gwa-gopf-admin-wrap .inside {
padding:10px;
margin:0;
}
#gwa-gopf-admin-wrap .inside.inside-dark { background: #E8E8E8; }
.gwa-gopf-builder { display:none; }
/* Gallery */
.gwa-gopf-gallery {
margin:0px;
padding:5px !important;
}
.gwa-gopf-abox-content.gwa-gopf-gallery-controls {
padding:20px;
}
.gwa-gopf-gallery-controls-tip {
position:absolute;
right:20px;
top:22px;
}
.gwa-gopf-thumb {
height:150px;
float:left;
min-width:150px;
position:relative;
width:150px;
margin:5px;
border:solid 4px #dfdfdf;
}
.gwa-gopf-thumb.gwa-gopf-current {
border-color:#00aee6;
box-shadow:0 1px 30px -10px rgba(0, 0, 0, 0.3);
}
.gwa-gopf-thumb-placeholder {
background: #f1f1f1;
border: dashed 2px #dcdcdc;
height:150px;
min-width:120px;
position:relative;
width:150px;
}
.gwa-gopf-thumb-inner {
overflow:hidden;
position:relative;
height:100%;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgZmlsbD0iI2YxZjFmMSI+DQogICAgPHBhdGggZD0iTTE1LjMgNGMtMiAwLTQgLjItNS44IDEtMiAuNi0zLjUgMS42LTUgMy0xLjMgMS4zLTIuNCAzLTMuMyA1Qy40IDE1IDAgMTcuNSAwIDIwYzAgMi43LjQgNSAxLjIgNyAuOCAyIDIgMy43IDMuMyA1IDEuNCAxLjQgMyAyLjUgNSAzLjIgMS43LjcgMy43IDEgNS44IDEgMi4yIDAgNC4yLS4zIDYtMSAyLS43IDMuNS0xLjggNS0zIDEuMy0xLjUgMi4zLTMgMy01LjIuNy0xLjQgMS0zIDEuMi00LjZ2LTIuMmMwLTIuOC0uMy01LTEtNy0xLTIuMi0yLTMuOC0zLjQtNS4yLTEuMy0xLjQtMy0yLjQtNC44LTMtMS44LS44LTMuOC0xLTYtMXpNNiAxOS42YzAtMS40LjMtMi43LjgtNCAuNS0xIDEtMiAyLTIuOC43LTEgMS42LTEuNSAyLjctMiAxLS4zIDIuMi0uNSAzLjQtLjUuNyAwIDEuNSAwIDIgLjIuOCAwIDEuNC4yIDIgLjRsMSAuNS43LjQtMSAzLTItLjdjLS43LS4yLTEuNC0uMy0yLjMtLjMtMS44IDAtMyAuNS00IDEuNS0uOCAxLTEuMiAyLjUtMS4yIDQuMiAwIDEgMCAxLjcuMyAyLjQuMi44LjUgMS40IDEgMiAuMy40LjguOCAxLjUgMSAuNi40IDEuMy41IDIgLjVoMi4ydi02LjJIMjFWMjhjLS41IDAtMS4yLjQtMi4zLjYtMSAuMi0yLjMuMy0zLjguM3MtMi43LS4zLTMuNy0uN2MtMS0uNC0yLTEtMi44LTEuOC0uNy0uOC0xLjMtMS43LTEuNy0zLS41LTEtLjctMi4zLS43LTMuOHpNNDAgOGMwLTEuNC0uNC0yLjUtMS4zLTMtLjgtLjgtMS44LTEuMi0zLTEuMi0xIDAtMiAuNC0yLjggMS0xIC43LTEuMyAxLjgtMS4zIDMgMCAxLjQuNCAyLjUgMS4yIDMgLjguOCAxLjggMS4yIDIuOCAxLjIgMSAwIDItLjQgMy0xIC44LS43IDEuMi0xLjggMS4yLTN6Ii8+DQogIDwvZz4NCjwvc3ZnPiA=') !important;
background-repeat:no-repeat;
background-position:center;
background-size:80px
}
.gwa-gopf-thumb img {
height: 100%;
left:50%;
min-width: 100%;
position:absolute;
top:50%;
opacity:0;
transition:opacity 0.2s linear;
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}
.gwa-gopf-thumb img.gw-gopf-image-ready {
opacity:1;
}
.gwa-gopf-thumb-add {
background: #f1f1f1;
border: dashed 2px #dcdcdc;
display: block;
height:140px;
margin:10px;
overflow: hidden;
position: relative;
-moz-transition: border 0.05s linear, background 0.05s linear;
-webkit-transition: border 0.05s linear, background 0.05s linear;
transition: border 0.05s linear, background 0.05s linear;
z-index: 3;
}
.gwa-gopf-thumb-add a {
display:block;
height:100%;
left:0;
position:absolute;
text-align:center;
top:0;
width:100%;
}
.gwa-gopf-thumb-add a span {
background: url(../images/icon_add_thumbnail.png) 0 0 no-repeat;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNCAxMWMtLjMtMS43LTEuMy0yLjYtMy0zVjZjMyAuMyA0LjcgMiA1IDVoLTJ6bS01LTV2MmgtMlY2aDJ6bS00IDB2MmgtMlY2aDJ6bS00IDl2NGg0djJoLTR2NGgtMnYtNGgtNHYtMmg0di00aDJ6bTAtOXYyaC0yVjZoMnptMTUgOWgtMnYtMmgydjJ6bS0yIDh2LTJoMnYyaC0yem0yLTZ2MmgtMnYtMmgyek0xMyA2djJoLTJWNmgyem0yIDJWNmgydjJoLTJ6TTQgMTFjLjMtMyAyLTQuNyA1LTV2MmMtMS43LjQtMi43IDEuMy0zIDNINHptMiA0SDR2LTJoMnYyem0tMiA4di0yaDJ2Mkg0em0yLTZ2Mkg0di0yaDJ6bTcgMTdoLTJ2LTJoMnYyem0yIDB2LTJoMnYyaC0yem00LTJoMnYyaC0ydi0yek02IDI3SDR2LTJoMnYyem0zIDdjLTMtLjMtNC43LTItNS01aDJjLjMgMS43IDEuMyAyLjcgMyAzdjJ6bTI1LTloMnYyaC0ydi0yem0wIDRoMmMtLjMgMy0yIDQuNy01IDV2LTJjMS43LS4zIDIuNy0xLjMgMy0zem0tMTEgM2gydjJoLTJ2LTJ6bTQgMnYtMmgydjJoLTJ6Ii8+DQo8L3N2Zz4g');
background-size: 80px;
display: block;
height: 80px;
left: 50%;
margin-left: -40px;
margin-top: -40px;
position: absolute;
top: 50%;
width: 80px;
opacity:0.6;
}
.gwa-gopf-thumb-add a:hover span { opacity:1; }
.gwa-gopf-thumb-delete-all { display:none; }
.gopf-img-wrap { margin-top:10px; }
.gopf-img-wrap:first-child { margin-top:0; }
#gwa-gopf-admin-wrap * { box-sizing:border-box; }
#gwa-gopf-admin-wrap h2 {
color: #222;
font-size: 22px;
font-weight: normal;
line-height: 35px;
margin: 10px 0 10px !important;
padding: 15px 0 !important;
}
#gwa-gopf-admin-wrap .submit {
margin:0 0 60px;
padding:0;
}
.gwa-gopf-abox {
box-shadow:0 1px 30px -10px rgba(0, 0, 0, 0.15) !important;
margin-bottom:30px;
background:#fff;
}
.gwa-gopf-abox-header {
background:#dcdcdc;
font-size:18px;
height:50px;
line-height: 50px;
padding: 0 15px;
overflow:hidden;
position:relative;
white-space:nowrap;
clear:both;
}
.gwa-gopf-abox-header-nav {
height:80px;
line-height:40px;
padding:18px 20px;
background:#00aee6;
color:#fff;
}
.gwa-gopf-abox-header.gwa-gopf-abox-header-nav svg {
fill:#fff;
display:inline-block;
width: 26px;
vertical-align: middle;
margin-top: -4px;
margin-right:6px;
}
.gwa-gopf-abox-header-nav span { opacity:0.5; }
.gwa-gopf-abox-toggle {
height: 20px;
position: absolute;
right:16px;
top:15px;
width: 20px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMi4zIDExLjRjMC0yLjQtMS4zLTMuNi0zLjctMy43aC0xN0M5IDcuNyA3LjggOSA3LjggMTEuNHYxN2MwIDIuNiAxLjIgNCAzLjggNGgxN2MyLjQtLjIgMy42LTEuNSAzLjctNHYtMTd6bS00LjMgN2wuMy4zYy4yIDAgLjIuMi4yLjN2Mi4zYy0uMi4yLS40LjItLjUuMkgxMmgtLjNsLS4yLS41di0yLS4zbC41LS4yaDE2em03LjMtN3YxN2MwIDQuNS0yLjMgNi44LTYuNyA3aC0xN2MtNC42IDAtNi44LTIuNC02LjgtN3YtMTdDNC44IDcgNyA0LjcgMTEuNiA0LjdoMTdjNC40IDAgNi43IDIuMyA2LjYgNi43eiIvPg0KPC9zdmc+DQo=') !important;
background-repeat:no-repeat;
background-position:center;
background-size:26px;
}
.gwa-gwa-gopf-closed .gwa-gopf-abox-toggle {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMi4zIDExLjRjMC0yLjQtMS4zLTMuNi0zLjctMy43aC0xN0M5IDcuNyA3LjggOSA3LjggMTEuNHYxN2MwIDIuNiAxLjIgNCAzLjggNGgxN2MyLjQtLjIgMy42LTEuNSAzLjctNHYtMTd6bS0xMy42LjNsLjMtLjJoMi4zYy4yLjIuMi40LjIuNXY2LjVoNi44Yy4yLjIuMi40LjIuNXYyLjNjLS4yLjItLjQuMi0uNS4yaC02LjV2Ni44Yy0uMi4yLS40LjItLjUuMmgtMi0uM2wtLjItLjV2LTYuNUgxMmgtLjNsLS4yLS41di0yLS4zbC41LS4yaDYuNVYxMnYtLjN6bTE2LjYtLjN2MTdjMCA0LjUtMi4zIDYuOC02LjcgN2gtMTdjLTQuNiAwLTYuOC0yLjQtNi44LTd2LTE3QzQuOCA3IDcgNC43IDExLjYgNC43aDE3YzQuNCAwIDYuNyAyLjMgNi42IDYuN3oiLz4NCjwvc3ZnPg0K') !important;
}
.gwa-gopf-abox-header-tab {
display:block;
padding:0 15px;
position:relative;
float:left;
cursor:pointer;
}
.gwa-gopf-abox-header-tab.gwa-gopf-current {
background: #00aee6;
color: #fff;
}
.gwa-gopf-abox-header-tab:after {
content:'';
border-right:solid 2px #fff;
position:absolute;
height:100%;
right: -1px;
top:0;
z-index:10;
width: 0;
}
.gwa-gopf-abox-header-tab:first-child {
margin-left:-15px;
}
.gwa-gopf-abox-content {
padding:10px 20px;
border: solid 1px #dcdcdc;
border-top:none;
position:relative;
display:block;
}
.gwa-gwa-gopf-closed .gwa-gopf-abox-content {
display:none;
}
.gwa-gopf-abox-tabbed .gwa-gopf-abox-content {
display:none;
}
.gwa-gopf-abox-content.gwa-gopf-current {
display:block;
}
.gwa-gopf-abox-content .form-table {
margin:0;
}
.gwa-gopf-abox-content .description {
color: #9d9d9d;
font-style: italic;
font-size: 13px;
}
.gwa-gopf-abox-header-large {
height:80px;
padding:20px;
line-height:40px;
}
.gwa-gopf-abox-header-large-aside {
height:80px;
line-height:25px;
padding:18px 15px;
}
.gwa-gopf-abox-header-large-aside small {
display:block;
font-size:14px;
line-height:16px;
color:#9d9d9d;
font-style: italic;
float:none;
width:auto;
}
.gwa-gopf-abox-content .gwa-gopf-abox {
margin:10px 0;
box-shadow:none !important;
}
.gwa-gopf-abox-content .gwa-gopf-abox + .gwa-gopf-abox {
margin-top:20px;
}
/* buttons */
[class^="gwa-gopf-btn"],
[class^="gwa-gopf-btn"]:hover,
[class^="gwa-gopf-btn"]:active,
[class^="gwa-gopf-btn"]:focus,
a[class^="gwa-gopf-btn"],
a[class^="gwa-gopf-btn"]:hover,
a[class^="gwa-gopf-btn"]:active,
a[class^="gwa-gopf-btn"]:focus,
a[class^="gwa-gopf-btn"]:visited,
button[class^="gwa-gopf-btn"],
button[class^="gwa-gopf-btn"]:hover,
button[class^="gwa-gopf-btn"]:active,
button[class^="gwa-gopf-btn"]:focus,
input[type="button"][class^="gwa-gopf-btn"],
input[type="button"][class^="gwa-gopf-btn"]:hover,
input[type="button"][class^="gwa-gopf-btn"]:active,
input[type="button"][class^="gwa-gopf-btn"]:focus,
input[type="submit"][class^="gwa-gopf-btn"]
input[type="submit"][class^="gwa-gopf-btn"]:hover,
input[type="submit"][class^="gwa-gopf-btn"]:active,
input[type="submit"][class^="gwa-gopf-btn"]:focus,
input[type="reset"][class^="gwa-gopf-btn"],
input[type="reset"][class^="gwa-gopf-btn"]:hover,
input[type="reset"][class^="gwa-gopf-btn"]:active,
input[type="reset"][class^="gwa-gopf-btn"]:focus {
border:none;
border-radius:3px;
cursor:pointer;
display:inline-block;
font-size:13px;
height:31px;
line-height:30px;
margin:0;
outline:none;
padding:0 13px;
position:relative;
text-decoration:none;
vertical-align:top;
}
[class^="gwa-gopf-btn"]:active,
[class^="gwa-gopf-btn"]:active,
button[class^="gwa-gopf-btn"]:active,
input[type="button"][class^="gwa-gopf-btn"]:active,
input[type="submit"][class^="gwa-gopf-btn"]:active,
input[type="reset"][class^="gwa-gopf-btn"]:active {
top:1px;
}
.gwa-gopf-btn-style1 {
background:#00aee6 !important;
color:#fff !important;
}
.gwa-gopf-btn-style1:hover {
background:#0095c7 !important;
color:#fff !important;
}
.gwa-gopf-btn-style2 {
background:#85c737 !important;
color:#fff !important;
}
.gwa-gopf-btn-style2:hover {
background:#70aa30 !important;
color:#fff !important;
}
.gwa-gopf-btn-style3 {
background:#f45253 !important;
color:#fff !important;
}
.gwa-gopf-btn-style3:hover {
background:#ce4648 !important;
color:#fff !important;
}
.gwa-gopf-btn-style4 {
background:#9d9d9d !important;
color:#fff !important;
}
.gwa-gopf-btn-style4:hover {
background:#8b8b8b !important;
color:#fff !important;
}
.gwa-gopf-btn-style5 {
background:#6b6ec2 !important;
color:#fff !important;
}
.gwa-gopf-btn-style5:hover {
background:#5a5ea8 !important;
color:#fff !important;
}
/* ui */
/* reset */
.gwa-gopf-wrap button,
.gwa-gopf-wrap input,
.gwa-gopf-wrap select,
.gwa-gopf-wrap textarea {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
/* textinput, select, textarea */
.gwa-gopf-wrap input[type="text"],
.gwa-gopf-wrap textarea,
.gwa-gopf-wrap select {
background:#f1f1f1;
border:solid 1px #f1f1f1;
border-radius:3px;
box-shadow:0 0 0 1px transparent;
color:inherit;
font-size:inherit !important;
line-height:inherit !important;
max-width:100%;
padding: 4px 6px 4px 6px !important;
margin:0;
-webkit-transition:border 0.05s linear, box-shadow 0.05s linear;
transition:border 0.05s linear, box-shadow 0.05s linear;
vertical-align:baseline;
width:300px;
}
.gwa-gopf-wrap input[type="text"],
.gwa-gopf-wrap select { height:31px !important; }
.gwa-gopf-wrap textarea {
line-height:20px !important;
display:block;
max-width:100%;
width:100%;
resize:vertical;
}
.gwa-gopf-wrap select {
padding-right:28px !important;
position:relative;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPHBhdGggZmlsbD0iIzlkOWQ5ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAxMy40Yy41IDAgLjggMCAxLjIuNWw4LjggOC43IDguOC04LjhjLjQtLjUuNy0uNiAxLjItLjZzLjggMCAxLjIuNWMuMy4yLjUuNi41IDFzLS4yLjgtLjUgMWwtMTAgMTBjLS40LjUtLjguNy0xLjIuNi0uNCAwLS44IDAtMS0uNUw5IDE2Yy0uNS0uMi0uNi0uNS0uNi0xczAtLjguNS0xLjJjLjItLjMuNS0uNCAxLS40eiIvPg0KPC9zdmc+DQo=');
background-repeat: no-repeat;
background-size:26px;
background-position:right 2px top 3px;
}
.gwa-gopf-wrap select::-ms-expand { display:none; }
.gwa-gopf-wrap select optgroup {
background:#464646;
color:#fff;
font-weight:600;
padding:0;
margin:0;
}
.gwa-gopf-wrap select optgroup option {
padding-left:10px;
margin:0;
background:#f1f1f1;
color:#444;
}
.gwa-gopf-wrap input[type="text"]:focus,
.gwa-gopf-wrap textarea:focus,
.gwa-gopf-wrap select:focus {
border:solid 1px #00aee6;
box-shadow:0 0 0 1px #00aee6;
-webkit-transition:border 0.1s linear, box-shadow 0.1s linear;
transition:border 0.1s linear, box-shadow 0.1s linear;
}
/* textarea code */
.gwa-gopf-wrap textarea.gwa-gopf-textarea-code {
background-attachment:local;
background-image:linear-gradient(to bottom, #f8f8f8, #f8f8f8 50%, transparent, transparent 50%);
background-position:0 0;
background-size:100% 40px;
font-family:monospace;
padding:0 6px !important;
}
/* checkbox */
.gwa-gopf-wrap input[type="checkbox"] {
border:none;
height:0;
margin:0;
opacity:0;
position:absolute;
width:0;
}
.gwa-gopf-wrap input[type="checkbox"]:before,
.gwa-gopf-wrap input[type="checkbox"]:after { display:none; }
.gwa-gopf-wrap input[type="checkbox"] + span {
background:#cecece;
border:solid 1px transparent;
border-radius:10px;
box-shadow:0 0 0 1px transparent;
display:inline-block;
height:19px;
position:relative;
-webkit-transition:border 0.05s linear, box-shadow 0.05s linear;
transition:border 0.05s linear, box-shadow 0.05s linear;
vertical-align:middle;
width:36px;
}
.gwa-gopf-wrap input[type="checkbox"] + span:before {
content:'';
background:#fff;
border-radius:10px;
height:15px;
left:1px;
position:absolute;
top:1px;
-webkit-transition:left 0.1s linear;
transition:left 0.1s linear;
width:15px;
}
.gwa-gopf-wrap input[type="checkbox"] + span:after {
content:'';
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPHBhdGggZmlsbD0iIzAwYTRmOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOCAxNGMuMy0uNC42LS41IDEtLjVoLjJjLjQgMCAuNyAwIDEgLjUuNC4zLjYuNy42IDEgMCAuNS0uMiAxLS41IDEuMmwtMTAgMTBjLS40LjQtLjguNi0xLjIuNi0uMyAwLS43LS4yLTEtLjZsLTUtNWMtLjQtLjMtLjUtLjYtLjUtMSAwLS41IDAtMSAuNS0xLjIuMy0uNC43LS41IDEtLjVoLjJjLjQgMCAuNyAwIDEgLjVsNCAzLjggOC44LTl6Ii8+DQo8L3N2Zz4=');
background-position: left -4px top -3px;
left:0;
opacity:0;
position:absolute;
top:1px;
height:15px;
-webkit-transition:left 0.1s linear, opacity 0s linear;
transition:left 0.1s linear, opacity 0s linear;
width:15px;
}
.gwa-gopf-wrap input[type="checkbox"]:focus + span {
border:solid 1px #00aee6;
box-shadow:0 0 0 1px #00aee6;
-webkit-transition:border 0.1s linear, box-shadow 0.1s linear;
transition:border 0.1s linear, box-shadow 0.1s linear;
}
.gwa-gopf-wrap input[type="checkbox"]:checked + span { background:#00aee6; }
.gwa-gopf-wrap input[type="checkbox"]:checked + span:after {
left:18px;
opacity:1;
-webkit-transition:left 0.1s linear, opacity 0.1s linear;
transition:left 0.1s linear, opacity 0.1s linear;
}
.gwa-gopf-wrap input[type="checkbox"]:checked + span:before { left:18px; }
.gwa-gopf-highlighted-input {
background:#bce9fe !important;
border-color:#bce9fe !important;
color:#00aee6 !important;
}
.gwa-gopf-highlighted-input:focus {
border-color:#00aee6 !important;
}
.gwa-gopf-ml10 {
margin-left:10px !important;
}
#gwa-gopf-admin-wrap th textarea { font-weight:400; }
#gwa-gopf-admin-wrap .wp-picker-container * { box-sizing:content-box !important; }
#gwa-gopf-admin-wrap .wp-picker-container input[type="text"] {
vertical-align:top;
box-sizing:border-box !important;
position:relative;
top:-2px;
width: 85px;
}
.gwa-gopf-abox-header-aside {
background:#00aee6;
width:80px;
height:80px;
top:0;
left:0;
float:left;
margin-top:-18px;
margin-left:-15px;
line-height:74px;
color:#fff;
text-align:center;
font-size:40px;
margin-right:20px;
}
.gwa-gopf-abox-header-aside span { font-size:25px; }
#gwa-gopf-admin-wrap,
#gwa-gopf-admin-wrap th { line-height:1.5; }
#gwa-gopf-admin-wrap label {
display:inline-block;
vertical-align:middle;
}
#gwa-gopf-admin-wrap td label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
padding:1px;
margin:-1px;
margin-top:5px;
}
.gw-gopf-list {
margin:10px 0;
font-size:14px;
}
.gw-gopf-list-item {
border:solid 1px #dfdfdf;
border-top-color:transparent;
padding:20px;
display: table;
width: 100%;
}
.gw-gopf-list-item:first-child { border-top-color:#dfdfdf; }
.gw-gopf-list-item:hover {
border:solid 1px #00aee6;
box-shadow:0 0 0 1px #00aee6, 0 1px 30px -10px rgba(0, 0, 0, 0.3);
}
.gw-gopf-list-item-details {
width:350px;
display:table-cell;
}
.gw-gopf-list-item-count {
float:left;
color:#9d9d9d;
width:30px;
height:40px;
}
.gw-gopf-list-item-name {
font-weight:600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 20px;
}
.gw-gopf-list-item-meta {
font-size:13px;
font-style:italic;
color:#9d9d9d;
}
.gw-gopf-list-item-main {
display:table-cell;
vertical-align:middle;
}
.gw-gopf-list-item-assets {
display:table-cell;
vertical-align:middle;
text-align: right;
visibility:hidden;
}
.gw-gopf-list-item:hover .gw-gopf-list-item-assets { visibility:visible; }
.gw-gopf-list-item:hover input[type="text"] {
background:#bce9fe !important;
border-color:#bce9fe !important;
color:#00aee6 !important;
}
.gw-gopf-list-item:hover input[type="text"]:focus {
border-color:#00aee6 !important;
}
/* Page loader */
.gwa-gopf-ploader {
height:0;
position:fixed;
text-align:center;
left:80px;
top:32px;
width:100%;
z-index:9999999;
}
.wp-admin.folded .gwa-gopf-ploader { left:18px; }
@media only screen and (min-width: 783px) and (max-width: 960px) { .wp-admin.auto-fold .gwa-gopf-ploader { left:18px; } }
@media screen and (max-width: 782px) { .gwa-gopf-ploader { left: 0; top:46px; } }
@media screen and (max-width: 600px) { .gwa-gopf-ploader { top:0; } }
.gwa-gopf-ploader .gwa-gopf-ploader-content {
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
display:inline-block;
background:rgba(255,222,0,0.95);
height:52px;
line-height:52px;
margin-top:5px;
opacity:0;
padding:0 12px;
position:relative;
-webkit-transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, margin 0s 0.2s ease-in-out;
transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, margin 0s 0.2s ease-in-out;
visibility:hidden;
}
.gwa-gopf-ploader .gwa-gopf-ploader-content:after { content:attr(data-content); }
.gwa-gopf-ploader-fullwidth {
left:0;
top:0;
width:100% !important;
}
.gwa-gopf-ploader.gwa-gopf-show .gwa-gopf-ploader-content {
opacity:1;
margin-top:0;
-webkit-transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, margin 0.15s ease-in-out;
transition:opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, margin 0.15s ease-in-out;
visibility:visible;
}
.gwa-gopf-spinner {
border:3px solid transparent;
display:inline-block;
width:26px;
height:26px;
position:relative;
}
.gwa-gopf-spinner:before {
-webkit-animation:gwa-gopf-spin 1.2s linear infinite;
animation: gwa-gopf-spin 1.2s linear infinite;
border:3px solid rgba(70, 70, 70, 0.25);
border-radius:50%;
border-top-color:#464646;
content:'';
height:100%;
left:-3px;
position: absolute;
top:-3px;
width:100%;
}
.gwa-gopf-ploader .gwa-gopf-spinner {
float:left;
margin-right:7px;
margin-top:-13px;
top:50%;
}
@-webkit-keyframes gwa-gopf-spin { to { -webkit-transform:rotate(360deg); } }
@keyframes gwa-gopf-spin { to { transform:rotate(360deg); } }
.gwa-gopf-loading .gwa-gopf-abox-content:before {
content:'';
position:absolute;
z-index:11;
width:100%;
height:100%;
background:#fff;
opacity:0.7;
left:0;
top:0;
}
.gwa-gopf-loading { pointer-events:none; }
/* Page header */
h2.gwa-gopf-pheader {
margin:10px 0 10px !important;
padding:15px 0 !important;
}
h2.gwa-gopf-pheader .gwa-gopf-pheader-title {
color:#222;
font-size:22px;
font-weight:normal;
line-height:35px;
}
.gwa-gopf-pheader .gwa-gopf-logo {
float:left;
margin-right:10px;
}
.gwa-gopf-pcontent { margin-top:20px; }
/* topbar */
.gwa-gopf-ptopbar {
background:rgba(255,255,255,0.95);
box-shadow:0 2px 5px -2px rgba(0,0,0,0);
height:79px;
left:160px;
margin-left:0;
padding:25px 182px 25px 22px;
position:fixed;
top:-47px;
-webkit-transition:top 0.35s cubic-bezier(1.000, 0.000, 0.000, 1.000), opacity 0.2s linear;
transition:top 0.4s cubic-bezier(1.000, 0.000, 0.000, 1.000), opacity 0.2s linear;
width:100%;
z-index:1001;
}
.gwa-gopf-ptopbar.gwa-gopf-show {
box-shadow:0 2px 5px -2px rgba(0,0,0,0.1);
top:32px;
}
.wp-admin.folded .gwa-gopf-ptopbar {
left:36px;
padding-right:58px;
}
@media only screen and (max-width: 960px) {
.wp-admin.auto-fold .gwa-gopf-ptopbar {
left:36px;
padding-right:58px;
}
}
@media screen and (max-width: 782px) { .gwa-gopf-ptopbar { display:none; } }
.gwa-gopf-ptopbar .gwa-gopf-logo {
float:left;
margin-right:10px;
margin-top:-4px;
}
.gwa-gopf-ptopbar-title {
color:#222;
font-size:22px;
line-height:29px;
display:inline-block;
}
.gwa-gopf-ptopbar-content { float:right; }
/* general */
.gwa-gopf-logo {
background:url('data:image/svg+xml;base64,DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwOCIgaGVpZ2h0PSIxMDgiIHZpZXdCb3g9IjAgMCAxMDggMTA4Ij4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjY5LjYiIHkxPSIyMC42IiB4Mj0iMTMuMyIgeTI9Ijg3LjgiPg0KICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0ZGNzA0QSIvPg0KICAgIDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNGMTYzM0IiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTQxLjMgMTAuNGMtNS41IDAtMTAuOCAxLTE1LjcgMi44LTUgMi05LjQgNC43LTEzLjIgOC4zLTMuOCAzLjctNi44IDguMy05IDEzLjhDMSA0MC43IDAgNDcgMCA1NGMwIDcuMyAxIDEzLjYgMy4yIDE5IDIuMiA1LjUgNSAxMCA5IDEzLjYgMy43IDMuNyA4IDYuNSAxMyA4LjQgNSAxLjggMTAuNCAyLjcgMTYgMi43IDYgMCAxMS40LTEgMTYuNS0yLjcgNS0yIDkuNC00LjcgMTMtOC40IDMuNy0zLjYgNi42LTggOC43LTEzLjYgMS41LTMuOCAyLjUtOCAzLTEyLjYgMC0yIDAtMy44LjItNS44VjU0YzAtNy0xLTEzLjMtMy4zLTE4LjctMi01LjUtNS0xMC04LjgtMTMuOC0zLjctMy42LTguMi02LjQtMTMuMi04LjMtNS0yLTEwLjMtMi44LTE2LTIuOHptLTI0LjggNDNjMC00IC42LTcuNiAyLTEwLjcgMS0zIDIuOC01LjcgNS03LjggMi0yLjIgNC42LTQgNy41LTUgMy0xIDYtMS42IDkuMy0xLjYgMi4yIDAgNC4yLjIgNiAuNGw0LjYgMSAzIDEuMyAyIDEtMyA4LjdjLTEuNi0uOC0zLjMtMS40LTUuMi0yLTEuOC0uNi00LTEtNi4yLTEtNSAwLTguNSAxLjUtMTAuNyA0LjMtMi40IDIuNy0zLjUgNi41LTMuNSAxMS4zIDAgMi4zLjMgNC41IDEgNi40LjQgMiAxLjMgMy41IDIuNCA1IDEgMS4yIDIuMyAyLjMgNCAzIDEuNi44IDMuNiAxLjIgNS43IDEuMiAxLjIgMCAyLjIgMCAzLS4yIDEgMCAxLjcgMCAyLjMtLjJWNTJoMTAuOHYyMy41Yy0xLjMuNS0zLjQgMS02LjIgMS42LTIuOC43LTYuMyAxLTEwLjUgMS0zLjQgMC02LjctLjYtOS42LTEuNi0zLTEuMi01LjQtMi44LTcuNC01LTItMi0zLjctNC41LTQuOC03LjYtMS0zLTEuNy02LjYtMS43LTEwLjV6Ii8+DQogIDxnIGZpbGw9IiNFOTU4MzEiPg0KICAgIDxwYXRoIGQ9Ik00MC43IDY4LjNjLTIgMC00LS40LTUuNS0xLTEuNi0uOC0yLjgtMS44LTQtMy0xLTEuNC0xLjctMy0yLjMtNC44LS42LTEuOC0xLTQtMS02LjIgMC00LjYgMS4yLTguMyAzLjMtMTEgLjYtLjcgMS40LTEuNCAyLjMtMmwxMS44IDEyVjY4bC0xLjcuMmgtM3oiLz4NCiAgICA8cGF0aCBkPSJNNDEuMyA5N2MtNS42IDAtMTEtLjgtMTUuOC0yLjYtNS0xLjgtOS4zLTQuNi0xMy04LjItMy42LTMuNi02LjYtOC04LjctMTMuNEMxLjggNjcuNS42IDYxLjIuNiA1NGMwLTcgMS0xMy4yIDMuMy0xOC41IDItNS40IDUtMTAgOC44LTEzLjUuNC0uNC44LS44IDEuMi0xbDExLjUgMTEuNC0yLjUgMmMtMi4yIDIuMi00IDQuOC01LjIgOC0xLjIgMy4yLTIgNi44LTIgMTEgMCA0IC43IDcuNSAyIDEwLjYgMSAzIDIuNiA1LjggNC43IDggMi4yIDIgNC44IDMuOCA3LjcgNSAzIDEgNi4zIDEuNiAxMCAxLjYgNC4yIDAgNy43LS4zIDEwLjUtMSAyLjctLjQgNC44LTEgNi4zLTEuNS4yIDAgLjQtLjMuNC0uNVY2NC4ybDE3IDE3Yy0xLjIgMi0yLjYgMy41LTQgNS0zLjcgMy42LTggNi40LTEzIDguMi01IDEuOC0xMC40IDIuNy0xNiAyLjd6Ii8+DQogIDwvZz4NCiAgPHBhdGggZmlsbD0iI0ZGNzA0QSIgZD0iTTEwOCAyMS40YzAtMy43LTEtNi40LTMuNC04LjMtMi4zLTEuOC01LTIuNy04LTIuNy0yLjcgMC01LjMgMS03LjYgMi44LTIuMyAyLTMuNSA0LjctMy41IDguNCAwIDMuNSAxLjIgNi4zIDMuNSA4IDIuMyAyIDUgMyA3LjcgMyAzIDAgNS42LTEgOC0zIDIuMi0xLjcgMy4zLTQuNSAzLjMtOHoiLz4NCiAgPGcgZmlsbD0iI0UyNEUyNyI+DQogICAgPHBhdGggZD0iTTQxLjMgOTdjLTUuNiAwLTExLS44LTE1LjgtMi42LTUtMS44LTkuMy00LjYtMTMtOC4yLTMuNi0zLjYtNi42LTgtOC43LTEzLjRDMS44IDY3LjUuNiA2MS4yLjYgNTRjMC03IDEtMTMuMiAzLjMtMTguNS43LTIgMS42LTMuOCAyLjYtNS41bDExLjYgMTEuNmMwIC4zLS4yLjYtLjQgMS0xLjIgMy0yIDYuNi0yIDEwLjcgMCA0IC43IDcuNiAyIDEwLjcgMSAzIDIuNiA1LjggNC43IDggMi4yIDIgNC44IDMuOCA3LjcgNSAzIDEgNi4zIDEuNiAxMCAxLjYgNC4yIDAgNy43LS4zIDEwLjUtMSAxIDAgMi0uMyAzLS42bDEyLjYgMTIuN2MtMi43IDItNS43IDMuNS04LjggNC43LTUgMS44LTEwLjUgMi43LTE2LjIgMi43eiIvPg0KICAgIDxwYXRoIGQ9Ik00MC43IDY4LjNjLTIgMC00LS40LTUuNS0xLTEuNi0uOC0yLjgtMS44LTQtMy0xLTEuNC0xLjctMy0yLjMtNC44LS42LTEuOC0xLTQtMS02LjIgMC0uNiAwLTEuMi4yLTEuOEw0NC44IDY4Yy0uNC4yLS43LjItMSAuMmgtM3oiLz4NCiAgPC9nPg0KPC9zdmc+') 0 0 no-repeat;
background-size:100% auto;
display:inline-block;
height:35px;
width:35px;
}
/* dash welcome */
.gw-gopf-dash-welcome {
padding:20px;
text-align:center;
}
.gw-gopf-dash-wlogo {
background-size:63px auto;
height:63px;
width:63px;
display:inline-block;
}
.gw-gopf-dash-wtitle {
margin-top:12px;
font-size:22px;
color:#444;
}
.gw-gopf-dash-wdesc {
margin-top:30px;
color:#9d9d9d;
font-size:14px;
}
.gw-gopf-dash-wimg { margin-top:30px; }