xp-dev.com Git - CPE_learningsite/blob - CPE/CPE.App/CPE.App.Web/static/css/jquery.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:     LGPL / 3 point BSD
   7  * Project:     DataTables
   8  *
   9  * Copyright 2010 Allan Jardine, all rights reserved.
  10  *
  11  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  12  *
  13  * CSS name space:
  14  *   DTTT                  DataTables TableTools
  15  *
  16  * Colour dictionary:
  17  *   Button border         #d0d0d0
  18  *   Button border hover   #999999
  19  *   Hover background      #f0f0f0
  20  *   Action blue           #4b66d9
  21  *
  22  * Style sheet provides:
  23  *   CONTAINER             TableTools container element and styles applying to all components
  24  *   BUTTON_STYLES         Action specific button styles
  25  *   SELECTING             Row selection styles
  26  *   COLLECTIONS           Drop down list (collection) styles
  27  *   PRINTING              Print display styles
  28  *   MISC                  Minor misc styles
  29  */
  30
  31
  32 /*
  33  * CONTAINER
  34  * TableTools container element and styles applying to all components
  35  */
  36 div.DTTT_container {
  37         position: relative;
  38         float: right;
  39 }
  40
  41 button.DTTT_button {
  42         position: relative;
  43         float: left;
  44         height: 30px;
  45         margin-right: 3px;
  46         padding: 3px 5px;
  47         border: 1px solid #d0d0d0;
  48         background-color: #fff;
  49         cursor: pointer;
  50         *cursor: hand;
  51 }
  52
  53 button.DTTT_button::-moz-focus-inner {
  54         border: none !important;
  55         padding: 0;
  56 }
  57
  58
  59 /*
  60  * BUTTON_STYLES
  61  * Action specific button styles
  62  */
  63
  64 button.DTTT_button_csv {
  65         padding-right: 30px;
  66         background: url(/static/img/tabletools/csv.png) no-repeat center right;
  67 }
  68
  69 button.DTTT_button_csv_hover {
  70         padding-right: 30px;
  71         border: 1px solid #999;
  72         background: #f0f0f0 url(/static/img/tabletools/csv_hover.png) no-repeat center right;
  73 }
  74
  75
  76 button.DTTT_button_xls {
  77         padding-right: 30px;
  78         background: url(/static/img/tabletools/xls.png) no-repeat center right;
  79 }
  80
  81 button.DTTT_button_xls_hover {
  82         padding-right: 30px;
  83         border: 1px solid #999;
  84         background: #f0f0f0 url(/static/img/tabletools/xls_hover.png) no-repeat center right;
  85 }
  86
  87
  88 button.DTTT_button_copy {
  89         padding-right: 30px;
  90         background: url(/static/img/tabletools/copy.png) no-repeat center right;
  91 }
  92
  93 button.DTTT_button_copy_hover {
  94         padding-right: 30px;
  95         border: 1px solid #999;
  96         background: #f0f0f0 url(/static/img/tabletools/copy_hover.png) no-repeat center right;
  97 }
  98
  99
 100 button.DTTT_button_pdf {
 101         padding-right: 30px;
 102         background: url(/static/img/tabletools/pdf.png) no-repeat center right;
 103 }
 104
 105 button.DTTT_button_pdf_hover {
 106         padding-right: 30px;
 107         border: 1px solid #999;
 108         background: #f0f0f0 url(/static/img/tabletools/pdf_hover.png) no-repeat center right;
 109 }
 110
 111
 112 button.DTTT_button_print {
 113         padding-right: 30px;
 114         background: url(/static/img/tabletools/print.png) no-repeat center right;
 115 }
 116
 117 button.DTTT_button_print_hover {
 118         padding-right: 30px;
 119         border: 1px solid #999;
 120         background: #f0f0f0 url(/static/img/tabletools/print_hover.png) no-repeat center right;
 121 }
 122
 123
 124 button.DTTT_button_text {
 125 }
 126
 127 button.DTTT_button_text_hover {
 128         border: 1px solid #999;
 129         background-color: #f0f0f0;
 130 }
 131
 132
 133 button.DTTT_button_collection {
 134         padding-right: 17px;
 135         background: url(/static/img/tabletools/collection.png) no-repeat center right;
 136 }
 137
 138 button.DTTT_button_collection_hover {
 139         padding-right: 17px;
 140         border: 1px solid #999;
 141         background: #f0f0f0 url(/static/img/tabletools/collection_hover.png) no-repeat center right;
 142 }
 143
 144
 145 /*
 146  * SELECTING
 147  * Row selection styles
 148  */
 149 table.DTTT_selectable tbody tr {
 150         cursor: pointer;
 151         *cursor: hand;
 152 }
 153
 154 tr.DTTT_selected.odd {
 155         background-color: #9FAFD1;
 156 }
 157
 158 tr.DTTT_selected.odd td.sorting_1 {
 159         background-color: #9FAFD1;
 160 }
 161
 162 tr.DTTT_selected.odd td.sorting_2 {
 163         background-color: #9FAFD1;
 164 }
 165
 166 tr.DTTT_selected.odd td.sorting_3 {
 167         background-color: #9FAFD1;
 168 }
 169
 170
 171 tr.DTTT_selected.even {
 172         background-color: #B0BED9;
 173 }
 174
 175 tr.DTTT_selected.even td.sorting_1 {
 176         background-color: #B0BED9;
 177 }
 178
 179 tr.DTTT_selected.even td.sorting_2 {
 180         background-color: #B0BED9;
 181 }
 182
 183 tr.DTTT_selected.even td.sorting_3 {
 184         background-color: #B0BED9;
 185 }
 186
 187
 188 /*
 189  * COLLECTIONS
 190  * Drop down list (collection) styles
 191  */
 192
 193 div.DTTT_collection {
 194         width: 150px;
 195         padding: 3px;
 196         border: 1px solid #ccc;
 197         background-color: #f3f3f3;
 198         overflow: hidden;
 199         z-index: 2002;
 200 }
 201
 202 div.DTTT_collection_background {
 203         background: transparent url(/static/img/tabletools/background.png) repeat top left;
 204         z-index: 2001;
 205 }
 206
 207 div.DTTT_collection button.DTTT_button {
 208         float: none;
 209         width: 100%;
 210         margin-bottom: 2px;
 211         background-color: white;
 212 }
 213
 214
 215 /*
 216  * PRINTING
 217  * Print display styles
 218  */
 219
 220 .DTTT_print_info {
 221         position: absolute;
 222         top: 50%;
 223         left: 50%;
 224         width: 400px;
 225         height: 150px;
 226         margin-left: -200px;
 227         margin-top: -75px;
 228         text-align: center;
 229         background-color: #3f3f3f;
 230         color: white;
 231         padding: 10px 30px;
 232
 233         opacity: 0.9;
 234
 235         border-radius: 5px;
 236         -moz-border-radius: 5px;
 237         -webkit-border-radius: 5px;
 238
 239         box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 240         -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 241         -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 242 }
 243
 244 .DTTT_print_info h6 {
 245         font-weight: normal;
 246         font-size: 28px;
 247         line-height: 28px;
 248         margin: 1em;
 249 }
 250
 251 .DTTT_print_info p {
 252         font-size: 14px;
 253         line-height: 20px;
 254 }
 255
 256
 257 /*
 258  * MISC
 259  * Minor misc styles
 260  */
 261
 262 .DTTT_disabled {
 263         color: #999;
 264 }