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

   1 /*
   2  * File:        TableTools.css
   3  * Description: Styles for TableTools 2 with JUI theming
   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  * Notes:
  14  *   Generally speaking, please refer to the TableTools.css file - this file contains basic
  15  *   modifications to that 'master' stylesheet for ThemeRoller.
  16  *
  17  * CSS name space:
  18  *   DTTT                  DataTables TableTools
  19  *
  20  * Colour dictionary:
  21  *   Button border         #d0d0d0
  22  *   Button border hover   #999999
  23  *   Hover background      #f0f0f0
  24  *   Action blue           #4b66d9
  25  *
  26  * Style sheet provides:
  27  *   CONTAINER             TableTools container element and styles applying to all components
  28  *   SELECTING             Row selection styles
  29  *   COLLECTIONS           Drop down list (collection) styles
  30  *   PRINTING              Print display styles
  31  *   MISC                  Minor misc styles
  32  */
  33
  34
  35 /*
  36  * CONTAINER
  37  * TableTools container element and styles applying to all components
  38  */
  39 div.DTTT_container {
  40         position: relative;
  41         float: left;
  42 }
  43
  44 .DTTT_button {
  45         position: relative;
  46         float: left;
  47         margin-right: 3px;
  48         padding: 3px 10px;
  49         border: 1px solid #d0d0d0;
  50         background-color: #fff;
  51         color: #333 !important;
  52         cursor: pointer;
  53         *cursor: hand;
  54 }
  55
  56 .DTTT_button::-moz-focus-inner {
  57         border: none !important;
  58         padding: 0;
  59 }
  60
  61
  62
  63 /*
  64  * SELECTING
  65  * Row selection styles
  66  */
  67 table.DTTT_selectable tbody tr {
  68         cursor: pointer;
  69         *cursor: hand;
  70 }
  71
  72 table.dataTable tr.DTTT_selected.odd {
  73         background-color: #9FAFD1;
  74 }
  75
  76 table.dataTable tr.DTTT_selected.odd td.sorting_1 {
  77         background-color: #9FAFD1;
  78 }
  79
  80 table.dataTable tr.DTTT_selected.odd td.sorting_2 {
  81         background-color: #9FAFD1;
  82 }
  83
  84 table.dataTable tr.DTTT_selected.odd td.sorting_3 {
  85         background-color: #9FAFD1;
  86 }
  87
  88
  89 table.dataTable tr.DTTT_selected.even {
  90         background-color: #B0BED9;
  91 }
  92
  93 table.dataTable tr.DTTT_selected.even td.sorting_1 {
  94         background-color: #B0BED9;
  95 }
  96
  97 table.dataTable tr.DTTT_selected.even td.sorting_2 {
  98         background-color: #B0BED9;
  99 }
 100
 101 table.dataTable tr.DTTT_selected.even td.sorting_3 {
 102         background-color: #B0BED9;
 103 }
 104
 105
 106 /*
 107  * COLLECTIONS
 108  * Drop down list (collection) styles
 109  */
 110
 111 div.DTTT_collection {
 112         width: 150px;
 113         background-color: #f3f3f3;
 114         overflow: hidden;
 115         z-index: 2002;
 116
 117         box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 118         -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 119         -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 120 }
 121
 122 div.DTTT_collection_background {
 123         background: url(../images/background.png) repeat top left;
 124         z-index: 2001;
 125 }
 126
 127 div.DTTT_collection button.DTTT_button,
 128 div.DTTT_collection div.DTTT_button,
 129 div.DTTT_collection a.DTTT_button {
 130         float: none;
 131         width: 100%;
 132         margin-bottom: -0.1em;
 133 }
 134
 135
 136 /*
 137  * PRINTING
 138  * Print display styles
 139  */
 140
 141 .DTTT_print_info {
 142         position: absolute;
 143         top: 50%;
 144         left: 50%;
 145         width: 400px;
 146         height: 150px;
 147         margin-left: -200px;
 148         margin-top: -75px;
 149         text-align: center;
 150         background-color: #3f3f3f;
 151         color: white;
 152         padding: 10px 30px;
 153
 154         opacity: 0.9;
 155
 156         border-radius: 5px;
 157         -moz-border-radius: 5px;
 158         -webkit-border-radius: 5px;
 159
 160         box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 161         -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 162         -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 163 }
 164
 165 .DTTT_print_info h6 {
 166         font-weight: normal;
 167         font-size: 28px;
 168         line-height: 28px;
 169         margin: 1em;
 170 }
 171
 172 .DTTT_print_info p {
 173         font-size: 14px;
 174         line-height: 20px;
 175 }
 176
 177
 178 /*
 179  * MISC
 180  * Minor misc styles
 181  */
 182
 183 .DTTT_disabled {
 184         color: #999;
 185 }