123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266 |
- /*
- * File: TableTools.css
- * Description: Styles for TableTools 2
- * Author: Allan Jardine (www.sprymedia.co.uk)
- * Language: Javascript
- * License: LGPL / 3 point BSD
- * Project: DataTables
- *
- * Copyright 2010 Allan Jardine, all rights reserved.
- *
- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- *
- * CSS name space:
- * DTTT DataTables TableTools
- *
- * Colour dictionary:
- * Button border #d0d0d0
- * Button border hover #999999
- * Hover background #f0f0f0
- * Action blue #4b66d9
- *
- * Style sheet provides:
- * CONTAINER TableTools container element and styles applying to all components
- * BUTTON_STYLES Action specific button styles
- * SELECTING Row selection styles
- * COLLECTIONS Drop down list (collection) styles
- * PRINTING Print display styles
- * MISC Minor misc styles
- */
- /*
- * CONTAINER
- * TableTools container element and styles applying to all components
- */
- div.DTTT_container {
- position: relative;
- float: left;
- margin-bottom: 1em;
- }
- button.DTTT_button {
- position: relative;
- float: left;
- height: 30px;
- margin-right: 3px;
- padding: 3px 5px;
- border: 1px solid #d0d0d0;
- background-color: #fff;
- cursor: pointer;
- *cursor: hand;
- }
- button.DTTT_button::-moz-focus-inner {
- border: none !important;
- padding: 0;
- }
- /*
- * BUTTON_STYLES
- * Action specific button styles
- */
- button.DTTT_button_csv {
- padding-right: 30px;
- background: url(../images/csv.png) no-repeat center right;
- }
- button.DTTT_button_csv_hover {
- padding-right: 30px;
- border: 1px solid #999;
- background: #f0f0f0 url(../images/csv_hover.png) no-repeat center right;
- }
- button.DTTT_button_xls {
- padding-right: 30px;
- background: url(../images/xls.png) no-repeat center right;
- }
- button.DTTT_button_xls_hover {
- padding-right: 30px;
- border: 1px solid #999;
- background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right;
- }
- button.DTTT_button_copy {
- padding-right: 30px;
- background: url(../images/copy.png) no-repeat center right;
- }
- button.DTTT_button_copy_hover {
- padding-right: 30px;
- border: 1px solid #999;
- background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right;
- }
- button.DTTT_button_pdf {
- padding-right: 30px;
- background: url(../images/pdf.png) no-repeat center right;
- }
- button.DTTT_button_pdf_hover {
- padding-right: 30px;
- border: 1px solid #999;
- background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right;
- }
- button.DTTT_button_print {
- padding-right: 30px;
- background: url(../images/print.png) no-repeat center right;
- }
- button.DTTT_button_print_hover {
- padding-right: 30px;
- border: 1px solid #999;
- background: #f0f0f0 url(../images/print_hover.png) no-repeat center right;
- }
- button.DTTT_button_text {
- }
- button.DTTT_button_text_hover {
- border: 1px solid #999;
- background-color: #f0f0f0;
- }
- button.DTTT_button_collection {
- padding-right: 17px;
- background: url(../images/collection.png) no-repeat center right;
- }
- button.DTTT_button_collection_hover {
- padding-right: 17px;
- border: 1px solid #999;
- background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
- }
- /*
- * SELECTING
- * Row selection styles
- */
- table.DTTT_selectable tbody tr {
- cursor: pointer;
- *cursor: hand;
- }
- tr.DTTT_selected.odd {
- background-color: #9FAFD1;
- }
- tr.DTTT_selected.odd td.sorting_1 {
- background-color: #9FAFD1;
- }
- tr.DTTT_selected.odd td.sorting_2 {
- background-color: #9FAFD1;
- }
- tr.DTTT_selected.odd td.sorting_3 {
- background-color: #9FAFD1;
- }
- tr.DTTT_selected.even {
- background-color: #B0BED9;
- }
- tr.DTTT_selected.even td.sorting_1 {
- background-color: #B0BED9;
- }
- tr.DTTT_selected.even td.sorting_2 {
- background-color: #B0BED9;
- }
- tr.DTTT_selected.even td.sorting_3 {
- background-color: #B0BED9;
- }
- /*
- * COLLECTIONS
- * Drop down list (collection) styles
- */
- div.DTTT_collection {
- width: 150px;
- padding: 3px;
- border: 1px solid #ccc;
- background-color: #f3f3f3;
- overflow: hidden;
- z-index: 2002;
- }
- div.DTTT_collection_background {
- background: transparent url(../images/background.png) repeat top left;
- z-index: 2001;
- }
- div.DTTT_collection button.DTTT_button {
- float: none;
- width: 100%;
- margin-bottom: 2px;
- background-color: white;
- }
- /*
- * PRINTING
- * Print display styles
- */
- .DTTT_print_info {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 400px;
- height: 150px;
- margin-left: -200px;
- margin-top: -75px;
- text-align: center;
- background-color: #3f3f3f;
- color: white;
- padding: 10px 30px;
-
- opacity: 0.9;
-
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
-
- box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
- -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
- }
- .DTTT_print_info h6 {
- font-weight: normal;
- font-size: 28px;
- line-height: 28px;
- margin: 1em;
- }
- .DTTT_print_info p {
- font-size: 14px;
- line-height: 20px;
- }
- /*
- * MISC
- * Minor misc styles
- */
- .DTTT_disabled {
- color: #999;
- }
|