webapp/resources/datatables-1.9.4/extras/TableTools/media/css/TableTools.css

   1 /*
   2  * File:        TableTools.css
   3  * Description: Styles for TableTools 2
   4  * Author:      Allan Jardine (www.sprymedia.co.uk)
   5  * Language:    Javascript
   6  * License:     GPL v2 / 3 point BSD
   7  * Project:     DataTables
   8  *
   9  * Copyright 2009-2012 Allan Jardine, all rights reserved.
  10  *
  11  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  12  *
  13  * CSS name space:
  14  *   DTTT                  DataTables TableTools
  15  *
  16  * Style sheet provides:
  17  *   CONTAINER             TableTools container element and styles applying to all components
  18  *   BUTTON_STYLES         Action specific button styles
  19  *   SELECTING             Row selection styles
  20  *   COLLECTIONS           Drop down list (collection) styles
  21  *   PRINTING              Print display styles
  22  */
  23
  24
  25 /*
  26  * CONTAINER
  27  * TableTools container element and styles applying to all components
  28  */
  29 div.DTTT_container {
  30         position: relative;
  31         float: right;
  32         margin-bottom: 1em;
  33 }
  34
  35 button.DTTT_button,
  36 div.DTTT_button,
  37 a.DTTT_button {
  38         position: relative;
  39         float: left;
  40         margin-right: 3px;
  41         padding: 5px 8px;
  42         border: 1px solid #999;
  43         cursor: pointer;
  44         *cursor: hand;
  45         font-size: 0.88em;
  46         color: black !important;
  47
  48         -webkit-border-radius: 2px;
  49            -moz-border-radius: 2px;
  50             -ms-border-radius: 2px;
  51              -o-border-radius: 2px;
  52                 border-radius: 2px;
  53
  54         -webkit-box-shadow: 1px 1px 3px #ccc;
  55            -moz-box-shadow: 1px 1px 3px #ccc;
  56             -ms-box-shadow: 1px 1px 3px #ccc;
  57              -o-box-shadow: 1px 1px 3px #ccc;
  58                 box-shadow: 1px 1px 3px #ccc;
  59
  60         /* Generated by http://www.colorzilla.com/gradient-editor/ */
  61         background: #ffffff; /* Old browsers */
  62         background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
  63         background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
  64         background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
  65         background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
  66         background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
  67         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
  68 }
  69
  70
  71 /* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
  72 button.DTTT_button {
  73         height: 30px;
  74         padding: 3px 8px;
  75 }
  76
  77 .DTTT_button embed {
  78         outline: none;
  79 }
  80
  81 button.DTTT_button:hover,
  82 div.DTTT_button:hover,
  83 a.DTTT_button:hover {
  84         border: 1px solid #666;
  85         text-decoration: none !important;
  86
  87         -webkit-box-shadow: 1px 1px 3px #999;
  88            -moz-box-shadow: 1px 1px 3px #999;
  89             -ms-box-shadow: 1px 1px 3px #999;
  90              -o-box-shadow: 1px 1px 3px #999;
  91                 box-shadow: 1px 1px 3px #999;
  92
  93         background: #f3f3f3; /* Old browsers */
  94         background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
  95         background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
  96         background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
  97         background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
  98         background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
  99         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
 100 }
 101
 102 button.DTTT_disabled,
 103 div.DTTT_disabled,
 104 a.DTTT_disabled {
 105         color: #999;
 106         border: 1px solid #d0d0d0;
 107
 108         background: #ffffff; /* Old browsers */
 109         background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
 110         background:    -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */
 111         background:     -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */
 112         background:      -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */
 113         background:         linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */
 114         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
 115 }
 116
 117
 118
 119 /*
 120  * BUTTON_STYLES
 121  * Action specific button styles
 122  * If you want images - comment this back in
 123
 124 button.DTTT_button_csv,
 125 button.DTTT_button_xls,
 126 button.DTTT_button_copy,
 127 button.DTTT_button_pdf,
 128 button.DTTT_button_print {
 129         padding-right: 0px;
 130 }
 131
 132 button.DTTT_button_csv span,
 133 button.DTTT_button_xls span,
 134 button.DTTT_button_copy span,
 135 button.DTTT_button_pdf span,
 136 button.DTTT_button_print span {
 137         display: inline-block;
 138         height: 24px;
 139         line-height: 24px;
 140         padding-right: 30px;
 141 }
 142
 143
 144 button.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
 145 button.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }
 146
 147 button.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
 148 button.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }
 149
 150 button.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
 151 button.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }
 152
 153 button.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
 154 button.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }
 155
 156 button.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
 157 button.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }
 158
 159  */
 160
 161 button.DTTT_button_collection span {
 162         padding-right: 17px;
 163         background: url(../images/collection.png) no-repeat center right;
 164 }
 165
 166 button.DTTT_button_collection:hover span {
 167         padding-right: 17px;
 168         background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
 169 }
 170
 171
 172 /*
 173  * SELECTING
 174  * Row selection styles
 175  */
 176 table.DTTT_selectable tbody tr {
 177         cursor: pointer;
 178         *cursor: hand;
 179 }
 180
 181 table.dataTable tr.DTTT_selected.odd {
 182         background-color: #9FAFD1;
 183 }
 184
 185 table.dataTable tr.DTTT_selected.odd td.sorting_1 {
 186         background-color: #9FAFD1;
 187 }
 188
 189 table.dataTable tr.DTTT_selected.odd td.sorting_2 {
 190         background-color: #9FAFD1;
 191 }
 192
 193 table.dataTable tr.DTTT_selected.odd td.sorting_3 {
 194         background-color: #9FAFD1;
 195 }
 196
 197
 198 table.dataTable tr.DTTT_selected.even {
 199         background-color: #B0BED9;
 200 }
 201
 202 table.dataTable tr.DTTT_selected.even td.sorting_1 {
 203         background-color: #B0BED9;
 204 }
 205
 206 table.dataTable tr.DTTT_selected.even td.sorting_2 {
 207         background-color: #B0BED9;
 208 }
 209
 210 table.dataTable tr.DTTT_selected.even td.sorting_3 {
 211         background-color: #B0BED9;
 212 }
 213
 214
 215 /*
 216  * COLLECTIONS
 217  * Drop down list (collection) styles
 218  */
 219
 220 div.DTTT_collection {
 221         width: 150px;
 222         padding: 8px 8px 4px 8px;
 223         border: 1px solid #ccc;
 224         border: 1px solid rgba( 0, 0, 0, 0.4 );
 225         background-color: #f3f3f3;
 226         background-color: rgba( 255, 255, 255, 0.3 );
 227         overflow: hidden;
 228         z-index: 2002;
 229
 230         -webkit-border-radius: 5px;
 231            -moz-border-radius: 5px;
 232             -ms-border-radius: 5px;
 233              -o-border-radius: 5px;
 234                 border-radius: 5px;
 235
 236         -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 237            -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 238             -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 239              -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 240                 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 241 }
 242
 243 div.DTTT_collection_background {
 244         background: transparent url(../images/background.png) repeat top left;
 245         z-index: 2001;
 246 }
 247
 248 div.DTTT_collection button.DTTT_button,
 249 div.DTTT_collection div.DTTT_button,
 250 div.DTTT_collection a.DTTT_button {
 251         position: relative;
 252         left: 0;
 253         right: 0;
 254
 255         display: block;
 256         float: none;
 257         margin-bottom: 4px;
 258
 259         -webkit-box-shadow: 1px 1px 3px #999;
 260            -moz-box-shadow: 1px 1px 3px #999;
 261             -ms-box-shadow: 1px 1px 3px #999;
 262              -o-box-shadow: 1px 1px 3px #999;
 263                 box-shadow: 1px 1px 3px #999;
 264 }
 265
 266
 267 /*
 268  * PRINTING
 269  * Print display styles
 270  */
 271
 272 .DTTT_print_info {
 273         position: fixed;
 274         top: 50%;
 275         left: 50%;
 276         width: 400px;
 277         height: 150px;
 278         margin-left: -200px;
 279         margin-top: -75px;
 280         text-align: center;
 281         color: #333;
 282         padding: 10px 30px;
 283
 284         background: #ffffff; /* Old browsers */
 285         background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
 286         background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
 287         background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
 288         background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
 289         background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
 290         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
 291
 292         opacity: 0.95;
 293
 294         border: 1px solid black;
 295         border: 1px solid rgba(0, 0, 0, 0.5);
 296
 297         -webkit-border-radius: 6px;
 298            -moz-border-radius: 6px;
 299             -ms-border-radius: 6px;
 300              -o-border-radius: 6px;
 301                 border-radius: 6px;
 302
 303         -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 304            -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 305             -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 306              -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 307                 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 308 }
 309
 310 .DTTT_print_info h6 {
 311         font-weight: normal;
 312         font-size: 28px;
 313         line-height: 28px;
 314         margin: 1em;
 315 }
 316
 317 .DTTT_print_info p {
 318         font-size: 14px;
 319         line-height: 20px;
 320 }
 321