WordPress.org
Get WordPress

Plugin Directory

Changeset 1684021


Ignore:
Timestamp:
06/23/2017 06:48:57 AM (9 years ago)
Author:
craynor
Message:

Release 2.0

Location:
customizable-flat-panel-admin-theme/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • customizable-flat-panel-admin-theme/trunk/custom-admin-theme.php

    r1675213 r1684021  
    2020
    2121    //default colors codes and option names
    22     private $colors = array(
    23             "body_background" => "#ededed",
    24             "body_text_color" =>"#555555",
    25             "header_text_color"=> "#555555",
    26             "subheader_text_color" => '#555555',
    27             "link" => "#41a0d2",
    28             "link_focus" => "#85b1d1",
    29             "menu_background" => "#343545",
    30             "menu_text_color" => "#ededed",
    31             "menu_text_hover_color" => "#85b1d1",
    32             "menu_divider" => "#343545",
    33             "flyout_menu_background" => "#202133",
    34             "flyout_menu_text_color" => "#ededed",
    35             "flyout_menu_text_hover_color" => "#85b1d1",
    36             "current_item_background" => "#41a0d2",
    37             "current_menu_text_color" => "#ededed",
    38             "current_menu_hover_textColor" => "#424244",
    39             "admin_bar_text_color" => "#cccccc",
    40             "admin_bar_hover_text_color" => "#41a0d2",
    41             "admin_bar_background" => "#202133",
    42             "admin_bar_submenu_background" => "#262733",
    43             "admin_bar_submenu_text_color" => "#cccccc",
    44             "admin_bar_submenu_hover_text_color" => "#41a0d2",
     22    private $colors = array (
     23            "body_background" => "#f5f5f5",
     24            "body_font" => "#555555",
     25            "post_title" => "#555555",
     26            "link" => '#41a0d2',
     27            "link_hover" => '#85b1d1',
     28            "current_menu_item" => "#41a0d2",
     29            "icon" =>"#ffffff",
     30            "icon_hover_color" => "#ffffff",
     31            "menu_background"=> "#343545",
     32            "menu_font_color"=> "#ffffff",
     33            "menu_font_hover_color" => "#ffffff",
     34            "submenu_font_color"=> "#ededed",
     35            "submenu_background" => "#262733",
     36            "submenu_font_hover_color" => "#85b1d1",
     37            "adminbar_background" => "#343545",
     38            "adminbar_font_color" => "#cccccc",
     39            "adminbar_font_hover_color" => "#41a0d2",
     40            "adminbar_submenu_background"=> "#343545",
     41            "adminbar_submenu_font_hover_color" => "#41a0d2",
     42            "primary_button"=> "#41a0d2",
     43            "primary_button_font" => "#ffffff",
     44            "primary_button_hover"=> "#0087d1",
     45            "primary_button_hover_font" => "#ededed",
     46            "secondary_button_border" => "#cccccc",
     47            "collapse_font_color"=> "#41a0d2",
     48            "collapse_font_hover_color" => "#ffffff",
     49            "postbox_header_1" => "#e5b377",
     50            "postbox_header_1_font" => "#ffffff",
     51            "postbox_header_2" => "#41a0d2",
     52            "postbox_header_2_font" => "#ffffff",
    4553            "table_header" => "#41a0d2",
    46             "table_header_row_color" => "#eff2f4",
    47             "table_header_text_color" => "#333333",
    48             "table_header_hover_text_color" => "#8e8e8e",
    49             "table_footer" => "#ededed",
    50             "table_footer_text_color" => "#555555",
    51             "table_row_body_text_color" => "#555555",
    52             "bottom_row_background" => "#eff2f4",
    53             "odd_table_row_color" => "#fcfcfc",
    54             "even_row_highlight_color" => '#f2f2f2',
    55             "even_row_highlight_border_color" => '#eff2f4',
    56             "postbox_alternative_header_color" => "#e5b377",
    57             "sorting_indicator" => '#ffffff',
     54            "table_header_font" => "#eaeaea",
     55            "table_header_border" => "#0087d1",
     56            "table_button_color" => "#0087d1"
    5857    );
    5958
    … …  
    6261     */
    6362    private function __construct(){
     63
     64        $dir = get_stylesheet_directory_uri();
     65
     66        wp_admin_css_color(
     67        'fpui_admin_theme',
     68        'Flat Panel Colors',
     69        plugins_url('colors.php', __FILE__),
     70        array(get_option('base', '#41a0d2'),get_option('icon','#343545'), get_option
     71        ('highlight', '#ededed'), get_option('notification', "#e5b377")));
    6472
    6573        //Generates and includes inline admin css styles
    … …  
    7482        //Register sections/fields for admin theme options panel
    7583        add_action("admin_init",array($this, 'fpui_register_sections'));
     84
     85        //Add login screen styles
     86        add_action( 'login_enqueue_scripts', array($this, 'fpui_style_login'));
     87
     88        //add login screen settings
     89        add_action('admin_init', array($this, 'fpui_login_settings'));
     90
     91        add_action('wp_head', array($this, 'adjust_front_end_admin_bar'));
     92        add_action('admin_head', array($this,'adjust_front_end_admin_bar'));
    7693    }
    7794
    … …  
    97114
    98115        echo "<style>";
    99         include_once('lib/style-generator.php');
     116        include_once('lib/admin-structural-styles.php');
    100117        echo "</style>";
    101118
    … …  
    119136    {
    120137        add_submenu_page(
    121                 'options-general.php',//parent slug
    122                 "Admin Theme Options",//page title
    123                 "Admin Theme Options",//menu title
     138                'users.php',//parent slug
     139                "Your Admin Colors",//page title
     140                "Your Admin Colors",//menu title
    124141                "manage_options",//capability
    125142                "admin-theme-options",//menu slug
    … …  
    128145    }
    129146
    130 
    131147    /**
    132148     * Displays HTML for Admin Theme Options Panel
    … …  
    136152        ?>
    137153        <div class="wrap">
    138             <h1>Admin Theme Options</h1>
     154            <h1>Admin Theme Color Options</h1>
     155            <p style="font-size:140%;line-height:1.5em;background:#e9e9e9;border:1px solid #ccc;padding:10px;"> For
     156                these colors to take effect/work, you must choose "Flat Panel Colors" as your "Admin Color Scheme" in <a href="wp-admin/profile.php"> your profile.</a></p>
    139157            <form method="post" action="options.php">
    140158                <?php
    … …  
    198216     * Checks if value is a valid HEX color.
    199217     */
    200     public function fpui_validate_color( $input ) {
    201 
    202         if ( preg_match( '/^#[a-f0-9]{6}$/i', $input ) ) {
    203             return $input;
    204         }
    205 
    206         return false;
    207     }
     218    public function fpui_validate_color($input) {
     219
     220         if ( preg_match( '/^#[a-f0-9]{6}$/i', $input ) ) {
     221             return $input;
     222        } else {
     223
     224              return "#fff";
     225
     226
     227         }
     228    }
     229
     230    public function fpui_login_settings(){
     231
     232        add_settings_section(
     233                'fpui_settings_section', // Section ID
     234                '', // Section Title
     235                array($this, 'fpui_login_setup_section'), // Callback
     236                'general'
     237        );
     238
     239        add_settings_field( // Option 1
     240                'fpui_login_background_color',
     241                'Login Background Color',
     242                 array($this, 'fpui_login_field_display'),
     243                'general',
     244                'fpui_settings_section',
     245                array(
     246                        'fpui_login_background_color' // Should match Option ID
     247                )
     248        );
     249
     250        register_setting('general','fpui_background_color', array($this, 'fpui_validate_color'));
     251     }
     252
     253    public function fpui_login_setup_section() {
     254       //no information to display at this time
     255
     256    }
     257
     258    public function fpui_login_field_display($args) {
     259        $option = get_option($args[0]);
     260
     261        echo '<input type="text" name="fpui_background_color" id="fpui_background_color" value="'.get_option
     262                ("fpui_background_color","#343545").'"
     263        class="flat-ui-color-picker" data-default-color="#343545"/>';
     264        echo '<p>Use the following color picker to set the login background color for your website. <em>Note: This change is applied
     265sitewide.</em>
     266</p>';
     267    }
     268
     269    public function fpui_style_login(){?>
     270
     271        <style type="text/css">
     272
     273
     274            input[type=text], input[type=password]
     275            {
     276                -webkit-box-shadow: 0 !important;
     277                box-shadow: inset 0 1px 2px transparent !important;
     278            }
     279
     280            .login #backtoblog a, .login #nav a {
     281                color:#fff !important;
     282            }
     283
     284            .login {
     285                background: <?php
     286                if ( preg_match( '/^#[a-f0-9]{6}$/i', get_option('fpui_background_color')) ) {
     287                    echo get_option('fpui_background_color');
     288             } else {
     289                echo "#343545";
     290            }?> ;
     291                color:#fff;
     292            }
     293            .login form {
     294                margin-top: 20px;
     295                margin-left: 0;
     296                padding: 26px 24px 46px;
     297                background: #fff;
     298                -webkit-box-shadow: 0 !important;
     299                box-shadow: 0 0px 0px transparent !important;
     300            }
     301        </style>
     302  <?php }
     303
     304
     305
     306    public function adjust_front_end_admin_bar(){?>
     307        <style type="text/css">
     308        #wpadminbar{
     309            background: <?php
     310            if ( preg_match( '/^#[a-f0-9]{6}$/i', get_option('adminbar_background')) ) {
     311                echo get_option('adminbar_background');
     312            } else {
     313                echo "#343545";
     314            }?> ; !important;
     315            height: 40px;
     316            padding-top:3px;
     317        }
     318
     319        #wpadminbar a, #wpadminbar .quicklinks > ul > li > a {
     320            color: <?php
     321            if ( preg_match( '/^#[a-f0-9]{6}$/i', get_option('adminbar_font_hover_color')) ) {
     322                echo get_option('adminbar_font_hover_color');
     323            } else {
     324                echo "#cccccc";
     325            }?> ; !important;
     326        }
     327
     328        #wpadminbar a:hover, #wpadminbar a:focus, #wpadminbar .ab-item:hover, #wpadminbar:not(.mobile) > #wp-toolbar
     329        a:focus span.ab-label, #wpadminbar .quicklinks li a:focus .blavatar, #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, #wpadminbar li #adminbarsearch.adminbar-focused::before, #wpadminbar li .ab-item:focus .ab-icon::before, #wpadminbar li .ab-item:focus::before, #wpadminbar li a:focus .ab-icon::before, #wpadminbar li.hover .ab-icon::before, #wpadminbar li.hover .ab-item::before, #wpadminbar li:hover #adminbarsearch::before, #wpadminbar li:hover .ab-icon::before, #wpadminbar li:hover .ab-item::before, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-labe {
     330            color: <?php
     331            if ( preg_match( '/^#[a-f0-9]{6}$/i', get_option('adminbar_font_hover_color')) ) {
     332                echo get_option('adminbar_font_hover_color');
     333            } else {
     334                echo "#ffffff";
     335            }?>  !important;
     336        }
     337
     338
     339        #wpadminbar .ab-item,
     340        #wpadminbar a.ab-item,
     341        #wpadminbar > #wp-toolbar span.ab-label,
     342        #wpadminbar > #wp-toolbar span.noticon {
     343        text-transform:uppercase;
     344        font-weight:300;
     345        }
     346
     347        #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
     348        #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
     349        #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
     350        #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
     351        #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
     352        text-transform:uppercase;
     353        font-weight:300;
     354        }
     355
     356        #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
     357        #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
     358        #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
     359        text-transform:uppercase;
     360        font-weight:300;
     361        }
     362
     363        #wpadminbar:not(.mobile) li:hover .ab-icon:before,
     364        #wpadminbar:not(.mobile) li:hover .ab-item:before,
     365        #wpadminbar:not(.mobile) li:hover .ab-item:after,
     366        #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
     367        text-transform:uppercase;
     368        font-weight:300;
     369        }
     370
     371
     372        /* Admin Bar: submenu */
     373        #wpadminbar .menupop .ab-sub-wrapper {
     374        text-transform:capitalize;
     375        }
     376
     377        #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
     378        #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
     379        text-transform:capitalize;
     380        }
     381
     382        #wpadminbar .ab-submenu .ab-item,
     383        #wpadminbar .quicklinks .menupop ul li a,
     384        #wpadminbar .quicklinks .menupop.hover ul li a,
     385        #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
     386        text-transform:capitalize;
     387        }
     388
     389        #wpadminbar .quicklinks li .blavatar,
     390        #wpadminbar .menupop .menupop > .ab-item:before {
     391        text-transform:capitalize;
     392        }
     393
     394        #wpadminbar .quicklinks .menupop ul li a:hover,
     395        #wpadminbar .quicklinks .menupop ul li a:focus,
     396        #wpadminbar .quicklinks .menupop ul li a:hover strong,
     397        #wpadminbar .quicklinks .menupop ul li a:focus strong,
     398        #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
     399        #wpadminbar .quicklinks .menupop.hover ul li a:hover,
     400        #wpadminbar .quicklinks .menupop.hover ul li a:focus,
     401        #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
     402        #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
     403        #wpadminbar li:hover .ab-icon:before,
     404        #wpadminbar li:hover .ab-item:before,
     405        #wpadminbar li a:focus .ab-icon:before,
     406        #wpadminbar li .ab-item:focus:before,
     407        #wpadminbar li .ab-item:focus .ab-icon:before,
     408        #wpadminbar li.hover .ab-icon:before,
     409        #wpadminbar li.hover .ab-item:before,
     410        #wpadminbar li:hover #adminbarsearch:before,
     411        #wpadminbar li #adminbarsearch.adminbar-focused:before {
     412        text-transform:capitalize;
     413        }
     414
     415        #wpadminbar .quicklinks li a:hover .blavatar,
     416        #wpadminbar .quicklinks li a:focus .blavatar,
     417        #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
     418        #wpadminbar .menupop .menupop > .ab-item:hover:before,
     419        #wpadminbar.mobile .quicklinks .ab-icon:before,
     420        #wpadminbar.mobile .quicklinks .ab-item:before {
     421        text-transform:capitalize;
     422        }
     423
     424        #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
     425        #wpadminbar.mobile .quicklinks .hover .ab-item:before {
     426        text-transform:capitalize;
     427        }
     428
     429        /* Admin Bar: search */
     430        #wpadminbar #adminbarsearch:before {
     431        text-transform:capitalize;
     432        }
     433
     434        #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
     435        text-transform:capitalize;
     436        }
     437        </style>
     438    <?php }
     439
     440
    208441}
    209442
    210 fpui_custom_admin_theme::fpui_get_admin_theme();
    211 
    212 
    213 
    214 
    215 
     443    fpui_custom_admin_theme::fpui_get_admin_theme();
     444
     445
     446
     447
     448

  • customizable-flat-panel-admin-theme/trunk/lib/style-generator.php

    r1675213 r1684021  
    1 <?php echo  '
    2 *{
    3     text-shadow:0 !important;
    4 }
     1<?php
     2    /**
     3     * Created by PhpStorm.
     4     * User: home
     5     * Date: 6/20/17
     6     * Time: 1:08 PM
     7     */
     8    // Fixing the install path.
     9    $fpui_server_path = explode('/', __DIR__);
     10    function fpui_get_root($server_path) {
     11        $root = "";
     12        foreach($server_path as $path) {
     13            if($path !== "wp-content"){
     14                $root .= $path."/";
     15            }
     16            else {
     17                return $root;
     18            }
     19        }
     20    }
     21    include(fpui_get_root($fpui_server_path)."/wp-load.php");
     22    echo "body {background:".get_option('body_background','#f5f5f5')."; color:".get_option('body_font','#555555').";} .form-table th, .form-table td, h1, h2, h3 {color:".get_option('body_font','#555555')."} #titlediv #title { color:".get_option('post_title','#555555').";} .postbox {border:0;} #postbox-container-2 .postbox h2 {background:".get_option('postbox_header_2','#41a0d2')."; color: ".get_option('postbox_header_2_font','#ffffff').";} .postbox {border:0;} #postbox-container-1 .postbox h2 {background:".get_option('postbox_header_1','#e5b377')."; color: ".get_option('postbox_header_1_font','#ffffff')." !important;} .bottom .actions select {color:".get_option('body_font','#555555').";} a {color:".get_option('link','#41a0d2').";}a:active,a:focus,a:hover{color:".get_option('link_hover','#85b1d1')."}#media-upload a.del-link:hover,.subsubsub a.current:hover,.subsubsub a:hover,div.dashboard-widget-submit input:hover{color:#0096dd}input[type=checkbox]:checked:before{color:#04a4cc} .wp-core-ui .top .button, .wp-core-ui .top .button-secondary {background:".get_option('table_button_color','#108dd1 !important;').";color: ".get_option('table_header_font','#eaeaea')."; border:0px solid ".get_option('table_header_border','#0087d1')." !important;} #contextual-help-link-wrap, #screen-options-link-wrap { border:1px solid ".get_option('secondary_button_border','#cccccc')." !important; border-top:0 !important;border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;} #screen-meta-links .show-settings, #screen-meta-links .show-settings:hover { color: ".get_option('body_font','#555555')." !important;} .top .displaying-num, .top .tablenav .tablenav-pages, .view-switch .view-excerpt::before { color: ".get_option('table_header_font','#eaeaea').";}  .count, .subsubsub a.current { color:".get_option('body_font','#555555')." !important;}.count, .subsubsub a.current { color:".get_option('link_hover','#85b1d1')." !important;} .contextual-help-tabs .active a, .wrap .page-title-action, .wrap .page-title-action:active { color: ".get_option('body_font','#555555')."; border:1px solid ".get_option('secondary_button_border','#cccccc')." !important;} .wp-core-ui .top .button, .wp-core-ui .top .button-secondary { border-color: ".get_option('table_header_border','#0087d1').";}.tablenav .actions select {border: 1px solid ".get_option('table_header_border','#0087d1')." !important;} .top { color: ".get_option('table_header_font','#eaeaea').";background:".get_option('table_header','#41a0d2').";} input[type=radio]:checked:before{background:#04a4cc}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}.wp-core-ui .button-primary{background:".get_option('primary_button','#41a0d2')." !important;border-color:#037c9a #036881 #036881;color:".get_option('primary_button_font','#ffffff')." !important; -webkit-box-shadow:0 0px 0 #036881;box-shadow:0 0px 0 #036881;text-shadow:0 0px 0px #036881,0px 0 0px #036881,0 0px 0px #036881,0px 0 0px #036881} .wp-core-ui .button:hover, .wp-core-ui .button-secondary:hover { background:".get_option('primary_button_hover','#0087d1')." !important;border-color:#036881;color:".get_option('primary_button_hover_font','#ededed')." !important; border-radius:0px !important; -webkit-border-radius:0px;}  .wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:".get_option('primary_button_hover','#0087d1').";border-color:#036881;color:".get_option('primary_button_hover_font','#ededed').";-webkit-box-shadow:0 0px 0 #036881;box-shadow:0 0px 0 #036881}.wp-core-ui .button-primary:focus{-webkit-box-shadow:inset 0 0px 0 #037c9a,0 0 0px 0px #33b3db;box-shadow:inset 0 0px 0 #037c9a,0 0 0px 0px #33b3db}.wp-core-ui .button-primary:active{background:#037c9a;border-color:#036881;-webkit-box-shadow:inset 0 0px 0 #036881;box-shadow:inset 0 0px 0 #036881}.wp-core-ui .button-primary.button-primary-disabled,.wp-core-ui .button-primary.disabled,.wp-core-ui .button-primary:disabled,.wp-core-ui .button-primary[disabled]{color: #888 !important;background: transparent !important;border-color:#ccc!important;text-shadow:none!important}.wp-core-ui .button-primary.button-hero{-webkit-box-shadow:0 0px 0 #036881!important;box-shadow:0 0px 0 #036881!important}.wp-core-ui .button-primary.button-hero:active{-webkit-box-shadow:inset 0 0px 0 #036881!important;box-shadow:inset 0 0px 0 #036881!important}.wp-core-ui .wp-ui-primary{color:#333;background-color:".get_option('menu_background', '#343545')."}.wp-core-ui .wp-ui-text-primary{color:".get_option('menu_background', '#343545')."}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:".get_option('current_menu_item', '#41a0d2')."}.wp-core-ui .wp-ui-text-highlight{color:".get_option('current_menu_item', '#41a0d2')."}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#d64e07}.wp-core-ui .wp-ui-text-notification{color:#d64e07}.wp-core-ui .wp-ui-text-icon{color:".get_option('icon', '#ffffff')."}.tablenav .tablenav-pages a:focus,.tablenav .tablenav-pages a:hover,.wrap .add-new-h2:hover,.wrap .page-title-action:hover{color:".get_option('primary_button_hover_font', '#ededed').";background-color:".get_option('primary_button_hover', '#0087d1')."}.view-switch a.current:before{color:".get_option('menu_background', '#343545')."}.view-switch a:hover:before{color:#d64e07}#adminmenu,#adminmenuback,#adminmenuwrap{background:".get_option('menu_background', '#343545')."}#adminmenu a{color:".get_option('menu_font_color', '#ffffff')."}#adminmenu div.wp-menu-image:before{color:".get_option('icon', '#ffffff')."}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:".get_option('menu_font_hover_color', '#ffffff').";background-color:".get_option('current_menu_item', '#41a0d2')."}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:".get_option('icon_hover_color', '#ffffff')."}.about-wrap h2 .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f5f5f5;border-bottom-color:#f5f5f5}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu{background:".get_option('submenu_background', '#262733')."}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after{border-right-color:".get_option('submenu_background','#262733')."}#adminmenu .wp-submenu .wp-submenu-head{color: ".get_option('submenu_font_color', '#ededed')."}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a,.folded #adminmenu .wp-has-current-submenu .wp-submenu a {color:".get_option('submenu_font_color','#ededed')."}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover,.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover{color:".get_option('submenu_font_hover_color', '#85b1d1')."}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:".get_option('submenu_font_color','#ededed')."}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:".get_option('submenu_font_hover_color','#85b1d1')."}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:".get_option('body_background','#f5f5f5')."}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:".get_option('current_menu_item', '#41a0d2')."}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before,.ie8 #adminmenu li.opensub div.wp-menu-image:before{color:".get_option('icon_hover_color', '#ffffff')."}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#d64e07}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#333;background:".get_option('submenu_background', '#262733')."}#collapse-button{color:".get_option('collapse_font_color','#41a0d2')."}#collapse-button:focus,#collapse-button:hover{color:".get_option('collapse_font_hover_color','#ffffff')."}#wpadminbar{color:".get_option('adminbar_font_color','#cccccc').";background:".get_option('adminbar_background', '#343545')."}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:".get_option('adminbar_font_color','#cccccc')."}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:".get_option('icon', '#ffffff')."}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:".get_option('adminbar_font_hover_color', '#41a0d2').";background:".get_option('adminbar_submenu_background', '#343545').";}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:".get_option('adminbar_font_hover_color', '#41a0d2').";}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:".get_option('icon_hover_color', '#ffffff')."}#wpadminbar .menupop .ab-sub-wrapper{background:".get_option('adminbar_background', '#343545')."}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:".get_option('adminbar_background', '#343545').";}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color".get_option('submenu_font_color','#ededed')."}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:".get_option('icon', '#ffffff')."}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:".get_option('adminbar_submenu_font_hover_color', '#41a0d2')."}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#04a4cc}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:".get_option('icon_hover_color', '#ffffff')."}#wpadminbar #adminbarsearch:before{color:".get_option('icon', '#ffffff')."}  .bulk-action-notice .toggle-indicator::before, .js .meta-box-sortables .postbox .toggle-indicator::before, .js .sidebar-name .sidebar-name-arrow::before{color:#ffffff !important;}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:".get_option('adminbar_font_color','#cccccc').";background:#f7f7f7}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#f7f7f7;background-color:#f7f7f7}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#04a4cc}#wpadminbar #wp-admin-bar-user-info .username{color:".get_option('submenu_font_color','#ededed')."}.wp-pointer .wp-pointer-content h3{background-color:#04a4cc;border-color:#0490b3}.wp-pointer .wp-pointer-content h3:before{color:#04a4cc}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#04a4cc}.media-item .bar,.media-progress-bar div{background-color:#04a4cc}.details.attachment{-webkit-box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #04a4cc;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #04a4cc}.attachment.details .check{background-color:#04a4cc;-webkit-box-shadow:0 0 0 1px #fff,0 0 0 2px #04a4cc;box-shadow:0 0 0 1px #fff,0 0 0 2px #04a4cc}.media-selection .attachment.selection.details .thumbnail{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 3px #04a4cc;box-shadow:0 0 0 1px #fff,0 0 0 3px #04a4cc}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#04a4cc}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#04a4cc}body.more-filters-opened .more-filters{color:#333;background-color:".get_option('menu_background', '#343545')."}body.more-filters-opened .more-filters:before{color:".get_option('adminbar_font_color','#cccccc')."'}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:".get_option('current_menu_item', '#41a0d2').";color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:".get_option('current_menu_item', '#41a0d2').";color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}div#wp-responsive-toggle a:before{color:".get_option('icon', '#ffffff')."}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:".get_option('current_menu_item', '#41a0d2')."}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:".get_option('submenu_background', '#262733')."}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:".get_option('icon', '#ffffff')."}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#04a4cc}#wpadminbar .ab-top-menu>li.hover>.ab-item,#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar .ab-top-menu>li:hover>.ab-item,#wpadminbar .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar>#wp-toolbar>#wp-admin-bar-root-default li:hover span.ab-label,#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary li.hover span.ab-label{color:#333}.theme-filter.current,.theme-section.current{border-bottom-color:#04a4cc;}";
    523
    6 body {
    7     background:'.get_option("body_background", "#ededed") .';
    8     font-family: "Lato", sans-serif;
    9     font-weight:300;
    10     color:'.get_option("body_text_color", "#555555") .';
    11 }
    12 
    13 a, a:active {color: '.get_option("link", "#41a0d2") .'}
    14 
    15 a:hover, a:focus {color: '.get_option("link_focus", "#85b1d1") .'}
    16 
    17 #wpbody {
    18     margin-top:15px;
    19 }
    20 
    21 .dashboard, .dashboard-primary {
    22     color:'.get_option("body_text_color", "#555555") .';
    23 }
    24 
    25 .accordion-section-title::after, .handlediv, .item-edit, .sidebar-name-arrow, time, #dashboard_quick_press .drafts li time, #title-wrap #title-prompt-text, .textarea-wrap #content-prompt-text, .subsubsub .count, #future-posts ul span, #published-posts ul span, #dashboard_primary .rss-widget span, #dashboard_primary .rss-widget span.rss-date, .rssSummary, #future-posts ul span, #published-posts ul span, #dashboard_activity .subsubsub a .count, #dashboard_activity .subsubsub a.current .count{
    26     color:'.get_option("body_text_color", "#555555") .';
    27 }
    28 
    29 .wrap h1, .wrap h2, .wrap h3, h1, h2, h3, h4, h5, .inside h3, .inside h4, .inside h1, .inside .h2,
    30 #dashboard-widgets h1,  #dashboard-widgets h2, #dashboard-widgets h3, #dashboard-widgets h4, #dashboard_quick_press .drafts h2
    31  {
    32     font-weight:300;
    33     text-transform:uppercase;
    34     letter-spacing:.5px;
    35     color:'.get_option("body_text_color", "#555555").';
    36 
    37 }
    38 
    39 .wrap h1{
    40     font-size:18px;
    41     border-bottom: 3px solid '.get_option("header_text_color", "#555555") .';
    42     width:auto;
    43     margin-bottom: 15px;
    44     padding-bottom:10px;
    45 }
    46 
    47 .wrap h2 {
    48     font-size:18px;
    49 }
    50 
    51 .wrap h3{
    52     font-size:16px;
    53 }
    54 
    55 
    56 #media-upload a.del-link:hover,
    57 div.dashboard-widget-submit input:hover,
    58 .subsubsub a:hover,
    59 .subsubsub a.current:hover {
    60     color: '.get_option("link_focus", "#85b1d1") .';
    61 }
    62 
    63 .subsubsub {
    64     list-style: none;
    65     font-size: 13px;
    66     color: '.get_option("body_text_color", "#555555") .';
    67 }
    68 
    69 .subsubsub a .count, .subsubsub a.current .count {
    70     font-weight: 300;
    71     color: '.get_option("body_text_color", "#555555") .';
    72 }
    73 
    74 /* ADMIN MENU */
    75 #adminmenuback,
    76 #adminmenuwrap,
    77 #adminmenu {
    78     background: '.get_option("menu_background", "#343545").';
    79 }
    80 
    81 .wp-menu-name {
    82     font-size:90%;
    83 }
    84 
    85 #adminmenu a {
    86     color: '.get_option("menu_text_color", "#d4d9dd").';
    87 }
    88 
    89 #adminmenu div.wp-menu-image:before {
    90     color: '.get_option("menu_text_color", "#d4d9dd").';
    91 }
    92 
    93 #adminmenu a:hover,
    94 #adminmenu li.menu-top:hover,
    95 #adminmenu li.opensub > a.menu-top,
    96 #adminmenu li > a.menu-top:focus {
    97     color: '.get_option("menu_text_hover_color", "#ffffff").';
    98     background-color: '.get_option("menu_background", "#343545").';
    99 }
    100 
    101 #adminmenu li.menu-top:hover div.wp-menu-image:before,
    102 #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
    103     color: '.get_option("menu_text_color", "#d4d9dd").';
    104 }
    105 
    106 
    107 /* Active tabs use a bottom border color that matches the page background color. */
    108 .about-wrap h2 .nav-tab-active,
    109 .nav-tab-active,
    110 .nav-tab-active:hover {
    111     background-color: '.get_option("body_background", "#ededed") .';
    112     border-bottom-color: '.get_option("body_background", "#ededed") .';
    113 }
    114 
    115 
    116 /* Admin Menu: submenu */
    117 
    118 #adminmenu .wp-submenu-head, #adminmenu a.menu-top {
    119     padding:12px 0px;
    120     border-bottom: 1px solid '.get_option("menu_divider", "#343545").';
    121 }
    122 
    123 #adminmenu div.wp-menu-name {
    124     font-weight:300;
    125     text-transform:uppercase;
    126     letter-spacing:.5px;
    127     font-weight:300;
    128     vertical-align:middle;
    129 }
    130 
    131 div.wp-menu-image::before {
    132     color: #a0a5aa;
    133     color: rgba(240,245,250,.6);
    134      -webkit-transition: all .1s ease-in-out;
    135     transition: all .1s ease-in-out;
    136 }
    137  #adminmenu .wp-menu-image img {
    138     opacity: .6;
    139     filter: alpha(opacity=60);
    140 }
    141 
    142 .wp-menu-separator {
    143     display:none;
    144 }
    145 
    146 #adminmenu .wp-submenu,
    147 #adminmenu .wp-has-current-submenu .wp-submenu,
    148 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
    149 .folded #adminmenu .wp-has-current-submenu .wp-submenu,
    150 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
    151     background: '.get_option("flyout_menu_background", "#202133").';
    152     font-weight:300;
    153 }
    154 
    155 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    156     border-right-color: '.get_option("flyout_menu_background", "#202133").';
    157 }
    158 
    159 #adminmenu .wp-submenu .wp-submenu-head {
    160     color: '.get_option("flyout_menu_text_color", "#ededed").';
    161 }
    162 
    163 #adminmenu .wp-submenu a,
    164 #adminmenu .wp-has-current-submenu .wp-submenu a,
    165 .folded #adminmenu .wp-has-current-submenu .wp-submenu a,
    166 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
    167 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
    168     color: '.get_option("flyout_menu_text_color", "#ededed").';
    169 }
    170 
    171 #adminmenu .wp-submenu a:focus,
    172 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
    173 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
    174 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
    175 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus {
    176     color: '.get_option("flyout_menu_text_hover_color", "#85b1d1").';
    177 }
    178 
    179 #adminmenu .wp-submenu a:hover,
    180 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
    181 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
    182 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
    183 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
    184     color: '.get_option("flyout_menu_text_hover_color", "#85b1d1").';
    185 }
    186 
    187 /* Admin Menu: current */
    188 #adminmenu .wp-submenu li.current a,
    189 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
    190 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
    191     color:'.get_option("current_menu_text_color", "#ededed").';
    192     font-weight:300;
    193 }
    194 #adminmenu .wp-submenu li.current a:focus,
    195 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
    196 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
    197     color:'.get_option("current_menu_hover_text_color", "#41a0d2").';
    198     font-weight:300;
    199 }
    200 
    201 #adminmenu .wp-submenu li.current a:hover,
    202 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
    203 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover {
    204     color:'.get_option("current_menu_hover_text_color", "#41a0d2").';
    205     font-weight:300;
    206 }
    207 
    208 ul#adminmenu a.wp-has-current-submenu:after,
    209 ul#adminmenu > li.current > a.current:after {
    210     border-right-color: '.get_option("current_item_background", "#41a0d2").';
    211 }
    212 
    213 #adminmenu li.current a.menu-top,
    214 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    215 #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
    216 .folded #adminmenu li.current.menu-top {
    217     color: '.get_option("current_menu_text_color", "#ededed").';
    218     background: '.get_option("current_item_background", "#41a0d2").';
    219 }
    220 
    221 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
    222 #adminmenu a.current:hover div.wp-menu-image:before,
    223 #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
    224 #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
    225 #adminmenu li:hover div.wp-menu-image:before,
    226 #adminmenu li a:focus div.wp-menu-image:before,
    227 #adminmenu li.opensub div.wp-menu-image:before,
    228 .ie8 #adminmenu li.opensub div.wp-menu-image:before {
    229     color: '.get_option("current_menu_text_color", "#ededed").';
    230 
    231 }
    232 
    233 
    234 /* Admin Menu: bubble */
    235 #adminmenu .awaiting-mod,
    236 #adminmenu .update-plugins {
    237     color: '.get_option("admin_bar_text_color", "#cccccc").';
    238     background: '.get_option("admin_bar_hover_text_color", "#41a0d2").';
    239 }
    240 
    241 #adminmenu li.current a .awaiting-mod,
    242 #adminmenu li a.wp-has-current-submenu .update-plugins,
    243 #adminmenu li:hover a .awaiting-mod,
    244 #adminmenu li.menu-top:hover > a .update-plugins {
    245     color: '.get_option("current_menu_text_color", "#ededed").';
    246     background: '.get_option("current_item_background", "#41a0d2").';
    247 }
    248 
    249 
    250 /* Admin Menu: collapse button */
    251 #collapse-button {
    252     color: '.$collapseButtonText.';
    253 }
    254 
    255 #collapse-button:hover,
    256 #collapse-button:focus {
    257     color: '.$collapseButtonHoverText.';
    258 }
    259 
    260 /* Admin Bar */
    261 html #wpadminbar {
    262     color: '.get_option("admin_bar_text_color", "#cccccc").';
    263     background: '.get_option("admin_bar_background", "#202133").';
    264     font-size:13px;
    265     height:30px;
    266     padding-top:8px;
    267     padding-bottom:8px;
    268  }
    269 
    270 #wpadminbar .ab-item,
    271 #wpadminbar a.ab-item,
    272 #wpadminbar > #wp-toolbar span.ab-label,
    273 #wpadminbar > #wp-toolbar span.noticon {
    274     color: '.get_option("admin_bar_text_color", "#cccccc").';
    275     text-transform:uppercase;
    276     font-weight:300;
    277 }
    278 
    279 #wpadminbar .ab-icon,
    280 #wpadminbar .ab-icon:before,
    281 #wpadminbar .ab-item:before,
    282 #wpadminbar .ab-item:after {
    283     color: '.get_option("admin_bar_text_color", "#cccccc").';
    284     text-transform:uppercase;
    285     font-weight:300;
    286 }
    287 
    288 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
    289 #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
    290 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
    291 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
    292 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
    293     color: '.get_option("admin_bar_hover_text_color", "#41a0d2").';
    294     background: '.get_option("admin_bar_background", "#202133").';
    295     text-transform:uppercase;
    296     font-weight:300;
    297 }
    298 
    299 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
    300 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
    301 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
    302     color: '.get_option("admin_bar_hover_text_color", "#41a0d2").';
    303     text-transform:uppercase;
    304     font-weight:300;
    305 }
    306 
    307 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
    308 #wpadminbar:not(.mobile) li:hover .ab-item:before,
    309 #wpadminbar:not(.mobile) li:hover .ab-item:after,
    310 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
    311     color: '.get_option("admin_bar_hover_text_color", "#41a0d2").';
    312     text-transform:uppercase;
    313     font-weight:300;
    314 }
    315 
    316 
    317 /* Admin Bar: submenu */
    318 #wpadminbar .menupop .ab-sub-wrapper {
    319     background: '.get_option("admin_bar_submenu_background","#262733").';
    320     text-transform:capitalize;
    321 }
    322 
    323 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
    324 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
    325     background: '.get_option("admin_bar_submenu_background","#262733").';
    326     text-transform:capitalize;
    327 }
    328 
    329 #wpadminbar .ab-submenu .ab-item,
    330 #wpadminbar .quicklinks .menupop ul li a,
    331 #wpadminbar .quicklinks .menupop.hover ul li a,
    332 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    333     color: '.get_option("admin_bar_submenu_text_color","#cccccc").';
    334     text-transform:capitalize;
    335 }
    336 
    337 #wpadminbar .quicklinks li .blavatar,
    338 #wpadminbar .menupop .menupop > .ab-item:before {
    339     color: '.get_option("admin_bar_submenu_text_color","#cccccc").';
    340     text-transform:capitalize;
    341 }
    342 
    343 #wpadminbar .quicklinks .menupop ul li a:hover,
    344 #wpadminbar .quicklinks .menupop ul li a:focus,
    345 #wpadminbar .quicklinks .menupop ul li a:hover strong,
    346 #wpadminbar .quicklinks .menupop ul li a:focus strong,
    347 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
    348 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
    349 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
    350 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
    351 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
    352 #wpadminbar li:hover .ab-icon:before,
    353 #wpadminbar li:hover .ab-item:before,
    354 #wpadminbar li a:focus .ab-icon:before,
    355 #wpadminbar li .ab-item:focus:before,
    356 #wpadminbar li .ab-item:focus .ab-icon:before,
    357 #wpadminbar li.hover .ab-icon:before,
    358 #wpadminbar li.hover .ab-item:before,
    359 #wpadminbar li:hover #adminbarsearch:before,
    360 #wpadminbar li #adminbarsearch.adminbar-focused:before {
    361     color: '.get_option("admin_bar_submenu_hover_text_color","#41a0d2").';
    362     text-transform:capitalize;
    363 }
    364 
    365 #wpadminbar .quicklinks li a:hover .blavatar,
    366 #wpadminbar .quicklinks li a:focus .blavatar,
    367 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
    368 #wpadminbar .menupop .menupop > .ab-item:hover:before,
    369 #wpadminbar.mobile .quicklinks .ab-icon:before,
    370 #wpadminbar.mobile .quicklinks .ab-item:before {
    371     color: '.get_option("admin_bar_submenu_hover_text_color","#41a0d2").';
    372     text-transform:capitalize;
    373 }
    374 
    375 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
    376 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
    377     color: '.get_option("admin_bar_submenu_hover_text_color","#41a0d2").';
    378     text-transform:capitalize;
    379 }
    380 
    381 /* Admin Bar: search */
    382 #wpadminbar #adminbarsearch:before {
    383     color: '.get_option("admin_bar_text_color", "#cccccc").';
    384     text-transform:capitalize;
    385 }
    386 
    387 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
    388     color: '.get_option("admin_bar_text_color", "#cccccc").';
    389     background: '.get_option("admin_bar_background", "#202133").';
    390     text-transform:capitalize;
    391 }
    392 
    393 /* Admin Bar: my account */
    394 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    395     border-color: '.get_option("admin_bar_background", "#202f35").';
    396     background-color: '.get_option("admin_bar_background", "#202133").';
    397 }
    398 
    399 #wpadminbar #wp-admin-bar-user-info .display-name {
    400     color: '.get_option("admin_bar_text_color", "#cccccc").';
    401 }
    402 
    403 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
    404     color: '.get_option("admin_bar_hover_text_color", "#41a0d2").';
    405 }
    406 
    407 #wpadminbar #wp-admin-bar-user-info .username {
    408     color: '.get_option("admin_bar_text_color", "#cccccc").';
    409 }
    410 
    411 
    412 /*  TABLES  */
    413 .tablenav .tablenav-pages {
    414     cursor: default;
    415     color:'.get_option("table_header_row_color", "#555555") .';
    416 }
    417 
    418 .tablenav .actions {
    419     overflow: hidden;
    420     padding: 15px 8px 15px 0;
    421 }
    422 
    423 .tablenav {
    424     margin:0;
    425     height:auto;
    426 }
    427 
    428 .table, table.widefat {
    429     font-weight:300;
    430 }
    431 
    432 th {
    433     text-transform:uppercase;
    434     font-weight:300;
    435 }
    436 
    437 strong, b, .plugins .inactive .plugin-title strong {
    438     font-weight:300;
    439 }
    440 
    441 /* Plugins title text color and formatting */
    442 .widefat td, .widefat th, th, td, table, strong, b, .widefat thead tr th, td.plugin-title strong  {
    443     font-weight:300;
    444 }
    445 
    446 .plugins-php .widefat tfoot td, .plugins-php .widefat tfoot th {
    447     border:0;
    448  }
    449 
    450 .column-primary {
    451     text-transform:uppercase;
    452     font-weight:300;
    453     letter-spacing:.5px;
    454 }
    455 
    456 .column-primary a {
    457     font-weight:300;
    458 
    459 }
    460 
    461 .row-actions a {
    462     text-transform:capitalize;
    463     color: '.get_option("link", "#41a0d2") .';
    464 
    465 }
    466 
    467 .comment {
    468     text-transform:capitalize;
    469 }
    470 
    471 td.plugin-title {
    472     text-transform:uppercase;
    473     font-weight:300;
    474 }
    475 
    476 .ac_match, .highlight, .subsubsub a.current {
    477     color: '.get_option("link", "#41a0d2") .';
    478 }
    479 
    480 .subsubsub a.current {
    481     font-weight: 300;
    482     border: none;
    483 }
    484 
    485 .form-table {
    486     font-size:13px;
    487     font-weight:300;
    488 }
    489 
    490 .form-table th,  .form-table td {
    491     padding: 10px 10px 20px 20px;
    492     font-size:13px;
    493 }
    494 
    495 .form-table th, .form-wrap label {
    496     color: '.get_option("table_row_body_text_color", "#555555").';
    497     font-weight:300;
    498 }
    499 
    500 /* Sorting Indication etc Color */
    501 .wp-person a:focus .gravatar, a:focus, a:focus .media-icon img, th .comment-grey-bubble::before, .sorting-indicator::before
    502 {
    503     color: '.get_option("table_header_text_color","#555555").';
    504 }
    505 
    506 /* removing active table borders */
    507 .plugins .inactive td,
    508 .plugins .inactive th,
    509 .plugins .active td,
    510 .plugins .active th,
    511 .plugin-install #the-list td,
    512 .upgrade .plugins td,
    513 .upgrade .plugins th {
    514     -webkit-box-shadow: inset 0 0px 0 rgba(0,0,0,0.1);
    515     box-shadow: inset 0 0px 0 rgba(0,0,0,0.1);
    516 }
    517 
    518 .plugins tr.active.plugin-update-tr + tr.inactive th,
    519 .plugins tr.active.plugin-update-tr + tr.inactive td,
    520 .plugins tr.active + tr.inactive th,
    521 .plugins tr.active + tr.inactive td {
    522     border-top: 1px solid rgba(0,0,0,0.03);
    523     -webkit-box-shadow: inset 0 0px 0 rgba(0,0,0,0.02), inset 0 0px 0 #e1e1e1;
    524     box-shadow: inset 0 0px 0 rgba(0,0,0,0.02), inset 0 0px 0 #e1e1e1;
    525 }
    526 
    527 /* Table outer border color */
    528 #menu-management .menu-edit, #menu-settings-column .accordion-container, .comment-ays, .feature-filter, .imgedit-group, .manage-menus, .menu-item-handle, .popular-tags, .stuffbox, .widget-inside, .widget-top, .widgets-holder-wrap, .wp-editor-container, p.popular-tags, table.widefat {
    529     border:0px;
    530 }
    531 
    532 /* Alternating table row color */
    533 tr, .plugins tr {
    534     background-color:'.get_option("odd_table_row_color","#fcfcfc").';
    535 }
    536 
    537 /* Table top and bottom color */
    538 .top {
    539     background-color: '.get_option("table_header","#41a0d2").';
    540     padding-left:15px;
    541     padding-right:15px;
    542  }
    543 
    544 .media + .top {display:none;}
    545 
    546 .bottom {
    547     background-color: '.get_option("table_footer","#ededed").';
    548     padding-left:15px;
    549     padding-right:15px;
    550 }
    551 
    552 /* Table header row background color */
    553 thead tr, .plugins thead tr {
    554     background-color:'.get_option("table_header_row_color","#ededed").';
    555 }
    556 
    557 /* Table header row text color */
    558 .widefat th, .widefat thead tr th, .widefat th, th {
    559     color:'.get_option("table_header_text_color","#333333").';
    560 }
    561 
    562 /* Table header row text color */
    563 .widefat th a, .widefat thead tr th a, .widefat th, th  a{
    564     color:'.get_option("table_header_text_color","#333333").';
    565 }
    566 
    567 .widefat th a:hover, .widefat thead tr th a:hover, .widefat th, th  a:hover{
    568     color:'.get_option("table_header_hover_text_color","#8e8e8e").';
    569 }
    570 
    571 /* Table footer row background color */
    572 tfoot tr, .plugins tfoot tr, .widefat tfoot tr th {
    573     background-color:'.get_option("bottom_row_background","#eff2f4").';
    574     color:'.get_option("table_footer_text_color","#555555").';
    575 }
    576 
    577 
    578 /* Table footer row text color */
    579 .widefat ol, .widefat p, .widefat tfoot tr td, .widefat tfoot tr th, .widefat thead tr td, .widefat thead tr th,
    580 .widefat ul,.widefat ol a, .widefat p a, .widefat tfoot tr td a, .widefat tfoot tr th a, .widefat thead tr td a, .widefat thead tr th a, .widefat ul a
    581 {
    582     color:'.get_option("table_footer_text_color","#555555").';
    583 }
    584 
    585 /* row highlight colors */
    586 .plugins .active td, .active td, td .active {
    587     background:'.get_option("even_row_highlight_color","#f2f2f2").';
    588 }
    589 
    590 /* active row border */
    591 .plugin-update-tr.active td, .plugins .active th.check-column {
    592     border-left: 4px solid '.get_option("even_row_highlight_border_color","#eff2f4").';
    593     background:'.get_option("even_row_highlight_color","#f2f2f2").';
    594 }
    595 
    596 /* BUTTONS */
    597 
    598 .wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active {
    599     background:transparent;
    600     font-weight: 300;
    601     border-color:'.get_option("link", "#41a0d2") .';
    602     color:'.get_option("link", "#41a0d2") .';
    603     top:5px;
    604     left:15px;
    605 }
    606 
    607 .tablenav .tablenav-pages a:focus, .tablenav .tablenav-pages a:hover, .wrap .add-new-h2:hover, .wrap .page-title-action:hover {
    608     background-color: "#16a085";
    609 }
    610 
    611 #wp-media-grid .page-title-action {
    612     top:0;
    613 }
    614 
    615 .wp-core-ui .button, .wp-core-ui .button-secondary {
    616     border-color: transparent;
    617     border:0;
    618     background: '.get_option("link", "#41a0d2") .';
    619     -webkit-box-shadow: 0 0px 0 rgb(0, 133, 186);
    620     box-shadow: 0 0px 0 rgb(0, 133, 186);
    621     vertical-align: top;
    622     color: #fff;
    623     text-transform:uppercase;
    624     font-size:12px;
    625  }
    626 
    627  .wp-core-ui .button:hover, .wp-core-ui .button-secondary:hover {
    628     background-color: '.get_option("link_focus", "#41a0d2").';
    629     border:0;
    630     color:#fff;
    631     text-shadow:0;
    632  }
    633 
    634 .wp-core-ui .button-primary {
    635     background:'.get_option("link", "#41a0d2") .';
    636     color: #fff;
    637     border:0;
    638     box-shadow: 0;
    639     -webkit-box-shadow: 0;
    640     border-bottom:0;
    641     text-shadow: 0 -1px 1px '.get_option("link", "#41a0d2") .',1px 0 1px '.get_option("link", "#41a0d2") .',0 1px 1px '.get_option("link", "#41a0d2") .',-1px 0 1px '.get_option("link", "#41a0d2") .';
    642     text-transform:uppercase;
    643     font-size:12px;
    644  }
    645 
    646 .wp-core-ui .top .button, .wp-core-ui .top .button-secondary {
    647     background: #fff;
    648     border-color:#fff;
    649     border:0;
    650     color: '.get_option("table_header_color", "#41a0d2").';
    651     opacity: 0.7;
    652     padding:0px 6px;
    653     margin:0;
    654     -webkit-box-shadow: 0 0px 0 rgb(0, 133, 186);
    655     box-shadow: 0 0px 0 rgb(0, 133, 186);
    656 }
    657 
    658 .wp-core-ui .top .button:hover, .wp-core-ui .top .button-secondary:hover,
    659 .wp-core-ui .bottom .button:hover, .wp-core-ui .bottom .button-secondary:hover {
    660     opacity:1;
    661 }
    662 
    663 .wp-core-ui .bottom .button, .wp-core-ui .bottom .button-secondary {
    664     background: #fff;
    665     border:0px solid '.get_option("body_text_color", "#555555") .';
    666     color: #333;
    667     opacity: 0.7;
    668     padding:0px 6px;
    669     margin:0;
    670     -webkit-box-shadow: 0 0px 0 rgb(0, 133, 186);
    671     box-shadow: 0 0px 0 rgb(0, 133, 186);
    672 }
    673 
    674 .wp-core-ui .button:active {
    675     -webkit-box-shadow: 0 0px 0 rgb(0, 133, 186);
    676     box-shadow: 0 0px 0 rgb(0, 133, 186);
    677 }
    678 
    679 .wp-media-buttons .button, .wp-media-buttons .add_media span.wp-media-buttons-icon::before {
    680     background: transparent;
    681     color: '.get_option("link", "#41a0d2") .';
    682     border-radius: 0;
    683     -webkit-border-radius: 0;
    684 }
    685 
    686 #edit-slug-buttons button {
    687     background: transparent;
    688     color: '.get_option("link", "#41a0d2") .';
    689     border-radius: 0;
    690     -webkit-border-radius: 0;
    691     margin-left:10px;
    692 }
    693 
    694 #edit-slug-buttons button:hover {
    695     background:'.get_option("link", "#41a0d2") .';
    696     color: #fff;
    697     border-radius: 5px;
    698     -webkit-border-radius: 5px;
    699 }
    700 
    701 .wp-media-buttons .add_media:hover {
    702     border-radius: 5px;
    703     -webkit-border-radius: 5px;
    704 }
    705 
    706 .wp-media-buttons .add_media:hover > span.wp-media-buttons-icon::before {
    707     color: #fff;
    708     margin-right:10px;
    709 }
    710 
    711 span.wp-media-buttons-icon::before {
    712     color: #fff;
    713 }
    714 
    715 #doaction, #doaction2, #post-query-submit {
    716     margin:0;
    717 }
    718 
    719 .notice {
    720     color:#555;
    721 }
    722 
    723 
    724 /*  CONTEXTUAL TABS */
    725 #screen-meta, #screen-meta-links .show-settings, #contextual-help-link-wrap, #screen-options-link-wrap{
    726     background:'.get_option("body_background", "#ededed") .';
    727     color:'.get_option("header_text_color", "#555555").';
    728     border: 1px solid '.get_option('link', "#41a0d2").';
    729     border-top: 1px solid '.get_option("body_background", "#ededed") .';
    730 }
    731 
    732 #screen-meta-links .show-settings::after  {
    733     background:'.get_option("body_background", "#ededed") .';
    734     color:'.get_option("header_text_color", "#555555").';
    735     border:0;
    736 }
    737 
    738 #screen-meta-links .show-settings:hover {
    739      color:'.get_option("header_text_color", "#555555").';
    740 }
    741 
    742 #screen-meta {
    743     border: 1px solid '.get_option("link", "#41a0d2").';
    744     border-top:0;
    745 }
    746 
    747 #contextual-help-back {
    748     border: 1px solid '.get_option("link", "#41a0d2").';
    749     border-bottom:0;
    750 }
    751 
    752 #contextual-help-wrap, #contextual-help-back, #contextual-help-columns {
    753     background: transparent;
    754     border-width: 1px;
    755     border-top:0;
    756 }
    757 
    758 .contextual-help-tabs-wrap {
    759     background: transparent;
    760 }
    761 
    762 .contextual-help-tabs .active {
    763     border-left: 0px solid '.get_option('link', "#41a0d2").';
    764     border-bottom: 1px solid '.get_option('link', "#41a0d2").';
    765     border-top: 1px solid '.get_option('link', "#41a0d2").';
    766 }
    767 
    768 .contextual-help-tabs .active a {
    769     border-color:transparent;
    770     color: '.get_option("link_focus", "#85b1d1") .';
    771 }
    772 
    773 .contextual-help-tabs a:hover {
    774     color: '.get_option("link_focus", "#85b1d1") .';
    775 }
    776 
    777 .contextual-help-tabs .active {
    778     background: transparent;
    779 }
    780 
    781 .wp-person a:focus .gravatar, a:focus, a:focus .media-icon img {
    782     box-shadow: 0 0 0 0px #5b9dd9,0 0 0px 0px rgba(30,140,190,.8);
    783     -webkit-box-shadow:0;
    784 }
    785 
    786 #screen-options-link-wrap, #contextual-help-link-wrap {
    787     border:0;
    788     border-bottom: 0px solid '.get_option("link", "#41a0d2").';
    789 }
    790 
    791 /* EDITOR STYLES */
    792 
    793 #titlediv #title {
    794     font-size:36px;
    795     border:0;
    796     background:transparent;
    797     color: '.get_option("subheader_text_color", "#555555") .';
    798     font-weight:300;
    799     -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    800     box-shadow: inset 0 0px 0px rgba(0,0,0,.07);
    801 }
    802 
    803 .quicktags-toolbar {
    804     border:0 !important;
    805  }
    806 
    807 #wp-content-editor-tools {
    808     background:transparent;
    809 }
    810 
    811 .wp-core-ui .quicktags-toolbar input.button.button-small:hover {
    812     background:transparent;
    813     text-decoration:none;
    814     border-bottom:2px solid '.get_option("link", "#41a0d2") .';
    815     box-shadow: 0px
    816     -webkit-box-shadow: 0px;
    817 }
    818 
    819 .wp-core-ui .quicktags-toolbar input.button.button-small {
    820     background: transparent;
    821     height: auto;
    822     line-height: inherit;
    823     padding: 0 8px 1px;
    824     font-size: 11px;
    825     border: 0;
    826     color: '.get_option("link", "#41a0d2") .';
    827     -webkit-border-radius: 0px !important;
    828     border-radius: 0px !important;
    829     text-decoration:none;
    830  }
    831 
    832  .html-active .switch-html {
    833     color: '.get_option("link", "#41a0d2") .' !important;
    834  }
    835 
    836 .html-active .switch-html, .tmce-active .switch-tmce {
    837     background: #f5f5f5 !important;
    838     color: #555 !important;
    839     border-bottom-color: #e5e5e5 !important;
    840     border-top: 2px solid '.get_option("link", "#41a0d2") .' !important;
    841 }
    842 
    843 .wp-editor-container textarea.wp-editor-area {
    844     float:left;
    845 }
    846 
    847 
    848 /* POST BOX STYLES */
    849 .postbox {
    850     border: 0;
    851     background-color:#fff;
    852     border-color: '.get_option("table_header","#41a0d2").';
    853     color:#555;
    854 }
    855 
    856 #postbox-container-1 h2 {
    857     color: #fff;
    858     background-color:'.get_option("table_header","#41a0d2").';
    859     border-color: '.get_option("table_header","#41a0d2").';
    860 }
    861 
    862 #postbox-container-1 h2:nth-child(2) {
    863     color: #fff;
    864     background-color:'.get_option("postbox_alternative_header_color","#e5b377").';
    865     border-color: '.get_option("postbox_alternative_header_color","#e5b377").';
    866 }
    867 
    868 #postbox-container-2 h2 {
    869     color:#fff;
    870     background-color:'.get_option("table_header","#41a0d2").';
    871     border-color: '.get_option("table_header","#41a0d2").';
    872 }
    873 
    874 #postbox-container-2 div .inside h2 {
    875     background: transparent;
    876 }
    877 
    878 #major-publishing-actions {
    879     background: transparent;
    880 }
    881 
    882 .textarea-wrap #content-prompt-text, #title-wrap #title-prompt-text, time, #dashboard_quick_press .drafts li time {
    883     color:'.get_option("body_text_color", "#555555").';
    884 }
    885 
    886 #dashboard_quick_press .drafts h2 {
    887     background:transparent;
    888 }
    889 
    890 .input-text-wrap .prompt, .textarea-wrap .prompt {
    891     position:relative;
    892 }
    893 
    894 #dashboard_quick_press .inside {
    895     padding-bottom:15px;
    896 }
    897 
    898 .ed_button .button .button-small {
    899     background: transparent;
    900 }
    901 
    902 
    903 .handlediv, .handlediv:hover {
    904     color: '.get_option("sorting_indicator","#ededed").';
    905 }
    906 
    907 /* FORMS */
    908 option {
    909     padding-right:25px;
    910     color: #333;
    911     background: #fff;
    912 }
    913 select {
    914     min-width:125px;
    915     padding-right:25px;
    916     background-color: #fff;
    917     background: rgba(255,255,255) url("'. plugins_url('/images/select-arrow.png',__FILE__ ).'") repeat-x 0 0;
    918     background-size: 7px 7px;
    919     border-radius: 0px;
    920     display: inline-block;
    921     font: inherit;
    922     line-height: 1.5em;
    923     padding: 0.5em 3.5em 0.5em 1em;
    924     background-repeat:no-repeat;
    925     background-position: 95% 55%;
    926     color: #000;
    927     border:0;
    928     margin: 0;
    929     box-shadow:0;
    930     -webkit-box-shadow: 0;
    931     -webkit-box-sizing: border-box;
    932     -moz-box-sizing: border-box;
    933     box-sizing: border-box;
    934     -webkit-appearance: none;
    935     -moz-appearance: none;
    936     opacity: 0.9;
    937 }
    938 
    939 textarea {
    940     float:left;
    941 }
    942 
    943 input[type="text"], input[type="search"], input[type="radio"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="password"], input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], select, textarea {
    944     border: 0px solid #ddd;
    945     -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.07);
    946     box-shadow: inset 0 0px 0px rgba(0,0,0,.07);
    947 }
    948 
    949 input[type="text"], input[type="search"], input[type="radio"], input[type="tel"], input[type="time"],
    950 input[type="url"], input[type="week"], input[type="password"], input[type="checkbox"], input[type="color"],
    951 input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], select, textarea {
    952     border: 0px solid #ddd;
    953     -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.07);
    954     box-shadow: inset 0 0px 0px rgba(0,0,0,.07);
    955 }
    956 
    957 p.search-box {
    958     margin-bottom:15px;
    959 }
    960 
    961 /* MEDIA VIEW */
    962 .uploader-inline-content h2 {
    963     text-transform:none;
    964     font-weight:300;
    965 }
    966 .wp-core-ui .button:active {
    967     color:#fff;
    968 }
    969 
    970 .wp-core-ui .button:focus {
    971     color:#fff;
    972     background: '.get_option("table_header","#41a0d2").';
    973 }
    974 
    975 .media-frame a:focus {
    976     -webkit-box-shadow: 0 0 0 9px #5b9dd9,0 0 0px 0px rgba(30,140,190,.8);
    977     box-shadow: 0 0 0 0px #5b9dd9,0 0 0px 0px rgba(30,140,190,.8);
    978 }
    979 
    980 
    981 ';
    982 

  • customizable-flat-panel-admin-theme/trunk/readme.txt

    r1675215 r1684021  
    99Tested up to: 4.8
    1010Stable tag: trunk
    11 Version: 1.11
     11Version: 2.0
    1212License: GPLv2 or later
    1313License URI: https://www.gnu.org/licenses/gpl-2.0.html
    1414
    15 Add some style to your WordPress admin theme with a flat panel design and fully customizable colors.
     15Add some style to your WordPress admin theme with a flat panel design and fully customizable colors. Each user can customize their own theme or use the WordPress default colors schemes.
    1616
    1717== Description ==
    1818
    19 Tired of the same old admin theme? Give the WordPress dashboard we all know and love a boost, with a splash of color, and a more refined flat panel design. You can easily change the colors to reflect the look and feel that best suits you and your website.
     19Tired of the same old admin theme? Give the WordPress dashboard we all know and love a boost, with a splash of color, and a more refined flat panel design. You can easily change the colors to reflect the look and feel that best suits you. Admin colors are customizable at the user level and not applied site wide with the exception of the custom login background. All WordPress color schemes are fully supported letting you create your own color scheme or use a default with the updated flat panel style.
    2020
    2121= To change theme colors =
    2222
    23 Go to Settings > Admin Theme Options
     23Go to Users > Your Admin Colors > Pick the colors you want.
    2424
    25 Color titles correspond to thier respective HTML/CSS styles and may require some experimenting to find the best combination. Key colors that help you change the look and feel your theme quickly are:
     25If you want to use a WordPress pre-defined color scheme just go to Users > Your Profile and choose the color scheme you want. The flat panel design will remain in place with the chosen color scheme.
    2626
    27 * Body background
    28 * Body text color
    29 * Header text color
    30 * Subheader text color
    31 * Link
    32 * Link focus (color of the link when you hover over it)
    33 * Menu background
    34 * Admin bar background
    35 * Table header
    36 * Table header row color (first row of your table, use as your main accent color)
    37 * Postbox alternative header color (color of the dashboard block titles in the first column)
     27= To change the login background colors =
     28
     29Go to Settings > General > Login Background Color > Pick the color your want
     30
     31Note: The login background color is applied site wide and can only be set by those with access to the General
     32WordPress settings.
     33
     34= WARNING: For 2.0 Updates =
     35Due to extensive layout, design, and setting changes, some saved color settings may be lost during the update to 2.0. Please be sure to document all colors before updating, so that you can add them back in after you update.
    3836
    3937== Installation ==
    40381. Upload the plugin files to the `/wp-content/plugins/` directory, or install the plugin through the WordPress plugins screen directly.
    41392. Activate the plugin through the 'Plugins' screen in WordPress
    42 3. Use the Settings->Admin Theme Options screen to configure the plugin
     403. Use the Users -> Your Admin Colors screen to configure the plugin
    4341
    4442== Screenshots ==
    … …  
    6361
    6462== Upgrade Notice ==
    65 = 1.0 = Try on a new look for you WordPress dashboard.
     63
     64= 2.0 =
     65* WARNING: Due to extensive layout, design, and setting changes, some saved color settings may be lost during the update to 2.0. Please be sure to document all colors before updating, so that you can add them back in after you update.
     66* Layout changes to all styles with particular focus on refining buttons and menu colors, removing the majority of
     67inline styles and replacing them with dynamic css.
     68* Introduction of login screen background option and refined login styles
     69* Added styles for front-end admin bar
     70* Moved color options page to users menu and colors are now editable at the user level instead of applied site
     71wide
     72* Flat Panel design structural styles still applied site wide
     73* Users can now use all WordPress default color schemes with flat panel structural styles
     74* Styles are now applied to front and backend admin bar
     75
     76= 1.0 =
     77* Try on a new look for your WordPress dashboard.
     78
     79
    6680
    6781== Additional Info ==
    68 Updates are already in the works for this plugin and will include the addition of an improved user interface for altering colors with more user friendly color titles, updates to refine and fix any style issues, and a custom logo option. All changes will be made as time permits. Feedback and questions are welcome and appreciated.
    69 
     82Updates are already in the works for this plugin and will include custom logo option for login and admin as well as a more user friendly interface for the color options page. All changes will be made as time permits and depending on feedback. All feedback is very welcome.
Note: See TracChangeset for help on using the changeset viewer.