2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.com/yui/license.html
7 /* Remove the dotted border on the resize proxy */
8 .yui-skin-sam .yui-layout .yui-resize-proxy {
14 /* During resize, hide the handles */
15 .yui-skin-sam .yui-layout .yui-resize-resizing .yui-resize-handle {
16 /*visibility: hidden;*/
20 /* Style the div inside the resize proxy */
21 .yui-skin-sam .yui-layout .yui-resize-proxy div {
23 border: 1px solid #808080;
24 background-color: #EDF5FF;
26 /* Set the color of the Active resize handle */
27 .yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active {
30 /* Styles for the left handle */
31 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l {
38 /* Styles for the right handle */
39 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r {
47 /* Styles for the bottom handle */
48 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b {
54 /* Styles for the top handle */
55 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t {
62 /* Left Collapse button */
63 .yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
64 background: transparent url(layout_sprite.png) no-repeat -20px -160px;
65 border: 1px solid #808080;
67 /* Left Collapsed Expand Button */
68 .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse {
69 background: transparent url(layout_sprite.png) no-repeat -20px -140px;
70 border: 1px solid #808080;
72 /* Right Collapse Button */
73 .yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse {
74 background: transparent url(layout_sprite.png) no-repeat -20px -200px;
75 border: 1px solid #808080;
77 /* Right Collapsed Expand Button */
78 .yui-skin-sam .yui-layout .yui-layout-clip-right .collapse {
79 background: transparent url(layout_sprite.png) no-repeat -20px -120px;
80 border: 1px solid #808080;
82 /* Top Collapse Button */
83 .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
84 background: transparent url(layout_sprite.png) no-repeat -20px -220px;
85 border: 1px solid #808080;
87 /* Top Collapsed Expand Button */
88 .yui-skin-sam .yui-layout .yui-layout-clip-top .collapse {
89 background: transparent url(layout_sprite.png) no-repeat -20px -240px;
90 border: 1px solid #808080;
92 /* Bottom Collapse Button */
93 .yui-skin-sam .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
94 background: transparent url(layout_sprite.png) no-repeat -20px -260px;
95 border: 1px solid #808080;
97 /* Bottom Collapsed Expand Button */
98 .yui-skin-sam .yui-layout .yui-layout-clip-bottom .collapse {
99 background: transparent url(layout_sprite.png) no-repeat -20px -180px;
100 border: 1px solid #808080;
103 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd .close {
104 background: transparent url(layout_sprite.png) no-repeat -20px -100px;
105 border: 1px solid #808080;
108 /* Give the header a blue backgorund */
109 .yui-skin-sam .yui-layout .yui-layout-hd {
110 background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
111 border: 1px solid #808080;
113 /* Set the background color */
114 .yui-skin-sam .yui-layout {
115 background-color: #EDF5FF;
117 /* Style the text in the header */
118 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
125 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
126 border: 1px solid #808080;
129 *border-bottom-width: 0;
130 *border-top-width: 0;
131 background-color: #f2f2f2;
134 /* Add a border to the bottom of the body because there is no footer */
135 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft {
136 border-bottom: 1px solid #808080;
138 /* Add a border to the top of the body because there is no header */
139 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd {
140 border-top: 1px solid #808080;
144 .yui-skin-sam .yui-layout .yui-layout-clip {
147 background-color: #EDF5FF;
149 border: 1px solid #808080;
151 /* Style the footer */
152 .yui-skin-sam .yui-layout div.yui-layout-ft {
153 border: 1px solid #808080;
155 *border-top-width: 0;
156 background-color: #f2f2f2;
159 /* Remove the color from the resize handle */
160 .yui-skin-sam .yui-layout-unit .yui-resize-handle {
161 background-color: transparent;
164 /* Reposition the handles */
165 .yui-skin-sam .yui-layout-unit .yui-resize-handle-r {
168 background-image: none;
171 .yui-skin-sam .yui-layout-unit .yui-resize-handle-l {
174 background-image: none;
177 .yui-skin-sam .yui-layout-unit .yui-resize-handle-b {
180 background-image: none;
182 .yui-skin-sam .yui-layout-unit .yui-resize-handle-t {
185 background-image: none;
187 /* Add the gripper */
188 .yui-skin-sam .yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob,
189 .yui-skin-sam .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob {
196 background: transparent url(layout_sprite.png) no-repeat 0 -5px;
198 /* Add the gripper */
199 .yui-skin-sam .yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob,
200 .yui-skin-sam .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob {
205 background: transparent url(layout_sprite.png) no-repeat -20px 0;