Mercurial > kallithea
annotate rhodecode/public/js/yui/resize/assets/skins/sam/resize-skin.css @ 1073:289ff43cc190 beta
update YUI dev libs to latest version
author | Marcin Kuzminski <marcin@python-works.com> |
---|---|
date | Sun, 20 Feb 2011 20:58:07 +0100 |
parents | 1e757ac98988 |
children |
rev | line source |
---|---|
0 | 1 /* |
1073
289ff43cc190
update YUI dev libs to latest version
Marcin Kuzminski <marcin@python-works.com>
parents:
547
diff
changeset
|
2 Copyright (c) 2010, Yahoo! Inc. All rights reserved. |
0 | 3 Code licensed under the BSD License: |
1073
289ff43cc190
update YUI dev libs to latest version
Marcin Kuzminski <marcin@python-works.com>
parents:
547
diff
changeset
|
4 http://developer.yahoo.com/yui/license.html |
289ff43cc190
update YUI dev libs to latest version
Marcin Kuzminski <marcin@python-works.com>
parents:
547
diff
changeset
|
5 version: 2.8.2r1 |
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( 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 } |