resize color

This commit is contained in:
Vanesssa 2015-12-07 16:43:23 +08:00
parent 6da4023ad2
commit b36d04071f
5 changed files with 191 additions and 157 deletions

View File

@ -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;

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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);

View File

@ -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,