monorepo/native/wordpress/maple-gdpr-cookies/admin/css/admin.css

75 lines
1.3 KiB
CSS

/* Maple GDPR Cookies - Admin Styles */
.mgc-admin-wrap {
max-width: 1200px;
margin: 20px 0;
}
.mgc-panel {
background: #fff;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
margin-bottom: 20px;
}
.mgc-panel-header {
background: #f6f7f7;
border-bottom: 1px solid #ccd0d4;
padding: 15px 20px;
}
.mgc-panel-header h3 {
margin: 0;
font-size: 16px;
font-weight: 600;
}
.mgc-panel-body {
padding: 20px;
}
.mgc-form-row {
margin-bottom: 20px;
}
.mgc-form-row label {
display: block;
margin-bottom: 8px;
font-weight: 600;
}
.mgc-form-row input[type="text"],
.mgc-form-row input[type="url"],
.mgc-form-row input[type="number"],
.mgc-form-row textarea,
.mgc-form-row select {
width: 100%;
max-width: 600px;
}
.mgc-form-row input[type="text"]#mgc_custom_button_color,
.mgc-form-row input[type="text"]#mgc_custom_button_hover_color {
max-width: 200px;
font-family: monospace;
font-size: 14px;
}
.mgc-form-row .description {
margin-top: 5px;
font-style: italic;
color: #666;
}
.mgc-form-row textarea {
min-height: 100px;
}
.mgc-preview {
border: 1px solid #ddd;
padding: 20px;
background: #f9f9f9;
margin-top: 20px;
}
.mgc-save-button {
margin-top: 20px;
}