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