ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/datatables/extensions/TableTools/css/dataTables.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 @media screen and (max-width: 640px) {
  36         div.DTTT_container {
  37                 float: none !important;
  38                 text-align: center;
  39         }
  40
  41         div.DTTT_container:after {
  42                 visibility: hidden;
  43                 display: block;
  44                 content: "";
  45                 clear: both;
  46                 height: 0;
  47         }
  48 }
  49
  50
  51 button.DTTT_button,
  52 div.DTTT_button,
  53 a.DTTT_button {
  54         position: relative;
  55         display: inline-block;
  56         margin-right: 3px;
  57         padding: 5px 8px;
  58         border: 1px solid #999;
  59         cursor: pointer;
  60         *cursor: hand;
  61         font-size: 0.88em;
  62         color: black !important;
  63
  64         -webkit-border-radius: 2px;
  65            -moz-border-radius: 2px;
  66             -ms-border-radius: 2px;
  67              -o-border-radius: 2px;
  68                 border-radius: 2px;
  69
  70         -webkit-box-shadow: 1px 1px 3px #ccc;
  71            -moz-box-shadow: 1px 1px 3px #ccc;
  72             -ms-box-shadow: 1px 1px 3px #ccc;
  73              -o-box-shadow: 1px 1px 3px #ccc;
  74                 box-shadow: 1px 1px 3px #ccc;
  75
  76         /* Generated by http://www.colorzilla.com/gradient-editor/ */
  77         background: #ffffff; /* Old browsers */
  78         background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
  79         background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
  80         background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
  81         background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
  82         background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
  83         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
  84 }
  85
  86
  87 /* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
  88 button.DTTT_button {
  89         height: 30px;
  90         padding: 3px 8px;
  91 }
  92
  93 .DTTT_button embed {
  94         outline: none;
  95 }
  96
  97 button.DTTT_button:hover:not(.DTTT_disabled),
  98 div.DTTT_button:hover:not(.DTTT_disabled),
  99 a.DTTT_button:hover:not(.DTTT_disabled) {
 100         border: 1px solid #666;
 101         text-decoration: none !important;
 102
 103         -webkit-box-shadow: 1px 1px 3px #999;
 104            -moz-box-shadow: 1px 1px 3px #999;
 105             -ms-box-shadow: 1px 1px 3px #999;
 106              -o-box-shadow: 1px 1px 3px #999;
 107                 box-shadow: 1px 1px 3px #999;
 108
 109         background: #f3f3f3; /* Old browsers */
 110         background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
 111         background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
 112         background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
 113         background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
 114         background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
 115         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
 116 }
 117
 118 button.DTTT_button:focus,
 119 div.DTTT_button:focus,
 120 a.DTTT_button:focus {
 121         border: 1px solid #426c9e;
 122         text-shadow: 0 1px 0 #c4def1;
 123         outline: none;
 124
 125         background-color: #a3d0ef 100%;
 126         background-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
 127         background-image:    -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
 128         background-image:     -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
 129         background-image:      -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
 130         background-image:         linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
 131         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef');
 132 }
 133
 134 button.DTTT_button:active:not(.DTTT_disabled),
 135 div.DTTT_button:active:not(.DTTT_disabled),
 136 a.DTTT_button:active:not(.DTTT_disabled) {
 137         -webkit-box-shadow: inset 1px 1px 3px #999999;
 138         -moz-box-shadow: inset 1px 1px 3px #999999;
 139         box-shadow: inset 1px 1px 3px #999999;
 140 }
 141
 142 button.DTTT_disabled,
 143 div.DTTT_disabled,
 144 a.DTTT_disabled {
 145         color: #999 !important;
 146         border: 1px solid #d0d0d0;
 147         cursor: default;
 148         background: #ffffff; /* Old browsers */
 149         background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
 150         background:    -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */
 151         background:     -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */
 152         background:      -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */
 153         background:         linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */
 154         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
 155 }
 156
 157
 158
 159 /*
 160  * BUTTON_STYLES
 161  * Action specific button styles
 162  * If you want images - comment this back in
 163
 164 a.DTTT_button_csv,
 165 a.DTTT_button_xls,
 166 a.DTTT_button_copy,
 167 a.DTTT_button_pdf,
 168 a.DTTT_button_print {
 169         padding-right: 0px;
 170 }
 171
 172 a.DTTT_button_csv span,
 173 a.DTTT_button_xls span,
 174 a.DTTT_button_copy span,
 175 a.DTTT_button_pdf span,
 176 a.DTTT_button_print span {
 177         display: inline-block;
 178         height: 24px;
 179         line-height: 24px;
 180         padding-right: 30px;
 181 }
 182
 183
 184 a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
 185 a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }
 186
 187 a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
 188 a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }
 189
 190 a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
 191 a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }
 192
 193 a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
 194 a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }
 195
 196 a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
 197 a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }
 198
 199  */
 200
 201 button.DTTT_button_collection span {
 202         padding-right: 17px;
 203         background: url(../images/collection.png) no-repeat center right;
 204 }
 205
 206 button.DTTT_button_collection:hover span {
 207         padding-right: 17px;
 208         background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
 209 }
 210
 211
 212 /*
 213  * SELECTING
 214  * Row selection styles
 215  */
 216 table.DTTT_selectable tbody tr {
 217         cursor: pointer;
 218         *cursor: hand;
 219 }
 220
 221 table.dataTable tr.DTTT_selected.odd {
 222         background-color: #9FAFD1;
 223 }
 224
 225 table.dataTable tr.DTTT_selected.odd td.sorting_1 {
 226         background-color: #9FAFD1;
 227 }
 228
 229 table.dataTable tr.DTTT_selected.odd td.sorting_2 {
 230         background-color: #9FAFD1;
 231 }
 232
 233 table.dataTable tr.DTTT_selected.odd td.sorting_3 {
 234         background-color: #9FAFD1;
 235 }
 236
 237
 238 table.dataTable tr.DTTT_selected.even {
 239         background-color: #B0BED9;
 240 }
 241
 242 table.dataTable tr.DTTT_selected.even td.sorting_1 {
 243         background-color: #B0BED9;
 244 }
 245
 246 table.dataTable tr.DTTT_selected.even td.sorting_2 {
 247         background-color: #B0BED9;
 248 }
 249
 250 table.dataTable tr.DTTT_selected.even td.sorting_3 {
 251         background-color: #B0BED9;
 252 }
 253
 254
 255 /*
 256  * COLLECTIONS
 257  * Drop down list (collection) styles
 258  */
 259
 260 div.DTTT_collection {
 261         width: 150px;
 262         padding: 8px 8px 4px 8px;
 263         border: 1px solid #ccc;
 264         border: 1px solid rgba( 0, 0, 0, 0.4 );
 265         background-color: #f3f3f3;
 266         background-color: rgba( 255, 255, 255, 0.3 );
 267         overflow: hidden;
 268         z-index: 2002;
 269
 270         -webkit-border-radius: 5px;
 271            -moz-border-radius: 5px;
 272             -ms-border-radius: 5px;
 273              -o-border-radius: 5px;
 274                 border-radius: 5px;
 275
 276         -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 277            -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 278             -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 279              -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 280                 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
 281 }
 282
 283 div.DTTT_collection_background {
 284         background: black;
 285         z-index: 2001;
 286 }
 287
 288 div.DTTT_collection button.DTTT_button,
 289 div.DTTT_collection div.DTTT_button,
 290 div.DTTT_collection a.DTTT_button {
 291         position: relative;
 292         left: 0;
 293         right: 0;
 294
 295         display: block;
 296         float: none;
 297         margin-bottom: 4px;
 298
 299         -webkit-box-shadow: 1px 1px 3px #999;
 300            -moz-box-shadow: 1px 1px 3px #999;
 301             -ms-box-shadow: 1px 1px 3px #999;
 302              -o-box-shadow: 1px 1px 3px #999;
 303                 box-shadow: 1px 1px 3px #999;
 304 }
 305
 306
 307 /*
 308  * PRINTING
 309  * Print display styles
 310  */
 311
 312 .DTTT_print_info {
 313         position: fixed;
 314         top: 50%;
 315         left: 50%;
 316         width: 400px;
 317         height: 150px;
 318         margin-left: -200px;
 319         margin-top: -75px;
 320         text-align: center;
 321         color: #333;
 322         padding: 10px 30px;
 323
 324         background: #ffffff; /* Old browsers */
 325         background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
 326         background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
 327         background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
 328         background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
 329         background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
 330         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
 331
 332         opacity: 0.95;
 333
 334         border: 1px solid black;
 335         border: 1px solid rgba(0, 0, 0, 0.5);
 336
 337         -webkit-border-radius: 6px;
 338            -moz-border-radius: 6px;
 339             -ms-border-radius: 6px;
 340              -o-border-radius: 6px;
 341                 border-radius: 6px;
 342
 343         -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 344            -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 345             -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 346              -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 347                 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
 348 }
 349
 350 .DTTT_print_info h6 {
 351         font-weight: normal;
 352         font-size: 28px;
 353         line-height: 28px;
 354         margin: 1em;
 355 }
 356
 357 .DTTT_print_info p {
 358         font-size: 14px;
 359         line-height: 20px;
 360 }
 361