summaryrefslogtreecommitdiffstats
path: root/examples/examples.css
diff options
context:
space:
mode:
Diffstat (limited to 'examples/examples.css')
-rw-r--r--examples/examples.css253
1 files changed, 122 insertions, 131 deletions
diff --git a/examples/examples.css b/examples/examples.css
index 63b63e3..8e7d746 100644
--- a/examples/examples.css
+++ b/examples/examples.css
@@ -1,239 +1,230 @@
@import url('slick-default-theme.css');
* {
- font-family: arial;
- font-size: 8pt;
+ font-family: arial;
+ font-size: 8pt;
}
body {
- background: beige;
- padding: 0;
- margin: 8;
+ background: beige;
+ padding: 0;
+ margin: 8;
}
h2 {
- font-size: 10pt;
- border-bottom: 1px dotted gray;
+ font-size: 10pt;
+ border-bottom: 1px dotted gray;
}
ul {
- margin-left: 0;
- padding: 0;
- cursor: default;
+ margin-left: 0;
+ padding: 0;
+ cursor: default;
}
li {
- background: url("../images/arrow_right_spearmint.png") no-repeat center left;
- padding: 0 0 0 14px;
+ background: url("../images/arrow_right_spearmint.png") no-repeat center left;
+ padding: 0 0 0 14px;
- list-style: none;
- margin: 0;
-}
+ list-style: none;
+ margin: 0;
+}
#myGrid {
- background: white;
- outline: 0;
- border: 1px solid gray;
+ background: white;
+ outline: 0;
+ border: 1px solid gray;
}
.grid-header {
- border: 1px solid gray;
- border-bottom: 0;
- border-top: 0;
- background: url('../images/header-bg.gif') repeat-x center top;
- color: black;
- height: 24px;
- line-height: 24px;
-}
+ border: 1px solid gray;
+ border-bottom: 0;
+ border-top: 0;
+ background: url('../images/header-bg.gif') repeat-x center top;
+ color: black;
+ height: 24px;
+ line-height: 24px;
+}
.grid-header label {
- display: inline-block;
- font-weight: bold;
- margin: auto auto auto 6px;
+ display: inline-block;
+ font-weight: bold;
+ margin: auto auto auto 6px;
}
.grid-header .ui-icon {
- margin: 4px 4px auto 6px;
- background-color: transparent;
- border-color: transparent;
+ margin: 4px 4px auto 6px;
+ background-color: transparent;
+ border-color: transparent;
}
.grid-header .ui-icon.ui-state-hover {
- background-color: white;
+ background-color: white;
}
.grid-header #txtSearch {
- margin: 0 4px 0 4px;
- padding: 2px 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border: 1px solid silver;
+ margin: 0 4px 0 4px;
+ padding: 2px 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border: 1px solid silver;
}
.options-panel {
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border: 1px solid silver;
- background: #f0f0f0;
- padding: 4px;
- margin-bottom: 20px;
- width:320px;
- position:absolute;
- top:0px;
- left:650px;
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border: 1px solid silver;
+ background: #f0f0f0;
+ padding: 4px;
+ margin-bottom: 20px;
+ width: 320px;
+ position: absolute;
+ top: 0px;
+ left: 650px;
}
-
-
/* Individual cell styles */
.slick-cell.task-name {
- font-weight: bold;
- text-align: right;
+ font-weight: bold;
+ text-align: right;
}
-
.slick-cell.task-percent {
- text-align: right;
+ text-align: right;
}
-
.slick-cell.cell-move-handle {
- font-weight: bold;
- text-align: right;
- border-right: solid gray;
+ font-weight: bold;
+ text-align: right;
+ border-right: solid gray;
- background: #efefef;
- cursor: move;
+ background: #efefef;
+ cursor: move;
}
.cell-move-handle:hover {
- background: #b6b9bd;
+ background: #b6b9bd;
}
.slick-row.selected .cell-move-handle {
- background: #D5DC8D;
+ background: #D5DC8D;
}
.slick-row .cell-actions {
- text-align: left;
+ text-align: left;
}
.slick-row.complete {
- background-color: #DFD;
- color: #555;
+ background-color: #DFD;
+ color: #555;
}
.percent-complete-bar {
- display: inline-block;
- height: 6px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
+ display: inline-block;
+ height: 6px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
}
-
/* TextCellEditor, DateCellEditor */
input.editor-text {
- width: 100%;
- height: 100%;
- border: 0;
- margin: 0;
- background: transparent;
- outline: 0;
- padding: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+ margin: 0;
+ background: transparent;
+ outline: 0;
+ padding: 0;
}
.ui-datepicker-trigger {
- margin-top: 2px;
- padding: 0;
- vertical-align: top;
+ margin-top: 2px;
+ padding: 0;
+ vertical-align: top;
}
/* PercentCompleteCellEditor */
input.editor-percentcomplete {
- width: 100%;
- height: 100%;
- border: 0;
- margin: 0;
- background: transparent;
- outline: 0;
- padding: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+ margin: 0;
+ background: transparent;
+ outline: 0;
+ padding: 0;
- float: left;
+ float: left;
}
.editor-percentcomplete-picker {
- position: relative;
- display: inline-block;
- width: 16px;
- height: 100%;
- background: url("../images/pencil.gif") no-repeat center center;
- overflow: visible;
- z-index: 1000;
- float: right;
-}
-
+ position: relative;
+ display: inline-block;
+ width: 16px;
+ height: 100%;
+ background: url("../images/pencil.gif") no-repeat center center;
+ overflow: visible;
+ z-index: 1000;
+ float: right;
+}
+
.editor-percentcomplete-helper {
- border: 0 solid gray;
- position: absolute;
- top: -2px;
- left: -9px;
- background: url("../images/editor-helper-bg.gif") no-repeat top left;
- padding-left: 9px;
+ border: 0 solid gray;
+ position: absolute;
+ top: -2px;
+ left: -9px;
+ background: url("../images/editor-helper-bg.gif") no-repeat top left;
+ padding-left: 9px;
- width: 120px;
- height: 140px;
- display: none;
- overflow: visible;
+ width: 120px;
+ height: 140px;
+ display: none;
+ overflow: visible;
}
-
.editor-percentcomplete-wrapper {
- background:beige;
- padding: 20px 8px;
+ background: beige;
+ padding: 20px 8px;
- width:100%;
- height:98px;
- border:1px solid gray;
- border-left:0;
+ width: 100%;
+ height: 98px;
+ border: 1px solid gray;
+ border-left: 0;
}
.editor-percentcomplete-buttons {
- float: right;
+ float: right;
}
.editor-percentcomplete-buttons button {
- width: 80px;
+ width: 80px;
}
-
.editor-percentcomplete-slider {
- float: left;
+ float: left;
}
- .editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
- display: block;
+.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
+ display: block;
}
.editor-percentcomplete-helper:hover {
- display: block;
+ display: block;
}
-
-
/* YesNoSelectCellEditor */
select.editor-yesno {
- width: 100%;
- margin: 0;
- vertical-align: middle;
+ width: 100%;
+ margin: 0;
+ vertical-align: middle;
}
/* YesNoCheckboxCellEditor */
input.editor-checkbox {
- margin: 0;
- height: 100%;
- padding: 0;
- border: 0;
+ margin: 0;
+ height: 100%;
+ padding: 0;
+ border: 0;
}
generated by cgit v1.1 at 2025-05-16 15:21:50 +0000