.ccb-container { max-width: 1200px; margin: 20px auto; } .ccb-card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .ccb-card-title { display: flex; align-items: center; font-size: 24px; margin: 0 0 20px; } .ccb-card-title .dashicons { margin-left: 10px; color: #0073aa; } .ccb-form { padding: 10px 0; } .ccb-section { margin-bottom: 20px; } .ccb-section h3 { background: #f1f1f1; padding: 10px; margin: 0; cursor: pointer; display: flex; align-items: center; border-radius: 4px; } .ccb-section h3 .ccb-toggle { margin-left: auto; } .ccb-section-content { padding: 15px; display: none; } .ccb-section.open .ccb-section-content { display: block; } .ccb-field-group { margin-bottom: 15px; } .ccb-field-group label { display: block; font-weight: 600; margin-bottom: 5px; } .ccb-required { color: #d32f2f; } .ccb-field-builder { display: flex; gap: 20px; } .ccb-field-types { width: 250px; background: #f9f9f9; padding: 15px; border-radius: 8px; } .ccb-field-types h4 { margin: 0 0 10px; color: #0073aa; } #ccb-field-types-list { list-style: none; padding: 0; margin: 0; } .ccb-field-type { background: #fff; border: 1px solid #ddd; padding: 12px; margin-bottom: 8px; cursor: grab; display: flex; align-items: center; border-radius: 4px; transition: background 0.2s; } .ccb-field-type:hover { background: #e0f7fa; } .ccb-field-type .dashicons { margin-right: 10px; font-size: 20px; } .ccb-text { border-left: 4px solid #0073aa; } .ccb-number { border-left: 4px solid #2e7d32; } .ccb-select { border-left: 4px solid #f57c00; } .ccb-range { border-left: 4px solid #6a1b9a; } .ccb-checkbox { border-left: 4px solid #c2185b; } .ccb-form-builder { flex: 1; } .ccb-form-fields { min-height: 150px; border: 2px dashed #ccc; padding: 15px; border-radius: 8px; background: #fafafa; } .ccb-placeholder { text-align: center; color: #666; font-style: italic; } .ccb-form-field { background: #fff; border: 1px solid #ddd; padding: 15px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); } .ccb-form-field .ccb-field-header { display: flex; align-items: center; cursor: move; padding-bottom: 10px; border-bottom: 1px solid #eee; } .ccb-form-field .ccb-field-icon { margin-right: 10px; font-size: 20px; } .ccb-form-field .ccb-field-name { font-weight: 600; color: #23282d; } .ccb-form-field .ccb-field-toggle { margin-left: auto; cursor: pointer; } .ccb-form-field .ccb-field-remove { margin-left: 10px; color: #d32f2f; cursor: pointer; } .ccb-form-field .ccb-field-config { display: none; padding: 10px 0; } .ccb-form-field.open .ccb-field-config { display: block; } .ccb-field-config label { display: block; margin-bottom: 5px; font-weight: 600; } .ccb-field-config input, .ccb-field-config select, .ccb-field-config textarea { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; } .ccb-field-config .ccb-required-field { display: flex; align-items: center; } .ccb-field-config .ccb-required-field label { margin-left: 5px; font-weight: normal; } .ccb-tooltip { position: absolute; background: #333; color: #fff; padding: 5px 10px; border-radius: 4px; font-size: 12px; z-index: 1000; } .ccb-actions { text-align: right; } button.button { margin-left: 10px; } Streambox
Trending Movies
New Release

Almost Adults

This comedy feature follows two best friends in their final year of college while they transition into adulthood. One embraces her sexuality and….

Deal of the Week
A Netflix series
Pieces of Her

March 4

Exclusive Videos
Celebrity interviews, trending entertainment stories, and expert analysis

streaming on OCT 15

Top News