2
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
3
Code licensed under the BSD License:
4
http://developer.yahoo.net/yui/license.txt
7
/* Give the handle a background color */
8
.yui-skin-sam .yui-resize .yui-resize-handle {
9
background-color: #F2F2F2;
12
/* Give the active handle a different color */
13
.yui-skin-sam .yui-resize .yui-resize-handle-active {
14
background-color: #7D98B8;
17
.yui-skin-sam .yui-resize .yui-resize-handle-l,
18
.yui-skin-sam .yui-resize .yui-resize-handle-r,
19
.yui-skin-sam .yui-resize .yui-resize-handle-l-active,
20
.yui-skin-sam .yui-resize .yui-resize-handle-r-active {
24
/* Give a border to the 8-way knob style handles */
25
.yui-skin-sam .yui-resize-knob .yui-resize-handle {
26
border: 1px solid #808080;
28
/* Show the active handle when hovered */
29
.yui-skin-sam .yui-resize-hover .yui-resize-handle-active {
31
filter: alpha(opacity=100);
34
/* Style the resize proxy */
35
.yui-skin-sam .yui-resize-proxy {
36
border: 1px dashed #426FD9;
39
/* Style the status box similar to a tooltip */
40
.yui-skin-sam .yui-resize-status {
41
border: 1px solid #A6982B;
42
border-top: 1px solid #D4C237;
43
background-color: #FFEE69;
48
/* Style the content of the status box */
49
.yui-skin-sam .yui-resize-status strong, .yui-skin-sam .yui-resize-status em {
57
/* Setup the gripper */
58
.yui-skin-sam .yui-resize .yui-resize-handle-inner-r,
59
.yui-skin-sam .yui-resize .yui-resize-handle-inner-l {
60
background: transparent url( layout_sprite.png) no-repeat 0 -5px;
67
/* Setup the gripper */
68
.yui-skin-sam .yui-resize .yui-resize-handle-inner-t,
69
.yui-skin-sam .yui-resize .yui-resize-handle-inner-b {
70
background: transparent url(layout_sprite.png) no-repeat -20px 0;
77
/* Bottom Right Gripper */
78
.yui-skin-sam .yui-resize .yui-resize-handle-br {
79
background-image: url( layout_sprite.png );
80
background-repeat: no-repeat;
81
background-position: -22px -62px;
84
/* Top Right Gripper */
85
.yui-skin-sam .yui-resize .yui-resize-handle-tr {
86
background-image: url( layout_sprite.png );
87
background-repeat: no-repeat;
88
background-position: -22px -42px;
91
/* Top Left Gripper */
92
.yui-skin-sam .yui-resize .yui-resize-handle-tl {
93
background-image: url( layout_sprite.png );
94
background-repeat: no-repeat;
95
background-position: -22px -82px;
98
/* Bottom Left Gripper */
99
.yui-skin-sam .yui-resize .yui-resize-handle-bl {
100
background-image: url( layout_sprite.png );
101
background-repeat: no-repeat;
102
background-position: -22px -23px;
105
/* Remove the background image from the 8-way knobs */
106
.yui-skin-sam .yui-resize-knob .yui-resize-handle-t,
107
.yui-skin-sam .yui-resize-knob .yui-resize-handle-r,
108
.yui-skin-sam .yui-resize-knob .yui-resize-handle-b,
109
.yui-skin-sam .yui-resize-knob .yui-resize-handle-l,
110
.yui-skin-sam .yui-resize-knob .yui-resize-handle-tl,
111
.yui-skin-sam .yui-resize-knob .yui-resize-handle-tr,
112
.yui-skin-sam .yui-resize-knob .yui-resize-handle-bl,
113
.yui-skin-sam .yui-resize-knob .yui-resize-handle-br,
114
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-t,
115
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-r,
116
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-b,
117
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-l,
118
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tl,
119
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tr,
120
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-bl,
121
.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-br {
122
background-image: none;
125
.yui-skin-sam .yui-resize-knob .yui-resize-handle-l,
126
.yui-skin-sam .yui-resize-knob .yui-resize-handle-r,
127
.yui-skin-sam .yui-resize-knob .yui-resize-handle-l-active,
128
.yui-skin-sam .yui-resize-knob .yui-resize-handle-r-active {
133
.yui-skin-sam .yui-resize-textarea .yui-resize-handle-r {
136
.yui-skin-sam .yui-resize-textarea .yui-resize-handle-b {
139
.yui-skin-sam .yui-resize-textarea .yui-resize-handle-br {