# easy-invoice/2.4.0/templates/document/css-panel.php

Easy Invoice – Invoice Generator, PDF Quotes & Payments, version 2.4.0. 40 lines.

- Page: https://pluginprobe.com/plugins/easy-invoice/2.4.0/code/templates/document/css-panel.php
- Raw: https://pluginprobe.com/plugins/easy-invoice/2.4.0/raw/templates/document/css-panel.php
- Modified: 2026-09-15T12:31:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-invoice/2.4.0/code/templates/document/css-panel.php#L10-L20`.

```php
<?php
/**
 * Per-document CSS editor, shown to administrators only.
 *
 * Receives: $document_type, $additional_css
 *
 * @package Easy_Invoice
 * @subpackage Templates
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}
?>
<div id="css-panel" class="ei-css-panel" hidden>
    <div class="ei-css-panel__header">
        <h3><?php esc_html_e( 'Additional CSS', 'easy-invoice' ); ?></h3>
        <button type="button" id="close-css-panel" class="ei-css-panel__close" aria-label="<?php esc_attr_e( 'Close', 'easy-invoice' ); ?>">&times;</button>
    </div>
    <div class="ei-css-panel__body">
        <label for="additional-css-textarea">
            <?php
            echo esc_html(
                'quote' === $document_type
                    ? __( 'CSS applied to this quote only:', 'easy-invoice' )
                    : __( 'CSS applied to this invoice only:', 'easy-invoice' )
            );
            ?>
        </label>
        <textarea id="additional-css-textarea" spellcheck="false" placeholder=".template-standard { font-family: Georgia, serif; }"><?php echo esc_textarea( $additional_css ); ?></textarea>
        <div class="ei-css-panel__actions">
            <button type="button" id="save-css-btn" class="ei-btn ei-btn--accept"><?php esc_html_e( 'Save CSS', 'easy-invoice' ); ?></button>
            <button type="button" id="preview-css-btn" class="ei-btn"><?php esc_html_e( 'Preview', 'easy-invoice' ); ?></button>
            <button type="button" id="clear-css-btn" class="ei-btn ei-btn--decline"><?php esc_html_e( 'Clear', 'easy-invoice' ); ?></button>
        </div>
        <div id="css-status" class="ei-css-panel__status" hidden></div>
    </div>
</div>
<div id="css-overlay" class="ei-css-overlay" hidden></div>

```