0
|
1 /*
|
|
2 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
|
|
3 Code licensed under the BSD License:
|
|
4 http://developer.yahoo.net/yui/license.txt
|
|
5 version: 2.8.0r4
|
|
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( 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(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( 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( 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( 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( 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 }
|