ui css changes, tabs again git-svn-id: http://plugins.svn.wordpress.org/wp-ffpc/trunk@676512 b8457f37-d9ea-0310-8a92-e5e31aec5664
cadeyrn cadeyrn@b8457f37-d9ea-0310-8a92-e5e31aec5664
Tue, 05 Mar 2013 16:32:09 +0000
2 files changed,
53 insertions(+),
57 deletions(-)
M
css/wp-ffpc.admin.css
→
css/wp-ffpc.admin.css
@@ -1,75 +1,74 @@
-dt { +.wp-ffpc-panel dt { margin-top: 2em; font-weight:bold; } -dd { - -} -fieldset { +.wp-ffpc-panel fieldset { display:block; - margin:0 1% 0 1%; - clear:none; + margin: 0; + padding: 0 1em 0 1em; + border: 1px solid #ccc; } -legend { - font-weight:bold; - padding:0; - margin:0; - font-size:130%; - padding-top:0em; +.wp-ffpc-panel legend { + display: none; + visibility: hidden; } -.default { +.wp-ffpc-panel .default { display:block; padding-left: 1em; font-size:90%; color:#666; } -.description { +.wp-ffpc-panel .description { display:block; } -.grid50 { - float:left; - display:block; - text-align:left; - margin:0 1% 0 1%; - width:48%; - overflow:auto; +.wp-ffpc-panel .tabs { + padding:0; + margin: 0; + list-style-type: none; } -.clearcolumns { - clear:both; -} - -.error-msg { - color: #990000; -} - -.ok-msg { - color: #009900; -} - -.ui-tabs-nav { - list-style-type: none; +.wp-ffpc-panel .tabs li { + border-style: solid; + border-width: 1px 1px 1px 1px; + border-color: #ccc; + border-bottom-color: #ccc; + line-height: 120%; + display: inline-block; + padding: 0.5em 2em 0.5em 2em; + text-decoration: none; + margin-bottom: -1px; + -webkit-border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + background: #f1f1f1; + background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9)); + background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9); + background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9); + background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9); + background-image: linear-gradient(to top,#ececec,#f9f9f9); } -.ui-tabs-nav a { - outline: 0; +.wp-ffpc-panel .tabs li a { + outline: none; text-decoration: none; font-size: 120%; } +.wp-ffpc-panel .tabs li.ui-state-active { + background: #fff; + border-bottom-color: #fff; +} -.ui-state-default { - display: inline-block; - width: auto; - padding: 0.5em 2em 0.5em 2em; +.error-msg { + color: #990000; } -.ui-tabs-selected, -.ui-state-active { - background-color: #ccc; +.ok-msg { + color: #009900; }
M
wp-ffpc.php
→
wp-ffpc.php
@@ -117,11 +117,8 @@
/* add admin styling */ if( is_admin() ) { + wp_enqueue_script ( "jquery-ui-tabs" ); wp_enqueue_style( WP_FFPC_PARAM . '.admin.css' , WP_FFPC_URL . '/css/'. WP_FFPC_PARAM .'.admin.css', false, '0.1'); - //wp_enqueue_script("jquery-ui-g","https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js"); - //wp_enqueue_script ( "jquery"); - //wp_enqueue_script ( "jquery-ui-core"); - wp_enqueue_script ( "jquery-ui-tabs" ); } /* on activation */@@ -234,15 +231,15 @@ </strong></p></div>
<?php endif; ?> <h2><?php _e( 'WP-FFPC settings', WP_FFPC_PARAM ) ; ?></h2> - <form method="post" action="#" id="wp-ffpc-settings"> + <form method="post" action="#" id="wp-ffpc-settings" class="wp-ffpc-panel"> - <ul> - <li><a href="#wp-ffpc-type"><?php _e( 'Cache type', WP_FFPC_PARAM ); ?></a></li> - <li><a href="#wp-ffpc-debug"><?php _e( 'Debug & in-depth', WP_FFPC_PARAM ); ?></a></li> - <li><a href="#wp-ffpc-exceptions"><?php _e( 'Cache exceptions', WP_FFPC_PARAM ); ?></a></li> - <li><a href="#wp-ffpc-apc"><?php _e( 'APC', WP_FFPC_PARAM ); ?></a></li> - <li><a href="#wp-ffpc-memcached"><?php _e( 'Memcache(d)', WP_FFPC_PARAM ); ?></a></li> - <li><a href="#wp-ffpc-nginx"><?php _e( 'nginx', WP_FFPC_PARAM ); ?></a></li> + <ul class="tabs"> + <li><a href="#wp-ffpc-type" class="wp-switch-editor"><?php _e( 'Cache type', WP_FFPC_PARAM ); ?></a></li> + <li><a href="#wp-ffpc-debug" class="wp-switch-editor"><?php _e( 'Debug & in-depth', WP_FFPC_PARAM ); ?></a></li> + <li><a href="#wp-ffpc-exceptions" class="wp-switch-editor"><?php _e( 'Cache exceptions', WP_FFPC_PARAM ); ?></a></li> + <li><a href="#wp-ffpc-apc" class="wp-switch-editor"><?php _e( 'APC', WP_FFPC_PARAM ); ?></a></li> + <li><a href="#wp-ffpc-memcached" class="wp-switch-editor"><?php _e( 'Memcache(d)', WP_FFPC_PARAM ); ?></a></li> + <li><a href="#wp-ffpc-nginx" class="wp-switch-editor"><?php _e( 'nginx', WP_FFPC_PARAM ); ?></a></li> </ul> <fieldset id="wp-ffpc-type">