diff options
| author | Halil İbrahim Kalkan <hikalkan@gmail.com> | 2013-01-04 19:48:10 +0200 |
|---|---|---|
| committer | Halil İbrahim Kalkan <hikalkan@gmail.com> | 2013-01-04 21:19:26 +0200 |
| commit | a08e406f31de23ff7fd8cb766fdd9f7f62fbd82d (patch) | |
| tree | 2e3bb70aa42d7f04e03782a697de2a4e60e279ae /lib/themes | |
| parent | f9415fbce9632f034219e84dcd362ae550e88726 (diff) | |
| download | jtable-a08e406f31de23ff7fd8cb766fdd9f7f62fbd82d.zip jtable-a08e406f31de23ff7fd8cb766fdd9f7f62fbd82d.tar.gz jtable-a08e406f31de23ff7fd8cb766fdd9f7f62fbd82d.tar.bz2 | |
src folder moved to lib
There will be two folder, one of them for jTable library files those are
needed to use jTable. This folder is "lib". Other one is for
development, it's name is "dev".
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 |
