Koha/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css
Chris Nighswonger 12cb095bac Bug 7977: QOTD uploader to enable uploading csv files containing quotes
This series will add a DataTable's based upload/editor with which
to upload csv files containing quotes to be used by the QOTD
feature.

The file should be formatted thusly:

"source","text-of-quote"
"source","text-of-quote"
...

Note: This work serves as a good example of potential improvements
in all other "editor" and file upload areas of Koha.

This patch is a squash of the following work:

--Adding code to parse CSV file contents and push it into a DataTable
--Adding in jEditable to enable table editing
--Adding ajax to post data back to the server to be saved
--Fixing edit and adding delete functionality
--Adding some missing css as well as server feedback on save
--Fixing a bug which limited the number of quotes which could be uploaded
--Also fixing a minor bug with fnCSVToArray and doing some style cleanup.
--Adding sanity checks to verify file type and size
--Implements YUI button widget/toolbar
--Improved handling of hiding uploader UI
--Adds row selectability
--Adds multi-delete capability
--Adds YUI button/toolbar widget
--Fixing capitalization in quote uploader
--Implements improvments suggested by jcamins and oleonard

Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>
Signed-off-by: Mason James <mtj@kohaaloha.com>
2012-05-24 14:14:09 +02:00

292 lines
6.6 KiB
CSS

input.search_init {
color: #999999;
}
.sorting_asc {
padding-right: 19px;
background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting_desc {
padding-right: 19px;
background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting {
padding-right: 19px;
background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting_asc_disabled {
padding-right: 19px;
background: url("../../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
}
.sorting_desc_disabled {
padding-right: 19px;
background: url("../../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE;
}
.sorting_disabled {
padding-right: 19px;
background-color: #EEEEEE;
}
div.top {clear : both; }
div.top.pager,
div.bottom.pager {
background-color : #E5E5E5;
padding : 0;
}
div.bottom.pager div.dataTables_paginate.paging_full_numbers,
div.bottom.pager div.dataTables_paginate.paging_four_button {
border-right-width : 0;
}
div.dataTables_filter,
div.dataTables_length,
div.dataTables_info,
div.dataTables_paginate {
float: left;
padding : .3em .5em .3em .5em;
}
div.dataTables_length {
border-right : 1px solid #686868;
line-height:1.9em;
}
div.dataTables_info {
border-right : 1px solid #AAA;
line-height:1.9em;
}
div.dataTables_length,
div.dataTables_filter {
border-left : 1px solid #FFF;
}
div.dataTables_filter {
line-height : 1.9em;
}
div.dataTables_paginate {
background-color : #F4F4F4;
font-size: 110%;
padding : 0;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
border-right : 1px solid #AAA;
border-left : 1px solid #FFF;
display : block;
float : left;
line-height:1.6em;
padding: .3em .7em;
cursor: pointer;
}
.paging_full_numbers a.paginate_button {
color : #0000CC;
}
.paging_full_numbers a.paginate_button.first {
background-image : url('../../img/first.png');
background-repeat: no-repeat;
background-position : 1% center;
padding-left : 2em;
}
.paging_full_numbers a.paginate_button.previous {
background-image : url('../../img/prev.png');
background-repeat: no-repeat;
background-position : 1% center;
padding-left : 2em;
}
.paging_full_numbers a.paginate_button.next {
background-image : url('../../img/next.png');
background-repeat: no-repeat;
background-position : 96% center;
padding-right : 2em;
}
.paging_full_numbers a.paginate_button.last {
background-image : url('../../img/last.png');
background-repeat: no-repeat;
background-position : 96% center;
border-right : 1px solid #686868;
padding-right : 2em;
}
div.bottom.pager .paging_full_numbers a.paginate_button.last {
border-right-width : 0;
}
.paging_full_numbers a.paginate_active {
background-color : #FFFFEA;
color : #000;
font-weight: bold;
}
.paging_full_numbers a.paginate_button:hover {
background-color: #FFC;
}
.paging_full_numbers a.paginate_button.paginate_button_disabled {
color : #666;
}
/* Two-button version */
div.dataTables_paginate.paging_two_button,
div.dataTables_paginate.paging_four_button {
background-color : transparent;
border-right : 1px solid #686868;
border-left : 1px solid #FFF;
line-height : 1.8em;
}
.paginate_disabled_first,
.paginate_enabled_first,
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next,
.paginate_disabled_last,
.paginate_enabled_last {
float: left;
height: 16px;
margin: .5em;
width: 16px;
}
.paginate_disabled_first {
background-image: url("../../img/first-disabled.png");
}
.paginate_enabled_first {
background-image: url("../../img/first.png");
cursor: pointer;
}
.paginate_disabled_previous {
background-image: url("../../img/prev-disabled.png");
}
.paginate_enabled_previous {
background-image: url("../../img/prev.png");
cursor: pointer;
}
.paginate_disabled_next {
background-image: url("../../img/next-disabled.png");
}
.paginate_enabled_next {
background-image: url("../../img/next.png");
cursor: pointer;
}
.paginate_disabled_last {
background-image: url("../../img/last-disabled.png");
}
.paginate_enabled_last {
background-image: url("../../img/last.png");
cursor: pointer;
}
.dataTables_processing {
background-color: white;
border: 1px solid #DDDDDD;
color: #999999;
font-size: 14px;
height: 30px;
left: 50%;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px;
position: fixed;
text-align: center;
top: 50%;
width: 250px;
}
input {
border-radius: 5px;
}
tr.odd.selected td {
background-color: #D3D3D3;
}
tr.even.selected td {
background-color: #D3D3D3;
}
/*
table.display {
width: 100%;
}
table.display thead th {
border-bottom: 1px solid black;
cursor: pointer;
font-weight: bold;
padding: 3px 18px 3px 10px;
}
.dataTables_wrapper {
clear: both;
position: relative;
}
.dataTables_processing {
background-color: white;
border: 1px solid #DDDDDD;
color: #999999;
font-size: 14px;
height: 30px;
left: 50%;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px;
position: fixed;
text-align: center;
top: 50%;
width: 250px;
}
.dataTables_info {
float: left;
width: 60%;
}
.dataTables_paginate {
float: right;
text-align: right;
width: 44px;
}
.paging_full_numbers {
height: 22px;
line-height: 22px;
width: 400px;
}
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
}
.paging_full_numbers span.paginate_button {
background-color: #ddd;
}
.paging_full_numbers span.paginate_button:hover {
background-color: #ccc;
}
.paging_full_numbers span.paginate_active {
background-color: #99B3FF;
}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
float: left;
height: 19px;
margin-left: 3px;
width: 19px;
}
.paginate_disabled_previous {
background-image: url("../../img/datatables/back_disabled.jpg");
}
.paginate_enabled_previous {
background-image: url("../../img/datatables/back_enabled.jpg");
}
.paginate_disabled_next {
background-image: url("../../img/datatables/forward_disabled.jpg");
}
.paginate_enabled_next {
background-image: url("../../img/datatables/forward_enabled.jpg");
}
.spacer {
clear: both;
height: 20px;
}