wradmin/static/yui/layout/assets/skins/sam/layout-skin.css

   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.7.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 }
  18 /* Style the div inside the resize proxy */
  19 .yui-skin-sam .yui-layout .yui-resize-proxy div {
  20     position: absolute;
  21     border: 1px solid #808080;
  22     background-color: #EDF5FF;
  23 }
  24 /* Set the color of the Active resize handle */
  25 .yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active {
  26     /*background-color: #EDF5FF;*/
  27 }
  28 /* Styles for the left handle */
  29 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l {
  30     width: 5px;
  31     height: 100%;
  32     top: 0;
  33     left: 0;
  34 }
  35 /* Styles for the right handle */
  36 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r {
  37     width: 5px;
  38     top: 0;
  39     right: 0;
  40     height: 100%;
  41     position: absolute;
  42     zoom: 1;
  43 }
  44 /* Styles for the bottom handle */
  45 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b {
  46     width: 100%;
  47     bottom: 0;
  48     left: 0;
  49     height: 5px;
  50 }
  51 /* Styles for the top handle */
  52 .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t {
  53     width: 100%;
  54     top: 0;
  55     left: 0;
  56     height: 5px;
  57 }
  58
  59 /* Left Collapse button */
  60 .yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
  61     background: transparent url(layout_sprite.png) no-repeat -20px -160px;
  62     border: 1px solid #808080;
  63 }
  64 /* Left Collapsed Expand Button */
  65 .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse {
  66     background: transparent url(layout_sprite.png) no-repeat -20px -140px;
  67     border: 1px solid #808080;
  68 }
  69 /* Right Collapse Button */
  70 .yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse {
  71     background: transparent url(layout_sprite.png) no-repeat -20px -200px;
  72     border: 1px solid #808080;
  73 }
  74 /* Right Collapsed Expand Button */
  75 .yui-skin-sam .yui-layout .yui-layout-clip-right .collapse {
  76     background: transparent url(layout_sprite.png) no-repeat -20px -120px;
  77     border: 1px solid #808080;
  78 }
  79 /* Top Collapse Button */
  80 .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
  81     background: transparent url(layout_sprite.png) no-repeat -20px -220px;
  82     border: 1px solid #808080;
  83 }
  84 /* Top Collapsed Expand Button */
  85 .yui-skin-sam .yui-layout .yui-layout-clip-top .collapse {
  86     background: transparent url(layout_sprite.png) no-repeat -20px -240px;
  87     border: 1px solid #808080;
  88 }
  89 /* Bottom Collapse Button */
  90 .yui-skin-sam .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
  91     background: transparent url(layout_sprite.png) no-repeat -20px -260px;
  92     border: 1px solid #808080;
  93 }
  94 /* Bottom Collapsed Expand Button */
  95 .yui-skin-sam .yui-layout .yui-layout-clip-bottom .collapse {
  96     background: transparent url(layout_sprite.png) no-repeat -20px -180px;
  97     border: 1px solid #808080;
  98 }
  99 /* Close Button */
 100 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd .close {
 101     background: transparent url(layout_sprite.png) no-repeat -20px -100px;
 102     border: 1px solid #808080;
 103 }
 104
 105 /* Give the header a blue backgorund */
 106 .yui-skin-sam .yui-layout .yui-layout-hd {
 107     background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
 108     border: 1px solid #808080;
 109 }
 110 /* Set the background color */
 111 .yui-skin-sam .yui-layout {
 112     background-color: #EDF5FF;
 113 }
 114 /* Style the text in the header */
 115 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
 116     font-weight: bold;
 117     color: #fff;
 118     padding: 3px;
 119 }
 120 /* Style the body */
 121 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
 122     border: 1px solid #808080;
 123     border-bottom: none;
 124     border-top: none;
 125     *border-bottom-width: 0;
 126     *border-top-width: 0;
 127     background-color: #f2f2f2;
 128     text-align: left;
 129 }
 130 /* Add a border to the bottom of the body because there is no footer */
 131 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft {
 132     border-bottom: 1px solid #808080;
 133 }
 134 /* Add a border to the top of the body because there is no header */
 135 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd {
 136     border-top: 1px solid #808080;
 137 }
 138
 139 /* Style the Clip */
 140 .yui-skin-sam .yui-layout .yui-layout-clip {
 141     position: absolute;
 142     height: 20px;
 143     background-color: #EDF5FF;
 144     display: none;
 145     border: 1px solid #808080;
 146 }
 147 /* Style the footer */
 148 .yui-skin-sam .yui-layout div.yui-layout-ft {
 149     border: 1px solid #808080;
 150     border-top: none;
 151     *border-top-width: 0;
 152     background-color: #f2f2f2;
 153 }
 154
 155 /* Remove the color from the resize handle */
 156 .yui-skin-sam .yui-layout-unit .yui-resize-handle {
 157     background-color: transparent;
 158 }
 159 /* Reposition the handles */
 160 .yui-skin-sam .yui-layout-unit .yui-resize-handle-r {
 161     right: 0;
 162     top: 0;
 163     background-image: none;
 164 }
 165 .yui-skin-sam .yui-layout-unit .yui-resize-handle-l {
 166     left: 0;
 167     top: 0;
 168     background-image: none;
 169 }
 170 .yui-skin-sam .yui-layout-unit .yui-resize-handle-b {
 171     right: 0;
 172     bottom: 0;
 173     background-image: none;
 174 }
 175 .yui-skin-sam .yui-layout-unit .yui-resize-handle-t {
 176     right: 0;
 177     top: 0;
 178     background-image: none;
 179 }
 180 /* Add the gripper */
 181 .yui-skin-sam .yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob,
 182 .yui-skin-sam .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob {
 183     position: absolute;
 184     height: 16px;
 185     width: 6px;
 186     top: 45%;
 187     left: 0px;
 188     background: transparent url(layout_sprite.png) no-repeat 0 -5px;
 189 }
 190 /* Add the gripper */
 191 .yui-skin-sam .yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob,
 192 .yui-skin-sam .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob {
 193     position: absolute;
 194     height: 6px;
 195     width: 16px;
 196     left: 45%;
 197     background: transparent url(layout_sprite.png) no-repeat -20px 0;
 198 }