webclient.js-ext.yui.build.layout.assets.skins.sam.layout-skin.css Maven / Gradle / Ivy
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
/* Remove the dotted border on the resize proxy */
.yui-skin-sam .yui-layout .yui-resize-proxy {
border: none;
font-size: 0;
margin: 0;
padding: 0;
}
/* During resize, hide the handles */
.yui-skin-sam .yui-layout .yui-resize-resizing .yui-resize-handle {
/*visibility: hidden;*/
display: none;
zoom: 1;
}
/* Style the div inside the resize proxy */
.yui-skin-sam .yui-layout .yui-resize-proxy div {
position: absolute;
border: 1px solid #808080;
background-color: #EDF5FF;
}
/* Set the color of the Active resize handle */
.yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active {
zoom: 1;
}
/* Styles for the left handle */
.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l {
width: 5px;
height: 100%;
top: 0;
left: 0;
zoom: 1;
}
/* Styles for the right handle */
.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r {
width: 5px;
top: 0;
right: 0;
height: 100%;
position: absolute;
zoom: 1;
}
/* Styles for the bottom handle */
.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b {
width: 100%;
bottom: 0;
left: 0;
height: 5px;
}
/* Styles for the top handle */
.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t {
width: 100%;
top: 0;
left: 0;
height: 5px;
}
/* Left Collapse button */
.yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -160px;
border: 1px solid #808080;
}
/* Left Collapsed Expand Button */
.yui-skin-sam .yui-layout .yui-layout-clip-left .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -140px;
border: 1px solid #808080;
}
/* Right Collapse Button */
.yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -200px;
border: 1px solid #808080;
}
/* Right Collapsed Expand Button */
.yui-skin-sam .yui-layout .yui-layout-clip-right .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -120px;
border: 1px solid #808080;
}
/* Top Collapse Button */
.yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -220px;
border: 1px solid #808080;
}
/* Top Collapsed Expand Button */
.yui-skin-sam .yui-layout .yui-layout-clip-top .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -240px;
border: 1px solid #808080;
}
/* Bottom Collapse Button */
.yui-skin-sam .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -260px;
border: 1px solid #808080;
}
/* Bottom Collapsed Expand Button */
.yui-skin-sam .yui-layout .yui-layout-clip-bottom .collapse {
background: transparent url(layout_sprite.png) no-repeat -20px -180px;
border: 1px solid #808080;
}
/* Close Button */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd .close {
background: transparent url(layout_sprite.png) no-repeat -20px -100px;
border: 1px solid #808080;
}
/* Give the header a blue backgorund */
.yui-skin-sam .yui-layout .yui-layout-hd {
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
border: 1px solid #808080;
}
/* Set the background color */
.yui-skin-sam .yui-layout {
background-color: #EDF5FF;
}
/* Style the text in the header */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
font-weight: bold;
color: #fff;
padding: 3px;
margin: 0;
}
/* Style the body */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
border: 1px solid #808080;
border-bottom: none;
border-top: none;
*border-bottom-width: 0;
*border-top-width: 0;
background-color: #f2f2f2;
text-align: left;
}
/* Add a border to the bottom of the body because there is no footer */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft {
border-bottom: 1px solid #808080;
}
/* Add a border to the top of the body because there is no header */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd {
border-top: 1px solid #808080;
}
/* Style the Clip */
.yui-skin-sam .yui-layout .yui-layout-clip {
position: absolute;
height: 20px;
background-color: #EDF5FF;
display: none;
border: 1px solid #808080;
}
/* Style the footer */
.yui-skin-sam .yui-layout div.yui-layout-ft {
border: 1px solid #808080;
border-top: none;
*border-top-width: 0;
background-color: #f2f2f2;
}
/* Remove the color from the resize handle */
.yui-skin-sam .yui-layout-unit .yui-resize-handle {
background-color: transparent;
zoom: 1;
}
/* Reposition the handles */
.yui-skin-sam .yui-layout-unit .yui-resize-handle-r {
right: 0;
top: 0;
background-image: none;
zoom: 1;
}
.yui-skin-sam .yui-layout-unit .yui-resize-handle-l {
left: 0;
top: 0;
background-image: none;
zoom: 1;
}
.yui-skin-sam .yui-layout-unit .yui-resize-handle-b {
right: 0;
bottom: 0;
background-image: none;
}
.yui-skin-sam .yui-layout-unit .yui-resize-handle-t {
right: 0;
top: 0;
background-image: none;
}
/* Add the gripper */
.yui-skin-sam .yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob,
.yui-skin-sam .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob {
position: absolute;
height: 16px;
width: 6px;
top: 45%;
left: 0px;
display: block;
background: transparent url(layout_sprite.png) no-repeat 0 -5px;
}
/* Add the gripper */
.yui-skin-sam .yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob,
.yui-skin-sam .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob {
position: absolute;
height: 6px;
width: 16px;
left: 45%;
background: transparent url(layout_sprite.png) no-repeat -20px 0;
zoom: 1;
}