Basic CSS for Theme Options - WordPress

customize-theme-options.php

/**
 * Customize Theme Options
 **/
add_action( 'admin_head', 'better_options' );

function better_options() {
    echo '
        <style>
            .appearance_page_customizacao .wrap {
                background-color: #fff;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#eeeeee",GradientType=0 );
                border: 1px solid #e5e5e5;
                -moz-box-shadow: 0 1px 0 white inset, 0 1px 5px rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: 0 1px 0 white inset, 0 1px 5px rgba(0, 0, 0, 0.1);
                box-shadow: 0 1px 0 white inset, 0 1px 5px rgba(0, 0, 0, 0.1);
                padding: 20px;
            }

            .appearance_page_customizacao .wrap .nav-tab-wrapper {
                border-bottom: 1px solid #DFDFDF;
            }

            .appearance_page_customizacao .wrap .nav-tab-wrapper .nav-tab {
                outline: none;
                border-top-left-radius: 2px;
                border-top-right-radius: 2px;
                background: #F5F5F5;
            }

            .appearance_page_customizacao .wrap .nav-tab-wrapper .nav-tab-active,
            .appearance_page_customizacao .wrap .nav-tab-wrapper .nav-tab:hover {
                background: #0074A2 !important;
                color: #fff;
                border-bottom: 0;
            }

            .appearance_page_customizacao form {
                padding: 0 12px;
            }

            .appearance_page_customizacao form h3 {
                font-size: 1.8em;
            }
        </style>
    ';
}