mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-06-16 14:31:50 +03:00
Squashed 'jtable/' content from commit 1a6e6ab
git-subtree-dir: jtable git-subtree-split: 1a6e6ab44e57f1cea35a1b7168a8c8ef319d5a81
This commit is contained in:
Mark Schouten
commit
5500cf75c0
155 changed files with 22323 additions and 0 deletions
BIN
lib/themes/basic/close.png
Normal file
BIN
lib/themes/basic/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
lib/themes/basic/column-asc.png
Normal file
BIN
lib/themes/basic/column-asc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 362 B |
BIN
lib/themes/basic/column-desc.png
Normal file
BIN
lib/themes/basic/column-desc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 349 B |
BIN
lib/themes/basic/column-sortable.png
Normal file
BIN
lib/themes/basic/column-sortable.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 347 B |
BIN
lib/themes/basic/delete.png
Normal file
BIN
lib/themes/basic/delete.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
BIN
lib/themes/basic/edit.png
Normal file
BIN
lib/themes/basic/edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 590 B |
282
lib/themes/basic/jtable_basic.css
Normal file
282
lib/themes/basic/jtable_basic.css
Normal file
|
|
@ -0,0 +1,282 @@
|
|||
/* These file is a start point for who wants to create a fully custom
|
||||
* theme for jTable. jtable_theme_base.less (or css) file is needed
|
||||
* for functionality of jTable. This file does not add any color or shape
|
||||
* modifications. It just shows how to set icons. You can change them too.
|
||||
* Halil ibrahim Kalkan / http://www.jtable.org
|
||||
*/
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
background: url('close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
|
||||
background: url('edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
|
||||
background: url('delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
color: #000;
|
||||
background-color: #ddd;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
83
lib/themes/basic/jtable_basic.less
Normal file
83
lib/themes/basic/jtable_basic.less
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
/* These file is a start point for who wants to create a fully custom
|
||||
* theme for jTable. jtable_theme_base.less (or css) file is needed
|
||||
* for functionality of jTable. This file does not add any color or shape
|
||||
* modifications. It just shows how to set icons. You can change them too.
|
||||
* Halil ibrahim Kalkan / http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_theme_base.less";
|
||||
|
||||
.jtable_theme_base;
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
div.jtable-title
|
||||
{
|
||||
div.jtable-title-text
|
||||
{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.jtable-close-button
|
||||
{
|
||||
background: url('close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
thead
|
||||
{
|
||||
th
|
||||
{
|
||||
&.jtable-column-header-sortable div.jtable-column-header-container
|
||||
{
|
||||
background: url('column-sortable.png') no-repeat right;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-asc div.jtable-column-header-container
|
||||
{
|
||||
background: url('column-asc.png') no-repeat right;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-desc div.jtable-column-header-container
|
||||
{
|
||||
background: url('column-desc.png') no-repeat right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
> td
|
||||
{
|
||||
.jtable-edit-command-button
|
||||
{
|
||||
background: url('edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jtable-delete-command-button
|
||||
{
|
||||
background: url('delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
color: #000;
|
||||
background-color: #ddd;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
1
lib/themes/basic/jtable_basic.min.css
vendored
Normal file
1
lib/themes/basic/jtable_basic.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/jqueryui/add.png
Normal file
BIN
lib/themes/jqueryui/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 482 B |
BIN
lib/themes/jqueryui/bg-thead.png
Normal file
BIN
lib/themes/jqueryui/bg-thead.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
lib/themes/jqueryui/close.png
Normal file
BIN
lib/themes/jqueryui/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
lib/themes/jqueryui/column-asc.png
Normal file
BIN
lib/themes/jqueryui/column-asc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 362 B |
BIN
lib/themes/jqueryui/column-desc.png
Normal file
BIN
lib/themes/jqueryui/column-desc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 349 B |
BIN
lib/themes/jqueryui/column-sortable.png
Normal file
BIN
lib/themes/jqueryui/column-sortable.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 347 B |
BIN
lib/themes/jqueryui/delete.png
Normal file
BIN
lib/themes/jqueryui/delete.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
BIN
lib/themes/jqueryui/edit.png
Normal file
BIN
lib/themes/jqueryui/edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 590 B |
398
lib/themes/jqueryui/jtable_jqueryui.css
Normal file
398
lib/themes/jqueryui/jtable_jqueryui.css
Normal file
|
|
@ -0,0 +1,398 @@
|
|||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
bottom: 6px;
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
line-height: 20px;
|
||||
margin-right: 2px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('add.png');
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
padding: 4px 3px 4px 6px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 20px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header span.jtable-column-header-text {
|
||||
margin-top: 3px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr {
|
||||
padding: 2px;
|
||||
height: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td {
|
||||
padding: 5px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
|
||||
background: url('edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
|
||||
background: url('delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td {
|
||||
padding: 2px 1px 2px 2px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td div.jtable-toolbar {
|
||||
margin-right: 33px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable {
|
||||
border: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-title,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel {
|
||||
padding: 1px;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
|
||||
padding: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 3px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-goto-page {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record {
|
||||
margin: 3px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
-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);
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
-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);
|
||||
padding: 5px;
|
||||
color: none;
|
||||
}
|
||||
296
lib/themes/jqueryui/jtable_jqueryui.less
Normal file
296
lib/themes/jqueryui/jtable_jqueryui.less
Normal file
|
|
@ -0,0 +1,296 @@
|
|||
@import "../jtable_theme_base.less";
|
||||
|
||||
.jtable_jqueryui_base()
|
||||
{
|
||||
.jtable_theme_base;
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
div.jtable-title
|
||||
{
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
padding-left: 10px;
|
||||
|
||||
.jtable-close-button
|
||||
{
|
||||
.dock(right, 6px);
|
||||
.opacity(0.8);
|
||||
background: url('close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
&:hover
|
||||
{
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
|
||||
// Toolbar -------------------------------------------------------------
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
.dock(bottom-right);
|
||||
|
||||
line-height:20px;
|
||||
margin-right:2px;
|
||||
margin-bottom:2px;
|
||||
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
&.jtable-toolbar-item-add-record
|
||||
{
|
||||
span.jtable-toolbar-item-icon
|
||||
{
|
||||
background-image: url('add.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
|
||||
thead
|
||||
{
|
||||
th
|
||||
{
|
||||
padding: 4px 3px 4px 6px;
|
||||
|
||||
&:first-child
|
||||
{
|
||||
}
|
||||
|
||||
&th:last-child
|
||||
{
|
||||
}
|
||||
|
||||
&.jtable-column-header
|
||||
{
|
||||
div.jtable-column-header-container
|
||||
{
|
||||
height: 20px;
|
||||
|
||||
div.jtable-column-resize-handler
|
||||
{
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-column-header-text
|
||||
{
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-column-header-selecting
|
||||
{
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sortable div.jtable-column-header-container
|
||||
{
|
||||
background: url('column-sortable.png') no-repeat right;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-asc div.jtable-column-header-container
|
||||
{
|
||||
background: url('column-asc.png') no-repeat right;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-desc div.jtable-column-header-container
|
||||
{
|
||||
background: url('column-desc.png') no-repeat right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
padding: 2px;
|
||||
height: 30px;
|
||||
|
||||
> td
|
||||
{
|
||||
padding: 5px;
|
||||
border: 1px solid #ddd; //TODO
|
||||
|
||||
&:first-child
|
||||
{
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.jtable-edit-command-button
|
||||
{
|
||||
background: url('edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jtable-delete-command-button
|
||||
{
|
||||
background: url('delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-row-even
|
||||
{
|
||||
}
|
||||
|
||||
&:hover
|
||||
{
|
||||
}
|
||||
|
||||
&.jtable-row-selected
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
&.jtable-child-row
|
||||
{
|
||||
> td
|
||||
{
|
||||
padding: 2px 1px 2px 2px;
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
margin-right: 33px;
|
||||
}
|
||||
|
||||
.jtable
|
||||
{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.jtable-title,
|
||||
.jtable-bottom-panel
|
||||
{
|
||||
.border-radius(0px);
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-bottom-panel
|
||||
{
|
||||
padding: 1px;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
|
||||
div.jtable-right-area
|
||||
{
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.jtable-page-list
|
||||
{
|
||||
margin: 3px;
|
||||
|
||||
.jtable-page-number,
|
||||
.jtable-page-number-space,
|
||||
.jtable-page-number-first,
|
||||
.jtable-page-number-last,
|
||||
.jtable-page-number-previous,
|
||||
.jtable-page-number-next,
|
||||
.jtable-page-number-active
|
||||
{
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.jtable-page-number:hover,
|
||||
.jtable-page-number-first:hover,
|
||||
.jtable-page-number-last:hover,
|
||||
.jtable-page-number-previous:hover,
|
||||
.jtable-page-number-next:hover
|
||||
{
|
||||
}
|
||||
|
||||
.jtable-page-number-active
|
||||
{
|
||||
}
|
||||
|
||||
.jtable-page-number-disabled
|
||||
{
|
||||
//.opacity(0.5);
|
||||
|
||||
&.jtable-page-number-active
|
||||
{
|
||||
//.opacity(1);
|
||||
}
|
||||
|
||||
&:hover
|
||||
{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-page-size-change
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
span.jtable-goto-page
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.jtable-page-info
|
||||
{
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
span.jtable-add-record
|
||||
{
|
||||
margin: 3px;
|
||||
|
||||
a
|
||||
{
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-column-selection-container
|
||||
{
|
||||
.border-radius(3px);
|
||||
.box-shadow(2px 2px 4px rgba(50, 51, 50, 0.75));
|
||||
}
|
||||
}
|
||||
|
||||
form.jtable-dialog-form
|
||||
{
|
||||
div.jtable-input-label
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
.border-radius(3px);
|
||||
.box-shadow(2px 2px 4px rgba(50, 51, 50, 0.75));
|
||||
padding: 5px;
|
||||
color:none;
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////////////
|
||||
|
||||
.jtable_jqueryui_base();
|
||||
1
lib/themes/jqueryui/jtable_jqueryui.min.css
vendored
Normal file
1
lib/themes/jqueryui/jtable_jqueryui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/jqueryui/loading.gif
Normal file
BIN
lib/themes/jqueryui/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
524
lib/themes/jtable_theme_base.less
Normal file
524
lib/themes/jtable_theme_base.less
Normal file
|
|
@ -0,0 +1,524 @@
|
|||
// Base styles for jTable.
|
||||
// All themes must inherit from jtable_theme_base.
|
||||
// Created by Halil İbrahim Kalkan
|
||||
// http://www.jtable.org
|
||||
|
||||
// GENERAL MIXINGS ////////////////////////////////////////////////////////////
|
||||
|
||||
.centered()
|
||||
{
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.clear-margin-padding()
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.clear-list-styles()
|
||||
{
|
||||
.clear-margin-padding;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.border-radius(@radius)
|
||||
{
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
.text-shadow(@shadow)
|
||||
{
|
||||
-webkit-text-shadow: @shadow;
|
||||
text-shadow: @shadow;
|
||||
}
|
||||
|
||||
.box-shadow(@shadow)
|
||||
{
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
.opacity(@value)
|
||||
{
|
||||
opacity: @value;
|
||||
//for IE8 and earlier
|
||||
@ieValue: @value * 100;
|
||||
filter: alpha(opacity=@ieValue);
|
||||
}
|
||||
|
||||
.vertical-gradient(@top_color, @bottom_color)
|
||||
{
|
||||
background: @top_color; // Old browsers
|
||||
background: -moz-linear-gradient(top, @top_color 0%, @bottom_color 100%); // FF3.6+
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@top_color), color-stop(100%,@bottom_color)); // Chrome,Safari4+
|
||||
background: -webkit-linear-gradient(top, @top_color 0%,@bottom_color 100%); // Chrome10+,Safari5.1+
|
||||
background: -o-linear-gradient(top, @top_color 0%,@bottom_color 100%); // Opera 11.10+
|
||||
background: -ms-linear-gradient(top, @top_color 0%,@bottom_color 100%); // IE10+
|
||||
background: linear-gradient(to bottom, @top_color 0%,@bottom_color 100%); // W3C
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{top_color}', endColorstr='@{bottom_color}',GradientType=0 ); // IE6-9
|
||||
}
|
||||
|
||||
// Docking
|
||||
|
||||
@default-dock-margin: 0px;
|
||||
|
||||
.dock(top, @margin: @default-dock-margin)
|
||||
{
|
||||
left: @margin;
|
||||
top: @margin;
|
||||
right: @margin;
|
||||
}
|
||||
|
||||
.dock(right, @margin: @default-dock-margin)
|
||||
{
|
||||
right: @margin;
|
||||
top: @margin;
|
||||
bottom: @margin;
|
||||
}
|
||||
|
||||
.dock(bottom, @margin: @default-dock-margin)
|
||||
{
|
||||
left: @margin;
|
||||
right: @margin;
|
||||
bottom: @margin;
|
||||
}
|
||||
|
||||
.dock(left, @margin: @default-dock-margin)
|
||||
{
|
||||
left: @margin;
|
||||
top: @margin;
|
||||
bottom: @margin;
|
||||
}
|
||||
|
||||
.dock(top-left, @margin: @default-dock-margin)
|
||||
{
|
||||
left: @margin;
|
||||
top: @margin;
|
||||
}
|
||||
|
||||
.dock(top-right, @margin: @default-dock-margin)
|
||||
{
|
||||
top: @margin;
|
||||
right: @margin;
|
||||
}
|
||||
|
||||
.dock(bottom-right, @margin: @default-dock-margin)
|
||||
{
|
||||
bottom: @margin;
|
||||
right: @margin;
|
||||
}
|
||||
|
||||
.dock(bottom-left, @margin: @default-dock-margin)
|
||||
{
|
||||
bottom: @margin;
|
||||
left: @margin;
|
||||
}
|
||||
|
||||
.dock(@direction, @margin: @default-dock-margin)
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
// JTABLE THEME BASE STYLES ///////////////////////////////////////////////////
|
||||
|
||||
.jtable_theme_base()
|
||||
{
|
||||
div.jtable-main-container
|
||||
{
|
||||
position: relative;
|
||||
|
||||
div.jtable-title
|
||||
{
|
||||
position: relative;
|
||||
text-align: left;
|
||||
|
||||
.jtable-close-button
|
||||
{
|
||||
.dock(right);
|
||||
}
|
||||
|
||||
// Toolbar -------------------------------------------------------------
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
.dock(bottom-right);
|
||||
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
|
||||
span.jtable-toolbar-item-icon
|
||||
{
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
span.jtable-toolbar-item-text
|
||||
{
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jtable-close-button+div.jtable-toolbar
|
||||
{
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
width: 100%;
|
||||
|
||||
thead
|
||||
{
|
||||
th
|
||||
{
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
|
||||
&.jtable-column-header
|
||||
{
|
||||
div.jtable-column-header-container
|
||||
{
|
||||
position: relative;
|
||||
|
||||
span.jtable-column-header-text
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div.jtable-column-resize-handler
|
||||
{
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-command-column-header
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.jtable-column-header-selecting
|
||||
{
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
|
||||
input
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-column-header-sortable
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody
|
||||
{
|
||||
tr
|
||||
{
|
||||
> td
|
||||
{
|
||||
.jtable-command-button
|
||||
{
|
||||
.clear-margin-padding;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
|
||||
span
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-command-column
|
||||
{
|
||||
.centered;
|
||||
}
|
||||
|
||||
&.jtable-selecting-column
|
||||
{
|
||||
.centered;
|
||||
|
||||
input
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-no-data-row
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.jtable-row-created
|
||||
{
|
||||
}
|
||||
|
||||
&.jtable-row-updated
|
||||
{
|
||||
}
|
||||
|
||||
&.jtable-row-deleting
|
||||
{
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> div.jtable-bottom-panel
|
||||
{
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
|
||||
div.jtable-right-area
|
||||
{
|
||||
.dock(right);
|
||||
}
|
||||
|
||||
.jtable-page-list
|
||||
{
|
||||
display: inline-block;
|
||||
|
||||
.jtable-page-number,
|
||||
.jtable-page-number-space,
|
||||
.jtable-page-number-first,
|
||||
.jtable-page-number-last,
|
||||
.jtable-page-number-previous,
|
||||
.jtable-page-number-next,
|
||||
.jtable-page-number-active
|
||||
{
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jtable-page-number-space,
|
||||
.jtable-page-number-active,
|
||||
.jtable-page-number-disabled
|
||||
{
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-page-size-change
|
||||
{
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
span.jtable-goto-page
|
||||
{
|
||||
margin-left: 5px;
|
||||
|
||||
input[type=text]
|
||||
{
|
||||
width:22px;
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-page-info
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-column-resize-bar
|
||||
{
|
||||
.opacity(0.5);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
div.jtable-column-selection-container
|
||||
{
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
|
||||
ul.jtable-column-select-list
|
||||
{
|
||||
.clear-list-styles;
|
||||
|
||||
li
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
|
||||
label
|
||||
{
|
||||
span
|
||||
{
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"]
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form.jtable-dialog-form
|
||||
{
|
||||
div.jtable-input-field-container
|
||||
{
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
|
||||
&:last-child
|
||||
{
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-input-label
|
||||
{
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
div.jtable-input
|
||||
{
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
div.jtable-date-input
|
||||
{
|
||||
/* No additional style */
|
||||
}
|
||||
|
||||
div.jtable-text-input
|
||||
{
|
||||
/* No additional style */
|
||||
}
|
||||
|
||||
span.jtable-option-text-clickable
|
||||
{
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
div.jtable-textarea-input textarea
|
||||
{
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
div.jtable-password-input
|
||||
{
|
||||
}
|
||||
|
||||
div.jtable-dropdown-input
|
||||
{
|
||||
}
|
||||
|
||||
div.jtable-radiobuttonlist-input
|
||||
{
|
||||
}
|
||||
|
||||
div.jtable-checkbox-input span,
|
||||
div.jtable-radio-input span
|
||||
{
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
div.jtable-radio-input input,
|
||||
div.jtable-checkbox-input input,
|
||||
span.jtable-option-text-clickable
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
form.jtable-create-form
|
||||
{
|
||||
}
|
||||
|
||||
form.jtable-edit-form
|
||||
{
|
||||
}
|
||||
|
||||
div.jtable-busy-panel-background
|
||||
{
|
||||
.opacity(0.1);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
|
||||
&.jtable-busy-panel-background-invisible
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
div.jtable-contextmenu-overlay
|
||||
{
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.jtable-delete-confirm-message
|
||||
{
|
||||
}
|
||||
|
||||
.jtable-row-ready-to-remove
|
||||
{
|
||||
}
|
||||
}
|
||||
BIN
lib/themes/lightcolor/add.png
Normal file
BIN
lib/themes/lightcolor/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 482 B |
BIN
lib/themes/lightcolor/bg-thead.png
Normal file
BIN
lib/themes/lightcolor/bg-thead.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
521
lib/themes/lightcolor/blue/jtable.css
Normal file
521
lib/themes/lightcolor/blue/jtable.css
Normal file
|
|
@ -0,0 +1,521 @@
|
|||
/* jTable light color theme - Blue
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
color: #222;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
|
||||
padding-left: 10px;
|
||||
border: 1px solid;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
bottom: 6px;
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../lightcolor/close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
line-height: 26px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../lightcolor/add.png');
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead {
|
||||
background: url('../../lightcolor/bg-thead.png') repeat-x scroll top left #dddddd;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
padding: 4px 3px 4px 6px;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead thth:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 20px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header span.jtable-column-header-text {
|
||||
margin-top: 3px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr {
|
||||
padding: 2px;
|
||||
background: #f8f8f8;
|
||||
height: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td {
|
||||
padding: 5px;
|
||||
border-left: 1px dotted #bebebe;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
|
||||
background: url('../../lightcolor/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
|
||||
background: url('../../lightcolor/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-even {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td {
|
||||
background-color: #bbb;
|
||||
padding: 2px 1px 2px 2px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable {
|
||||
border: none;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-title,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px 0px 3px 3px;
|
||||
-moz-border-radius: 0px 0px 3px 3px;
|
||||
border-radius: 0px 0px 3px 3px;
|
||||
padding: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #C8C8C8;
|
||||
border-top: none;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
|
||||
padding: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
background-color: #ebebeb;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled.jtable-page-number-active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record {
|
||||
margin: 3px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
-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);
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
-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);
|
||||
color: #fff;
|
||||
border: 1px solid;
|
||||
padding: 3px 5px 5px 27px;
|
||||
background: url('../../lightcolor/blue/loading.gif') no-repeat;
|
||||
background-position: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
background: #78b1ed;
|
||||
background: -moz-linear-gradient(top, #78b1ed 0%, #417bb5 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78b1ed), color-stop(100%, #417bb5));
|
||||
background: -webkit-linear-gradient(top, #78b1ed 0%, #417bb5 100%);
|
||||
background: -o-linear-gradient(top, #78b1ed 0%, #417bb5 100%);
|
||||
background: -ms-linear-gradient(top, #78b1ed 0%, #417bb5 100%);
|
||||
background: linear-gradient(to bottom, #78b1ed 0%, #417bb5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78b1ed', endColorstr='#417bb5', GradientType=0);
|
||||
border-color: #2B5177;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #417bb5;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover {
|
||||
background-color: #5f9cdc;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-created,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-updated,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-deleting {
|
||||
background-color: #5f9cdc;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active:hover {
|
||||
background-color: #2b5177;
|
||||
border-color: #092f55;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
color: #2B5177;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
border-color: #2B5177;
|
||||
background-color: #78B1ED;
|
||||
}
|
||||
90
lib/themes/lightcolor/blue/jtable.less
Normal file
90
lib/themes/lightcolor/blue/jtable.less
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/* jTable light color theme - Blue
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_lightcolor_base.less";
|
||||
|
||||
@theme-folder: 'blue';
|
||||
|
||||
.jtable_lightcolor_base(@theme-folder);
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
div.jtable-title
|
||||
{
|
||||
.vertical-gradient(#78b1ed,#417bb5);
|
||||
border-color: #2B5177;
|
||||
|
||||
div.jtable-title-text
|
||||
{
|
||||
.text-shadow(0 1px 0 #666);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
color: white;
|
||||
|
||||
&.jtable-toolbar-item-hover
|
||||
{
|
||||
background-color: #417bb5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
@highlight-color:#5f9cdc;
|
||||
|
||||
&.jtable-row-selected,
|
||||
&.jtable-row-selected:hover
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
|
||||
&.jtable-row-created,
|
||||
&.jtable-row-updated,
|
||||
&.jtable-row-deleting
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-bottom-panel
|
||||
{
|
||||
.jtable-page-list
|
||||
{
|
||||
.jtable-page-number-active,.jtable-page-number-active:hover
|
||||
{
|
||||
@bgcolor: #2B5177;
|
||||
|
||||
background-color: @bgcolor;
|
||||
border-color: @bgcolor - #222;
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-add-record
|
||||
{
|
||||
a
|
||||
{
|
||||
color: #2B5177;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
border-color: #2B5177;
|
||||
background-color: #78B1ED;
|
||||
}
|
||||
1
lib/themes/lightcolor/blue/jtable.min.css
vendored
Normal file
1
lib/themes/lightcolor/blue/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/lightcolor/blue/loading.gif
Normal file
BIN
lib/themes/lightcolor/blue/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
BIN
lib/themes/lightcolor/close.png
Normal file
BIN
lib/themes/lightcolor/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
lib/themes/lightcolor/column-asc.png
Normal file
BIN
lib/themes/lightcolor/column-asc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 362 B |
BIN
lib/themes/lightcolor/column-desc.png
Normal file
BIN
lib/themes/lightcolor/column-desc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 349 B |
BIN
lib/themes/lightcolor/column-sortable.png
Normal file
BIN
lib/themes/lightcolor/column-sortable.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 347 B |
BIN
lib/themes/lightcolor/delete.png
Normal file
BIN
lib/themes/lightcolor/delete.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
BIN
lib/themes/lightcolor/edit.png
Normal file
BIN
lib/themes/lightcolor/edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 590 B |
521
lib/themes/lightcolor/gray/jtable.css
Normal file
521
lib/themes/lightcolor/gray/jtable.css
Normal file
|
|
@ -0,0 +1,521 @@
|
|||
/* jTable light color theme - Gray
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
color: #222;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
|
||||
padding-left: 10px;
|
||||
border: 1px solid;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
bottom: 6px;
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../lightcolor/close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
line-height: 26px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../lightcolor/add.png');
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead {
|
||||
background: url('../../lightcolor/bg-thead.png') repeat-x scroll top left #dddddd;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
padding: 4px 3px 4px 6px;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead thth:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 20px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header span.jtable-column-header-text {
|
||||
margin-top: 3px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr {
|
||||
padding: 2px;
|
||||
background: #f8f8f8;
|
||||
height: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td {
|
||||
padding: 5px;
|
||||
border-left: 1px dotted #bebebe;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
|
||||
background: url('../../lightcolor/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
|
||||
background: url('../../lightcolor/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-even {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td {
|
||||
background-color: #bbb;
|
||||
padding: 2px 1px 2px 2px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable {
|
||||
border: none;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-title,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px 0px 3px 3px;
|
||||
-moz-border-radius: 0px 0px 3px 3px;
|
||||
border-radius: 0px 0px 3px 3px;
|
||||
padding: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #C8C8C8;
|
||||
border-top: none;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
|
||||
padding: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
background-color: #ebebeb;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled.jtable-page-number-active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record {
|
||||
margin: 3px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
-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);
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
-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);
|
||||
color: #fff;
|
||||
border: 1px solid;
|
||||
padding: 3px 5px 5px 27px;
|
||||
background: url('../../lightcolor/gray/loading.gif') no-repeat;
|
||||
background-position: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
background: #e8e8e8;
|
||||
background: -moz-linear-gradient(top, #e8e8e8 0%, #bababa 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #bababa));
|
||||
background: -webkit-linear-gradient(top, #e8e8e8 0%, #bababa 100%);
|
||||
background: -o-linear-gradient(top, #e8e8e8 0%, #bababa 100%);
|
||||
background: -ms-linear-gradient(top, #e8e8e8 0%, #bababa 100%);
|
||||
background: linear-gradient(to bottom, #e8e8e8 0%, #bababa 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#bababa', GradientType=0);
|
||||
border-color: #949494;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
color: black;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #a8a8a8;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover {
|
||||
background-color: #8e8e8e;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-created,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-updated,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-deleting {
|
||||
background-color: #8e8e8e;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active:hover {
|
||||
background-color: #8e8e8e;
|
||||
border-color: #6c6c6c;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
color: #5f5f5f;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
border-color: #5f5f5f;
|
||||
background-color: #8e8e8e;
|
||||
}
|
||||
90
lib/themes/lightcolor/gray/jtable.less
Normal file
90
lib/themes/lightcolor/gray/jtable.less
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/* jTable light color theme - Gray
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_lightcolor_base.less";
|
||||
|
||||
@theme-folder: 'gray';
|
||||
|
||||
.jtable_lightcolor_base(@theme-folder);
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
div.jtable-title
|
||||
{
|
||||
.vertical-gradient(#e8e8e8,#bababa);
|
||||
border-color: #949494;
|
||||
|
||||
div.jtable-title-text
|
||||
{
|
||||
.text-shadow(0 1px 0 #fff);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
color: black;
|
||||
|
||||
&.jtable-toolbar-item-hover
|
||||
{
|
||||
background-color: #a8a8a8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
@highlight-color:#8e8e8e;
|
||||
|
||||
&.jtable-row-selected,
|
||||
&.jtable-row-selected:hover
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
|
||||
&.jtable-row-created,
|
||||
&.jtable-row-updated,
|
||||
&.jtable-row-deleting
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-bottom-panel
|
||||
{
|
||||
.jtable-page-list
|
||||
{
|
||||
.jtable-page-number-active,.jtable-page-number-active:hover
|
||||
{
|
||||
@bgcolor: #8e8e8e;
|
||||
|
||||
background-color: @bgcolor;
|
||||
border-color: @bgcolor - #222;
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-add-record
|
||||
{
|
||||
a
|
||||
{
|
||||
color: #5f5f5f;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
border-color: #5f5f5f;
|
||||
background-color: #8e8e8e;
|
||||
}
|
||||
1
lib/themes/lightcolor/gray/jtable.min.css
vendored
Normal file
1
lib/themes/lightcolor/gray/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/lightcolor/gray/loading.gif
Normal file
BIN
lib/themes/lightcolor/gray/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
521
lib/themes/lightcolor/green/jtable.css
Normal file
521
lib/themes/lightcolor/green/jtable.css
Normal file
|
|
@ -0,0 +1,521 @@
|
|||
/* jTable light color theme - Green
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
color: #222;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
|
||||
padding-left: 10px;
|
||||
border: 1px solid;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
bottom: 6px;
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../lightcolor/close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
line-height: 26px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../lightcolor/add.png');
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead {
|
||||
background: url('../../lightcolor/bg-thead.png') repeat-x scroll top left #dddddd;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
padding: 4px 3px 4px 6px;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead thth:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 20px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header span.jtable-column-header-text {
|
||||
margin-top: 3px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr {
|
||||
padding: 2px;
|
||||
background: #f8f8f8;
|
||||
height: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td {
|
||||
padding: 5px;
|
||||
border-left: 1px dotted #bebebe;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
|
||||
background: url('../../lightcolor/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
|
||||
background: url('../../lightcolor/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-even {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td {
|
||||
background-color: #bbb;
|
||||
padding: 2px 1px 2px 2px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable {
|
||||
border: none;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-title,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px 0px 3px 3px;
|
||||
-moz-border-radius: 0px 0px 3px 3px;
|
||||
border-radius: 0px 0px 3px 3px;
|
||||
padding: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #C8C8C8;
|
||||
border-top: none;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
|
||||
padding: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
background-color: #ebebeb;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled.jtable-page-number-active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record {
|
||||
margin: 3px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
-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);
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
-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);
|
||||
color: #fff;
|
||||
border: 1px solid;
|
||||
padding: 3px 5px 5px 27px;
|
||||
background: url('../../lightcolor/green/loading.gif') no-repeat;
|
||||
background-position: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
background: #72eb65;
|
||||
background: -moz-linear-gradient(top, #72eb65 0%, #1e9d0d 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #72eb65), color-stop(100%, #1e9d0d));
|
||||
background: -webkit-linear-gradient(top, #72eb65 0%, #1e9d0d 100%);
|
||||
background: -o-linear-gradient(top, #72eb65 0%, #1e9d0d 100%);
|
||||
background: -ms-linear-gradient(top, #72eb65 0%, #1e9d0d 100%);
|
||||
background: linear-gradient(to bottom, #72eb65 0%, #1e9d0d 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72eb65', endColorstr='#1e9d0d', GradientType=0);
|
||||
border-color: #167509;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #208b10;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover {
|
||||
background-color: #33b326;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-created,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-updated,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-deleting {
|
||||
background-color: #33b326;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active:hover {
|
||||
background-color: #42d033;
|
||||
border-color: #20ae11;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
color: #167509;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
border-color: #167509;
|
||||
background-color: #42d033;
|
||||
}
|
||||
90
lib/themes/lightcolor/green/jtable.less
Normal file
90
lib/themes/lightcolor/green/jtable.less
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/* jTable light color theme - Green
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_lightcolor_base.less";
|
||||
|
||||
@theme-folder: 'green';
|
||||
|
||||
.jtable_lightcolor_base(@theme-folder);
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
div.jtable-title
|
||||
{
|
||||
.vertical-gradient(#72eb65,#1e9d0d);
|
||||
border-color: #167509;
|
||||
|
||||
div.jtable-title-text
|
||||
{
|
||||
.text-shadow(0 1px 0 #666);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
color: white;
|
||||
|
||||
&.jtable-toolbar-item-hover
|
||||
{
|
||||
background-color: #208b10;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
@highlight-color:#33b326;
|
||||
|
||||
&.jtable-row-selected,
|
||||
&.jtable-row-selected:hover
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
|
||||
&.jtable-row-created,
|
||||
&.jtable-row-updated,
|
||||
&.jtable-row-deleting
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-bottom-panel
|
||||
{
|
||||
.jtable-page-list
|
||||
{
|
||||
.jtable-page-number-active,.jtable-page-number-active:hover
|
||||
{
|
||||
@bgcolor: #42d033;
|
||||
|
||||
background-color: @bgcolor;
|
||||
border-color: @bgcolor - #222;
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-add-record
|
||||
{
|
||||
a
|
||||
{
|
||||
color: #167509;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
border-color: #167509;
|
||||
background-color: #42d033;
|
||||
}
|
||||
1
lib/themes/lightcolor/green/jtable.min.css
vendored
Normal file
1
lib/themes/lightcolor/green/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/lightcolor/green/loading.gif
Normal file
BIN
lib/themes/lightcolor/green/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
329
lib/themes/lightcolor/jtable_lightcolor_base.less
Normal file
329
lib/themes/lightcolor/jtable_lightcolor_base.less
Normal file
|
|
@ -0,0 +1,329 @@
|
|||
@import "../jtable_theme_base.less";
|
||||
|
||||
.jtable_lightcolor_base( @theme-folder )
|
||||
{
|
||||
@defaultFontFamily: Verdana, Arial, Helvetica, sans-serif;
|
||||
@defaultFontSize: 11px;
|
||||
|
||||
.default-font(@size: @defaultFontSize)
|
||||
{
|
||||
font-family: @defaultFontFamily;
|
||||
font-size: @defaultFontSize;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.jtable_theme_base;
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
.default-font;
|
||||
color: #222;
|
||||
|
||||
div.jtable-title
|
||||
{
|
||||
.border-radius(3px 3px 0 0);
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
|
||||
padding-left: 10px;
|
||||
border: 1px solid;
|
||||
|
||||
div.jtable-title-text
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.jtable-close-button
|
||||
{
|
||||
.dock(right, 6px);
|
||||
.opacity(0.8);
|
||||
background: url('lightcolor/close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
&:hover
|
||||
{
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
|
||||
// Toolbar -------------------------------------------------------------
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
.dock(bottom-right);
|
||||
line-height:26px;
|
||||
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
&.jtable-toolbar-item-add-record
|
||||
{
|
||||
span.jtable-toolbar-item-icon
|
||||
{
|
||||
background-image: url('lightcolor/add.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid #C8C8C8;
|
||||
|
||||
thead
|
||||
{
|
||||
background: url('lightcolor/bg-thead.png') repeat-x scroll top left #dddddd;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
|
||||
th
|
||||
{
|
||||
padding: 4px 3px 4px 6px;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #C8C8C8;
|
||||
|
||||
&:first-child
|
||||
{
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&th:last-child
|
||||
{
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
&.jtable-column-header
|
||||
{
|
||||
div.jtable-column-header-container
|
||||
{
|
||||
height: 20px;
|
||||
|
||||
div.jtable-column-resize-handler
|
||||
{
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-column-header-text
|
||||
{
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-column-header-selecting
|
||||
{
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sortable div.jtable-column-header-container
|
||||
{
|
||||
background: url('lightcolor/column-sortable.png') no-repeat right;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-asc div.jtable-column-header-container
|
||||
{
|
||||
background: url('lightcolor/column-asc.png') no-repeat right;
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-desc div.jtable-column-header-container
|
||||
{
|
||||
background: url('lightcolor/column-desc.png') no-repeat right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
padding: 2px;
|
||||
background: #f8f8f8;
|
||||
height: 30px;
|
||||
|
||||
> td
|
||||
{
|
||||
padding: 5px;
|
||||
border-left: 1px dotted #bebebe;
|
||||
|
||||
&:first-child
|
||||
{
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.jtable-edit-command-button
|
||||
{
|
||||
background: url('lightcolor/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jtable-delete-command-button
|
||||
{
|
||||
background: url('lightcolor/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-row-even
|
||||
{
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
&:hover
|
||||
{
|
||||
background: #e8eaef;
|
||||
}
|
||||
|
||||
&.jtable-row-selected
|
||||
{
|
||||
.text-shadow(0 1px 0 #333);
|
||||
color: #FCFCFC;
|
||||
}
|
||||
|
||||
&.jtable-child-row
|
||||
{
|
||||
> td
|
||||
{
|
||||
background-color: #bbb;
|
||||
padding: 2px 1px 2px 2px;
|
||||
|
||||
.jtable
|
||||
{
|
||||
border: none;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
|
||||
.jtable-title,
|
||||
.jtable-bottom-panel
|
||||
{
|
||||
.border-radius(0px);
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-bottom-panel
|
||||
{
|
||||
.border-radius(0px 0px 3px 3px);
|
||||
padding: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #C8C8C8;
|
||||
border-top: none;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
|
||||
div.jtable-right-area
|
||||
{
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.jtable-page-list
|
||||
{
|
||||
margin: 2px;
|
||||
|
||||
.jtable-page-number,
|
||||
.jtable-page-number-space,
|
||||
.jtable-page-number-first,
|
||||
.jtable-page-number-last,
|
||||
.jtable-page-number-previous,
|
||||
.jtable-page-number-next,
|
||||
.jtable-page-number-active
|
||||
{
|
||||
.text-shadow(0 1px 0 white);
|
||||
background-color: #ebebeb;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.jtable-page-number:hover,
|
||||
.jtable-page-number-first:hover,
|
||||
.jtable-page-number-last:hover,
|
||||
.jtable-page-number-previous:hover,
|
||||
.jtable-page-number-next:hover
|
||||
{
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.jtable-page-number-active
|
||||
{
|
||||
.text-shadow(0 1px 0 #666);
|
||||
color: #FCFCFC;
|
||||
}
|
||||
|
||||
.jtable-page-number-disabled
|
||||
{
|
||||
.opacity(0.5);
|
||||
|
||||
&.jtable-page-number-active
|
||||
{
|
||||
.opacity(1);
|
||||
}
|
||||
|
||||
&:hover
|
||||
{
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jtable-page-info
|
||||
{
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
span.jtable-add-record
|
||||
{
|
||||
margin: 3px;
|
||||
|
||||
a
|
||||
{
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-column-selection-container
|
||||
{
|
||||
.border-radius(3px);
|
||||
.box-shadow(2px 2px 4px rgba(50, 51, 50, 0.75));
|
||||
}
|
||||
}
|
||||
|
||||
form.jtable-dialog-form
|
||||
{
|
||||
.default-font(@defaultFontSize - 1px);
|
||||
|
||||
div.jtable-input-label
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
.text-shadow(0 1px 0 #333);
|
||||
.border-radius(3px);
|
||||
.box-shadow(2px 2px 4px rgba(50, 51, 50, 0.75));
|
||||
color: #fff;
|
||||
border: 1px solid;
|
||||
padding: 3px 5px 5px 27px;
|
||||
background: url('lightcolor/@{theme-folder}/loading.gif') no-repeat;
|
||||
background-position: 5px;
|
||||
}
|
||||
}
|
||||
521
lib/themes/lightcolor/orange/jtable.css
Normal file
521
lib/themes/lightcolor/orange/jtable.css
Normal file
|
|
@ -0,0 +1,521 @@
|
|||
/* jTable light color theme - Orange
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
color: #222;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
|
||||
padding-left: 10px;
|
||||
border: 1px solid;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
bottom: 6px;
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../lightcolor/close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
line-height: 26px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../lightcolor/add.png');
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead {
|
||||
background: url('../../lightcolor/bg-thead.png') repeat-x scroll top left #dddddd;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
padding: 4px 3px 4px 6px;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead thth:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 20px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header span.jtable-column-header-text {
|
||||
margin-top: 3px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr {
|
||||
padding: 2px;
|
||||
background: #f8f8f8;
|
||||
height: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td {
|
||||
padding: 5px;
|
||||
border-left: 1px dotted #bebebe;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
|
||||
background: url('../../lightcolor/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
|
||||
background: url('../../lightcolor/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-even {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td {
|
||||
background-color: #bbb;
|
||||
padding: 2px 1px 2px 2px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable {
|
||||
border: none;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-title,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px 0px 3px 3px;
|
||||
-moz-border-radius: 0px 0px 3px 3px;
|
||||
border-radius: 0px 0px 3px 3px;
|
||||
padding: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #C8C8C8;
|
||||
border-top: none;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
|
||||
padding: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
background-color: #ebebeb;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled.jtable-page-number-active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record {
|
||||
margin: 3px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
-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);
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
-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);
|
||||
color: #fff;
|
||||
border: 1px solid;
|
||||
padding: 3px 5px 5px 27px;
|
||||
background: url('../../lightcolor/orange/loading.gif') no-repeat;
|
||||
background-position: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
background: #ffa366;
|
||||
background: -moz-linear-gradient(top, #ffa366 0%, #da5700 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa366), color-stop(100%, #da5700));
|
||||
background: -webkit-linear-gradient(top, #ffa366 0%, #da5700 100%);
|
||||
background: -o-linear-gradient(top, #ffa366 0%, #da5700 100%);
|
||||
background: -ms-linear-gradient(top, #ffa366 0%, #da5700 100%);
|
||||
background: linear-gradient(to bottom, #ffa366 0%, #da5700 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa366', endColorstr='#da5700', GradientType=0);
|
||||
border-color: #804620;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #c45206;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover {
|
||||
background-color: #f36301;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-created,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-updated,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-deleting {
|
||||
background-color: #f36301;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active:hover {
|
||||
background-color: #f36301;
|
||||
border-color: #d14100;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
color: #cc5200;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
border-color: #a14100;
|
||||
background-color: #f36301;
|
||||
}
|
||||
90
lib/themes/lightcolor/orange/jtable.less
Normal file
90
lib/themes/lightcolor/orange/jtable.less
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/* jTable light color theme - Orange
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_lightcolor_base.less";
|
||||
|
||||
@theme-folder: 'orange';
|
||||
|
||||
.jtable_lightcolor_base(@theme-folder);
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
div.jtable-title
|
||||
{
|
||||
.vertical-gradient(#ffa366,#da5700);
|
||||
border-color: #804620;
|
||||
|
||||
div.jtable-title-text
|
||||
{
|
||||
.text-shadow(0 1px 0 #666);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
color: white;
|
||||
|
||||
&.jtable-toolbar-item-hover
|
||||
{
|
||||
background-color: #c45206;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
@highlight-color:#F36301;
|
||||
|
||||
&.jtable-row-selected,
|
||||
&.jtable-row-selected:hover
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
|
||||
&.jtable-row-created,
|
||||
&.jtable-row-updated,
|
||||
&.jtable-row-deleting
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-bottom-panel
|
||||
{
|
||||
.jtable-page-list
|
||||
{
|
||||
.jtable-page-number-active,.jtable-page-number-active:hover
|
||||
{
|
||||
@bgcolor: #f36301;
|
||||
|
||||
background-color: @bgcolor;
|
||||
border-color: @bgcolor - #222;
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-add-record
|
||||
{
|
||||
a
|
||||
{
|
||||
color: #cc5200;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
border-color: #a14100;
|
||||
background-color: #f36301;
|
||||
}
|
||||
1
lib/themes/lightcolor/orange/jtable.min.css
vendored
Normal file
1
lib/themes/lightcolor/orange/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/lightcolor/orange/loading.gif
Normal file
BIN
lib/themes/lightcolor/orange/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
521
lib/themes/lightcolor/red/jtable.css
Normal file
521
lib/themes/lightcolor/red/jtable.css
Normal file
|
|
@ -0,0 +1,521 @@
|
|||
/* jTable light color theme - Red
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
color: #222;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
line-height: 34px;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
|
||||
padding-left: 10px;
|
||||
border: 1px solid;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
bottom: 6px;
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../lightcolor/close.png') no-repeat;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
line-height: 26px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../lightcolor/add.png');
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead {
|
||||
background: url('../../lightcolor/bg-thead.png') repeat-x scroll top left #dddddd;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
padding: 4px 3px 4px 6px;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead thth:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 20px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header span.jtable-column-header-text {
|
||||
margin-top: 3px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../lightcolor/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr {
|
||||
padding: 2px;
|
||||
background: #f8f8f8;
|
||||
height: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td {
|
||||
padding: 5px;
|
||||
border-left: 1px dotted #bebebe;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
|
||||
background: url('../../lightcolor/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
|
||||
background: url('../../lightcolor/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-even {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td {
|
||||
background-color: #bbb;
|
||||
padding: 2px 1px 2px 2px;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable {
|
||||
border: none;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-title,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel {
|
||||
-webkit-border-radius: 0px 0px 3px 3px;
|
||||
-moz-border-radius: 0px 0px 3px 3px;
|
||||
border-radius: 0px 0px 3px 3px;
|
||||
padding: 1px;
|
||||
background: #fff;
|
||||
border: 1px solid #C8C8C8;
|
||||
border-top: none;
|
||||
min-height: 24px;
|
||||
line-height: 16px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
|
||||
padding: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 2px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
background-color: #ebebeb;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #FCFCFC;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled.jtable-page-number-active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record {
|
||||
margin: 3px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
-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);
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
-webkit-text-shadow: 0 1px 0 #333333;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
-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);
|
||||
color: #fff;
|
||||
border: 1px solid;
|
||||
padding: 3px 5px 5px 27px;
|
||||
background: url('../../lightcolor/red/loading.gif') no-repeat;
|
||||
background-position: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
background: #eb6565;
|
||||
background: -moz-linear-gradient(top, #eb6565 0%, #9d0d0d 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb6565), color-stop(100%, #9d0d0d));
|
||||
background: -webkit-linear-gradient(top, #eb6565 0%, #9d0d0d 100%);
|
||||
background: -o-linear-gradient(top, #eb6565 0%, #9d0d0d 100%);
|
||||
background: -ms-linear-gradient(top, #eb6565 0%, #9d0d0d 100%);
|
||||
background: linear-gradient(to bottom, #eb6565 0%, #9d0d0d 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb6565', endColorstr='#9d0d0d', GradientType=0);
|
||||
border-color: #772b2b;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-title-text {
|
||||
-webkit-text-shadow: 0 1px 0 #666666;
|
||||
text-shadow: 0 1px 0 #666666;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #9a1414;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover {
|
||||
background-color: #ea2a2a;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-created,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-updated,
|
||||
div.jtable-main-container table.jtable tbody > tr.jtable-row-deleting {
|
||||
background-color: #ea2a2a;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active:hover {
|
||||
background-color: #b11515;
|
||||
border-color: #8f0000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
|
||||
color: #772b2b;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
border-color: #772b2b;
|
||||
background-color: #ea2a2a;
|
||||
}
|
||||
90
lib/themes/lightcolor/red/jtable.less
Normal file
90
lib/themes/lightcolor/red/jtable.less
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/* jTable light color theme - Red
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_lightcolor_base.less";
|
||||
|
||||
@theme-folder: 'red';
|
||||
|
||||
.jtable_lightcolor_base(@theme-folder);
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
div.jtable-title
|
||||
{
|
||||
.vertical-gradient(#eb6565,#9d0d0d);
|
||||
border-color: #772b2b;
|
||||
|
||||
div.jtable-title-text
|
||||
{
|
||||
.text-shadow(0 1px 0 #666);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
color: white;
|
||||
|
||||
&.jtable-toolbar-item-hover
|
||||
{
|
||||
background-color: #9a1414;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.jtable
|
||||
{
|
||||
tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
@highlight-color:#ea2a2a;
|
||||
|
||||
&.jtable-row-selected,
|
||||
&.jtable-row-selected:hover
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
|
||||
&.jtable-row-created,
|
||||
&.jtable-row-updated,
|
||||
&.jtable-row-deleting
|
||||
{
|
||||
background-color: @highlight-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-bottom-panel
|
||||
{
|
||||
.jtable-page-list
|
||||
{
|
||||
.jtable-page-number-active,.jtable-page-number-active:hover
|
||||
{
|
||||
@bgcolor: #b11515;
|
||||
|
||||
background-color: @bgcolor;
|
||||
border-color: @bgcolor - #222;
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-add-record
|
||||
{
|
||||
a
|
||||
{
|
||||
color: #772b2b;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
border-color: #772b2b;
|
||||
background-color: #ea2a2a;
|
||||
}
|
||||
1
lib/themes/lightcolor/red/jtable.min.css
vendored
Normal file
1
lib/themes/lightcolor/red/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/lightcolor/red/loading.gif
Normal file
BIN
lib/themes/lightcolor/red/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
BIN
lib/themes/metro/add.png
Normal file
BIN
lib/themes/metro/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 482 B |
495
lib/themes/metro/blue/jtable.css
Normal file
495
lib/themes/metro/blue/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Blue
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #0b67cd;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #1571d7;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #1c78de;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #2d89ef;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #2d89ef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #4fabff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #60bcff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #60bcff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #1c78de;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #2d89ef;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #2d89ef;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #4fabff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #2d89ef;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/blue/loading.gif') no-repeat;
|
||||
background-color: #0b67cd;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/blue/jtable.less
Normal file
11
lib/themes/metro/blue/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Blue
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder: 'blue';
|
||||
@main-theme-color: #2D89EF;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/blue/jtable.min.css
vendored
Normal file
1
lib/themes/metro/blue/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/blue/loading.gif
Normal file
BIN
lib/themes/metro/blue/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
495
lib/themes/metro/brown/jtable.css
Normal file
495
lib/themes/metro/brown/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Brown
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #61380a;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #6b4214;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #72491b;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #835a2c;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #835a2c;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #a57c4e;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #b68d5f;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #b68d5f;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #72491b;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #835a2c;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #835a2c;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #a57c4e;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #835a2c;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/brown/loading.gif') no-repeat;
|
||||
background-color: #61380a;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/brown/jtable.less
Normal file
11
lib/themes/metro/brown/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Brown
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'brown';
|
||||
@main-theme-color: #835a2c;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/brown/jtable.min.css
vendored
Normal file
1
lib/themes/metro/brown/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/brown/loading.gif
Normal file
BIN
lib/themes/metro/brown/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
BIN
lib/themes/metro/close.png
Normal file
BIN
lib/themes/metro/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
lib/themes/metro/column-asc.png
Normal file
BIN
lib/themes/metro/column-asc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 320 B |
BIN
lib/themes/metro/column-desc.png
Normal file
BIN
lib/themes/metro/column-desc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
BIN
lib/themes/metro/column-sortable.png
Normal file
BIN
lib/themes/metro/column-sortable.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
495
lib/themes/metro/crimson/jtable.css
Normal file
495
lib/themes/metro/crimson/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Crimson
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #a10000;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #ab0000;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #b20000;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #c30000;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #c30000;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #e52222;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #f63333;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #f63333;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #b20000;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #c30000;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #c30000;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #e52222;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #c30000;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/crimson/loading.gif') no-repeat;
|
||||
background-color: #a10000;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/crimson/jtable.less
Normal file
11
lib/themes/metro/crimson/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Crimson
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'crimson';
|
||||
@main-theme-color: #c30000;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/crimson/jtable.min.css
vendored
Normal file
1
lib/themes/metro/crimson/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/crimson/loading.gif
Normal file
BIN
lib/themes/metro/crimson/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
495
lib/themes/metro/darkgray/jtable.css
Normal file
495
lib/themes/metro/darkgray/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Dark gray
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #232323;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #2d2d2d;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #343434;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #454545;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #454545;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #676767;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #787878;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #787878;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #343434;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #454545;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #454545;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #676767;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #454545;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/darkgray/loading.gif') no-repeat;
|
||||
background-color: #232323;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/darkgray/jtable.less
Normal file
11
lib/themes/metro/darkgray/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Dark gray
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'darkgray';
|
||||
@main-theme-color: #454545;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/darkgray/jtable.min.css
vendored
Normal file
1
lib/themes/metro/darkgray/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/darkgray/loading.gif
Normal file
BIN
lib/themes/metro/darkgray/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
495
lib/themes/metro/darkorange/jtable.css
Normal file
495
lib/themes/metro/darkorange/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Dark orange
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #b8310a;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #c23b14;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #c9421b;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #da532c;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #da532c;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #fc754e;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #ff865f;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #ff865f;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #c9421b;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #da532c;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #da532c;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #fc754e;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #da532c;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/darkorange/loading.gif') no-repeat;
|
||||
background-color: #b8310a;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/darkorange/jtable.less
Normal file
11
lib/themes/metro/darkorange/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Dark orange
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'darkorange';
|
||||
@main-theme-color: #da532c;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/darkorange/jtable.min.css
vendored
Normal file
1
lib/themes/metro/darkorange/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/darkorange/loading.gif
Normal file
BIN
lib/themes/metro/darkorange/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
BIN
lib/themes/metro/delete.png
Normal file
BIN
lib/themes/metro/delete.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
lib/themes/metro/edit.png
Normal file
BIN
lib/themes/metro/edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
495
lib/themes/metro/green/jtable.css
Normal file
495
lib/themes/metro/green/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Green
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #008100;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #008b00;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #009200;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #00a300;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #00a300;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #22c522;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #33d633;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #33d633;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #009200;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #00a300;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #00a300;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #22c522;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #00a300;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/green/loading.gif') no-repeat;
|
||||
background-color: #008100;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/green/jtable.less
Normal file
11
lib/themes/metro/green/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Green
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'green';
|
||||
@main-theme-color: #00a300;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/green/jtable.min.css
vendored
Normal file
1
lib/themes/metro/green/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/green/loading.gif
Normal file
BIN
lib/themes/metro/green/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
48
lib/themes/metro/jtable_metro_base.css
Normal file
48
lib/themes/metro/jtable_metro_base.css
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
439
lib/themes/metro/jtable_metro_base.less
Normal file
439
lib/themes/metro/jtable_metro_base.less
Normal file
|
|
@ -0,0 +1,439 @@
|
|||
// jTable Metro Style Theme Base
|
||||
// Created by Halil İbrahim Kalkan
|
||||
// http://www.jtable.org
|
||||
|
||||
// Imports ////////////////////////////////////////////////////////////////////
|
||||
|
||||
@import "../jtable_theme_base.less";
|
||||
|
||||
// Font definitions ///////////////////////////////////////////////////////////
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
|
||||
// JTABLE THEME - METRO STYLE BASE ////////////////////////////////////////////
|
||||
|
||||
.jtable_metro_base( @theme-folder, @main-theme-color )
|
||||
{
|
||||
.jtable_theme_base; //Inherit from jtable_theme_base
|
||||
|
||||
// Variables //////////////////////////////////////////////////////////////
|
||||
|
||||
@default-font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
|
||||
@default-font-size: 14px;
|
||||
@default-line-height: 1.3;
|
||||
|
||||
@table-title-font-size: @default-font-size + 5px;
|
||||
@table-header-font-size: @default-font-size + 1px;
|
||||
@table-bottom-panel-font-size: @default-font-size - 1px;
|
||||
|
||||
@table-title-background: @main-theme-color - #222;
|
||||
@table-header-background: @main-theme-color;
|
||||
@table-bottom-panel-background: @main-theme-color - #111;
|
||||
|
||||
// Mixings //////////////////////////////////////////////////////////////////
|
||||
|
||||
.font-light(@size: @default-font-size)
|
||||
{
|
||||
font-family: @default-font-family;
|
||||
font-weight: 300;
|
||||
font-size: @size;
|
||||
}
|
||||
|
||||
.font-normal(@size: @default-font-size)
|
||||
{
|
||||
font-family: @default-font-family;
|
||||
font-weight: 400;
|
||||
font-size: @size;
|
||||
}
|
||||
|
||||
.font-semi-bold(@size: @default-font-size)
|
||||
{
|
||||
font-family: @default-font-family;
|
||||
font-weight: 600;
|
||||
font-size: @size;
|
||||
}
|
||||
|
||||
.font-bold(@size: @default-font-size)
|
||||
{
|
||||
font-family: @default-font-family;
|
||||
font-weight: 700;
|
||||
font-size: @size;
|
||||
}
|
||||
|
||||
// Styles ///////////////////////////////////////////////////////////////////
|
||||
|
||||
div.jtable-main-container
|
||||
{
|
||||
.font-light();
|
||||
background: #fff;
|
||||
line-height: @default-line-height;
|
||||
|
||||
// Title ---------------------------------------------------------------
|
||||
|
||||
> div.jtable-title
|
||||
{
|
||||
background-color: @table-title-background;
|
||||
padding-left: 10px;
|
||||
|
||||
div.jtable-title-text
|
||||
{
|
||||
.font-light(@table-title-font-size);
|
||||
line-height: @table-title-font-size + 15px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.jtable-close-button
|
||||
{
|
||||
.dock(right, 8px);
|
||||
.opacity(0.5);
|
||||
background: url('metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
||||
&:hover
|
||||
{
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
|
||||
// Toolbar -------------------------------------------------------------
|
||||
|
||||
div.jtable-toolbar
|
||||
{
|
||||
.dock(bottom-right);
|
||||
|
||||
span.jtable-toolbar-item
|
||||
{
|
||||
background-color: @table-title-background + #0A0A0A;
|
||||
color: white;
|
||||
|
||||
&.jtable-toolbar-item-add-record
|
||||
{
|
||||
span.jtable-toolbar-item-icon
|
||||
{
|
||||
background-image: url('metro/add.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-toolbar-item-hover
|
||||
{
|
||||
background-color: @main-theme-color - #111;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Table ---------------------------------------------------------------
|
||||
|
||||
> table.jtable
|
||||
{
|
||||
border: 1px solid @main-theme-color;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
|
||||
> thead
|
||||
{
|
||||
background-color: @table-header-background;
|
||||
|
||||
th
|
||||
{
|
||||
.font-light(@table-header-font-size);
|
||||
color: #fff;
|
||||
|
||||
&.jtable-column-header
|
||||
{
|
||||
@header-container-height: 24px;
|
||||
|
||||
div.jtable-column-header-container
|
||||
{
|
||||
height: @header-container-height;
|
||||
margin-left: 4px;
|
||||
|
||||
div.jtable-column-resize-handler
|
||||
{
|
||||
height: @header-container-height + 4px;
|
||||
}
|
||||
|
||||
span.jtable-column-header-text
|
||||
{
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-column-header-sortable
|
||||
{
|
||||
div.jtable-column-header-container
|
||||
{
|
||||
background: url('metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-asc
|
||||
{
|
||||
div.jtable-column-header-container
|
||||
{
|
||||
background: url('metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-column-header-sorted-desc
|
||||
{
|
||||
div.jtable-column-header-container
|
||||
{
|
||||
background: url('metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tbody
|
||||
{
|
||||
> tr
|
||||
{
|
||||
background-color: #fff;
|
||||
|
||||
> td
|
||||
{
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
&.jtable-data-row
|
||||
{
|
||||
> td
|
||||
{
|
||||
padding: 4px;
|
||||
|
||||
> .jtable-edit-command-button
|
||||
{
|
||||
background: url('metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
|
||||
&:hover
|
||||
{
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
> .jtable-delete-command-button
|
||||
{
|
||||
background: url('metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
|
||||
&:hover
|
||||
{
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.jtable-row-even
|
||||
{
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
&:hover
|
||||
{
|
||||
background: #e8eaef;
|
||||
}
|
||||
|
||||
&.jtable-row-selected
|
||||
{
|
||||
color: #fff;
|
||||
background-color: @main-theme-color + #222;
|
||||
}
|
||||
|
||||
&.jtable-row-created
|
||||
{
|
||||
background-color: @main-theme-color + #333;
|
||||
}
|
||||
|
||||
&.jtable-row-updated
|
||||
{
|
||||
background-color: @main-theme-color + #333;
|
||||
}
|
||||
|
||||
&.jtable-row-deleting
|
||||
{
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&.jtable-child-row
|
||||
{
|
||||
> td
|
||||
{
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Bottom panel --------------------------------------------------------------
|
||||
|
||||
> div.jtable-bottom-panel
|
||||
{
|
||||
@page-number-margin: 1px;
|
||||
@page-number-padding-vertical: 2px;
|
||||
@page-number-padding-horizontal: 5px;
|
||||
|
||||
@bottom-panel-height: (@table-bottom-panel-font-size * @default-line-height) + (@page-number-margin * 2) + (@page-number-padding-vertical * 2);
|
||||
|
||||
background-color: @table-bottom-panel-background;
|
||||
color: #fff;
|
||||
min-height: @bottom-panel-height;
|
||||
font-size: @table-bottom-panel-font-size;
|
||||
border: 1px solid @main-theme-color;
|
||||
border-top: none;
|
||||
|
||||
.jtable-page-list
|
||||
{
|
||||
margin: 1px 0px 0px 0px;
|
||||
|
||||
.jtable-page-number,
|
||||
.jtable-page-number-space,
|
||||
.jtable-page-number-first,
|
||||
.jtable-page-number-last,
|
||||
.jtable-page-number-previous,
|
||||
.jtable-page-number-next,
|
||||
.jtable-page-number-active
|
||||
{
|
||||
background-color: @table-bottom-panel-background + #111;
|
||||
margin: @page-number-margin;
|
||||
padding: @page-number-padding-vertical @page-number-padding-horizontal;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.jtable-page-number:hover,
|
||||
.jtable-page-number-first:hover,
|
||||
.jtable-page-number-last:hover,
|
||||
.jtable-page-number-previous:hover,
|
||||
.jtable-page-number-next:hover
|
||||
{
|
||||
background-color: @table-bottom-panel-background + #333;
|
||||
}
|
||||
|
||||
.jtable-page-number-disabled
|
||||
{
|
||||
.opacity(0.75);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
|
||||
&:hover
|
||||
{
|
||||
background-color: @table-bottom-panel-background + #111;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span.jtable-page-info
|
||||
{
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
span.jtable-page-size-change
|
||||
{
|
||||
display:inline-block;
|
||||
padding:2px 0px 2px 0px;
|
||||
}
|
||||
|
||||
span.jtable-goto-page
|
||||
{
|
||||
display:inline-block;
|
||||
padding:2px 0px 2px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Forms -------------------------------------------------------------------
|
||||
|
||||
form.jtable-dialog-form
|
||||
{
|
||||
.font-normal();
|
||||
}
|
||||
|
||||
// Busy message-------------------------------------------------------------
|
||||
|
||||
div.jtable-busy-message
|
||||
{
|
||||
.font-light(16px);
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('metro/@{theme-folder}/loading.gif') no-repeat;
|
||||
background-color: @main-theme-color - #222;
|
||||
background-position: 8px;
|
||||
}
|
||||
}
|
||||
1
lib/themes/metro/jtable_metro_base.min.css
vendored
Normal file
1
lib/themes/metro/jtable_metro_base.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff')}
|
||||
495
lib/themes/metro/lightgray/jtable.css
Normal file
495
lib/themes/metro/lightgray/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Light gray
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #4e4e4e;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #585858;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #5f5f5f;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #707070;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #707070;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #929292;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #a3a3a3;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #a3a3a3;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #5f5f5f;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #707070;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #707070;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #929292;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #707070;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/lightgray/loading.gif') no-repeat;
|
||||
background-color: #4e4e4e;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/lightgray/jtable.less
Normal file
11
lib/themes/metro/lightgray/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Light gray
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'lightgray';
|
||||
@main-theme-color: #707070;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/lightgray/jtable.min.css
vendored
Normal file
1
lib/themes/metro/lightgray/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/lightgray/loading.gif
Normal file
BIN
lib/themes/metro/lightgray/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
495
lib/themes/metro/pink/jtable.css
Normal file
495
lib/themes/metro/pink/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Pink
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #7d0085;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #87008f;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #8e0096;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #9f00a7;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #9f00a7;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #c122c9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #d233da;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #d233da;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #8e0096;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #9f00a7;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #9f00a7;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #c122c9;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #9f00a7;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/pink/loading.gif') no-repeat;
|
||||
background-color: #7d0085;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/pink/jtable.less
Normal file
11
lib/themes/metro/pink/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Pink
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'pink';
|
||||
@main-theme-color: #9f00a7;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/pink/jtable.min.css
vendored
Normal file
1
lib/themes/metro/pink/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/pink/loading.gif
Normal file
BIN
lib/themes/metro/pink/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
495
lib/themes/metro/purple/jtable.css
Normal file
495
lib/themes/metro/purple/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Purple
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #3e1a98;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #4824a2;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #4f2ba9;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #603cba;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #603cba;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #825edc;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #936fed;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #936fed;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #4f2ba9;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #603cba;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #603cba;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #825edc;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #603cba;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/purple/loading.gif') no-repeat;
|
||||
background-color: #3e1a98;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/purple/jtable.less
Normal file
11
lib/themes/metro/purple/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Purple
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'purple';
|
||||
@main-theme-color: #603cba;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/purple/jtable.min.css
vendored
Normal file
1
lib/themes/metro/purple/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
lib/themes/metro/purple/loading.gif
Normal file
BIN
lib/themes/metro/purple/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 404 B |
495
lib/themes/metro/red/jtable.css
Normal file
495
lib/themes/metro/red/jtable.css
Normal file
|
|
@ -0,0 +1,495 @@
|
|||
/* jTable metro style theme - Red
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');
|
||||
}
|
||||
div.jtable-main-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
|
||||
margin-right: 30px;
|
||||
}
|
||||
div.jtable-main-container table.jtable {
|
||||
width: 100%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
|
||||
position: relative;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
position: absolute;
|
||||
height: 24px;
|
||||
width: 8px;
|
||||
right: -8px;
|
||||
top: -2px;
|
||||
z-index: 2;
|
||||
cursor: col-resize;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-command-column-header {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
|
||||
text-align: center;
|
||||
width: 1%;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
display: inline;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
|
||||
display: none;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
|
||||
text-align: center;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
position: relative;
|
||||
min-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
display: inline-block;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
padding: 2px 5px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
margin-left: 5px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
|
||||
width: 22px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-resize-bar {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: 1px solid #C8C8C8;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
z-index: 101;
|
||||
padding: 5px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
|
||||
margin: 0px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container {
|
||||
padding: 2px 0px 3px 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-field-container:last-child {
|
||||
border: none;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input-label {
|
||||
padding: 2px 3px;
|
||||
font-size: 1.1em;
|
||||
color: #666;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-input {
|
||||
padding: 2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-date-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-text-input {
|
||||
/* No additional style */
|
||||
|
||||
}
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-textarea-input textarea {
|
||||
width: 300px;
|
||||
min-height: 60px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-checkbox-input span,
|
||||
form.jtable-dialog-form div.jtable-radio-input span {
|
||||
padding-left: 4px;
|
||||
}
|
||||
form.jtable-dialog-form div.jtable-radio-input input,
|
||||
form.jtable-dialog-form div.jtable-checkbox-input input,
|
||||
form.jtable-dialog-form span.jtable-option-text-clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jtable-busy-panel-background {
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
}
|
||||
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
|
||||
background-color: transparent;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
cursor: wait;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
div.jtable-contextmenu-overlay {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
div.jtable-main-container {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title {
|
||||
background-color: #c30000;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-title-text {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 19px;
|
||||
line-height: 34px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
background: url('../../metro/close.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title .jtable-close-button:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar {
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
|
||||
background-color: #cd0000;
|
||||
color: white;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
|
||||
background-image: url('../../metro/add.png');
|
||||
}
|
||||
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
|
||||
background-color: #d40300;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable {
|
||||
border: 1px solid #e51400;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead {
|
||||
background-color: #e51400;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
|
||||
height: 28px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
|
||||
margin-top: 2px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
|
||||
background: url('../../metro/column-sortable.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-asc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
|
||||
background: url('../../metro/column-desc.png') no-repeat right;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr {
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr > td {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button {
|
||||
background: url('../../metro/edit.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button {
|
||||
background: url('../../metro/delete.png') no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr:hover {
|
||||
background: #e8eaef;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
|
||||
color: #fff;
|
||||
background-color: #ff3622;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
|
||||
background-color: #ff4733;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
|
||||
background-color: #ff4733;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
|
||||
background-color: #e51400;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel {
|
||||
background-color: #d40300;
|
||||
color: #fff;
|
||||
min-height: 22.900000000000002px;
|
||||
font-size: 13px;
|
||||
border: 1px solid #e51400;
|
||||
border-top: none;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
|
||||
background-color: #e51400;
|
||||
margin: 1px;
|
||||
padding: 2px 5px;
|
||||
color: #fff;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
|
||||
background-color: #ff3622;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=50);
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
|
||||
background-color: #e51400;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
|
||||
display: inline-block;
|
||||
padding: 2px 0px 2px 0px;
|
||||
}
|
||||
form.jtable-dialog-form {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.jtable-busy-message {
|
||||
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
border: 1px solid #fff;
|
||||
padding: 5px 5px 5px 58px;
|
||||
color: #fff;
|
||||
background: url('../../metro/red/loading.gif') no-repeat;
|
||||
background-color: #c30000;
|
||||
background-position: 8px;
|
||||
}
|
||||
11
lib/themes/metro/red/jtable.less
Normal file
11
lib/themes/metro/red/jtable.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* jTable metro style theme - Red
|
||||
* Created by Halil İbrahim Kalkan
|
||||
* http://www.jtable.org
|
||||
*/
|
||||
|
||||
@import "../jtable_metro_base.less";
|
||||
|
||||
@theme-folder:'red';
|
||||
@main-theme-color: #e51400;
|
||||
|
||||
.jtable_metro_base(@theme-folder, @main-theme-color);
|
||||
1
lib/themes/metro/red/jtable.min.css
vendored
Normal file
1
lib/themes/metro/red/jtable.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue