diff options
Diffstat (limited to 'lib/themes')
40 files changed, 2368 insertions, 0 deletions
diff --git a/lib/themes/lightcolor/bg-thead.png b/lib/themes/lightcolor/bg-thead.png Binary files differnew file mode 100644 index 0000000..a7b6969 --- /dev/null +++ b/lib/themes/lightcolor/bg-thead.png diff --git a/lib/themes/lightcolor/blue/jtable.css b/lib/themes/lightcolor/blue/jtable.css new file mode 100644 index 0000000..9e906c7 --- /dev/null +++ b/lib/themes/lightcolor/blue/jtable.css @@ -0,0 +1,89 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'Light color - Orange' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'orange' colors for jtable light color theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_lightcolor_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ background: rgb(120,177,237); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(120,177,237,1) 0%, rgba(65,123,181,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,177,237,1)), color-stop(100%,rgba(65,123,181,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* IE10+ */
+ background: linear-gradient(top, rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b1ed', endColorstr='#417bb5',GradientType=0 ); /* IE6-9 */
+ border-color: #2B5177;
+}
+
+div.jtable-title-text
+{
+ color: #fff;
+ text-shadow: 0 1px 0 #666;
+ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=666666);
+}
+
+/* PAGING ********************************************************************/
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #2D5580;
+ border-color: #123458;
+}
+
+/* ROWS **********************************************************************/
+
+/* Selected row */
+table.jtable tr.jtable-row-selected,
+table.jtable tr.jtable-row-selected:hover
+{
+ background-color: #5f9cdc;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #5f9cdc;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #5f9cdc;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #5f9cdc;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #2B5177;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ border-color: #2B5177;
+ background: url('loading.gif') no-repeat;
+ background-color: #78B1ED;
+ background-position: 5px;
+}
\ No newline at end of file diff --git a/lib/themes/lightcolor/blue/loading.gif b/lib/themes/lightcolor/blue/loading.gif Binary files differnew file mode 100644 index 0000000..e7c9c35 --- /dev/null +++ b/lib/themes/lightcolor/blue/loading.gif diff --git a/lib/themes/lightcolor/close.png b/lib/themes/lightcolor/close.png Binary files differnew file mode 100644 index 0000000..dde8804 --- /dev/null +++ b/lib/themes/lightcolor/close.png diff --git a/lib/themes/lightcolor/column-asc.png b/lib/themes/lightcolor/column-asc.png Binary files differnew file mode 100644 index 0000000..bc512de --- /dev/null +++ b/lib/themes/lightcolor/column-asc.png diff --git a/lib/themes/lightcolor/column-desc.png b/lib/themes/lightcolor/column-desc.png Binary files differnew file mode 100644 index 0000000..d991088 --- /dev/null +++ b/lib/themes/lightcolor/column-desc.png diff --git a/lib/themes/lightcolor/column-sortable.png b/lib/themes/lightcolor/column-sortable.png Binary files differnew file mode 100644 index 0000000..135cf46 --- /dev/null +++ b/lib/themes/lightcolor/column-sortable.png diff --git a/lib/themes/lightcolor/delete.png b/lib/themes/lightcolor/delete.png Binary files differnew file mode 100644 index 0000000..55e388b --- /dev/null +++ b/lib/themes/lightcolor/delete.png diff --git a/lib/themes/lightcolor/edit.png b/lib/themes/lightcolor/edit.png Binary files differnew file mode 100644 index 0000000..cd77c30 --- /dev/null +++ b/lib/themes/lightcolor/edit.png diff --git a/lib/themes/lightcolor/gray/jtable.css b/lib/themes/lightcolor/gray/jtable.css new file mode 100644 index 0000000..757d92d --- /dev/null +++ b/lib/themes/lightcolor/gray/jtable.css @@ -0,0 +1,88 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'Light color - Gray' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'gray' colors for jtable light color theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_lightcolor_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ background: #dedede; /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(186,186,186,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(186,186,186,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(186,186,186,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(186,186,186,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(186,186,186,1) 100%); /* IE10+ */
+ background: linear-gradient(top, rgba(232,232,232,1) 0%,rgba(186,186,186,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
+ border-color: #949494;
+}
+
+div.jtable-title-text
+{
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+}
+
+/* PAGING ********************************************************************/
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #8e8e8e;
+ border-color: #5f5f5f;
+}
+
+/* ROWS **********************************************************************/
+
+/* Selected row */
+table.jtable tr.jtable-row-selected,
+table.jtable tr.jtable-row-selected:hover
+{
+ background-color: #8e8e8e;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #8e8e8e;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #8e8e8e;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #8e8e8e;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #5f5f5f;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ border-color: #5f5f5f;
+ background: url('loading.gif') no-repeat;
+ background-color: #8e8e8e;
+ background-position: 5px;
+}
\ No newline at end of file diff --git a/lib/themes/lightcolor/gray/loading.gif b/lib/themes/lightcolor/gray/loading.gif Binary files differnew file mode 100644 index 0000000..02cdd00 --- /dev/null +++ b/lib/themes/lightcolor/gray/loading.gif diff --git a/lib/themes/lightcolor/gray/loading2.gif b/lib/themes/lightcolor/gray/loading2.gif Binary files differnew file mode 100644 index 0000000..c838e6d --- /dev/null +++ b/lib/themes/lightcolor/gray/loading2.gif diff --git a/lib/themes/lightcolor/green/jtable.css b/lib/themes/lightcolor/green/jtable.css new file mode 100644 index 0000000..f50295d --- /dev/null +++ b/lib/themes/lightcolor/green/jtable.css @@ -0,0 +1,89 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'Light color - Green' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'green' colors for jtable light color theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_lightcolor_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ background: #42d033; /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(114,235,101,1) 0%, rgba(30,157,13,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,235,101,1)), color-stop(100%,rgba(30,157,13,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(114,235,101,1) 0%,rgba(30,157,13,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(114,235,101,1) 0%,rgba(30,157,13,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(114,235,101,1) 0%,rgba(30,157,13,1) 100%); /* IE10+ */
+ background: linear-gradient(top, rgba(114,235,101,1) 0%,rgba(30,157,13,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72eb65', endColorstr='#1e9d0d',GradientType=0 ); /* IE6-9 */
+ border-color: #167509;
+}
+
+div.jtable-title-text
+{
+ color: #fff;
+ text-shadow: 0 1px 0 #666;
+ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=666666);
+}
+
+/* PAGING ********************************************************************/
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #42d033;
+ border-color: #167509;
+}
+
+/* ROWS **********************************************************************/
+
+/* Selected row */
+table.jtable tr.jtable-row-selected,
+table.jtable tr.jtable-row-selected:hover
+{
+ background-color: #33b326;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #33b326;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #33b326;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #33b326;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #167509;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ border-color: #167509;
+ background: url('loading.gif') no-repeat;
+ background-color: #42d033;
+ background-position: 5px;
+}
\ No newline at end of file diff --git a/lib/themes/lightcolor/green/loading.gif b/lib/themes/lightcolor/green/loading.gif Binary files differnew file mode 100644 index 0000000..d32f54f --- /dev/null +++ b/lib/themes/lightcolor/green/loading.gif diff --git a/lib/themes/lightcolor/jtable_lightcolor_base.css b/lib/themes/lightcolor/jtable_lightcolor_base.css new file mode 100644 index 0000000..d89e91c --- /dev/null +++ b/lib/themes/lightcolor/jtable_lightcolor_base.css @@ -0,0 +1,654 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'light color theme base''
+ * Author : Halil İbrahim KALKAN
+ * Description : This is the base file for light color themes, no color defines.
+ * Color files imports this and adds colors.
+ *****************************************************************************/
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* Main container of all elements those are created by jtable plugin */
+div.jtable-main-container
+{
+ font-family: 'Verdana';
+ font-size: 11px;
+ color: #222;
+ position: relative;
+}
+
+/* A div that contains title of the table (if any title supplied in options) */
+.jtable-title
+{
+ text-align: left;
+ position: relative;
+ height: 34px;
+ line-height: 34px;
+ -webkit-border-radius: 3px 3px 0 0;
+ -moz-border-radius: 3px 3px 0 0;
+ border-radius: 3px 3px 0 0;
+ box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
+ padding-left: 10px;
+ border: 1px solid;
+}
+
+/* A div that is in jtable-title and contains the title text */
+div.jtable-title div.jtable-title-text
+{
+ font-weight: bold;
+}
+
+/* Main table tag */
+table.jtable
+{
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0;
+ border: 1px solid #C8C8C8;
+}
+
+/* BOTTOM PANEL */
+
+/* A panel below the table that contains some commands */
+div.jtable-bottom-panel
+{
+ padding: 1px;
+ background: #fff;
+ border: 1px solid #C8C8C8;
+ border-top: none;
+ border-radius: 0px 0px 3px 3px;
+ min-height: 26px;
+ line-height: 16px;
+ font-size: 0.9em;
+}
+
+/* Left area in the bottom panel */
+div.jtable-bottom-panel div.jtable-left-area
+{
+ display: inline-block;
+ float: left;
+}
+
+/* Right area in the bottom panel */
+div.jtable-bottom-panel div.jtable-right-area
+{
+ display: inline-block;
+ float: right;
+ padding: 2px;
+}
+
+/* HEADER ********************************************************************/
+
+table.jtable thead
+{
+ background: url('bg-thead.png') repeat-x scroll top left #dddddd;
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #C8C8C8;
+}
+
+/* All header cells in the table */
+table.jtable thead th
+{
+ vertical-align: middle;
+ text-align: left;
+ padding: 4px 3px 4px 6px;
+ border-left: 1px solid #fff;
+ border-right: 1px solid #C8C8C8;
+}
+
+/* Disable left border for first columns */
+table.jtable thead th:first-child
+{
+ border-left: none;
+}
+
+table.jtable thead th:last-child
+{
+ border-right: none;
+}
+
+/* All header cells except command column header cell */
+table.jtable th.jtable-column-header
+{
+ /* no additional style */
+}
+
+/* Column header container in header cells */
+table.jtable th.jtable-column-header div.jtable-column-header-container
+{
+ height: 20px;
+ position: relative;
+}
+
+/* Header text in column header cell */
+table.jtable th.jtable-column-header span.jtable-column-header-text
+{
+ display: inline-block;
+ margin-top: 3px;
+}
+
+/* Command column header cell */
+table.jtable th.jtable-command-column-header
+{
+ text-align: center;
+}
+
+/* Selecting/deselecting all header cell */
+table.jtable th.jtable-column-header-selecting
+{
+ text-align: center;
+ width: 1%;
+}
+
+/* Checkbox in the selecting/deselecting all header cell */
+table.jtable th.jtable-column-header-selecting input
+{
+ margin-left: 1px;
+ cursor: pointer;
+}
+
+/* SORTING *******************************************************************/
+
+/* A sortable column header */
+table.jtable th.jtable-column-header-sortable
+{
+ cursor: pointer;
+}
+
+/* Sorting icon in the sortable table column header */
+table.jtable th.jtable-column-header-sortable div.jtable-column-header-container
+{
+ background: url('column-sortable.png') no-repeat right;
+}
+
+/* Ascending sorted icon in the table column header */
+table.jtable th.jtable-column-header-sorted-asc div.jtable-column-header-container
+{
+ background: url('column-asc.png') no-repeat right;
+}
+
+/* Descending sorted icon in the table column header */
+table.jtable th.jtable-column-header-sorted-desc div.jtable-column-header-container
+{
+ background: url('column-desc.png') no-repeat right;
+}
+
+/* PAGING ********************************************************************/
+
+/* A container for page list */
+.jtable-page-list
+{
+ display: inline-block;
+ margin: 2px;
+}
+
+/* Page numbers */
+.jtable-page-number, /* dots between numbers (...) */ .jtable-page-number-space, /* First page link */ .jtable-page-number-first, /* Last page link */ .jtable-page-number-last, /* Previous page link */ .jtable-page-number-previous, /* Next page link */ .jtable-page-number-next, /* Active page link */ .jtable-page-number-active
+{
+ display: inline-block;
+ background-color: #ebebeb;
+ border-style: solid;
+ border-width: 1px;
+ border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
+ margin: 0;
+ padding: 2px 5px;
+ cursor: pointer;
+ text-shadow: 0 1px 0 white;
+}
+
+/* Page numbers */
+.jtable-page-number, /* First page link */ .jtable-page-number-first, /* Last page link */ .jtable-page-number-last, /* Previous page link */ .jtable-page-number-previous, /* Next page link */ .jtable-page-number-next
+{
+ cursor: pointer;
+}
+
+/* ... between page numbers */
+.jtable-page-number-space, /* Active/current page link */ .jtable-page-number-active
+{
+ cursor: default;
+}
+
+/* Page numbers */
+.jtable-page-number:hover, /* First page link */ .jtable-page-number-first:hover, /* Last page link */ .jtable-page-number-last:hover, /* Previous page link */ .jtable-page-number-previous:hover, /* Next page link */ .jtable-page-number-next:hover
+{
+ background-color: #ddd;
+}
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ color: #FCFCFC;
+ text-shadow: 0 1px 0 #666;
+}
+
+/* Paging informations */
+.jtable-page-info
+{
+ display: inline-block;
+ margin-left: 5px;
+ padding: 2px;
+}
+
+/* RESIZING COLUMNS **********************************************************/
+
+/* A hidden div to resize colums */
+table.jtable div.jtable-column-resize-handler
+{
+ width: 8px;
+ height: 24px;
+ position: absolute;
+ right: -8px;
+ top: -2px;
+ z-index: 2;
+ cursor: col-resize;
+}
+
+/* A guide bar to show while resizing a column */
+.jtable-column-resize-bar
+{
+ width: 1px;
+ background-color: #000;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+}
+
+/* COLUMN SELECTION ***********************************************************/
+
+/* This overlay is shown on page while column selection is open */
+div.jtable-contextmenu-overlay
+{
+ left: 0px;
+ top: 0px;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+}
+
+/* Container of column selection list */
+div.jtable-column-selection-container
+{
+ border: 1px solid #C8C8C8;
+ position: fixed;
+ background: #fff;
+ color: #000;
+ display: none;
+ padding: 5px;
+ z-index: 101;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+ -moz-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+ box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+}
+
+/* Column selection list */
+ul.jtable-column-select-list
+{
+ list-style: none;
+ margin: 0px;
+ padding: 0px;
+}
+
+/* An item in column selection list */
+ul.jtable-column-select-list li
+{
+ margin: 0px;
+ padding: 2px 0px;
+}
+
+/* Label of an item in column selection list */
+ul.jtable-column-select-list li label
+{
+ /* No additional style */
+}
+
+/* A checkbox in column selection list */
+ul.jtable-column-select-list li input[type="checkbox"]
+{
+ /* No additional style */
+}
+
+/* A checkbox's text (column name) in column selection list */
+ul.jtable-column-select-list li label span
+{
+ position: relative;
+ top: -2px;
+ margin-left: 4px;
+}
+
+/* ROWS **********************************************************************/
+
+/* All rows in the table */
+table.jtable tbody > tr
+{
+ padding: 2px;
+ background: #f8f8f8;
+ height: 30px;
+}
+
+/* Even rows */
+table.jtable tr.jtable-row-even
+{
+ background: #f0f0f0;
+}
+
+/* All rows in the table */
+table.jtable tbody tr:hover
+{
+ background: #e8eaef;
+}
+
+/* Command column in even rows */
+table.jtable tr.jtable-row-even td.jtable-command-column
+{
+ /* No additional style */
+}
+
+/* Style for 'no data available' row */
+table.jtable tr.jtable-no-data-row
+{
+ text-align: center;
+}
+
+/* Style for a selected row */
+table.jtable tr.jtable-row-selected
+{
+ color: #FCFCFC;
+ text-shadow: 0 1px 0 #333;
+}
+
+/* CHILD ROWS/TABLES ********************************************************/
+
+/* Style for a child row */
+table.jtable tr.jtable-child-row > td
+{
+ background-color: #ababab;
+ padding: 1px 0px;
+}
+
+table.jtable tr.jtable-child-row .jtable-title, table.jtable tr.jtable-child-row .jtable-bottom-panel
+{
+ border: none;
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ border-radius: 0px;
+}
+
+table.jtable tr.jtable-child-row .jtable
+{
+ border: none;
+ border-bottom: 1px solid #C8C8C8;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ /* No style yet */
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ /* No style yet */
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ /* No style yet */
+}
+
+/* CELLS *********************************************************************/
+
+/* All table cells in the table */
+table.jtable tbody td
+{
+ padding: 5px;
+ border-left: 1px dotted #bebebe;
+}
+
+/* Command column in all rows */
+table.jtable tr td.jtable-command-column
+{
+ text-align: center;
+ vertical-align: middle;
+}
+
+/* Disable left border for first columns */
+table.jtable tbody td:first-child
+{
+ border-left: none;
+}
+
+/* Select/deselect column for a row */
+table.jtable tbody td.jtable-selecting-column
+{
+ text-align: center;
+}
+
+/* Select/deselect checkbox for a row */
+table.jtable tbody td.jtable-selecting-column input
+{
+ cursor: pointer;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link container */
+span.jtable-add-record
+{
+ display: inline-block;
+ margin: 3px;
+}
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ font-weight: bold;
+ text-decoration: none;
+}
+
+/* 'add new record' link hover state */
+span.jtable-add-record a:hover
+{
+ text-decoration: underline;
+}
+
+/* All command buttons (delete/edit) */
+.jtable-command-button
+{
+ cursor: pointer;
+ border: none;
+ display: inline;
+ margin: 0px;
+ padding: 0px;
+}
+
+/* span tag (that contains the command text) in all command buttons (delete/edit) */
+.jtable-command-button span
+{
+ display: none;
+}
+
+/* Edit command button */
+.jtable-edit-command-button
+{
+ background: url('edit.png') no-repeat;
+ width: 16px;
+ height: 16px;
+}
+
+/* Delete command button */
+.jtable-delete-command-button
+{
+ background: url('delete.png') no-repeat;
+ width: 16px;
+ height: 16px;
+}
+
+/* Table Close command button */
+.jtable-close-button
+{
+ background: url('close.png') no-repeat;
+ width: 22px;
+ height: 22px;
+ position: absolute;
+ right: 6px;
+ top: 6px;
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+}
+
+.jtable-close-button:hover
+{
+ opacity: 1.0;
+ filter: alpha(opacity=100);
+}
+
+/* FORMS *********************************************************************/
+
+/* A form to edit/create records */
+form.jtable-dialog-form
+{
+ font-family: 'Verdana';
+ font-size: 10px;
+}
+
+/* A form to create records */
+form.jtable-create-form
+{
+ /* No additional style */
+}
+
+/* A form to edit records */
+form.jtable-edit-form
+{
+ /* No additional style */
+}
+
+/* FORM INPUT ELEMENTS *******************************************************/
+
+/* A div that contains a label (title) and input field */
+div.jtable-input-field-container
+{
+ margin: 0px;
+ padding: 2px 0px 3px 0px;
+ border-bottom: 1px solid #ddd;
+}
+
+div.jtable-input-field-container:last-child
+{
+ border: none;
+}
+
+/* A div that contains title of input in create/edit forms */
+div.jtable-input-label
+{
+ padding: 2px;
+ font-weight: bold;
+}
+
+/* A div that contains an input element in create/edit forms */
+div.jtable-input
+{
+ padding: 2px;
+}
+
+/* A div that contains a date input element in create/edit forms */
+div.jtable-date-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a text input element in create/edit forms */
+div.jtable-text-input
+{
+ /* No additional style */
+}
+
+/* A container for radio button and checkbox textes */
+span.jtable-option-text-clickable
+{
+ position: relative;
+ top: -2px;
+}
+
+/* A div that contains a textarea input element in create/edit forms */
+div.jtable-textarea-input textarea
+{
+ width: 300px;
+ min-height: 60px;
+}
+
+/* A div that contains a password input element in create/edit forms */
+div.jtable-password-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a drop down list (combobox) element in create/edit forms */
+div.jtable-dropdown-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a radio button list in create/edit forms */
+div.jtable-radiobuttonlist-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a single radio button element */
+div.jtable-radio-input input, /* A div that contains a checkbox element */ div.jtable-checkbox-input input, /* A span that contains text that can be clicked to set radio button's or checkbox's state */ span.jtable-option-text-clickable
+{
+ cursor: pointer;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A panel to block table UI while is busy */
+div.jtable-busy-panel-background
+{
+ z-index: 998;
+ position: absolute;
+ opacity: 0.1;
+ filter: alpha(opacity=10);
+ background-color: #000;
+}
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ cursor: wait;
+ z-index: 999;
+ position: absolute;
+ margin: 5px;
+ font-size: 1.25em;
+ border: 1px solid;
+ color: #fff;
+ text-shadow: 0 1px 0 #333;
+ padding: 3px 5px 5px 27px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+ -moz-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+ box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+}
+
+/* MISC **********************************************************************/
+
+/* Style of the text that is shown in a delete confirmation dialog */
+.jtable-delete-confirm-message
+{
+ /* No additional style */
+}
+
+/* Style of a row that is ready to remove from table (Deleted from server, waiting for deletion from table) */
+.jtable-row-ready-to-remove
+{
+ /* No additional style */
+}
diff --git a/lib/themes/lightcolor/orange/jtable.css b/lib/themes/lightcolor/orange/jtable.css new file mode 100644 index 0000000..009538d --- /dev/null +++ b/lib/themes/lightcolor/orange/jtable.css @@ -0,0 +1,88 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'Light color - Orange' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'orange' colors for jtable light color theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_lightcolor_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ background: rgb(255,163,102); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(255,163,102,1) 0%, rgba(218,87,0,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,163,102,1)), color-stop(100%,rgba(218,87,0,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(255,163,102,1) 0%,rgba(218,87,0,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(255,163,102,1) 0%,rgba(218,87,0,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(255,163,102,1) 0%,rgba(218,87,0,1) 100%); /* IE10+ */
+ background: linear-gradient(top, rgba(255,163,102,1) 0%,rgba(218,87,0,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa366', endColorstr='#da5700',GradientType=0 ); /* IE6-9 */
+ border-color: #804620;
+}
+
+div.jtable-title-text
+{
+ color: #fff;
+ text-shadow: 0 1px 0 #666;
+ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=666666);
+}
+
+/* PAGING ********************************************************************/
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #f36301;
+ border-color: #a14100;
+}
+
+/* ROWS **********************************************************************/
+
+/* Selected row */
+table.jtable tr.jtable-row-selected,
+table.jtable tr.jtable-row-selected:hover
+{
+ background-color: #F36301;
+}
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #F36301;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #F36301;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #F36301;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #cc5200;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ border-color: #a14100;
+ background: url('loading.gif') no-repeat;
+ background-color: #f36301;
+ background-position: 5px;
+}
\ No newline at end of file diff --git a/lib/themes/lightcolor/orange/loading.gif b/lib/themes/lightcolor/orange/loading.gif Binary files differnew file mode 100644 index 0000000..65aaae3 --- /dev/null +++ b/lib/themes/lightcolor/orange/loading.gif diff --git a/lib/themes/lightcolor/red/jtable.css b/lib/themes/lightcolor/red/jtable.css new file mode 100644 index 0000000..36b8d1e --- /dev/null +++ b/lib/themes/lightcolor/red/jtable.css @@ -0,0 +1,89 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'Light color - Red' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'red' colors for jtable light color theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_lightcolor_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ background: #ea2a2a; /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(235,101,101,1) 0%, rgba(157,13,13,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,101,101,1)), color-stop(100%,rgba(157,13,13,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(235,101,101,1) 0%,rgba(157,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(235,101,101,1) 0%,rgba(157,13,13,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(235,101,101,1) 0%,rgba(157,13,13,1) 100%); /* IE10+ */
+ background: linear-gradient(top, rgba(235,101,101,1) 0%,rgba(157,13,13,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6565', endColorstr='#9d0d0d',GradientType=0 ); /* IE6-9 */
+ border-color: #772b2b;
+}
+
+div.jtable-title-text
+{
+ color: #fff;
+ text-shadow: 0 1px 0 #666;
+ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=666666);
+}
+
+/* PAGING ********************************************************************/
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #b11515;
+ border-color: #7d1616;
+}
+
+/* ROWS **********************************************************************/
+
+/* Selected row */
+table.jtable tr.jtable-row-selected,
+table.jtable tr.jtable-row-selected:hover
+{
+ background-color: #ea2a2a;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #ea2a2a;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #ea2a2a;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #ea2a2a;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #772b2b;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ border-color: #772b2b;
+ background: url('loading.gif') no-repeat;
+ background-color: #ea2a2a;
+ background-position: 5px;
+}
\ No newline at end of file diff --git a/lib/themes/lightcolor/red/loading.gif b/lib/themes/lightcolor/red/loading.gif Binary files differnew file mode 100644 index 0000000..c838e6d --- /dev/null +++ b/lib/themes/lightcolor/red/loading.gif diff --git a/lib/themes/standard/blue/header-bg.gif b/lib/themes/standard/blue/header-bg.gif Binary files differnew file mode 100644 index 0000000..deb99ee --- /dev/null +++ b/lib/themes/standard/blue/header-bg.gif diff --git a/lib/themes/standard/blue/jtable_blue.css b/lib/themes/standard/blue/jtable_blue.css new file mode 100644 index 0000000..d228d73 --- /dev/null +++ b/lib/themes/standard/blue/jtable_blue.css @@ -0,0 +1,176 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'standard blue' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'blue' colors for jtable standard theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_standard_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* Main container of all elements those are created by jtable plugin */
+div.jtable-main-container
+{
+ color: #000000;
+}
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ background:url('title-bg.png') left;
+ color: #FFFFFF;
+ border-color: #C6D5E1;
+}
+
+/* Main table tag */
+table.jtable
+{
+ background-color: #C6D5E1;
+}
+
+/* A panel below the table that contains some commands */
+div.jtable-bottom-panel
+{
+ background-color: #E0E8E7;
+ border-color: #C6D5E1;
+}
+
+/* HEADER ********************************************************************/
+
+/* All header cells in the table */
+table.jtable th
+{
+ background:url('header-bg.gif') left;
+ color:#CFDCE7;
+}
+
+/* PAGING ********************************************************************/
+
+/* Page numbers */
+.jtable-page-number,
+/* First page link */
+.jtable-page-number-first,
+/* Last page link */
+.jtable-page-number-last,
+/* Previous page link */
+.jtable-page-number-previous,
+/* Next page link */
+.jtable-page-number-next
+{
+ background-color: #CFDCE7;
+ border: 1px solid #a3bfd6;
+}
+
+/* Page numbers */
+.jtable-page-number:hover,
+/* First page link */
+.jtable-page-number-first:hover,
+/* Last page link */
+.jtable-page-number-last:hover,
+/* Previous page link */
+.jtable-page-number-previous:hover,
+/* Next page link */
+.jtable-page-number-next:hover
+{
+ background-color: #9ec7e9;
+}
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #4881b0;
+ border: 1px solid #a3bfd6;
+ color: #fff;
+ font-weight: bold;
+}
+
+/* ROWS **********************************************************************/
+
+/* All rows in the table */
+table.jtable tr
+{
+ background-color: #FFFFFF;
+}
+
+/* Even rows */
+table.jtable tr.jtable-row-even
+{
+ color: #000055;
+ background-color: #ECF2F6;
+}
+
+/* Rows when mouse over */
+table.jtable tr:hover
+{
+ background-color: #d3e2ec;
+}
+
+/* Selected row */
+table.jtable tr.jtable-row-selected
+{
+ color: #ffffff;
+ background-color: #3e9cda;
+}
+
+/* Style for a child row */
+table.jtable tr.jtable-child-row
+{
+ background-color: #b1f2ff;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #00FF89;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #00FFFF;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #FF0000;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #1E90FF;
+}
+
+/* FORM INPUT ELEMENTS *******************************************************/
+
+/* A div that contains a label (title) and input field */
+div.jtable-input-field-container
+{
+ background-color: #ECF2F6;
+ border-color: #C6D5E1;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A panel to block table UI while is busy */
+div.jtable-busy-panel-background
+{
+ background-color: #000000;
+}
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ color: #000000;
+ border-color: #000000;
+ background: url('loading.gif') no-repeat;
+ background-position: 5px;
+ background-color: #8AFFFF;
+}
\ No newline at end of file diff --git a/lib/themes/standard/blue/loading.gif b/lib/themes/standard/blue/loading.gif Binary files differnew file mode 100644 index 0000000..dcc5113 --- /dev/null +++ b/lib/themes/standard/blue/loading.gif diff --git a/lib/themes/standard/blue/title-bg.png b/lib/themes/standard/blue/title-bg.png Binary files differnew file mode 100644 index 0000000..8c3a567 --- /dev/null +++ b/lib/themes/standard/blue/title-bg.png diff --git a/lib/themes/standard/close.png b/lib/themes/standard/close.png Binary files differnew file mode 100644 index 0000000..581fa74 --- /dev/null +++ b/lib/themes/standard/close.png diff --git a/lib/themes/standard/column-asc.png b/lib/themes/standard/column-asc.png Binary files differnew file mode 100644 index 0000000..fc6a982 --- /dev/null +++ b/lib/themes/standard/column-asc.png diff --git a/lib/themes/standard/column-desc.png b/lib/themes/standard/column-desc.png Binary files differnew file mode 100644 index 0000000..83776ba --- /dev/null +++ b/lib/themes/standard/column-desc.png diff --git a/lib/themes/standard/column-sortable.png b/lib/themes/standard/column-sortable.png Binary files differnew file mode 100644 index 0000000..eb24b2c --- /dev/null +++ b/lib/themes/standard/column-sortable.png diff --git a/lib/themes/standard/delete.png b/lib/themes/standard/delete.png Binary files differnew file mode 100644 index 0000000..55e388b --- /dev/null +++ b/lib/themes/standard/delete.png diff --git a/lib/themes/standard/edit.png b/lib/themes/standard/edit.png Binary files differnew file mode 100644 index 0000000..b93e776 --- /dev/null +++ b/lib/themes/standard/edit.png diff --git a/lib/themes/standard/green/header-bg.gif b/lib/themes/standard/green/header-bg.gif Binary files differnew file mode 100644 index 0000000..d2d86b6 --- /dev/null +++ b/lib/themes/standard/green/header-bg.gif diff --git a/lib/themes/standard/green/jtable_green.css b/lib/themes/standard/green/jtable_green.css new file mode 100644 index 0000000..8160f58 --- /dev/null +++ b/lib/themes/standard/green/jtable_green.css @@ -0,0 +1,176 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'standard blue' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'blue' colors for jtable standard theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_standard_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* Main container of all elements those are created by jtable plugin */
+div.jtable-main-container
+{
+ color: #000000;
+}
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ background:url('title-bg.png') left;
+ color: #FFFFFF;
+ border-color: #c6e1ce;
+}
+
+/* Main table tag */
+table.jtable
+{
+ background-color: #c6e1cf;
+}
+
+/* A panel below the table that contains some commands */
+div.jtable-bottom-panel
+{
+ background-color: #e0e8e3;
+ border-color: #c6e1ce;
+}
+
+/* HEADER ********************************************************************/
+
+/* All header cells in the table */
+table.jtable th
+{
+ background:url('header-bg.gif') left;
+ color:#cfe7d6;
+}
+
+/* PAGING ********************************************************************/
+
+/* Page numbers */
+.jtable-page-number,
+/* First page link */
+.jtable-page-number-first,
+/* Last page link */
+.jtable-page-number-last,
+/* Previous page link */
+.jtable-page-number-previous,
+/* Next page link */
+.jtable-page-number-next
+{
+ background-color: #cfe7d6;
+ border: 1px solid #a3d6b2;
+}
+
+/* Page numbers */
+.jtable-page-number:hover,
+/* First page link */
+.jtable-page-number-first:hover,
+/* Last page link */
+.jtable-page-number-last:hover,
+/* Previous page link */
+.jtable-page-number-previous:hover,
+/* Next page link */
+.jtable-page-number-next:hover
+{
+ background-color: #9ee9b5;
+}
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #48b068;
+ border: 1px solid #a3d6b2;
+ color: #fff;
+ font-weight: bold;
+}
+
+/* ROWS **********************************************************************/
+
+/* All rows in the table */
+table.jtable tr
+{
+ background-color: #FFFFFF;
+}
+
+/* Even rows */
+table.jtable tr.jtable-row-even
+{
+ color: #00551a;
+ background-color: #ecf6ef;
+}
+
+/* Rows when mouse over */
+table.jtable tr:hover
+{
+ background-color: #d3ecda;
+}
+
+/* Selected row */
+table.jtable tr.jtable-row-selected
+{
+ color: #ffffff;
+ background-color: #3eda6e;
+}
+
+/* Style for a child row */
+table.jtable tr.jtable-child-row
+{
+ background-color: #b1ffcb;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #00FF89;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #00FFFF;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #FF0000;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #18b749;
+}
+
+/* FORM INPUT ELEMENTS *******************************************************/
+
+/* A div that contains a label (title) and input field */
+div.jtable-input-field-container
+{
+ background-color: #ecf6ef;
+ border-color: #c6e1ce;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A panel to block table UI while is busy */
+div.jtable-busy-panel-background
+{
+ background-color: #000000;
+}
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ color: #000000;
+ border-color: #000000;
+ background: url('loading.gif') no-repeat;
+ background-position: 5px;
+ background-color: #8affab;
+}
\ No newline at end of file diff --git a/lib/themes/standard/green/loading.gif b/lib/themes/standard/green/loading.gif Binary files differnew file mode 100644 index 0000000..25457a2 --- /dev/null +++ b/lib/themes/standard/green/loading.gif diff --git a/lib/themes/standard/green/title-bg.png b/lib/themes/standard/green/title-bg.png Binary files differnew file mode 100644 index 0000000..2cad9bc --- /dev/null +++ b/lib/themes/standard/green/title-bg.png diff --git a/lib/themes/standard/jtable_standard_base.css b/lib/themes/standard/jtable_standard_base.css new file mode 100644 index 0000000..6a5344b --- /dev/null +++ b/lib/themes/standard/jtable_standard_base.css @@ -0,0 +1,535 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'standard' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This is the base file for standart themes, no color defines.
+ * Color files imports this and adds colors.
+ *****************************************************************************/
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* Main container of all elements those are created by jtable plugin */
+div.jtable-main-container
+{
+ font-family: 'Verdana';
+ font-size: 10px;
+ position: relative;
+}
+
+/* A div that contains title of the table (if any title supplied in options) */
+.jtable-title
+{
+ text-align: center;
+ border: 1px solid transparent;
+ border-bottom: none;
+ padding: 1px;
+ height: 24px;
+ position: relative;
+}
+
+/* A div that is in jtable-title and contains the title text */
+div.jtable-title div.jtable-title-text
+{
+ font-weight: bold;
+ font-size: 14px;
+ margin: 3px;
+}
+
+/* Main table tag */
+table.jtable
+{
+ width: 100%;
+ border-spacing: 1px;
+}
+
+/* BOTTOM PANEL */
+
+/* A panel below the table that contains some commands */
+div.jtable-bottom-panel
+{
+ border: 1px solid transparent;
+ border-top: none;
+ min-height: 22px;
+}
+
+/* Left area in the bottom panel */
+div.jtable-bottom-panel div.jtable-left-area
+{
+ display: inline-block;
+ float: left;
+}
+
+/* Right area in the bottom panel */
+div.jtable-bottom-panel div.jtable-right-area
+{
+ display: inline-block;
+ float: right;
+ padding: 2px;
+}
+
+/* HEADER ********************************************************************/
+
+/* All header cells in the table */
+table.jtable th
+{
+ text-align: left;
+ font-size: 11px;
+ padding: 2px;
+ height: 22px;
+ position: relative;
+}
+
+/* All header cells except command column header cell */
+table.jtable th.jtable-column-header
+{
+ /* no additional style */
+}
+
+/* Column header container in header cells */
+table.jtable th.jtable-column-header div.jtable-column-header-container
+{
+ height: 20px;
+ position: relative;
+}
+
+/* Header text in column header cell */
+table.jtable th.jtable-column-header span.jtable-column-header-text
+{
+ display: inline-block;
+ margin-top: 3px;
+}
+
+/* Command column header cell */
+table.jtable th.jtable-command-column-header,
+table.jtable th.jtable-column-header-selecting
+{
+ text-align: center;
+ width: 1%
+}
+
+/* Checkbox in the selecting/deselecting all header cell */
+table.jtable th.jtable-column-header-selecting input
+{
+ margin-left: 4px;
+ cursor: pointer;
+}
+
+/* SORTING *******************************************************************/
+
+/* A sortable column header */
+table.jtable th.jtable-column-header-sortable
+{
+ cursor: pointer;
+}
+
+/* Sorting icon in the sortable table column header */
+table.jtable th.jtable-column-header-sortable div.jtable-column-header-container
+{
+ background: url('column-sortable.png') no-repeat right;
+}
+
+/* Ascending sorted icon in the table column header */
+table.jtable th.jtable-column-header-sorted-asc div.jtable-column-header-container
+{
+ background: url('column-asc.png') no-repeat right;
+}
+
+/* Descending sorted icon in the table column header */
+table.jtable th.jtable-column-header-sorted-desc div.jtable-column-header-container
+{
+ background: url('column-desc.png') no-repeat right;
+}
+
+/* PAGING ********************************************************************/
+
+/* A container for page list */
+.jtable-page-list
+{
+ display: inline-block;
+ margin: 2px;
+}
+
+/* Page numbers */
+.jtable-page-number, /* dots between numbers (...) */ .jtable-page-number-space, /* First page link */ .jtable-page-number-first, /* Last page link */ .jtable-page-number-last, /* Previous page link */ .jtable-page-number-previous, /* Next page link */ .jtable-page-number-next, /* Active page link */ .jtable-page-number-active
+{
+ display: inline-block;
+ margin-right: 1px;
+ padding: 2px;
+}
+
+/* Page numbers */
+.jtable-page-number, /* First page link */ .jtable-page-number-first, /* Last page link */ .jtable-page-number-last, /* Previous page link */ .jtable-page-number-previous, /* Next page link */ .jtable-page-number-next
+{
+ cursor: pointer;
+}
+
+/* Paging informations */
+.jtable-page-info
+{
+ display: inline-block;
+ margin-left: 5px;
+ padding: 2px;
+}
+
+/* RESIZING COLUMNS **********************************************************/
+
+/* A hidden div to resize colums */
+table.jtable div.jtable-column-resize-handler
+{
+ width: 8px;
+ height: 24px;
+ position: absolute;
+ right: -6px;
+ top: -2px;
+ z-index: 2;
+ cursor: col-resize;
+}
+
+/* A guide bar to show while resizing a column */
+.jtable-column-resize-bar
+{
+ width: 1px;
+ background-color: #000;
+ opacity: 0.5;
+}
+
+/* COLUMN SELECTION **************************************************************/
+
+/* This overlay is shown on page while column selection is open */
+div.jtable-contextmenu-overlay
+{
+ left: 0px;
+ top: 0px;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+}
+
+/* Container of column selection list */
+div.jtable-column-selection-container
+{
+ border: 1px solid #aaa;
+ position: fixed;
+ background: #fff;
+ color: #000;
+ display: none;
+ padding: 5px;
+ z-index: 101;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+ -moz-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+ box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
+}
+
+/* Column selection list */
+ul.jtable-column-select-list
+{
+ list-style: none;
+ margin: 0px;
+ padding: 0px;
+}
+
+/* An item in column selection list */
+ul.jtable-column-select-list li
+{
+ margin: 0px;
+ padding: 2px 0px;
+}
+
+/* Label of an item in column selection list */
+ul.jtable-column-select-list li label
+{
+ /* No additional style */
+}
+
+/* A checkbox in column selection list */
+ul.jtable-column-select-list li input[type="checkbox"]
+{
+ /* No additional style */
+}
+
+/* A checkbox's text (column name) in column selection list */
+ul.jtable-column-select-list li label span
+{
+ position: relative;
+ top: -2px;
+}
+
+/* ROWS **********************************************************************/
+
+/* All rows in the table */
+table.jtable tr
+{
+ padding: 2px;
+}
+
+/* Command column in all rows */
+table.jtable tr td.jtable-command-column
+{
+ text-align: center;
+ vertical-align: middle;
+}
+
+/* Even rows */
+table.jtable tr.jtable-row-even
+{
+ /* no additional style */
+}
+
+/* Command column in even rows */
+table.jtable tr.jtable-row-even td.jtable-command-column
+{
+ /* No additional style */
+}
+
+/* Style for 'no data available' row */
+table.jtable tr.jtable-no-data-row
+{
+ text-align: center;
+}
+
+/* Style for a selected row */
+table.jtable tr.jtable-row-selected
+{
+ /* No additional style */
+}
+
+/* Style for a child row */
+table.jtable tr.jtable-child-row
+{
+ /* No additional style */
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ /* No additional style */
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ /* No additional style */
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ /* No additional style */
+}
+
+/* CELLS *********************************************************************/
+
+/* All table cells in the table */
+table.jtable td
+{
+ padding: 2px 3px 3px;
+}
+
+/* Select/deselect column for a row */
+table.jtable tbody td.jtable-selecting-column
+{
+ text-align: center;
+}
+
+/* Select/deselect checkbox for a row */
+table.jtable td.jtable-selecting-column input
+{
+ cursor: pointer;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link container */
+span.jtable-add-record
+{
+ display: inline-block;
+ margin: 2px;
+}
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ display: inline-block;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+/* 'add new record' link hover state */
+span.jtable-add-record a:hover
+{
+ text-decoration: underline;
+}
+
+/* All command buttons (delete/edit) */
+.jtable-command-button
+{
+ cursor: pointer;
+ border: none;
+ display: inline;
+ margin: 0px;
+ padding: 0px;
+}
+
+/* span tag (that contains the command text) in all command buttons (delete/edit) */
+.jtable-command-button span
+{
+ display: none;
+}
+
+/* Edit command button */
+.jtable-edit-command-button
+{
+ background: url('edit.png') no-repeat;
+ width: 16px;
+ height: 16px;
+}
+
+/* Delete command button */
+.jtable-delete-command-button
+{
+ background: url('delete.png') no-repeat;
+ width: 16px;
+ height: 16px;
+}
+
+/* Table Close command button */
+.jtable-close-button
+{
+ background: url('close.png') no-repeat;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ right: 4px;
+ top: 6px;
+}
+
+/* FORMS *********************************************************************/
+
+/* A form to edit/create records */
+form.jtable-dialog-form
+{
+ font-family: 'Verdana';
+ font-size: 10px;
+}
+
+/* A form to create records */
+form.jtable-create-form
+{
+ /* No additional style */
+}
+
+/* A form to edit records */
+form.jtable-edit-form
+{
+ /* No additional style */
+}
+
+/* FORM INPUT ELEMENTS *******************************************************/
+
+/* A div that contains a label (title) and input field */
+div.jtable-input-field-container
+{
+ margin: 3px;
+ padding: 2px;
+ border: 1px solid transparent;
+ border-top: none;
+ border-left: none;
+}
+
+/* A div that contains title of input in create/edit forms */
+div.jtable-input-label
+{
+ padding: 2px;
+ font-weight: bold;
+}
+
+/* A div that contains an input element in create/edit forms */
+div.jtable-input
+{
+ padding: 2px;
+}
+
+/* A div that contains a date input element in create/edit forms */
+div.jtable-date-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a text input element in create/edit forms */
+div.jtable-text-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a textarea input element in create/edit forms */
+div.jtable-textarea-input textarea
+{
+ width: 300px;
+ min-height: 60px;
+}
+
+/* A div that contains a password input element in create/edit forms */
+div.jtable-password-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a drop down list (combobox) element in create/edit forms */
+div.jtable-dropdown-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a radio button list in create/edit forms */
+div.jtable-radiobuttonlist-input
+{
+ /* No additional style */
+}
+
+/* A div that contains a single radio button element */
+div.jtable-radio-input input, /* A div that contains a checkbox element */ div.jtable-checkbox-input input, /* A span that contains text that can be clicked to set radio button's or checkbox's state */ span.jtable-option-text-clickable
+{
+ cursor: pointer;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A panel to block table UI while is busy */
+div.jtable-busy-panel-background
+{
+ z-index: 998;
+ position: absolute;
+ opacity: 0.2;
+ filter: alpha(opacity=20); /* For IE8 and earlier */
+}
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ z-index: 999;
+ position: absolute;
+ margin: 5px;
+ padding: 5px;
+ padding-left: 26px;
+ font-size: larger;
+ border: 1px solid;
+}
+
+/* MISC **********************************************************************/
+
+/* Style of the text that is shown in a delete confirmation dialog */
+.jtable-delete-confirm-message
+{
+ /* No additional style */
+}
+
+/* Style of a row that is ready to remove from table (Deleted from server, waiting for deletion from table) */
+.jtable-row-ready-to-remove
+{
+ /* No additional style */
+}
diff --git a/lib/themes/standard/purple/jtable_purple.css b/lib/themes/standard/purple/jtable_purple.css new file mode 100644 index 0000000..f6fc78d --- /dev/null +++ b/lib/themes/standard/purple/jtable_purple.css @@ -0,0 +1,199 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'standard purple' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'purple' colors for jtable standard theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_standard_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* Main container of all elements those are created by jtable plugin */
+div.jtable-main-container
+{
+ color: #F6ECF0;
+ font-size: 11px;
+}
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ color: #FFFFFF;
+ background: #51152A;
+ border-color: #38160C;
+}
+
+/* Main table tag */
+table.jtable
+{
+ background: #641B35;
+ border-collapse: collapse;
+ border: 1px solid #38160C;
+}
+
+/* A panel below the table that contains some commands */
+div.jtable-bottom-panel
+{
+ background-color: #853653;
+ border-color: #38160C;
+}
+
+/* LINKS *********************************************************************/
+
+div.jtable-main-container a
+{
+ color: #F6ECF0;
+}
+
+/* HEADER ********************************************************************/
+
+/* All header cells in the table */
+table.jtable th
+{
+ background: #38160C;
+ border: 1px solid #A85070;
+ padding-left: 6px;
+}
+
+table.jtable th.jtable-column-header-selecting input
+{
+ margin-left: 0px; +}
+
+/* PAGING ********************************************************************/
+
+/* Page numbers */
+.jtable-page-number,
+/* First page link */
+.jtable-page-number-first,
+/* Last page link */
+.jtable-page-number-last,
+/* Previous page link */
+.jtable-page-number-previous,
+/* Next page link */
+.jtable-page-number-next
+{
+ background-color: #8d415d;
+ border: 1px solid #ae6982;
+}
+
+/* Page numbers */
+.jtable-page-number:hover,
+/* First page link */
+.jtable-page-number-first:hover,
+/* Last page link */
+.jtable-page-number-last:hover,
+/* Previous page link */
+.jtable-page-number-previous:hover,
+/* Next page link */
+.jtable-page-number-next:hover
+{
+ background-color: #571930;
+}
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #b04865;
+ border: 1px solid #c1849a;
+ color: #fff;
+ font-weight: bold;
+}
+
+/* ROWS **********************************************************************/
+
+/* All rows in the table */
+table.jtable tr
+{
+ background: #7B2342;
+}
+
+/* Even rows */
+table.jtable tr.jtable-row-even
+{
+ background: #641b35;
+}
+
+/* Mouse over rows */
+table.jtable tr:hover
+{
+ background: #51152A;
+}
+
+/* Selected row */
+table.jtable tr.jtable-row-selected
+{
+ color: #ffffff;
+ background-color: #000000;
+}
+
+/* Style for a child row */
+table.jtable tr.jtable-child-row
+{
+ padding: 0px;
+ background-color: #ab284d;
+}
+
+/* CELLS ********************************************************************/
+
+table.jtable td
+{
+ padding: 6px;
+ border: 1px dashed #B85A7C;
+}
+
+/* Style for a child row cell */
+table.jtable tr.jtable-child-row td
+{
+ padding: 3px;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #c000ff;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #ff00eb;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #FF0000;
+}
+
+/* FORM INPUT ELEMENTS *******************************************************/
+
+/* A div that contains a label (title) and input field */
+div.jtable-input-field-container
+{
+ color: #F6ECF0;
+ background-color: #641b35;
+ border-color: #000000;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A panel to block table UI while is busy */
+div.jtable-busy-panel-background
+{
+ background-color: #000000;
+}
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ color: #000000;
+ border-color: #000000;
+ background: url('loading.gif') no-repeat;
+ background-position: 5px;
+ background-color: #ff00eb;
+}
diff --git a/lib/themes/standard/purple/loading.gif b/lib/themes/standard/purple/loading.gif Binary files differnew file mode 100644 index 0000000..b871f80 --- /dev/null +++ b/lib/themes/standard/purple/loading.gif diff --git a/lib/themes/standard/red/header-bg.gif b/lib/themes/standard/red/header-bg.gif Binary files differnew file mode 100644 index 0000000..9187645 --- /dev/null +++ b/lib/themes/standard/red/header-bg.gif diff --git a/lib/themes/standard/red/jtable_red.css b/lib/themes/standard/red/jtable_red.css new file mode 100644 index 0000000..f2f20bf --- /dev/null +++ b/lib/themes/standard/red/jtable_red.css @@ -0,0 +1,185 @@ +/******************************************************************************
+ * Name : jtable jQuery plug-in 'standard red' theme
+ * Author : Halil İbrahim KALKAN
+ * Description : This file defines 'red' colors for jtable standart theme.
+ *****************************************************************************/
+
+/* IMPORTS *******************************************************************/
+
+@import '../jtable_standard_base.css';
+
+/* MAIN ELEMENTS *************************************************************/
+
+/* Main container of all elements those are created by jtable plugin */
+div.jtable-main-container
+{
+ color: #000000;
+}
+
+/* A div that contains title of the table (if any title supplied in options) */
+div.jtable-title
+{
+ color: #FFFFFF;
+ background:url('title-bg.png') left;
+ border-color: #e1c6c6;
+}
+
+/* Main table tag */
+table.jtable
+{
+ background-color: #e1c6c6;
+}
+
+/* A panel below the table that contains some commands */
+div.jtable-bottom-panel
+{
+ background-color: #e8e0e0;
+ border-color:#e1c6c6;
+}
+
+/* HEADER ********************************************************************/
+
+/* All header cells in the table */
+table.jtable th
+{
+ background:url('header-bg.gif') left;
+ color:#e7cfcf;
+}
+
+/* PAGING ********************************************************************/
+
+/* Page numbers */
+.jtable-page-number,
+/* First page link */
+.jtable-page-number-first,
+/* Last page link */
+.jtable-page-number-last,
+/* Previous page link */
+.jtable-page-number-previous,
+/* Next page link */
+.jtable-page-number-next
+{
+ background-color: #e7cfcf;
+ border: 1px solid #d6a3a3;
+}
+
+/* Page numbers */
+.jtable-page-number:hover,
+/* First page link */
+.jtable-page-number-first:hover,
+/* Last page link */
+.jtable-page-number-last:hover,
+/* Previous page link */
+.jtable-page-number-previous:hover,
+/* Next page link */
+.jtable-page-number-next:hover
+{
+ background-color: #e99e9e;
+}
+
+/* Active/current page link */
+.jtable-page-number-active
+{
+ background-color: #b04848;
+ border: 1px solid #d6a3a3;
+ color: #fff;
+ font-weight: bold;
+}
+
+/* ROWS **********************************************************************/
+
+/* All rows in the table */
+table.jtable tr
+{
+ background-color: #FFFFFF;
+}
+
+/* Even rows */
+table.jtable tr.jtable-row-even
+{
+ color: #550000;
+ background-color: #F6ECEC;
+}
+
+/* Rows when mouse over */
+table.jtable tr:hover
+{
+ background-color: #edcece;
+}
+
+/* Selected row */
+table.jtable tr.jtable-row-selected
+{
+ color: #ffffff;
+ background-color: #da3e3e;
+}
+
+/* Style for a child row */
+table.jtable tr.jtable-child-row
+{
+ background-color: #ffb1b1;
+}
+
+/* ROW ANIMATIONS ***********************************************************/
+
+/* A 'new created row' style for animation */
+table.jtable tr.jtable-row-created
+{
+ background-color: #00FF89;
+}
+
+/* An 'updated row style' for animation */
+table.jtable tr.jtable-row-updated
+{
+ background-color: #00FFFF;
+}
+
+/* A 'deleting row style' for animation */
+table.jtable tr.jtable-row-deleting
+{
+ background-color: #FF0000;
+}
+
+/* COMMAND BUTTONS ***********************************************************/
+
+/* 'add new record' link */
+span.jtable-add-record a
+{
+ color: #ff1e20;
+}
+
+/* FORMS *********************************************************************/
+
+/* A form to edit/create records */
+form.jtable-dialog-form
+{
+ font-family: 'Verdana';
+ font-size: 10px;
+}
+
+/* FORM INPUT ELEMENTS *******************************************************/
+
+/* A div that contains a label (title) and input field */
+div.jtable-input-field-container
+{
+ background-color: #F6ECEC;
+ border-color: #e1c6c6;
+}
+
+/* BUSY MESSAGE AND PANEL ****************************************************/
+
+/* A panel to block table UI while is busy */
+div.jtable-busy-panel-background
+{
+ background-color: #000000;
+}
+
+/* A div that contains a message while table UI is busy */
+div.jtable-busy-message
+{
+ color: #000000;
+ border-color: #000000;
+ background: url('loading.gif') no-repeat;
+ background-position: 5px;
+ background-color: #ff8a8a;
+}
diff --git a/lib/themes/standard/red/loading.gif b/lib/themes/standard/red/loading.gif Binary files differnew file mode 100644 index 0000000..2f7eef3 --- /dev/null +++ b/lib/themes/standard/red/loading.gif diff --git a/lib/themes/standard/red/title-bg.png b/lib/themes/standard/red/title-bg.png Binary files differnew file mode 100644 index 0000000..4126e93 --- /dev/null +++ b/lib/themes/standard/red/title-bg.png |
