| 1 |
efrain |
1 |
/*
|
|
|
2 |
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
|
|
|
3 |
Code licensed under the BSD License:
|
|
|
4 |
http://developer.yahoo.com/yui/license.html
|
|
|
5 |
version: 2.9.0
|
|
|
6 |
*/
|
|
|
7 |
/* Give the handle a background color */
|
|
|
8 |
.yui-skin-sam .yui-resize .yui-resize-handle {
|
|
|
9 |
background-color: #F2F2F2;
|
|
|
10 |
zoom: 1;
|
|
|
11 |
}
|
|
|
12 |
/* Give the active handle a different color */
|
|
|
13 |
.yui-skin-sam .yui-resize .yui-resize-handle-active {
|
|
|
14 |
background-color: #7D98B8;
|
|
|
15 |
zoom: 1;
|
|
|
16 |
}
|
|
|
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 {
|
|
|
21 |
height: 100%;
|
|
|
22 |
zoom: 1;
|
|
|
23 |
}
|
|
|
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;
|
|
|
27 |
}
|
|
|
28 |
/* Show the active handle when hovered */
|
|
|
29 |
.yui-skin-sam .yui-resize-hover .yui-resize-handle-active {
|
|
|
30 |
opacity: 1;
|
|
|
31 |
filter: alpha(opacity=100);
|
|
|
32 |
}
|
|
|
33 |
|
|
|
34 |
/* Style the resize proxy */
|
|
|
35 |
.yui-skin-sam .yui-resize-proxy {
|
|
|
36 |
border: 1px dashed #426FD9;
|
|
|
37 |
}
|
|
|
38 |
|
|
|
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;
|
|
|
44 |
color: #000;
|
|
|
45 |
}
|
|
|
46 |
|
|
|
47 |
|
|
|
48 |
/* Style the content of the status box */
|
|
|
49 |
.yui-skin-sam .yui-resize-status strong, .yui-skin-sam .yui-resize-status em {
|
|
|
50 |
float: left;
|
|
|
51 |
display: block;
|
|
|
52 |
clear: both;
|
|
|
53 |
padding: 1px;
|
|
|
54 |
text-align: center;
|
|
|
55 |
}
|
|
|
56 |
|
|
|
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( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png) no-repeat 0 -5px;
|
|
|
61 |
height: 16px;
|
|
|
62 |
width: 5px;
|
|
|
63 |
position: absolute;
|
|
|
64 |
top: 45%;
|
|
|
65 |
}
|
|
|
66 |
|
|
|
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(http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png) no-repeat -20px 0;
|
|
|
71 |
height: 5px;
|
|
|
72 |
width: 16px;
|
|
|
73 |
position: absolute;
|
|
|
74 |
left: 50%;
|
|
|
75 |
}
|
|
|
76 |
|
|
|
77 |
/* Bottom Right Gripper */
|
|
|
78 |
.yui-skin-sam .yui-resize .yui-resize-handle-br {
|
|
|
79 |
background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
|
|
|
80 |
background-repeat: no-repeat;
|
|
|
81 |
background-position: -22px -62px;
|
|
|
82 |
}
|
|
|
83 |
|
|
|
84 |
/* Top Right Gripper */
|
|
|
85 |
.yui-skin-sam .yui-resize .yui-resize-handle-tr {
|
|
|
86 |
background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
|
|
|
87 |
background-repeat: no-repeat;
|
|
|
88 |
background-position: -22px -42px;
|
|
|
89 |
}
|
|
|
90 |
|
|
|
91 |
/* Top Left Gripper */
|
|
|
92 |
.yui-skin-sam .yui-resize .yui-resize-handle-tl {
|
|
|
93 |
background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
|
|
|
94 |
background-repeat: no-repeat;
|
|
|
95 |
background-position: -22px -82px;
|
|
|
96 |
}
|
|
|
97 |
|
|
|
98 |
/* Bottom Left Gripper */
|
|
|
99 |
.yui-skin-sam .yui-resize .yui-resize-handle-bl {
|
|
|
100 |
background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
|
|
|
101 |
background-repeat: no-repeat;
|
|
|
102 |
background-position: -22px -23px;
|
|
|
103 |
}
|
|
|
104 |
|
|
|
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;
|
|
|
123 |
}
|
|
|
124 |
|
|
|
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 {
|
|
|
129 |
height: 6px;
|
|
|
130 |
width: 6px;
|
|
|
131 |
}
|
|
|
132 |
|
|
|
133 |
.yui-skin-sam .yui-resize-textarea .yui-resize-handle-r {
|
|
|
134 |
right: -8px;
|
|
|
135 |
}
|
|
|
136 |
.yui-skin-sam .yui-resize-textarea .yui-resize-handle-b {
|
|
|
137 |
bottom: -8px;
|
|
|
138 |
}
|
|
|
139 |
.yui-skin-sam .yui-resize-textarea .yui-resize-handle-br {
|
|
|
140 |
right: -8px;
|
|
|
141 |
bottom: -8px;
|
|
|
142 |
}
|