include/javascript/yui3/build/datatable/assets/skins/sam/datatable-base-skin.css

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