resize color

static/css/start.css

@@ -32,7 +32,7 @@
 }
 
 #startPage .title {
-    background-color: #9F9F9F;
+    background-color: #BBB;
     border-bottom-width: 0 !important;
     border-radius: 3px 3px 0 0;
     font-size: 15px;

static/css/themes/dark.css

@@ -40,11 +40,13 @@
     color: #EBEBEB;
 }
 
-.font-ico {
+.font-ico,
+.ico-restore {
     color: rgba(255, 255, 255, 0.5);
 }
 
 .font-ico:hover,
+.ico-restore:hover,
 .frame li:hover .font-ico {
     color: #e1e1e1;
 }
@@ -153,3 +155,25 @@
 #dialogPreference .preference {
     border: 1px solid #000;
 }
+/* start layout resize */
+.ui-layout-resizer,
+.ui-layout-resizer-dragging,
+.ui-layout-resizer-open-hover,
+.ui-layout-resizer-dragging { 
+    background: #000;
+}
+.ui-layout-resizer-closed {
+    background-color: #555555;
+}
+.ui-layout-resizer-west-closed {
+    border-right: 1px solid #000;
+}
+.ui-layout-resizer-south-closed {
+    border-top: 1px solid #000;
+}
+.ui-layout-resizer-east-closed {
+    border-left: 1px solid #000;
+}
+.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
+    background: #000;
+}

static/css/themes/default.css

@@ -39,11 +39,13 @@
     background-color: #FFF;
 }
 
-.font-ico {
+.font-ico,
+.ico-restore {
     color: #666;
 }
 
 .font-ico:hover,
+.ico-restore:hover,
 .frame li:hover .font-ico {
     color: #333;
 }
@@ -130,3 +132,24 @@
 #dialogPreference .preference {
     border: 1px solid #A4A4A4;
 }
+/* start layout resize */
+.ui-layout-resizer,
+.ui-layout-resizer-dragging { 
+    background: #bbb;
+}
+.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
+.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
+    background: #919191;
+}
+.ui-layout-resizer-west-closed {
+    border-right: 1px solid #919191;
+}
+.ui-layout-resizer-south-closed {
+    border-top: 1px solid #919191;
+}
+.ui-layout-resizer-east-closed {
+    border-left: 1px solid #919191;
+}
+.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
+    background: #919191;
+}

static/js/lib/jquery-layout/layout-default-latest.css

@@ -69,7 +69,6 @@ body {
  *	RESIZER-BARS
  */
 .ui-layout-resizer	{ /* all 'resizer-bars' */
-	background:		#bbb;
     border-width:	0;
 }
 .ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
@@ -78,13 +77,6 @@ body {
 }
 /* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
         otherwise color shifts while dragging when bar can't keep up with mouse */
-	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
-	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
-		background: #919191;
-	}
-	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
-		border: 	 1px solid #BBB;
-	}
 .ui-layout-resizer-north-dragging,
 .ui-layout-resizer-south-dragging {
     border-width:	1px 0;
@@ -98,9 +90,6 @@ body {
     background: #F0F0F0; /* red */
 }
 
-	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
-		background: #919191;
-	}
 .ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
     opacity: .10; /* show only a slight shadow */
     filter:  alpha(opacity=10);

static/js/windows.js

@@ -32,7 +32,6 @@ var windows = {
             north__size: 22,
             south__size: 19,
             spacing_open: 2,
-            spacing_closed: 4,
             north__spacing_open: 0,
             south__spacing_open: 0,
             defaults: {
@@ -62,7 +61,6 @@ var windows = {
 
         this.innerLayout = $('div.content').layout({
             spacing_open: 2,
-            spacing_closed: 4,
             defaults: {
                 fxSpeed_open: 300,
                 fxSpeed_close: 100,