[Summary view] [Print] [Text view]

   1  /*
   2  YUI 3.17.2 (build 9c3c78e)
   3  Copyright 2014 Yahoo! Inc. All rights reserved.
   4  Licensed under the BSD License.
   5  http://yuilibrary.com/license/
   6  */
   7  
   8  .yui3-resize,.yui3-resize-wrapper {
   9      z-index: 0;
  10      zoom: 1;
  11  }
  12  
  13  .yui3-resize-handle {
  14      position: absolute;
  15      display: block;
  16      z-index: 100;
  17      zoom: 1;
  18  }
  19  
  20  .yui3-resize-proxy {
  21      position: absolute;
  22      border: 1px dashed #000;
  23      position: absolute;
  24      z-index: 10000;
  25  }
  26  
  27  .yui3-resize-hidden-handles .yui3-resize-handle {
  28      opacity: 0;
  29      filter: alpha(opacity=0);
  30  }
  31  
  32  .yui3-resize-handle-t,
  33  .yui3-resize-handle-b {
  34      width: 100%;
  35      left: 0;
  36      height: 6px;
  37  }
  38  
  39  .yui3-resize-handle-l,
  40  .yui3-resize-handle-r {
  41      height: 100%;
  42      top: 0;
  43      width: 6px;
  44  }
  45  
  46  .yui3-resize-handle-t {
  47      cursor: n-resize;
  48      top: 0;
  49  }
  50  
  51  .yui3-resize-handle-b {
  52      cursor: s-resize;
  53      bottom: 0;
  54  }
  55  
  56  .yui3-resize-handle-l {
  57      cursor: w-resize;
  58      left: 0;
  59  }
  60  
  61  .yui3-resize-handle-r {
  62      cursor: e-resize;
  63      right: 0;
  64  }
  65  
  66  .yui3-resize-handle-inner {
  67      position: absolute;
  68      zoom: 1;
  69  }
  70  
  71  /* Smartphones (portrait and landscape) -----------
  72  Adding larger hit-area ':after' objects to handles
  73  */
  74  @media only screen
  75  and (min-device-width : 320px)
  76  and (max-device-width : 480px) {
  77  /* Styles */
  78      .yui3-resize-handle-inner:after {
  79          content: "";
  80          width: 40px;
  81          height: 40px;
  82          position: absolute;
  83      }
  84  
  85      .yui3-resize-handle-inner-r,
  86      .yui3-resize-handle-inner-l,
  87      .yui3-resize-handle-inner-t,
  88      .yui3-resize-handle-inner-b,
  89      .yui3-resize-handle-inner-tr,
  90      .yui3-resize-handle-inner-br,
  91      .yui3-resize-handle-inner-tl,
  92      .yui3-resize-handle-inner-bl {
  93          overflow: visible !important;
  94      }
  95  
  96      .yui3-resize-handle-inner-r:after {
  97          top: -12px;
  98          right: 0;
  99      }
 100      .yui3-resize-handle-inner-l:after {
 101          top: -12px;
 102          left: 0;
 103      }
 104      .yui3-resize-handle-inner-t:after {
 105          top: 0;
 106          left: -12px;
 107      }
 108      .yui3-resize-handle-inner-b:after {
 109          bottom: 0;
 110          left: -12px;
 111      }
 112      .yui3-resize-handle-inner-tr:after {
 113          top: 0;
 114          right: 0;
 115      }
 116      .yui3-resize-handle-inner-br:after {
 117          bottom: 0;
 118          right: 0;
 119      }
 120      .yui3-resize-handle-inner-tl:after {
 121          top: 0;
 122          left: 0;
 123      }
 124      .yui3-resize-handle-inner-bl:after {
 125          bottom: 0;
 126          left: 0;
 127      }
 128  }
 129  
 130  /* iPads (portrait and landscape) -----------
 131  Adding larger hit-area ':after' objects to handles
 132  */
 133  @media only screen
 134  and (min-device-width : 768px)
 135  and (max-device-width : 1024px) {
 136  /* Styles */
 137      .yui3-resize-handle-inner:after {
 138          content: "";
 139          width: 30px;
 140          height: 30px;
 141          position: absolute;
 142      }
 143  
 144      .yui3-resize-handle-inner-r,
 145      .yui3-resize-handle-inner-l,
 146      .yui3-resize-handle-inner-t,
 147      .yui3-resize-handle-inner-b,
 148      .yui3-resize-handle-inner-tr,
 149      .yui3-resize-handle-inner-br,
 150      .yui3-resize-handle-inner-tl,
 151      .yui3-resize-handle-inner-bl {
 152          overflow: visible !important;
 153      }
 154  
 155      .yui3-resize-handle-inner-r:after {
 156          top: -6px;
 157          right: 0;
 158      }
 159      .yui3-resize-handle-inner-l:after {
 160          top: -6px;
 161          left: 0;
 162      }
 163      .yui3-resize-handle-inner-t:after {
 164          top: 0;
 165          left: -6px;
 166      }
 167      .yui3-resize-handle-inner-b:after {
 168          bottom: 0;
 169          left: -6px;
 170      }
 171      .yui3-resize-handle-inner-tr:after {
 172          top: 0;
 173          right: 0;
 174      }
 175      .yui3-resize-handle-inner-br:after {
 176          bottom: 0;
 177          right: 0;
 178      }
 179      .yui3-resize-handle-inner-tl:after {
 180          top: 0;
 181          left: 0;
 182      }
 183      .yui3-resize-handle-inner-bl:after {
 184          bottom: 0;
 185          left: 0;
 186      }
 187  }
 188  
 189  .yui3-resize-handle-inner-t,
 190  .yui3-resize-handle-inner-b {
 191      margin-left: -8px;
 192      left: 50%;
 193  }
 194  
 195  .yui3-resize-handle-inner-l,
 196  .yui3-resize-handle-inner-r {
 197      margin-top: -8px;
 198      top: 50%;
 199  }
 200  
 201  .yui3-resize-handle-inner-t {
 202      top: -4px;
 203  }
 204  
 205  .yui3-resize-handle-inner-b {
 206      bottom: -4px;
 207  }
 208  
 209  .yui3-resize-handle-inner-l {
 210      left: -4px;
 211  }
 212  
 213  .yui3-resize-handle-inner-r {
 214      right: -4px;
 215  }
 216  
 217  .yui3-resize-handle-tr,
 218  .yui3-resize-handle-br,
 219  .yui3-resize-handle-tl,
 220  .yui3-resize-handle-bl {
 221      height: 15px;
 222      width: 15px;
 223      z-index: 200;
 224  }
 225  
 226  .yui3-resize-handle-tr {
 227      cursor: ne-resize;
 228      top: 0;
 229      right: 0;
 230  }
 231  
 232  .yui3-resize-handle-tl {
 233      cursor: nw-resize;
 234      top: 0;
 235      left: 0;
 236  }
 237  
 238  .yui3-resize-handle-br {
 239      cursor: se-resize;
 240      bottom: 0;
 241      right: 0;
 242  }
 243  
 244  .yui3-resize-handle-bl {
 245      cursor: sw-resize;
 246      bottom: 0;
 247      left: 0;
 248  }