include/javascript/yui/build/resize/assets/skins/sam/resize-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 /* 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 }