Questtype ?Textinput?: add support for field sizes (Issue #252) and general improvements
This commit is contained in:
coderkun
commit
8d903135a5
3476 changed files with 599099 additions and 0 deletions
|
|
@ -0,0 +1,613 @@
|
|||
/* main data table */
|
||||
.dataTable {
|
||||
border: 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
margin: 0;
|
||||
|
||||
td .ratio {
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
display:none;
|
||||
text-align: right;
|
||||
min-width: 45px;
|
||||
margin-left: 4px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
td.highlight > .ratio {
|
||||
display: inline-block;
|
||||
line-height: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTable {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
table.dataTable td.label,
|
||||
table.subDataTable td.label {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.dataTable img,
|
||||
table.subDataTable img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table.dataTable img {
|
||||
border: 0;
|
||||
margin-right: 1em;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
table.dataTable tr.subDataTable {
|
||||
cursor: pointer;
|
||||
|
||||
td.label span.label {
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: inherit;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable th {
|
||||
margin: 0;
|
||||
color: @dataTable-link-color;
|
||||
text-align: left;
|
||||
padding: 6px 6px 6px 12px;
|
||||
background: @dataTable-header-background;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
border-left: 1px solid #d4d0c4;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.dataTable th.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table.dataTable th.columnSorted {
|
||||
font-weight: bold;
|
||||
padding-right: 20px;
|
||||
background: @dataTable-headerActive-background;
|
||||
}
|
||||
|
||||
table.dataTable td {
|
||||
padding: 5px 5px 5px 12px;
|
||||
background: #fff;
|
||||
border-left: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
table.dataTable td,
|
||||
table.dataTable td a {
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
table.dataTable tr:hover > td,
|
||||
table.dataTable tr:hover > td .dataTableRowActions {
|
||||
background-color: #FFFFF7;
|
||||
}
|
||||
|
||||
table.dataTable tr.subDataTable:hover > td,
|
||||
table.dataTable tr.subDataTable:hover > td .dataTableRowActions {
|
||||
background-color: #ffffcb;
|
||||
}
|
||||
|
||||
table.dataTable tr:hover > td.cellSubDataTable
|
||||
table.dataTable tr:hover > td.cellSubDataTable .dataTableRowActions {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
td.clean {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
table.dataTable td.column {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.dataTable td.columneven {
|
||||
background: #efeeec;
|
||||
}
|
||||
|
||||
table.dataTable td.columnodd {
|
||||
background: #f6f5f3;
|
||||
}
|
||||
|
||||
.dataTable tr.highlight td {
|
||||
background-color: #ECF9DD;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.dataTable td.label,
|
||||
table.subActionsDataTable td.label,
|
||||
table.actionsDataTable td.label {
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
table.dataTable th.label {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.dataTableActions table.dataTable th.label {
|
||||
/* Ensures tables have enough space to display subtable on click, and prevent the jumping effect */
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
table.dataTable span.label.highlighted {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* the cell containing the subdatatable */
|
||||
table.dataTable .cellSubDataTable {
|
||||
margin: 0;
|
||||
border-left: 0;
|
||||
padding: 6px 12px 6px;
|
||||
}
|
||||
|
||||
.cellSubDataTable > .dataTable {
|
||||
padding: 6px 0 0;
|
||||
}
|
||||
|
||||
/* A link in a column in the DataTable */
|
||||
table.dataTable td #urlLink {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.dataTable img {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.dataTable > .dataTableWrapper {
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.subDataTable > .dataTableWrapper {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.sortIconContainer {
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sortIcon {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.datatableFooterMessage {
|
||||
color: #888;
|
||||
text-align: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.dataTablePages {
|
||||
color: #BFBFBF;
|
||||
font-weight: bold;
|
||||
margin: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.dataTableSearchPattern {
|
||||
margin: 5px 0 2px 0;
|
||||
height: 20px;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
background: url(plugins/Zeitgeist/images/search_bg.png) no-repeat center 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dataTableSearchPattern input {
|
||||
vertical-align: top;
|
||||
font-size: 10px;
|
||||
color: #454545;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
width: 21px;
|
||||
height: 17px;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
filter: Alpha(opacity=0);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dataTableSearchPattern .searchInput {
|
||||
width: 114px;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
padding: 2px 6px;
|
||||
opacity: 1;
|
||||
cursor: text;
|
||||
filter: Alpha(opacity=100);
|
||||
}
|
||||
|
||||
.dataTableNext,
|
||||
.dataTablePrevious {
|
||||
font-size: 12px;
|
||||
color: #184A83;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datatableRelatedReports {
|
||||
color: #888;
|
||||
font-size: 11px;
|
||||
padding-bottom: 5px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
#dashboard .datatableRelatedReports {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.datatableRelatedReports span {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dataTableFeatures {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dataTableFooterNavigation {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.dataTableNext,
|
||||
.dataTablePrevious,
|
||||
.dataTableSearchPattern {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dataTableFeatures .loadingPiwik {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.subDataTable .dataTableFooterIcons {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.dataTable .loadingPiwikBelow {
|
||||
padding-bottom: 5px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dataTableFooterIcons div {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
#dashboard {
|
||||
|
||||
.dataTableFeatures {
|
||||
&.expanded {
|
||||
.dataTableFooterIcons {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.expandDataTableFooterDrawer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.hasEvolution {
|
||||
.dataTableFooterIcons {
|
||||
margin-top: 17px;
|
||||
}
|
||||
.expandDataTableFooterDrawer {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.expandDataTableFooterDrawer {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #D9D9D9;
|
||||
height: 7px;
|
||||
width: 70px;
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-moz-border-radius-topleft: 10px;
|
||||
-moz-border-radius-topright: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
line-height: 0px;
|
||||
|
||||
img {
|
||||
margin-bottom: 0px;
|
||||
line-height: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataTableFooterIcons {
|
||||
|
||||
display: none;
|
||||
margin-top: 5px;
|
||||
height: auto;
|
||||
|
||||
div {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.foldDataTableFooterDrawer {
|
||||
display: block;
|
||||
padding-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #D9D9D9;
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-moz-border-radius-topleft: 10px;
|
||||
-moz-border-radius-topright: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
line-height: 0px;
|
||||
height: 7px;
|
||||
width: 70px;
|
||||
clear: both;
|
||||
|
||||
img {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 0px;
|
||||
line-height: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
padding: 15px 0px;
|
||||
text-align: left;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dataTableFooterIcons .foldDataTableFooterDrawer,
|
||||
.dataTableFeatures .expandDataTableFooterDrawer {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
|
||||
#dashboard .dataTableFeatures .expandDataTableFooterDrawer {
|
||||
line-height: 1px;
|
||||
|
||||
img {
|
||||
margin-bottom: 1px;
|
||||
line-height: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataTableFooterIcons {
|
||||
height: 20px;
|
||||
white-space: nowrap;
|
||||
font-size: 10px;
|
||||
padding: 6px 5px;
|
||||
border-top: 1px solid #B6B0A6;
|
||||
}
|
||||
|
||||
.dataTableFooterWrap {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dataTableFooterWrap select {
|
||||
float: left;
|
||||
margin: 1px 0 1px 10px;
|
||||
}
|
||||
|
||||
.tableIcon {
|
||||
background: #f2f1ed;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 0 1px 0 0;
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.tableIcon:hover {
|
||||
background: #e9e8e1;
|
||||
}
|
||||
|
||||
.activeIcon {
|
||||
background: #e9e8e1;
|
||||
}
|
||||
|
||||
.tableIconsGroup > span > span {
|
||||
position:relative;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.dataTableFooterActiveItem {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.exportToFormatItems {
|
||||
background: #dcdacf;
|
||||
float: left;
|
||||
margin: 0 1px 0 0;
|
||||
padding: 4px 6px 3px 6px;
|
||||
color: #968d7f;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.exportToFormatItems img {
|
||||
vertical-align: middle;
|
||||
margin: -4px -3px -2px 2px;
|
||||
}
|
||||
|
||||
.tableIconsGroup {
|
||||
float: left;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.tableIconsGroup .tableIcon span {
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.tableIconsGroup img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.tableIconsGroupActive {
|
||||
display: block;
|
||||
float: left;
|
||||
background: #dcdacf;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.tableIconsGroupActive .tableIcon {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tableIconsGroupActive .tableIcon:hover {
|
||||
background: #e9e8e1;
|
||||
}
|
||||
|
||||
.exportToFormatIcons,
|
||||
.dataTableFooterIconsShow {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dataTableFooterIcons,
|
||||
.dataTableFooterIcons a {
|
||||
text-decoration: none;
|
||||
color: @dataTable-link-color;
|
||||
}
|
||||
|
||||
.dataTableSpacer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Actions table */
|
||||
.dataTableActions table.dataTable tr td.labelodd {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/* levels higher than 4 have a default padding left */
|
||||
.actionsDataTable tr td.label {
|
||||
padding-left: 7em;
|
||||
}
|
||||
|
||||
tr.level0 td.label {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
tr.level1 td.label {
|
||||
padding-left: 2.5em;
|
||||
}
|
||||
|
||||
tr.level2 td.label {
|
||||
padding-left: 3.5em;
|
||||
}
|
||||
|
||||
tr.level3 td.label {
|
||||
padding-left: 4.5em;
|
||||
}
|
||||
|
||||
tr.level4 td.label {
|
||||
padding-left: 5em;
|
||||
}
|
||||
tr.level5 td.label {
|
||||
padding-left: 5.5em;
|
||||
}
|
||||
tr.level6 td.label {
|
||||
padding-left: 6em;
|
||||
}
|
||||
tr.level7 td.label {
|
||||
padding-left: 6.5em;
|
||||
}
|
||||
tr.level8 td.label {
|
||||
padding-left: 7em;
|
||||
}
|
||||
tr.level9 td.label {
|
||||
padding-left: 7.5em;
|
||||
}
|
||||
tr.level10 td.label {
|
||||
padding-left: 8em;
|
||||
}
|
||||
tr.level11 td.label {
|
||||
padding-left: 8.5em;
|
||||
}
|
||||
tr.level12 td.label {
|
||||
padding-left: 9em;
|
||||
}
|
||||
|
||||
/* less right margins for the link image in the Pa*/
|
||||
.dataTableActions table.dataTable img.link {
|
||||
margin-right: 0.5em;
|
||||
margin-left: -0.5em;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
tr td.label img.plusMinus {
|
||||
margin-left: -1em;
|
||||
margin-right: 3px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.pk-emptyDataTable {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.helpDate {
|
||||
color: #777777;
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
padding: 4px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
body .ui-tooltip.rowActionTooltip {
|
||||
font-size: 11px;
|
||||
padding: 3px 5px 3px 6px;
|
||||
}
|
||||
|
||||
table.dataTable span.cell-tooltip {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.dataTable .jqplot-graph {
|
||||
padding-left: 6px;
|
||||
> div {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
td.cellSubDataTable .loadingPiwik {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.dataTable .searchReset {
|
||||
position:relative;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: -15px;
|
||||
cursor: pointer;
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
.limitSelection {
|
||||
float: right;
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
min-height: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.limitSelection.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.limitSelection > div {
|
||||
border: 1px solid #DFDFDF;
|
||||
border-radius: 4px;
|
||||
background: url(plugins/Zeitgeist/images/sort_subtable_desc_light.png) no-repeat right 2px;
|
||||
padding: 0 14px 0 4px;
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.limitSelection.disabled > div {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
filter: Alpha(opacity=50);
|
||||
}
|
||||
|
||||
.limitSelection.visible > div {
|
||||
border-radius: 0 0 4px 4px;
|
||||
background-image: url(plugins/Zeitgeist/images/sort_subtable_asc_light.png)
|
||||
}
|
||||
|
||||
.limitSelection > ul {
|
||||
margin-top: 1px;
|
||||
overflow: visible;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.limitSelection > ul > li {
|
||||
cursor: pointer;
|
||||
width: 28px;
|
||||
padding: 0 10px 0 4px;
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
height: 20px;
|
||||
margin-top: -40px;
|
||||
background-color: #fff;
|
||||
border-left: 1px solid #DFDFDF;
|
||||
border-right: 1px solid #DFDFDF;
|
||||
vertical-align: middle;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.limitSelection > ul > li.last {
|
||||
border-top: 1px solid #DFDFDF;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.limitSelection > ul > li:hover {
|
||||
background-color: #EBEAE6;
|
||||
}
|
||||
|
||||
.limitSelection span {
|
||||
padding-top: 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
/* Documentation */
|
||||
table.dataTable th .columnDocumentation {
|
||||
display: none;
|
||||
width: 165px;
|
||||
text-align: left;
|
||||
background: #f7f7f7;
|
||||
color: #444;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
border: 1px solid #e4e5e4;
|
||||
padding: 5px 10px 6px 10px;
|
||||
border-radius: 4px;
|
||||
z-index: 125;
|
||||
position: absolute;
|
||||
box-shadow: 0 0 4px #e4e5e4;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
table.dataTable th .columnDocumentationTitle {
|
||||
background: url(plugins/Zeitgeist/images/help.png) no-repeat;
|
||||
line-height: 14px;
|
||||
padding: 2px 0 3px 21px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reportDocumentation {
|
||||
display: none;
|
||||
background: #f7f7f7;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
border: 1px solid #e4e5e4;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0;
|
||||
border-radius: 4px;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.reportDocumentation p {
|
||||
padding: 5px 10px 6px 10px;
|
||||
margin: 0;
|
||||
color: #444;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.reportDocumentationIcon {
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 10px 0;
|
||||
background: url(plugins/Zeitgeist/images/help.png) no-repeat;
|
||||
}
|
||||
|
||||
h2 .reportDocumentationIcon {
|
||||
position: absolute;
|
||||
margin: 4px 0 0 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
h2 .reportDocumentationIcon.hidden {
|
||||
background: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
|
||||
|
||||
table.dataTable .dataTableRowActions {
|
||||
position: absolute;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
margin-top: -5px;
|
||||
z-index: 1000; /* Work around FF bug to make sure it displays over ellipsis */
|
||||
}
|
||||
|
||||
*+html table.dataTable .dataTableRowActions {
|
||||
margin-top: -7px;
|
||||
}
|
||||
|
||||
table.dataTable .dataTableRowActions a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 6px 4px 6px 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
table.dataTable .dataTableRowActions a.leftmost {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
table.dataTable .dataTableRowActions a.rightmost {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
table.dataTable .dataTableRowActions a img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
width: 20px;
|
||||
height: 17px;
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
/* SUBDATATABLE */
|
||||
/* a datatable inside another datatable */
|
||||
table.subDataTable td {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
table.subDataTable thead th {
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
padding: .3em 1em;
|
||||
border: 0;
|
||||
border-top: 1px solid #e7e7e7;
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
table.subDataTable td.labeleven, table.subDataTable td.labelodd {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
table.subDataTable td {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
table.subDataTable td, table.subDataTable td a {
|
||||
color: #615B53;
|
||||
}
|
||||
|
||||
table.subDataTable td.labeleven, table.subDataTable td.columneven {
|
||||
color: #2D2A27;
|
||||
}
|
||||
|
||||
table.subDataTable td.label {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
table.subDataTable td.label {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
/* are the following two supposed to be together? */
|
||||
.subDataTable.dataTableFeatures {
|
||||
padding-top: 0;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
.tableConfiguration {
|
||||
float: right;
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
min-height: 20px;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
a.tableConfigurationIcon {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 22px;
|
||||
background: url(plugins/Zeitgeist/images/configure.png) no-repeat center 2px;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
a.tableConfigurationIcon.highlighted {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 22px;
|
||||
background-image: url(plugins/Zeitgeist/images/configure-highlight.png);
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.tableConfiguration ul {
|
||||
overflow: visible;
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 8;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tableConfiguration ul.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tableConfiguration ul li {
|
||||
padding: 0;
|
||||
font-size: 1.1em;
|
||||
height: 40px;
|
||||
margin-top: -80px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #DFDFDF;
|
||||
border-width: 0 1px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tableConfiguration ul li.firstDummy {
|
||||
border-bottom-width: 1px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
height: 25px;
|
||||
cursor: default;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.tableConfiguration ul li.first {
|
||||
margin-top: -65px;
|
||||
}
|
||||
|
||||
.tableConfiguration ul li.last {
|
||||
border-top-width: 1px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.tableConfiguration div.configItem {
|
||||
cursor: pointer;
|
||||
padding: 5px 10px;
|
||||
line-height: 15px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.tableConfiguration div.configItem:hover {
|
||||
background-color: #EBEAE6;
|
||||
}
|
||||
|
||||
.tableConfiguration div.configItem span.action {
|
||||
color: @dataTable-link-color;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue