include/javascript/yui/build/layout/assets/skins/sam/layout-skin.css

   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 /* Remove the dotted border on the resize proxy */
   8 .yui-skin-sam .yui-layout .yui-resize-proxy {
   9     border: none;
  10     font-size: 0;
  11     margin: 0;
  12     padding: 0;
  13 }
  14 /* During resize, hide the handles */
  15 .yui-skin-sam .yui-layout .yui-resize-resizing .yui-resize-handle {
  16     /*visibility: hidden;*/
  17     display: none;
  18     zoom: 1;
  19 }
  20 /* Style the div inside the resize proxy */
  21 .yui-skin-sam .yui-layout .yui-resize-proxy div {
  22     position: absolute;
  23     border: 1px solid #808080;
  24     background-color: #EDF5FF;
  25 }
  26 /* Set the color of the Active resize handle */
  27 .yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active {
  28     zoom: 1;
  29 }
  30 /* Styles for the left handle */
  31 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l {
  32     width: 5px;
  33     height: 100%;
  34     top: 0;
  35     left: 0;
  36     zoom: 1;
  37 }
  38 /* Styles for the right handle */
  39 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r {
  40     width: 5px;
  41     top: 0;
  42     right: 0;
  43     height: 100%;
  44     position: absolute;
  45     zoom: 1;
  46 }
  47 /* Styles for the bottom handle */
  48 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b {
  49     width: 100%;
  50     bottom: 0;
  51     left: 0;
  52     height: 5px;
  53 }
  54 /* Styles for the top handle */
  55 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t {
  56     width: 100%;
  57     top: 0;
  58     left: 0;
  59     height: 5px;
  60 }
  61
  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;
  66 }
  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;
  71 }
  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;
  76 }
  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;
  81 }
  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;
  86 }
  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;
  91 }
  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;
  96 }
  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;
 101 }
 102 /* Close Button */
 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;
 106 }
 107
 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;
 112 }
 113 /* Set the background color */
 114 .yui-skin-sam .yui-layout {
 115     background-color: #EDF5FF;
 116 }
 117 /* Style the text in the header */
 118 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
 119     font-weight: bold;
 120     color: #fff;
 121     padding: 3px;
 122     margin: 0;
 123 }
 124 /* Style the body */
 125 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
 126     border: 1px solid #808080;
 127     border-bottom: none;
 128     border-top: none;
 129     *border-bottom-width: 0;
 130     *border-top-width: 0;
 131     background-color: #f2f2f2;
 132     text-align: left;
 133 }
 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;
 137 }
 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;
 141 }
 142
 143 /* Style the Clip */
 144 .yui-skin-sam .yui-layout .yui-layout-clip {
 145     position: absolute;
 146     height: 20px;
 147     background-color: #EDF5FF;
 148     display: none;
 149     border: 1px solid #808080;
 150 }
 151 /* Style the footer */
 152 .yui-skin-sam .yui-layout div.yui-layout-ft {
 153     border: 1px solid #808080;
 154     border-top: none;
 155     *border-top-width: 0;
 156     background-color: #f2f2f2;
 157 }
 158
 159 /* Remove the color from the resize handle */
 160 .yui-skin-sam .yui-layout-unit .yui-resize-handle {
 161     background-color: transparent;
 162     zoom: 1;
 163 }
 164 /* Reposition the handles */
 165 .yui-skin-sam .yui-layout-unit .yui-resize-handle-r {
 166     right: 0;
 167     top: 0;
 168     background-image: none;
 169     zoom: 1;
 170 }
 171 .yui-skin-sam .yui-layout-unit .yui-resize-handle-l {
 172     left: 0;
 173     top: 0;
 174     background-image: none;
 175     zoom: 1;
 176 }
 177 .yui-skin-sam .yui-layout-unit .yui-resize-handle-b {
 178     right: 0;
 179     bottom: 0;
 180     background-image: none;
 181 }
 182 .yui-skin-sam .yui-layout-unit .yui-resize-handle-t {
 183     right: 0;
 184     top: 0;
 185     background-image: none;
 186 }
 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 {
 190     position: absolute;
 191     height: 16px;
 192     width: 6px;
 193     top: 45%;
 194     left: 0px;
 195     display: block;
 196     background: transparent url(layout_sprite.png) no-repeat 0 -5px;
 197 }
 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 {
 201     position: absolute;
 202     height: 6px;
 203     width: 16px;
 204     left: 45%;
 205     background: transparent url(layout_sprite.png) no-repeat -20px 0;
 206     zoom: 1;
 207 }