[Summary view] [Print] [Text view]

   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  /* basic skin styles */
   8  .yui-skin-sam .yui-dt table {
   9      margin:0;padding:0;
  10      font-family:arial;font-size:inherit;
  11      border-collapse:separate;*border-collapse:collapse;border-spacing:0; /* since ie6 and ie7 behave differently */
  12      border:1px solid #7F7F7F;
  13  }
  14  .yui-skin-sam .yui-dt thead {border-spacing:0;} /* for safari bug */
  15  
  16  .yui-skin-sam .yui-dt caption {
  17      color:#000000;
  18      font-size:85%;
  19      font-weight:normal;
  20      font-style:italic;
  21      line-height:1;
  22      padding:1em 0pt;
  23      text-align:center;
  24  }
  25  
  26  .yui-skin-sam .yui-dt th {
  27      background:#D8D8DA url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 0; /* header gradient */
  28  }
  29  .yui-skin-sam .yui-dt th,
  30  .yui-skin-sam .yui-dt th a {
  31      font-weight:normal;text-decoration:none;color:#000; /* header text */
  32      vertical-align:bottom;
  33  }
  34  .yui-skin-sam .yui-dt th {
  35      margin:0;padding:0;
  36      border:none;
  37      border-right:1px solid #CBCBCB;/*  inner column border */
  38  }
  39  .yui-skin-sam .yui-dt tr.yui-dt-first td {
  40      border-top:1px solid #7F7F7F;  /* tbody top border  */
  41  }
  42  .yui-skin-sam .yui-dt th .yui-dt-liner {
  43      white-space:nowrap;
  44  }
  45  .yui-skin-sam .yui-dt-liner {
  46      margin:0;padding:0;
  47      padding:4px 10px 4px 10px; /* cell padding */
  48  }
  49  .yui-skin-sam .yui-dt-coltarget {
  50      width: 5px;
  51      background-color: red;
  52  }
  53  .yui-skin-sam .yui-dt td {
  54      margin:0;padding:0;
  55      border:none;
  56      border-right:1px solid #CBCBCB; /* inner column border */
  57      text-align:left;
  58  }
  59  .yui-skin-sam .yui-dt-list td {
  60      border-right:none; /* disable inner column border in list mode */
  61  }
  62  .yui-skin-sam .yui-dt-resizer {
  63      width:6px;
  64  }
  65  
  66  /* mask */
  67  .yui-skin-sam .yui-dt-mask {
  68      background-color: #000;
  69      opacity: .25;
  70      filter: alpha(opacity=25);  /* Set opacity in IE */
  71  }
  72  
  73  /* messaging */
  74  .yui-skin-sam .yui-dt-message  {
  75      background-color:#FFF;
  76  }
  77  
  78  /* scrolling */
  79  .yui-skin-sam .yui-dt-scrollable table {border:none;}
  80  .yui-skin-sam .yui-dt-scrollable .yui-dt-hd {border-left:1px solid #7F7F7F;border-top:1px solid #7F7F7F;border-right:1px solid #7F7F7F;}
  81  .yui-skin-sam .yui-dt-scrollable .yui-dt-bd {border-left:1px solid #7F7F7F;border-bottom:1px solid #7F7F7F;border-right:1px solid #7F7F7F;background-color:#FFF;}
  82  .yui-skin-sam .yui-dt-scrollable .yui-dt-data tr.yui-dt-last td {border-bottom:1px solid #7F7F7F;}
  83  
  84  /* sortable columns */
  85  .yui-skin-sam th.yui-dt-asc,
  86  .yui-skin-sam th.yui-dt-desc {
  87      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 -100px; /* sorted header gradient */
  88  }
  89  .yui-skin-sam th.yui-dt-sortable .yui-dt-label {
  90      margin-right:10px;
  91  }
  92  .yui-skin-sam th.yui-dt-asc .yui-dt-liner {
  93      background:url(http://yui.yahooapis.com/2.9.0/build/datatable/assets/skins/sam/dt-arrow-up.png) no-repeat right; /* sorted header gradient */
  94  }
  95  .yui-skin-sam th.yui-dt-desc .yui-dt-liner {
  96      background:url(http://yui.yahooapis.com/2.9.0/build/datatable/assets/skins/sam/dt-arrow-dn.png) no-repeat right; /* sorted header gradient */
  97  }
  98  
  99  /* editing */
 100  tbody .yui-dt-editable {
 101      cursor:pointer;
 102  }
 103  .yui-dt-editor {
 104      text-align:left;
 105      background-color:#F2F2F2;
 106      border:1px solid #808080;
 107      padding:6px;
 108  }
 109  .yui-dt-editor label {
 110      padding-left:4px;padding-right:6px;
 111  }
 112  .yui-dt-editor .yui-dt-button {
 113      padding-top:6px;text-align:right;
 114  }
 115  .yui-dt-editor .yui-dt-button button {
 116      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;
 117      border:1px solid #999;
 118      width:4em;height:1.8em;
 119      margin-left:6px;
 120  }
 121  .yui-dt-editor .yui-dt-button button.yui-dt-default {
 122      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px;
 123      background-color: #5584E0;
 124      border:1px solid #304369;
 125      color:#FFF
 126  }
 127  .yui-dt-editor .yui-dt-button button:hover {
 128      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 -1300px;
 129      color:#000;
 130  }
 131  .yui-dt-editor .yui-dt-button button:active {
 132      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 -1700px;
 133      color:#000;
 134  }
 135  
 136  /* striping */
 137  .yui-skin-sam tr.yui-dt-even { background-color:#FFF; } /* white */
 138  .yui-skin-sam tr.yui-dt-odd { background-color:#EDF5FF; } /* light blue */
 139  .yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
 140  .yui-skin-sam tr.yui-dt-even td.yui-dt-desc { background-color:#EDF5FF; } /* light blue sorted */
 141  .yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
 142  .yui-skin-sam tr.yui-dt-odd td.yui-dt-desc { background-color:#DBEAFF; } /* dark blue sorted */
 143  
 144  /* disable striping in list mode */
 145  .yui-skin-sam .yui-dt-list tr.yui-dt-even { background-color:#FFF; } /* white */
 146  .yui-skin-sam .yui-dt-list tr.yui-dt-odd { background-color:#FFF; } /* white */
 147  .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc,
 148  .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc { background-color:#EDF5FF; } /* light blue sorted */
 149  .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc,
 150  .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc { background-color:#EDF5FF; } /* light blue sorted */
 151  
 152  /* highlighting */
 153  .yui-skin-sam th.yui-dt-highlighted,
 154  .yui-skin-sam th.yui-dt-highlighted a {
 155      background-color:#B2D2FF; /* med blue hover */
 156  }
 157  .yui-skin-sam tr.yui-dt-highlighted,
 158  .yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,
 159  .yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,
 160  .yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,
 161  .yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted {
 162      cursor:pointer;
 163      background-color:#B2D2FF; /* med blue hover */
 164  }
 165  
 166  /* enable highlighting in list mode */
 167  .yui-skin-sam .yui-dt-list th.yui-dt-highlighted,
 168  .yui-skin-sam .yui-dt-list th.yui-dt-highlighted a {
 169      background-color:#B2D2FF; /* med blue hover */
 170  }
 171  .yui-skin-sam .yui-dt-list tr.yui-dt-highlighted,
 172  .yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc,
 173  .yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,
 174  .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted,
 175  .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted {
 176      cursor:pointer;
 177      background-color:#B2D2FF; /* med blue  hover */
 178  }
 179  
 180  /* selection */
 181  .yui-skin-sam th.yui-dt-selected,
 182  .yui-skin-sam th.yui-dt-selected a {
 183      background-color:#446CD7; /* bright blue selected cell */
 184  }
 185  .yui-skin-sam tr.yui-dt-selected td,
 186  .yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,
 187  .yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {
 188      background-color:#426FD9; /* bright blue selected row */
 189      color:#FFF;
 190  }
 191  .yui-skin-sam tr.yui-dt-even td.yui-dt-selected,
 192  .yui-skin-sam tr.yui-dt-odd td.yui-dt-selected {
 193      background-color:#446CD7; /* bright blue selected cell */
 194      color:#FFF;
 195  }
 196  
 197  /* enable selection in list mode */
 198  .yui-skin-sam .yui-dt-list th.yui-dt-selected,
 199  .yui-skin-sam .yui-dt-list th.yui-dt-selected a {
 200      background-color:#446CD7; /* bright blue selected cell */
 201  }
 202  .yui-skin-sam .yui-dt-list tr.yui-dt-selected td,
 203  .yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-asc,
 204  .yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-desc {
 205      background-color:#426FD9; /* bright blue selected row */
 206      color:#FFF;
 207  }
 208  .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-selected,
 209  .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-selected {
 210      background-color:#446CD7; /* bright blue selected cell */
 211      color:#FFF;
 212  }
 213  
 214  /* pagination */
 215  .yui-skin-sam .yui-dt-paginator {
 216      display:block;margin:6px 0;white-space:nowrap;
 217  }
 218  .yui-skin-sam .yui-dt-paginator .yui-dt-first,
 219  .yui-skin-sam .yui-dt-paginator .yui-dt-last,
 220  .yui-skin-sam .yui-dt-paginator .yui-dt-selected {
 221      padding:2px 6px;
 222  }
 223  .yui-skin-sam .yui-dt-paginator a.yui-dt-first,
 224  .yui-skin-sam .yui-dt-paginator a.yui-dt-last {
 225      text-decoration:none;
 226  }
 227  .yui-skin-sam .yui-dt-paginator .yui-dt-previous,
 228  .yui-skin-sam .yui-dt-paginator .yui-dt-next {
 229      display:none;
 230  }
 231  .yui-skin-sam a.yui-dt-page {
 232      border:1px solid #CBCBCB;
 233      padding:2px 6px;
 234      text-decoration:none;
 235      background-color:#fff
 236  }
 237  .yui-skin-sam .yui-dt-selected {
 238      border:1px solid #fff;
 239      background-color:#fff;
 240  }