From 0523b6ef948d2072f6e730becd42df67e4cd2e17 Mon Sep 17 00:00:00 2001
From: cadeyrn <cadeyrn@b8457f37-d9ea-0310-8a92-e5e31aec5664>
Date: Tue, 5 Mar 2013 16:32:09 +0000
Subject: [PATCH] ui css changes, tabs again

git-svn-id: http://plugins.svn.wordpress.org/wp-ffpc/trunk@676512 b8457f37-d9ea-0310-8a92-e5e31aec5664
---
 css/wp-ffpc.admin.css | 91 +++++++++++++++++++++----------------------
 wp-ffpc.php           | 21 +++++-----
 2 files changed, 54 insertions(+), 58 deletions(-)

diff --git a/css/wp-ffpc.admin.css b/css/wp-ffpc.admin.css
index e7ea5ed..eb3d6f2 100644
--- a/css/wp-ffpc.admin.css
+++ b/css/wp-ffpc.admin.css
@@ -1,47 +1,68 @@
-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;
+.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);
+}
+
+.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;
 }
 
 .error-msg {
@@ -51,25 +72,3 @@ legend {
 .ok-msg {
 	color: #009900;
 }
-
-.ui-tabs-nav {
-	list-style-type: none;
-}
-
-.ui-tabs-nav a {
-	outline: 0;
-	text-decoration: none;
-	font-size: 120%;
-}
-
-
-.ui-state-default {
-	display: inline-block;
-	width: auto;
-	padding: 0.5em 2em 0.5em 2em;
-}
-
-.ui-tabs-selected,
-.ui-state-active {
-	background-color: #ccc;
-}
diff --git a/wp-ffpc.php b/wp-ffpc.php
index bef3ee9..8b1bf14 100644
--- a/wp-ffpc.php
+++ b/wp-ffpc.php
@@ -117,11 +117,8 @@ if (!class_exists('WPFFPC')) {
 			/* add admin styling */
 			if( is_admin() )
 			{
-				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" );
+				wp_enqueue_style( WP_FFPC_PARAM . '.admin.css' , WP_FFPC_URL . '/css/'. WP_FFPC_PARAM .'.admin.css', false, '0.1');
 			}
 
 			/* on activation */
@@ -234,15 +231,15 @@ if (!class_exists('WPFFPC')) {
 			<?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">