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 {