tag inside
tag ------------------ */
/* They control border and spaces between grid sections.
@ Set border, padding and margin. Set them with relation to Splitters, Scrollbars and Space rows settings.
...Head... ( top fixed rows), ...Body... ( variable rows), ...Foot... ( bottom fixed rows)
...Left ( left fixed columns), ...Mid ( variable columns), ...Right ( right fixed columns)
!! Sections on horizontal direction (...Left, ...Mid, ...Right) must have the same height (border+padding+margin)
!! Sections on vertical direction (...Head..., ...Body..., ...Foot...) must have the same width (border+padding+margin)
*/
.GPBodyLeft,.GPBodyMid,.GPBodyRight,.GPHeadLeft,.GPHeadMid,.GPHeadRight,.GPFootLeft,.GPFootMid,.GPFootRight { }
.GPHeadLeft,.GPHeadMid,.GPHeadRight { }
.GPBodyLeft,.GPBodyMid,.GPBodyRight { border-top:1px solid black; margin-top:5px; padding-top:5px; }
.GPFootLeft,.GPFootMid,.GPFootRight { border-top:1px solid black; margin-top:5px; padding-top:5px; }
.GPHeadLeft,.GPBodyLeft,.GPFootLeft { }
.GPHeadMid,.GPBodyMid,.GPFootMid { }
.GPHeadRight,.GPBodyRight,.GPFootRight { }
/* -------------- Splitters between resizable table sections, tag ------------------ */
/* The tags are shown between the sections tags when set tag inside
tag ------------------ */
/* The vertical scrollbar is placed on right side to tag in Head section and is spanned through Body section and inner Space rows to Foot section
It controls the border and space around the scrollbar.
@ Set border, padding and margin, optionally background.
@ You can control the scrollbar shape and look in IE or WebKit on its immediate child as .GPVScroll > div
*/
.GPVScroll { overflow:hidden; }
/* -------------- Horizontal scrollbars,
tag inside
tag ------------------ */
/* ...Left (for left fixed columns), ...Mid (for variable columns), ...Right (for right fixed columns)
They control the border and space around the scrollbar.
@ Set border, padding and margin, optionally background.
@ You can control the scrollbar shape and look in IE or WebKit on their immediate child as .GPHScroll... > div
...Resize versions are shown instead for resizable sections, when set
attributes and
...ResizeTouch versions are shown instead on touch screens like iPad
...HScrollWide is shown instead of all the section scrollbars when set
...ScrollHidden is shown instead if the column section does not need to show scrollbar (but the other sections do)
...XScroll is shown in the horizontal scrollbars row in place of vertical scrollbar
*/
.GPHScrollLeft,.GPHScrollMid,.GPHScrollRight { overflow:hidden; }
.GPHScrollLeft { padding-right:1px; }
.GPHScrollMid { }
.GPHScrollRight { padding-left:1px; }
.GPHScrollLeftResize,.GPHScrollRightResize,.GPHScrollMidLeftResize,.GPHScrollMidRightResize { background:white; overflow:hidden; }
.GPHScrollLeftResize { border-right:1px solid black; padding-right:5px; }
.GPHScrollRightResize { border-left:1px solid black; padding-left:5px; }
.GPHScrollMidLeftResize { padding-left:5px; }
.GPHScrollMidRightResize { padding-right:5px; }
.GPHScrollLeftResizeTouch,.GPHScrollRightResizeTouch,.GPHScrollMidLeftResizeTouch,.GPHScrollMidRightResizeTouch { background:white; overflow:hidden; }
.GPHScrollLeftResizeTouch { border-right:1px solid black; padding-right:18px; margin-right:1px; }
.GPHScrollRightResizeTouch { border-left:1px solid black; padding-left:18px; margin-left:1px; }
.GPHScrollMidLeftResizeTouch { border-left:1px solid black; padding-left:19px; }
.GPHScrollMidRightResizeTouch { border-right:1px solid black; padding-right:19px; }
.GPHScrollWide { overflow:hidden; }
.GPHScrollHidden { overflow:visible!important; background:#F4F4F4; }
.GPXScroll { background:#F4F4F4; cursor:default; }
/* -------------- Special scrollbar setting for Safari and Chrome,
tag inside
tag ------------------ */
/* Added to vertical and horizontal scrollbar to force showing scrollbars in Safari and Chrome if they are automatically hidden
@ Change here the scrollbars look; The scrollbars must be defined as permanently visible
! Note, here is no style prefix
*/
.GridHiddenScroll > div::-webkit-scrollbar { -webkit-appearance:none; width:11px; height:11px; }
.GridHiddenScroll > div::-webkit-scrollbar-thumb { border-radius:8px; border:2px solid white; background-color:rgba(0,0,0,0.5); }
/* ------------------ Round corners ------------------ */
/* Used to render something above and below the grid, to simulate e.g. rounded corners with special effects compatible in all browsers */
/* ...Top is set to tag rendered directly above ...MainTable with the same width as the table
...Top0 to ...Top9 is set to up 10
tags inside ...Top. The tag is not rendered if the class has not set height.
...TopSpace0 to ...TopSpace9 is added to ...Top0 to ...Top9 in case there is some visible Space row width Space = 0
*/
.GPTop { }
.GPTop1 { }
.GPTop2 { }
.GPTop3 { }
.GPTop4 { }
.GPTop5 { }
/* ...Bottom is set to
tag rendered directly below ...MainTable with the same width as the table
...Bottom0 to ...Top9 is set to up 10
tags inside ...Top. The tag is not rendered if the class has not set height.
...BottomSpace0 to ...BottomSpace9 is added to ...Bottom0 to ...Bottom9 in case there is some visible Space row width Space = 4
*/
.GPBottom { }
.GPBottom5 { }
.GPBottom4 { }
.GPBottom3 { }
.GPBottom2 { }
.GPBottom1 { }
/* -------------- Row pages,
tag ------------------ */
/* They control the border and space around the row page */
/* @ Set here vertical border, padding and margin.
...PageOne is shown if no root paging is set (
.
...PageFirst is the first root page, the ...Page are all the next root pages
...ChildPart is shown around the row children, regardless on the
is set or not
*/
.GPPageFirst { }
.GPPage { }
.GPPageOne { }
.GPChildPart { }
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Rows */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ------------- Table row height ------------------ */
/* Classes are not assigned, only the height attribute is read.
@ Set the height in pixels only.
...RowHeight is default minimal height in pixels of all rows in table (not Space rows). It is outer height including all cell border and padding.
...RowHeightTouch is used instead on touch screens like iPad
*/
.GPRowHeight { height:24px; }
.GPRowHeightTouch { height:24px; }
/* ------------- Table rows,
tag ------------------ */
/* Sets the class to the whole column section of the row. Useful to set for special backgrounds.
...DataRow is set for all standard table rows without Kind attribute set
@ Set here only background
*/
.GPHeaderRow { }
.GPFilterRow { }
.GPDataRow { }
/* ------------- Space row height ------------------ */
/* Classes are not assigned, only the height or margin attribute is read.
@ Set the height or margin in pixels only.
...SpaceRowHeight is default minimal height in pixels of all Space rows. It is outer height including all cell border and padding, but not the margin.
...SpaceMargin is horizontal and vertical margin in pixels around all Space row cells.
...SpaceMarginTouch is used instead on touch screens like iPad
*/
.GPSpaceRowHeight { height:24px; }
.GPSpaceMargin { margin:0px; }
.GPSpaceMarginTouch { margin:0px; }
/* ------------- Space rows, tag inside
tag ------------------ */
/* Space row class according to the row Kind as prefix+Kind+"Row". In XML the Kind can be set as tag name like tag, on the same level as table sections like Head/Body/Foot (...Left/Mid/Right).
@ Set here border, padding, margin and background
The horizontal border and spacing of Space rows should be synchronized with the table sections
*/
.GPSpaceRow,.GPGroupRow,.GPSearchRow,.GPPagerRow,.GPToolbarRow,.GPToolbar1Row,.GPToolbar2Row,.GPToolbar3Row,.GPTopbarRow,.GPTopbar1Row,.GPTopbar2Row,.GPTopbar3Row,.GPTabberRow {
padding:3px 0px 3px 0px; font-size:0px; overflow:hidden; white-space:nowrap;
}
.GPSpaceRow { } /* Standard Space row with no special meaning */
.GPGroupRow { } /* Grouping settings row */
.GPSearchRow { } /* Search settings row */
.GPPagerRow { } /* Simple pager row with Pages type cell */
.GPToolbarRow { border-top:1px solid black; margin-top:4px; padding-top:6px; } /* Bottom standalone toolbar */
.GPToolbar1Row { border-top:1px solid black; margin-top:4px; padding-top:6px; } /* First bottom toolbar */
.GPToolbar2Row { } /* Last bottom toolbar */
.GPToolbar3Row { } /* Middle bottom toolbars */
.GPTopbarRow { } /* Standalone top toolbar */
.GPTopbar1Row { } /* First top toolbar*/
.GPTopbar2Row { } /* Last top toolbar */
.GPTopbar3Row { } /* Middle top toolbars */
.GPTabberRow { padding:0px; } /* Tabber row with Tab type cells, usually used with ...RowAbove or ...RowBelow */
/* Special Space row Kind="Fill" shown for ConstHeight='1'*/
.GPFillRow { }
/* Special Space row Kind="NoData" shown when all body rows are hidden */
.GPNoDataRow { padding:5px 0px 5px 5px; overflow:hidden; border-top:1px solid black; margin-top:4px; }
.GPNoDataRow * { color:gray!important; font-style:italic!important; border:0px none!important; }
/* Class added to Space row Kind class for its position (Space attribute value), only value 0 to 4 */
.GPRowSpace0 { }
.GPRowSpace1 { }
.GPRowSpace2 { }
.GPRowSpace3 { }
.GPRowSpace4 { }
/* Special Space row above or below grid, used instead of Kind class, ...RowAbove is added for Space='-1', ...RowBelow for Space='5' */
.GPRowAbove,.GPRowBelow { }
.GPRowAbove { }
.GPRowBelow { }
/* Class added for row with Panel='1' */
.GPSpaceRowPanel { }
/* Class added for given row VAlign attribute value */
.GPSpaceVAlignTop { }
.GPSpaceVAlignMiddle { }
.GPSpaceVAlignBottom { }
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Cells */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ------------- Table cells, tag ------------- */
/* Classes for table row cells (not Space rows). Always one class per one cell.
@ Set border here. Note, all cells in table must have the same border width/height in the same cell edge.
@ You can set also padding here, but note, the padding is defined also in cell type class.
@ You can set also background here, but note, the data cell background color is often controlled by ...Color state classes
...Cell - base data cell
...CellPanel - cell Type="Panel"
...CellFilter - cell in row Kind="Filter"
...CellFilterPanel - cell Name="Panel" in row Kind="Filter". Note, it is used only for default panel named "Panel"
...CellHeader - cell in row Kind="Header"
...CellHeaderPanel - cell Type="Panel" in row Kind="Header"
...CellEmpty - cell in _ConstWidth column (created due cell due special feature
...CellClassInner added to the cell with defined ClassInner attribute (including Header cell)
...CellClassInnerIcon added to the cell with defined ClassInner attribute and side Icon
...CellHeaderInnerIcon added to the header cell with defined ClassInner attribute and side Icon
...CellBorderFF3 is added to all cells in Firefox 3 - 19 due its slow bug in rendering table cells with different borders
*/
.GPCellClassInner { padding-top:0px; padding-bottom:0px; }
.GPCellClassInnerIcon { }
.GPCellHeaderInnerIcon { }
.GPCellBorderFF3 { border-left:0px none!important; border-top:0px none!important; }
/* ------------- Cell content - Type, or tag ------------- */
/* The Type class is by default set to same
tag as the table cell or Space cell class.
Here are listed all TreeGrid Types except: "Gantt" - defined in Gantt.css file; "Chart", "Pages" and "DropCols" - defined later in this file and "Panel" - this class is not used.
If the cell consists from more included tags, it is set to the most inner
tag.
The one or more
tags are included in cell if:
any cell has set VAlign, Rotate or ClassInner or Align="Scroll"
Header cell has set Icon or Type="Bool"
Space cell has set Icon or is editable or has Button="Defaults"
There can be included also inner
inside cell in these cases:
any cell has set Span + Merge with more columns and no MergeFormat
Header cell has set Levels
MainCol cell when set , but the Type class is set to parent cell
Select type class is set along with Html class for Select Type
Note, the "Bool", "Icon" and "Select" type classes are not listed in the first line
@ Set padding and text attributes like font, line-height, text-align, white-space
*/
.GPText,.GPLines,.GPInt,.GPFloat,.GPDate,.GPPass,.GPImg,.GPLink,.GPRadio,.GPEnum,.GPButton,.GPHtml,.GPAbs,.GPList,.GPUser {
font:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; white-space:nowrap; padding:4px 3px 4px 3px;
}
.GPInt,.GPFloat,.GPDate { text-align:right; }
.GPLines,.GPRadio,.GPHtml,.GPList { white-space:normal; }
.GPImg,.GPHtml { padding-top:0px; padding-bottom:0px; }
.GPPass { font-size:15px; line-height:24px; padding:0px 0px 0px 3px; }
.GPRadio { padding:0px; }
.GPBool { text-align:center; line-height:0px; }
.GPIcon { background-repeat:no-repeat; }
.GPAbs { padding:0px; }
.GPUser { padding:0px; }
.GPSelect { padding-top:2px; padding-bottom:2px; }
/* Class set for cell width Visible='0'.
@ Set background for the ...Hidden
It is always set to tag, this tag has always empty content.
...Hidden is set to table cell and does not hide the cell, it just makes it empty
...HiddenSpace is set to Space cell and hides the cell completely
*/
.GPHidden { }
.GPHiddenSpace { display:none; }
/* Class set to the right Button cell, the table cell next to the data cell:
@ Set width, height, padding and text attributes like font, line-height, text-align, white-space
...RightButton is set for or tag inside tag for Button="Button" according to
...RightHtml is set for tag for Button="Html"
*/
button.GPRightButton { font:10px/11px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; height:17px; width:19px; margin:0px; padding:0px; }
u.GPRightButton {
background:#F0F0E0; border:1px solid white; border-right:1px solid #888; border-bottom:1px solid #888; padding:1px 3px 1px 3px; margin:2px 2px 2px 1px;
font:14px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; text-decoration:none; display:inline-block; overflow:hidden; white-space:nowrap;
}
.GPRightHtml { font:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; padding-top:4px; padding-bottom:4px; }
/* Class set to inner table tag, when displaying Header cell Levels
@ Set width and text attributes like font, line-height, text-align, white-space for the ...LevelButton
...LevelButton is set to every Levels button
...LevelButtonSpace is set to the next as the space between buttons and cell value. The last cell contains the cell value
*/
.GPLevelButton {
background:url(Button.gif?v110) 2px -1747px no-repeat; padding:4px 0px 4px 0px; width:21px;
font:bold 11.5px/13px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; text-align:center; cursor:pointer;
}
.GPLevelButtonSpace { width:5px; }
/* Class set to inner table tag, when displaying merged cells (Span+Merge and no MergeFormat)
@ Set border, padding, background, width and height
...MergedCellH is set to every merged value ( tag) when showing all cells in one row (MergeType&1 = 0)
...MergedCellV is set to every merged value ( tag) when showing all cells in one column (MergeType&1 = 1)
*/
.GPMergedCellH { padding:0px; padding-right:5px; }
.GPMergedCellV { padding:0px; padding-bottom:1px; }
/* Classes set to cell in Header row
...HeaderText is set along with the Type class for Header cell, to or tag. @ Set padding and text attributes like font, line-height, text-align, white-space
...HeaderIconInner is set along with the ...HeaderText if the cell has set Icon, to
or tag. @ Set padding.
...HeaderButton is set to
tag next to the cell if the cell has set Button (by default Header cell has set Button="Sort"). @ Set padding or the first child settings.
...HeaderToolButton is set to tag of the cell type "Button" and Button="Button". @ Set padding
...HeaderFocus is added to cell tag during dragging the Header cell. @ Set background and optionally border, padding and text attributes like font, line-height, text-align, white-space
...HeaderDrag is added to ghost Header cell under mouse cursor during dragging the Header cell. @ Set background and border and optionally padding and text attributes like font, line-height, text-align, white-space
*/
.GPHeaderText { font:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; padding:4px 3px 4px 3px; color:#FFD; }
.GPHeaderIconInner { }
.GPHeaderButton { padding:0px; }
.GPHeaderButtonButton { padding:0px; }
.GPHeaderButtonHtml { fontfont:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; padding-top:4px; padding-bottom:4px; color:#FFD; }
.GPHeaderToolButton { text-align:center; padding:0px; }
.GPHeaderFocus { background-color:#DEDFD8; }
.GPHeaderDrag { background-color:#C0C0B0; cursor:default; overflow:hidden; }
/* Classes added to DropCols type inner table cells, tag.
@ Set here border, padding, background and text attributes.
...DropCols is DropCols type class set to tag
...HeaderGroup is set to every DropCols inner table cells, except the last one
...HeaderGroupFocus is added to the DropCols inner table cell during dragging inside the DropCols line (to be moved)
...HeaderGroupDelete is added to the DropCols inner table cell during dragging outside the DropCols line (to be removed)
...HeaderGroupCustom is set to the last cell in DropCols inner table, as the default text "To group by, drag column caption here"
*/
.GPDropCols { }
.GPHeaderGroup { font:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; padding:0px 3px 0px 3px; border-left:1px solid white; border-right:1px solid #e0e0ff; }
.GPHeaderGroupFocus { background-color:#DEDFD8; }
.GPHeaderGroupDelete { background-color:#F0F0E0; color:#F0F0E0; }
.GPHeaderGroupCustom { font:italic 14.5px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; color:#BBB; padding-left:5px; white-space:nowrap; }
/* Class added to the cell tag when resizing row by dragging this cell edge and direct resizing is off */
.GPResizingRow { border-bottom:1px solid black; }
.GPResizingSpace { }
/* Classes added to cell with Wrap attribute. Added along with Type class to or tag.
@ Do not change.
...Wrap0 for Wrap='0', ...Wrap1 for Wrap='1'
*/
.GPWrap0 { white-space:nowrap; }
.GPWrap1 { white-space:normal; }
/* Classes added to cell with Align attribute. Added along with Type class to
or tag.
@ Do not change.
...AlignLeft for Align='Left', ...AlignCenter for Align='Center', ...AlignRight for Align='Right', ...AlignJustify for Align="Justify"
*/
.GPAlignLeft { text-align:left; }
.GPAlignCenter { text-align:center; }
.GPAlignJustify { text-align:justify; }
.GPAlignRight { text-align:right; }
/* Classes added to cell with VAlign attribute. Added always to
tag.
@ Do not change.
...VAlignTop for VAlign='Top', ...VAlignMiddle for VAlign='Middle', ...AlignBottom for Align='Bottom'
The ...VAlignTop must be defined as the last one. In Space row it is added also to all rows without VAlign set.
*/
.GPVAlignMiddle { vertical-align:middle; display:table-cell; }
.GPVAlignBottom { vertical-align:bottom; display:table-cell; }
.GPVAlignTop { vertical-align:top; display:table-cell; }
/* Classes added to cell with Rotate attribute.
@ Change them carefully, the rotation can differ per browser.
...CellRotate... class is added to cell tag for vertical alignment according to the Rotate and Align values
...Rotate1 and ...Rotate2 is set to inner to do the rotation, according to Rotate attribute value
...Rotate1IE is used instead for IE9 and below for Rotate='1', the ...Rotate1IEHeader is used instead for Header cell
...IconRotate is added to cell
for cell with Icon attribute to display icon on top
...IconRotateLeft is added to extra inner with icon for cell with Icon, IconAlign="Left" and Rotate="1" to display icon on bottom
...IconRotateHeaderLeft is added to extra inner
with icon for Header cell with Icon, IconAlign="Left" and Rotate="1" to display icon on bottom
...IconRotateHeaderRight is added to extra inner
with icon for Header cell with Icon attribute to display icon on top
*/
.GPCellRotate1 { vertical-align:bottom; padding-top:1px; padding-bottom:1px; text-align:left; }
.GPCellRotate2 { vertical-align:top; padding-top:1px; padding-bottom:1px; }
.GPCellRotate3 { vertical-align:middle; padding-top:1px; padding-bottom:1px; }
.GPRotate1IEHeader { background-color:#F0F0E0; filter:progid:DXImageTransform.Microsoft.Chroma(color='#F0F0E0') progid:DXImageTransform.Microsoft.BasicImage(rotation=3); overflow:hidden; }
.GPRotate1IE { background-color:#FFFFFF; filter:progid:DXImageTransform.Microsoft.Chroma(color='#FFFFFF') progid:DXImageTransform.Microsoft.BasicImage(rotation=3); overflow:hidden; }
.GPRotate1 { -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); }
.GPRotate2 { text-align:left; writing-mode:tb-rl; -moz-transform:rotate(-270deg); -webkit-transform:rotate(-270deg); -o-transform:rotate(-270deg); }
.GPIconRotate { padding-left:2px!important; padding-top:20px!important; }
.GPIconRotateLeft { margin-left:0px; padding-top:20px!important; }
.GPIconRotateHeaderLeft { margin-left:5px; padding-top:20px!important; }
.GPIconRotateHeaderRight { margin-left:2px; padding-top:20px!important; }
/*--------------- Space cells ----------------- */
/* Classes control the background and border of the Space cells
@ Set here border, padding and background
*/
.GPCellSpace,.GPCellSpaceIcon,.GPCellSpaceButton,.GPCellSpaceButtonIcon,.GPCellSpaceButtonButton,.GPCellSpacePanel,.GPCellSpaceBool,.GPCellSpaceRadio,.GPCellSpaceSelect,.GPCellSpaceEdit {
}
/* Not editable Space cell. Set also for Label.
...CellSpace is set to the
tag
...CellSpaceIcon is set to tag instead for cell with Icon attribute
...SpaceIconInner is set to inner tag for cell with Icon attribute
*/
.GPCellSpace { padding-top:4px; padding-bottom:4px; }
.GPCellSpaceIcon { padding-top:0px; padding-bottom:0px; }
.GPSpaceIconInner { padding-top:4px; padding-bottom:4px; }
/* Button Type in Space cell
...CellSpaceButton is set to the
tag for cell with Button="Html"
...CellSpaceButtonIcon is set to the tag instead for cell with Button="Html" and Icon attribute
...SpaceButtonIconInner is set to inner tag for cell with Button="Html" and Icon attribute
...CellSpaceButtonButton is set to the
tag for cell with Button="Button"
...CellSpaceTool is added to the tag (along with CellSpaceButton) for cell with Button="Html" and without ButtonText and with VAlign - the special toolbar button
*/
.GPCellSpaceButton { padding:4px 2px 4px 2px; white-space:nowrap; }
.GPCellSpaceButtonIcon { padding-top:0px; padding-bottom:0px; white-space:nowrap; }
.GPSpaceButtonIconInner { padding-top:4px; padding-bottom:4px; }
.GPCellSpaceButtonButton { }
.GPCellSpaceTool { padding:0px; }
/* Classes for Type Panel, Bool and Radio in Space cell */
.GPCellSpacePanel { line-height:0px; padding-top:3px; padding-bottom:4px; }
.GPCellSpaceBool { line-height:0px; }
.GPCellSpaceRadio { padding:0px; }
/* Classes for Type="Select" or cell with Button="Defaults" in Space cell
...CellSpaceSelect is set to the tag
...SpaceSelectInner is set to inner tag
...SpaceSelectInnerIcon is set to inner
tag in cell with Icon
...SpaceSelectIconInner is set to inner inner
tag (along with Type class) in cell with Icon
...SpaceSelectInnerIE is added to inner
tag in cell with Icon in IE5 quirks mode
*/
.GPCellSpaceSelect { padding:0px 3px 0px 3px; }
.GPSpaceSelectInner,.GPSpaceSelectInnerIcon {
padding:4px 20px 3px 6px; background:#EEC url(Button.gif?v110) right -1250px no-repeat; border-radius:6px;
}
.GPSpaceSelectInnerIcon { padding:0px 20px 0px 4px; }
.GPSpaceSelectIconInner { padding-top:4px; padding-bottom:3px; }
.GPSpaceSelectInnerIE { overflow:hidden; }
/* Classes for editable Space cell
...CellSpaceEdit is set to the
tag
...SpaceEditInner is set to inner tag
...SpaceEditInnerIcon is set to inner
tag in cell with Icon
...SpaceEditIconInner is set to inner inner
tag (along with Type class) in cell with Icon
...SpaceEditButtonIconInner is set to inner inner
tag in cell with Icon and Button
*/
.GPCellSpaceEdit { padding:0px 3px 0px 3px; }
.GPSpaceEditInner,.GPSpaceEditInnerIcon { background:#EEC; padding:4px 6px 4px 6px; border-radius:6px; }
.GPSpaceEditInnerIcon { padding:0px 0px 0px 1px; }
.GPSpaceEditIconInner { padding-top:4px; padding-bottom:4px; }
.GPSpaceEditButtonIconInner { padding-top:0px; padding-bottom:0px; }
/* Classes added to
tag in cell in Space row with Space="-1" (...Above) or Space="5" (...Below)
*/
.GPCellSpaceAbove { }
.GPCellSpaceBelow { }
/* Class added to tag with ClassInner class */
.GPSpaceClassInner { padding-top:0px; padding-bottom:0px; }
/*--------------- Cell edges ----------------- */
/* @ Support classes, do not change
Classes added to table or Space cell if it should not have the left or right border or is empty
*/
.GPNoLeft,.GPNoSpaceLeft { border-left:0px none!important; border-bottom-left-radius:0px!important; border-top-left-radius:0px!important; }
.GPNoRight,.GPNoSpaceRight { border-right:0px none!important; border-bottom-right-radius:0px!important; border-top-right-radius:0px!important; }
.GPEmpty { text-decoration:none!important; font-size:0px!important; line-height:0px!important; }
/*--------------- Pages type cell ----------------- */
/* ...Pages is set to
as Type class. @ Set here border, padding and background
...PagesLink is set to individual tags as page numbers. @ Set here margin, padding, border, background and text attributes
...PagesLinkActive is set to tag in actual selected page number instead
*/
.GPPages { overflow:visible; padding:0px!important; }
.GPPagesLink,.GPPagesLinkActive {
padding:2px 1px 3px 2px; margin:1px 1px 2px 1px; display:inline-block; font:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; cursor:pointer; color:blue;
}
/* The :hover remarkably slows down every grid in IE strict mode
.GPPagesLink:visited { color:blue; }
.GPPagesLink:hover { color:red; }*/
.GPPagesLinkActive { color:black; font-weight:bold; border:1px dotted black; padding-top:1px; padding-bottom:2px; }
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Tree cell */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Class set to the tree in tag left to MainCol cell
@ They are not expected to change, but you can set here background or border
...Tree is set for tag for SpannedTree
...NoTreeLines... is set for NoTreeLines value 1 - 3.
*/
.GPTree { padding-top:0px; white-space:nowrap; }
.GPNoTreeLines1 { text-align:right; }
.GPNoTreeLines2 { text-align:right; vertical-align:middle; padding-top:0px; }
.GPNoTreeLines3 { text-align:left; }
/* ------------- Tree images with lines (NoTreeLines='0') ------------- */
/* Default tree class set to tag or to inner tag
The tree is shown in inner tags if it cannot be set by one background image or in SpannedTree or with TreeIcon.
@ Set background and padding-left. It is not easy to change them, the image files contain many icons that must be changed all at once, especially if you want to change the widths.
...TreeTop / ...TreeMiddle / ...TreeBottom is set according to VAlign value, for empty is set also ...TreeTop
...TreeRev... is set according to VAlign value for tag, according to VAlign value (M - Middle, B - Bottom, nothing - Top or empty)
...TreeImageIE, ...TreeImageIEM, ...TreeImageIEB is set instead in all IE modes except IE5 quirks and also in Firefox strict mode
...Width... is width of the tree icon part in tag, number is count of the icon lines, ...T is ending icon / button
...Width1 is also used measure one level indent, ...Width1T is also used to measure tree button width
*/
.GPTreeTop { background-image:url(Tree.gif?v110); }
.GPTreeMiddle { background-image:url(TreeMiddle.gif?v110); }
.GPTreeBottom { background-image:url(TreeBottom.gif?v110); }
.GPTreeRevTop { background-image:url(TreeRev.gif?v110); }
.GPTreeRevMiddle { background-image:url(TreeRevMiddle.gif?v110); }
.GPTreeRevBottom { background-image:url(TreeRevBottom.gif?v110); }
.GPTreeIcon { background-repeat:no-repeat; background-position:left top; }
.GPTreeIconM { background-repeat:no-repeat; background-position:left center; }
.GPTreeIconB { background-repeat:no-repeat; background-position:left bottom; }
.GPTreeImage,.GPTreeImageM,.GPTreeImageB { display:inline-block; height:100%; width:0px; }
.GPTreeImageIE { padding-bottom:1000px; }
.GPTreeImageMIE { padding-top:500px; padding-bottom:500px; }
.GPTreeImageBIE { padding-top:1000px; }
.GPWidth1T { padding-left:26px; } .GPWidth1 { padding-left:21px; }
.GPWidth2T { padding-left:47px; } .GPWidth2 { padding-left:42px; }
.GPWidth3T { padding-left:68px; } .GPWidth3 { padding-left:63px; }
.GPWidth4T { padding-left:89px; }
/* Individual tree backgrounds according to VAlign value (M - Middle, B - Bottom, nothing - Top or empty)
1 means vertical line, 0 means no vertical line
*/
/* ...xxx - three line icons, ...xxxT - three line icons plus ending icon (no last, no button) */
.GP000,.GP000T { background-position: 0px top; } .GP000M,.GP000TM { background-position: 0px center; } .GP000B,.GP000TB { background-position: 0px bottom; }
.GP010,.GP010T { background-position:-128px top; } .GP010M,.GP010TM { background-position:-128px center; } .GP010B,.GP010TB { background-position:-128px bottom; }
.GP001,.GP001T { background-position:-256px top; } .GP001M,.GP001TM { background-position:-256px center; } .GP001B,.GP001TB { background-position:-256px bottom; }
.GP011,.GP011T { background-position:-384px top; } .GP011M,.GP011TM { background-position:-384px center; } .GP011B,.GP011TB { background-position:-384px bottom; }
.GP100,.GP100T { background-position:-512px top; } .GP100M,.GP100TM { background-position:-512px center; } .GP100B,.GP100TB { background-position:-512px bottom; }
.GP110,.GP110T { background-position:-640px top; } .GP110M,.GP110TM { background-position:-640px center; } .GP110B,.GP110TB { background-position:-640px bottom; }
.GP101,.GP101T { background-position:-768px top; } .GP101M,.GP101TM { background-position:-768px center; } .GP101B,.GP101TB { background-position:-768px bottom; }
.GP111,.GP111T { background-position:-896px top; } .GP111M,.GP111TM { background-position:-896px center; } .GP111B,.GP111TB { background-position:-896px bottom; }
/* ...xx - two line icons, ...xxT - two line icons plus ending icon (no last, no button) */
.GP00,.GP00T { background-position: -21px top; } .GP00M,.GP00TM { background-position: -21px center; } .GP00B,.GP00TB { background-position: -21px bottom; }
.GP10,.GP10T { background-position:-149px top; } .GP10M,.GP10TM { background-position:-149px center; } .GP10B,.GP10TB { background-position:-149px bottom; }
.GP01,.GP01T { background-position:-277px top; } .GP01M,.GP01TM { background-position:-277px center; } .GP01B,.GP01TB { background-position:-277px bottom; }
.GP11,.GP11T { background-position:-405px top; } .GP11M,.GP11TM { background-position:-405px center; } .GP11B,.GP11TB { background-position:-405px bottom; }
/* ...x - one line icon, ...xT - one line icon plus ending icon (no last, no button) */
.GP0,.GP0T { background-position: -42px top; } .GP0M,.GP0TM { background-position: -42px center; } .GP0B,.GP0TB { background-position: -42px bottom; }
.GP1,.GP1T { background-position:-298px top; } .GP1M,.GP1TM { background-position:-298px center; } .GP1B,.GP1TB { background-position:-298px bottom; }
/* ...T - ending icon (no last, no button) */
.GPT { background-position:-63px top; } .GPTM { background-position:-63px center; } .GPTB { background-position:-63px bottom; }
/* ...xxL - the end icon is the icon of the last child row
...xT? - one line icon plus end icon, no button , ...xC? - one line icon plus end collapse (-) button, ...xE? - one line icon plus end expand (+) button
*/
.GP0TL { background-position:-1024px top; } .GP0TLM { background-position:-1024px center; } .GP0TLB { background-position:-1024px bottom; }
.GP1TL { background-position:-1088px top; } .GP1TLM { background-position:-1088px center; } .GP1TLB { background-position:-1088px bottom; }
.GP0C { background-position:-1152px top; } .GP0CM { background-position:-1152px center; } .GP0CB { background-position:-1152px bottom; }
.GP1C { background-position:-1216px top; } .GP1CM { background-position:-1216px center; } .GP1CB { background-position:-1216px bottom; }
.GP0CL { background-position:-1280px top; } .GP0CLM { background-position:-1280px center; } .GP0CLB { background-position:-1280px bottom; }
.GP1CL { background-position:-1344px top; } .GP1CLM { background-position:-1344px center; } .GP1CLB { background-position:-1344px bottom; }
.GP0E { background-position:-1408px top; } .GP0EM { background-position:-1408px center; } .GP0EB { background-position:-1408px bottom; }
.GP1E { background-position:-1472px top; } .GP1EM { background-position:-1472px center; } .GP1EB { background-position:-1472px bottom; }
.GP0EL { background-position:-1536px top; } .GP0ELM { background-position:-1536px center; } .GP0ELB { background-position:-1536px bottom; }
.GP1EL { background-position:-1600px top; } .GP1ELM { background-position:-1600px center; } .GP1ELB { background-position:-1600px bottom; }
/* ...xL - the end icon is the icon of the last child row
...T? - end icon, no button, ...C? - end collapse (-) button, ...E? - end expand (+) button
*/
.GPTL { background-position:-1045px top; } .GPTLM { background-position:-1045px center; } .GPTLB { background-position:-1045px bottom; }
.GPC { background-position:-1173px top; } .GPCM { background-position:-1173px center; } .GPCB { background-position:-1173px bottom; }
.GPCL { background-position:-1301px top; } .GPCLM { background-position:-1301px center; } .GPCLB { background-position:-1301px bottom; }
.GPE { background-position:-1429px top; } .GPEM { background-position:-1429px center; } .GPEB { background-position:-1429px bottom; }
.GPEL { background-position:-1557px top; } .GPELM { background-position:-1557px center; } .GPELB { background-position:-1557px bottom; }
/* Icons shown during dragging - drop permissions
...xL - the end icon is the icon of the last child row
...D0? - no drop, ...D1? - drop above, ...D2? - drop inside, ...D3? - drop below
*/
.GPD0 { background-position:-1664px top; } .GPD0M { background-position:-1664px center; } .GPD0B { background-position:-1664px bottom; }
.GPD1 { background-position:-1696px top; } .GPD1M { background-position:-1696px center; } .GPD1B { background-position:-1696px bottom; }
.GPD2 { background-position:-1728px top; } .GPD2M { background-position:-1728px center; } .GPD2B { background-position:-1728px bottom; }
.GPD3 { background-position:-1760px top; } .GPD3M { background-position:-1760px center; } .GPD3B { background-position:-1760px bottom; }
.GPD0L { background-position:-1792px top; } .GPD0LM { background-position:-1792px center; } .GPD0LB { background-position:-1792px bottom; }
.GPD1L { background-position:-1824px top; } .GPD1LM { background-position:-1824px center; } .GPD1LB { background-position:-1824px bottom; }
.GPD2L { background-position:-1856px top; } .GPD2LM { background-position:-1856px center; } .GPD2LB { background-position:-1856px bottom; }
.GPD3L { background-position:-1888px top; } .GPD3LM { background-position:-1888px center; } .GPD3LB { background-position:-1888px bottom; }
/* ...D4 - icons for expanding children in timeout, ...xL - the end icon is the icon of the last child row
*/
.GPD4 { background-position:-1920px top; } .GPD4M { background-position:-1920px center; } .GPD4B { background-position:-1920px bottom; }
.GPD4L { background-position:-1952px top; } .GPD4LM { background-position:-1952px center; } .GPD4LB { background-position:-1952px bottom; }
/* ------------- Tree images without lines (NoTreeLines='1') ------------- */
/* Tree classes set to tag or to inner tag
The tree is shown in inner tags in SpannedTree, with TreeIcon or with VAlign
@ Set here height, width and background
...NC - Icon for button collapse, ...NE - Icon for button expand, ...NT - Icon for leaf none without button, ...NCR / ...NER / ...NTR - Shown instead in RTL mode
...ND0 - ...ND3 - Icons shown during dragging - drop permissions: ...ND0 - no drop, ...ND1 - drop above, ...ND2 - drop inside, ...ND3 - drop below
...NTreeImage is set to inner tag; it is also used to read the default width of tree button
...NIcon is set if used custom tree icon by in panel, set here padding-left and font-size instead of width and height
...PanelImage is set to every panel icon tag if there is no in the panel.
...PanelImageButton is set to every panel icon tag if there also some in the panel
...PanelEmpty is shown for panel button named "Empty"
...PanelMove is shown for panel button named "Move", ...PanelMoveOff is shown for rows without moving permissions
...PanelSelect is shown for panel button named "Select", ...PanelSelectOff is shown for rows without selecting permissions, ...PanelSelectOn is shown for rows with Select="1"
...PanelDelete is shown for panel button named "Delete", ...PanelDeleteOff is shown for rows without deleting permissions
...PanelCopy is shown for panel button named "Copy", ...PanelCopyOff is shown for rows without copying permissions
...PanelButton is shown if the panel button has not defined image and is shown as or depending on . @ Set here margin, border, padding, width, height and text attributes
...PanelTouch is added to on tablets with PanelImage, ...PanelTouchButton is added to on tablets with PanelImageButton
...PanelButtonTouch is added to on tablets
*/
.GPPanelImage { width:16px; height:24px; display:inline-block; background-image:url(Panel.gif?v110); background-repeat:no-repeat; background-position:center 3px; }
.GPPanelImageButton { font:14px Arial; padding-left:16px; background-image:url(Panel.gif?v110); background-repeat:no-repeat; zoom:1; }
.GPPanelEmpty { background:none; }
.GPPanelMove { background-position:0px 3px; }
.GPPanelMoveOff { background-position:-50px 3px; }
.GPPanelSelect { background-position:-100px 3px; }
.GPPanelSelectOn { background-position:-150px 3px; }
.GPPanelSelectOff { background-position:-200px 3px; }
.GPPanelDelete { background-position:-250px 3px; }
.GPPanelDeleteOff { background-position:-300px 3px; }
.GPPanelCopy { background-position:-350px 3px; }
.GPPanelCopyOff { background-position:-400px 3px; }
button.GPPanelButton {
padding:0px; height:14px; width:19px; margin:0px;
font:10px/7px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; display:inline-block; cursor:pointer; overflow:hidden;
}
u.GPPanelButton {
background:#F0F0E0; border:1px solid white; border-right:1px solid #888; border-bottom:1px solid #888; padding:1px 3px 1px 3px; margin:2px;
font:14px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; cursor:pointer; text-decoration:none; display:inline-block; overflow:hidden; white-space:nowrap;
}
.GPCellHeaderPanel u.GPPanelButton { }
.GPPanelTouch { margin-left:5px; margin-right:5px; }
.GPPanelTouchButton { margin-left:5px; margin-right:5px; }
.GPPanelButtonTouch { margin-left:2px; margin-right:2px; width:25px; }
/* ------------- Fast Panel images (FastPanel='1')------------- */
/* @ Do not change, for custom images use standard panel (FastPanel='0') or modify the FastPanel1.gif?v110/FastPanel2.gif?v110 files.
The image is used different for every button state, the four numbers are for buttons Move, Select, Delete, Copy in this order.
1 - shown, 2 - (on, for select), 0 - hidden, but space reserved, x - hidden completely, with no space
*/
.GPP1111,.GPP1211,.GPP1011,.GPP1101,.GPP1201,.GPP1001,.GPP1110,.GPP1210,.GPP1010,.GPP1100,.GPP1200,.GPP1000,
.GPP0111,.GPP0211,.GPP0011,.GPP0101,.GPP0201,.GPP0001,.GPP0110,.GPP0210,.GPP0010,.GPP0100,.GPP0200,.GPP0000,
.GPP111x,.GPP121x,.GPP101x,.GPP110x,.GPP120x,.GPP100x,.GPP011x,.GPP021x,.GPP001x,.GPP010x,.GPP020x,.GPP000x,
.GPP11xx,.GPP12xx,.GPP10xx,.GPP01xx,.GPP02xx,.GPP00xx,
.GPPx111,.GPPx211,.GPPx011,.GPPx101,.GPPx201,.GPPx001,.GPPx110,.GPPx210,.GPPx010,.GPPx100,.GPPx200,.GPPx000,
.GPPx11x,.GPPx21x,.GPPx01x,.GPPx10x,.GPPx20x,.GPPx00x,
.GPPxx11,.GPPxx10,.GPPxx01,.GPPxx00,
.GPPxxx1,.GPPxxx0,.GPPxx1x,.GPPxx0x,.GPPx2xx,.GPPx1xx,.GPPx0xx,.GPP1xxx,.GPP0xxx {
background-image:url(FastPanel1.gif?v110); background-repeat:no-repeat;
}
.GPP1111,.GPP111x,.GPP11xx,.GPP1xxx { background-position:0px 3px; }
.GPP1211,.GPP121x,.GPP12xx { background-position:-80px 3px; }
.GPP1011,.GPP101x,.GPP10xx { background-position:-160px 3px; }
.GPP1101,.GPP110x { background-position:-240px 3px; }
.GPP1201,.GPP120x { background-position:-320px 3px; }
.GPP1001,.GPP100x { background-position:-400px 3px; }
.GPP1110 { background-position:-480px 3px; }
.GPP1210 { background-position:-560px 3px; }
.GPP1010 { background-position:-640px 3px; }
.GPP1100 { background-position:-720px 3px; }
.GPP1200 { background-position:-800px 3px; }
.GPP1000 { background-position:-880px 3px; }
.GPP0111,.GPP011x,.GPP01xx,.GPP0xxx { background-position:-960px 3px; }
.GPP0211,.GPP021x,.GPP02xx { background-position:-1040px 3px; }
.GPP0011,.GPP001x,.GPP00xx { background-position:-1120px 3px; }
.GPP0101,.GPP010x { background-position:-1200px 3px; }
.GPP0201,.GPP020x { background-position:-1280px 3px; }
.GPP0001,.GPP000x { background-position:-1360px 3px; }
.GPP0110 { background-position:-1440px 3px; }
.GPP0210 { background-position:-1520px 3px; }
.GPP0010 { background-position:-1600px 3px; }
.GPP0100 { background-position:-1680px 3px; }
.GPP0200 { background-position:-1760px 3px; }
.GPP0000 { background-position:-1840px 3px; }
.GPPx111,.GPPx11x,.GPPx1xx { background-position:-16px 3px; }
.GPPx211,.GPPx21x,.GPPx2xx { background-position:-96px 3px; }
.GPPx011,.GPPx01x,.GPPx0xx { background-position:-176px 3px; }
.GPPx101,.GPPx10x { background-position:-256px 3px; }
.GPPx201,.GPPx20x { background-position:-336px 3px; }
.GPPx001,.GPPx00x { background-position:-416px 3px; }
.GPPx110 { background-position:-496px 3px; }
.GPPx210 { background-position:-576px 3px; }
.GPPx010 { background-position:-656px 3px; }
.GPPx100 { background-position:-736px 3px; }
.GPPx200 { background-position:-816px 3px; }
.GPPx000 { background-position:-896px 3px; }
.GPPxx11,.GPPxx1x { background-position:-32px 3px; }
.GPPxx01,.GPPxx0x { background-position:-272px 3px; }
.GPPxx10{ background-position:-512px 3px; }
.GPPxx00 { background-position:-752px 3px; }
.GPPxxx1 { background-position:-48px 3px; }
.GPPxxx0 { background-position:-528px 3px; }
.GPP11x1,.GPP12x1,.GPP10x1,.GPP11x0,.GPP12x0,.GPP10x0,.GPP01x1,.GPP02x1,.GPP00x1,.GPP01x0,.GPP02x0,.GPP00x0,
.GPPx1x1,.GPPx2x1,.GPPx0x1,.GPPx1x0,.GPPx2x0,.GPPx0x0,
.GPP1x11,.GPP1x01,.GPP1x10,.GPP1x00,.GPP0x11,.GPP0x01,.GPP0x10,.GPP0x00,
.GPP1x1x,.GPP1x0x,.GPP0x1x,.GPP0x0x,
.GPP1xx1,.GPP1xx0,.GPP0xx1,.GPP0xx0 {
background-image:url(FastPanel2.gif?v110); background-repeat:no-repeat;
}
.GPP11x1 { background-position:0px 3px; }
.GPP12x1 { background-position:-80px 3px; }
.GPP10x1 { background-position:-160px 3px; }
.GPP11x0 { background-position:-240px 3px; }
.GPP12x0 { background-position:-320px 3px; }
.GPP10x0 { background-position:-400px 3px; }
.GPP01x1 { background-position:-480px 3px; }
.GPP02x1 { background-position:-560px 3px; }
.GPP00x1 { background-position:-640px 3px; }
.GPP01x0 { background-position:-720px 3px; }
.GPP02x0 { background-position:-800px 3px; }
.GPP00x0 { background-position:-880px 3px; }
.GPPx1x1 { background-position:-16px 3px; }
.GPPx2x1 { background-position:-96px 3px; }
.GPPx0x1 { background-position:-176px 3px; }
.GPPx1x0 { background-position:-256px 3px; }
.GPPx2x0 { background-position:-336px 3px; }
.GPPx0x0 { background-position:-416px 3px; }
.GPP1x11,.GPP1x1x { background-position:-960px 3px; }
.GPP1x01,.GPP1x0x { background-position:-1040px 3px; }
.GPP1x10 { background-position:-1120px 3px; }
.GPP1x00 { background-position:-1200px 3px; }
.GPP0x11,.GPP0x1x { background-position:-1280px 3px; }
.GPP0x01,.GPP0x0x { background-position:-1360px 3px; }
.GPP0x10 { background-position:-1440px 3px; }
.GPP0x00 { background-position:-1520px 3px; }
.GPP1xx1 { background-position:-1600px 3px; }
.GPP1xx0 { background-position:-1680px 3px; }
.GPP0xx1 { background-position:-1760px 3px; }
.GPP0xx0 { background-position:-1840px 3px; }
/* ------------- Space/Filter Panel checkbox images ------------- */
/* Special images in Filter, Group and Search rows for default panel (column named "Panel") if shown as the first column.
@ Set width, height and background
...Filter0 - shown in Filter row when Filtered='0', ...Filter1 - shown in Filter row when Filtered='1'
...Group0 - shown in Group row when Grouped='0', ...Group1 - shown in Group row when Grouped='1'
...Search0 - shown in Search row when Searched='0', ...Search1 - shown in Search row when Searched='1'
*/
.GPFilter0,.GPFilter1,.GPGroup0,.GPGroup1,.GPSearch0,.GPSearch1 { background-image:url(Filter.gif?v110); background-repeat:no-repeat; display:inline-block; width:13px; height:17px; }
.GPFilter0,.GPFilter1 { height:17px; }
.GPFilter0 { background-position:center -1900px; }
.GPFilter1 { background-position:center -2000px; }
.GPGroup0 { background-position:center -1900px; }
.GPGroup1 { background-position:center -2000px; }
.GPSearch0 { background-position:center -1900px; }
.GPSearch1 { background-position:center -2000px; }
/* ...PSpace... is shown in Group and Search row according to actual width of the Panel column.
@ Set here only width and text-align
*/
.GPPSpace1 { width:17px; text-align:center; }
.GPPSpace2 { width:33px; text-align:center; }
.GPPSpace3 { width:49px; text-align:center; }
.GPPSpace4 { width:65px; text-align:center; }
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Button type cell */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ------------- Button = "Tab" ------------- */
/* @ Set border, padding, background and text attributes
...TabHtml is set to the Tab button tag
...TabHtml1 is set to the Tab button tag instead if the button value is 1
...TabHtmlIcon... is set instead if the button has Icon
*/
.GPTabHtml,.GPTabHtml1,.GPTabHtmlIcon,.GPTabHtmlIcon1 { text-align:center; padding-left:5px; padding-right:5px; border-left:none; background:#CCA; }
.GPRowAbove .GPTabHtml,.GPRowAbove .GPTabHtml1 { border-radius:6px 6px 0px 0px; }
.GPRowBelow .GPTabHtml,.GPRowBelow .GPTabHtml1 { border-radius:0px 0px 6px 6px; }
.GPTabHtml1,.GPTabHtmlIcon1 { font-weight:bold; background:#550; color:#FFD; }
/* Separators between Button="Tab", set to tag
They are created automatically to separate the Tabs or can be created manually by Button="TabSep"
@ Set background, border and padding or width
...TabSep is set to empty tag between two Tab buttons
...TabSepLeft is set to empty tag before Tab button
...TabSepRight is set to empty tag after Tab button
...TabSepFirst is set to empty tag before Tab button if it is the first cell
...TabSepLast is set to empty tag after Tab button if it is the last cell
...TabSepNoBack is added to all Tab separators on row Kind="Tabber2"
*/
.GPTabSep,.GPTabSepLeft,.GPTabSepRight {
padding-left:5px; padding-right:0px; cursor:default!important;
}
.GPTabSepRight,.GPTabSepLeft { padding-left:5px; }
.GPTabSepLast { padding-left:1px; cursor:default!important; }
.GPTabSepFirst { padding-left:1px; cursor:default!important; }
.GPTabSepNoBack { }
/* ------------- Button = "Button" ------------- */
/* Parent of the , it is set to cell tag or inner tag
@ Set background, border and padding
*/
.GPToolButton { text-align:center; padding:0px 1px 0px 1px; }
/* Class set to the
tag if set or to tag if set .
@ Set background, border, margin, padding, height and text attributes
...ToolButtonButton is set in table row
...ToolButtonButton1 is set in table row instead if the button value is 1
...ToolButtonButtonAuto is added if the table cell has not set Width attribute
...ToolSpaceButton is set in Space row
...ToolSpaceButton1 is set in Space row instead if the button value is 1
...ToolSpaceButtonAuto is added if the Space cell has set Width="-1"
...Icon is added if the cell has set Icon attribute
...IconInner is set to the inner tag with the icon and text if the cell has set Icon attribute
...Empty is added to button with empty text to preserve its height; @ Set height
*/
button.GPToolButtonButton,button.GPToolButtonButton1 { font:10px/11px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; height:17px; padding:0px; cursor:pointer; white-space:nowrap; }
button.GPToolSpaceButton,button.GPToolSpaceButton1 { font:10px/11px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; height:17px; padding:0px; cursor:pointer; white-space:nowrap; }
button.GPToolButtonButton1,button.GPToolSpaceButton1 { color:blue; font-weight:bold; }
u.GPToolButtonButton,u.GPToolButtonButton1,u.GPToolSpaceButton,u.GPToolSpaceButton1 {
border:1px solid white; border-right:1px solid #888; border-bottom:1px solid #888; margin:2px; padding:1px 3px 1px 3px; background:#F0F0E0;
color:black; font:14px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; cursor:pointer; text-decoration:none; display:block; overflow:hidden; white-space:nowrap;
}
u.GPToolButtonButton,u.GPToolButtonButton1 { }
u.GPToolSpaceButton,u.GPToolSpaceButton1 { border-radius:6px; }
.GPCellHeader u.GPToolButtonButton,.GPCellHeader u.GPToolButtonButton1 { background:#E0E0D0; }
u.GPToolButtonButton1,u.GPToolSpaceButton1 { border:1px solid #888; border-right:1px solid white; border-bottom:1px solid white; color:blue; }
u.GPToolButtonIcon { padding-top:0px; padding-bottom:0px; } .GPToolButtonIconInner { padding-top:1px; padding-bottom:0px; display:inline-block; font-style:normal; }
u.GPToolSpaceIcon { padding-top:0px; padding-bottom:0px; } .GPToolSpaceIconInner { padding-top:1px; padding-bottom:0px; display:inline-block; font-style:normal; }
.GPToolButtonEmpty { height:12px; width:0px; overflow:hidden; display:inline-block; }
.GPToolSpaceEmpty { height:13px; width:0px; overflow:hidden; display:inline-block; }
.GPToolButtonButtonAuto,.GPToolSpaceButtonAuto { padding-left:3px; padding-right:3px; }
/* ------------- Button = "Html" ------------- */
/* @ Set border, padding, background and text attributes
...ToolHtml is set to the button tag
...ToolHtml1 is set to the button tag instead if the button value is 1
...ToolHtmlIcon... is set instead if the button has Icon or is Class button
*/
.GPToolHtml,.GPToolHtml1 { padding-left:3px; padding-right:3px; text-align:center; }
.GPToolHtml1 { font-weight:bold; color:blue; }
.GPToolHtmlIcon,.GPToolHtmlIcon1 { text-align:center; }
.GPToolHtmlIcon1 { }
/* Added to or tag when the cell has set Icon attribute, according to IconAlign value */
.GPToolHtmlIconLeft { text-align:left; }
.GPToolHtmlIconRight { text-align:right; }
/* Added to
tag, to button with empty text; @ Set border and padding */
.GPToolHtmlIconSingle { }
/* Added to tag, to button with empty text to preserve its height; ...IE is used for IE5 quirks mode; @ Set height */
.GPToolHtmlEmpty { height:13px; width:0px; overflow:hidden; display:inline-block; }
.GPToolHtmlEmptyIE { overflow:hidden; display:inline-block; }
/* ------------- Other Button type attributes ------------- */
/* Added to
tag when the Button type cell has set Disabled='1' */
.GPDisabledButton { opacity:0.3; filter:alpha(opacity=30); }
/* Popup cell side icon, used for Button type cell with List attribute
@ Set background and padding
...PopupRight - right popup icon, used for PopupIcon="2" and for not empty value and PopupIcon="1"
...PopupLeft - not used now
...PopupNone - used for PopupIcon="1" and empty value, just to preserve the space
*/
.GPPopupLeft,.GPPopupRight { background-image:url(Menu.gif?v110); background-repeat:no-repeat; }
.GPPopupLeft { background-position:-6px -245px; padding-left:14px;}
.GPPopupRight { background-position:right -245px; padding-right:14px;}
.GPPopupNone { padding-right:14px; }
/* ------------------------------------------ Special Toolbar buttons' images ---------------------------------------------- */
/* Class added to tag for alignment of the icon in Button="Class" or Button="Html"
...Single is added is added for button without ButtonText to specify the icon width
...Left/Right/Top/Bottom is added for appropriate IconAlign value
@ Set padding
*/
.GPToolAlignSingle { padding-left:24px; padding-right:0px; }
.GPToolAlignLeft { padding-left:22px; padding-right:8px; }
.GPToolAlignRight { padding-left:8px; padding-right:22px; }
.GPToolAlignTop { padding-left:5px; padding-right:5px; padding-top:22px; }
.GPToolAlignBottom { padding:4px 5px 24px 5px; }
/* Used for Type="Button" Button="Class" and cell value null, "", 0 or 1. Set to tag
@ Set border, padding, background
*/
.GPToolSave,.GPToolReload,.GPToolRepaint,.GPToolRepaint1,.GPToolPrint,.GPToolExportPDF,.GPToolExport,.GPToolUndo,.GPToolUndo1,.GPToolRedo,.GPToolRedo1,
.GPToolAdd,.GPToolAddChild,.GPToolJoin,.GPToolSplit,.GPToolOutdent,.GPToolIndent,.GPToolSort,.GPToolSort1,.GPToolCalc,.GPToolCalc1,
.GPToolExpandAll,.GPToolCollapseAll,.GPToolColumns,.GPToolCfg,.GPToolHelp,.GPToolDebug,.GPResizeGrid,.GPResizeGridRtl {
background-image:url(Toolbar.png?v110); -background-image:url(Toolbar.gif?v110); background-repeat:no-repeat;
}
.GPToolSave { background-position:center 0px; } .GPToolSaveLeft { background-position:left 0px; } .GPToolSaveRight { background-position:right 0px; } .GPToolSaveBottom { background-position:center 20px; }
.GPToolReload { background-position:center -100px; } .GPToolReloadLeft { background-position:left -100px; } .GPToolReloadRight { background-position:right -100px; } .GPToolReloadBottom { background-position:center -80px; }
.GPToolRepaint { background-position:center -200px; } .GPToolRepaintLeft { background-position:left -200px; } .GPToolRepaintRight { background-position:right -200px; } .GPToolRepaintBottom { background-position:center -180px; }
.GPToolRepaint1 { background-position:center -300px; } .GPToolRepaintLeft1 { background-position:left -300px; } .GPToolRepaintRight1 { background-position:right -300px; } .GPToolRepaintBottom1 { background-position:center -280px; }
.GPToolPrint { background-position:center -400px; } .GPToolPrintLeft { background-position:left -400px; } .GPToolPrintRight { background-position:right -400px; } .GPToolPrintBottom { background-position:center -380px; }
.GPToolExportPDF { background-position:center -500px; } .GPToolExportPDFLeft { background-position:left -500px; } .GPToolExportPDFRight { background-position:right -500px; } .GPToolExportPDFBottom { background-position:center -480px; }
.GPToolExport { background-position:center -600px; } .GPToolExportLeft { background-position:left -600px; } .GPToolExportRight { background-position:right -600px; } .GPToolExportBottom { background-position:center -580px; }
.GPToolUndo { background-position:center -700px; } .GPToolUndoLeft { background-position:left -700px; } .GPToolUndoRight { background-position:right -700px; } .GPToolUndoBottom { background-position:center -680px; }
.GPToolUndo1 { background-position:center -800px; } .GPToolUndoLeft1 { background-position:left -800px; } .GPToolUndoRight1 { background-position:right -800px; } .GPToolUndoBottom1 { background-position:center -780px; }
.GPToolRedo { background-position:center -900px; } .GPToolRedoLeft { background-position:left -900px; } .GPToolRedoRight { background-position:right -900px; } .GPToolRedoBottom { background-position:center -880px; }
.GPToolRedo1 { background-position:center -1000px; } .GPToolRedoLeft1 { background-position:left -1000px; } .GPToolRedoRight1 { background-position:right -1000px; } .GPToolRedoBottom1 { background-position:center -980px; }
.GPToolAdd { background-position:center -1100px; } .GPToolAddLeft { background-position:left -1100px; } .GPToolAddRight { background-position:right -1100px; } .GPToolAddBottom { background-position:center -1080px; }
.GPToolAddChild { background-position:center -1200px; } .GPToolAddChildLeft { background-position:left -1200px; } .GPToolAddChildRight { background-position:right -1200px; } .GPToolAddChildBottom { background-position:center -1180px; }
.GPToolJoin { background-position:center -1300px; } .GPToolJoinLeft { background-position:left -1300px; } .GPToolJoinRight { background-position:right -1300px; } .GPToolJoinBottom { background-position:center -1280px; }
.GPToolSplit { background-position:center -1400px; } .GPToolSplitLeft { background-position:left -1400px; } .GPToolSplitRight { background-position:right -1400px; } .GPToolSplitBottom { background-position:center -1380px; }
.GPToolOutdent { background-position:center -1500px; } .GPToolOutdentLeft { background-position:left -1500px; } .GPToolOutdentRight { background-position:right -1500px; } .GPToolOutdentBottom { background-position:center -1480px; }
.GPToolIndent { background-position:center -1600px; } .GPToolIndentLeft { background-position:left -1600px; } .GPToolIndentRight { background-position:right -1600px; } .GPToolIndentBottom { background-position:center -1580px; }
.GPToolSort { background-position:center -1700px; } .GPToolSortLeft { background-position:left -1700px; } .GPToolSortRight { background-position:right -1700px; } .GPToolSortBottom { background-position:center -1680px; }
.GPToolSort1 { background-position:center -1800px; } .GPToolSortLeft1 { background-position:left -1800px; } .GPToolSortRight1 { background-position:right -1800px; } .GPToolSortBottom1 { background-position:center -1780px; }
.GPToolCalc { background-position:center -1900px; } .GPToolCalcLeft { background-position:left -1900px; } .GPToolCalcRight { background-position:right -1900px; } .GPToolCalcBottom { background-position:center -1880px; }
.GPToolCalc1 { background-position:center -2000px; } .GPToolCalcLeft1 { background-position:left -2000px; } .GPToolCalcRight1 { background-position:right -2000px; } .GPToolCalcBottom1 { background-position:center -1980px; }
.GPToolExpandAll { background-position:center -2100px; } .GPToolExpandAllLeft { background-position:left -2100px; } .GPToolExpandAllRight { background-position:right -2100px; } .GPToolExpandAllBottom { background-position:center -2080px; }
.GPToolCollapseAll { background-position:center -2200px; } .GPToolCollapseAllLeft { background-position:left -2200px; } .GPToolCollapseAllRight { background-position:right -2200px; } .GPToolCollapseAllBottom { background-position:center -2180px; }
.GPToolColumns { background-position:center -2300px; } .GPToolColumnsLeft { background-position:left -2300px; } .GPToolColumnsRight { background-position:right -2300px; } .GPToolColumnsBottom { background-position:center -2280px; }
.GPToolCfg { background-position:center -2400px; } .GPToolCfgLeft { background-position:left -2400px; } .GPToolCfgRight { background-position:right -2400px; } .GPToolCfgBottom { background-position:center -2380px; }
.GPToolHelp { background-position:center -2500px; } .GPToolHelpLeft { background-position:left -2500px; } .GPToolHelpRight { background-position:right -2500px; } .GPToolHelpBottom { background-position:center -2480px; }
.GPToolDebug { background-position:center -2600px; } .GPToolDebugLeft { background-position:left -2600px; } .GPToolDebugRight { background-position:right -2600px; } .GPToolDebugBottom { background-position:center -2580px; }
.GPResizeGrid { background-position:center -2700px; } .GPResizeGridLeft { background-position:left -2700px; } .GPResizeGridRight { background-position:right -2700px; } .GPResizeGridBottom { background-position:center -2680px; }
.GPResizeGridRtl { background-position:center -2800px; } .GPResizeGridRtlLeft { background-position:left -2800px; } .GPResizeGridRtlRight { background-position:right -2800px; } .GPResizeGridRtlBottom { background-position:center -2780px; }
.GPToolPagerFirst,.GPToolPagerFirst1,.GPToolPagerPrev,.GPToolPagerPrev1,.GPToolPagerNext,.GPToolPagerNext1,.GPToolPagerLast,.GPToolPagerLast1 {
background-image:url(Pager.png?v110); -background-image:url(Pager.gif?v110); background-repeat:no-repeat;
}
.GPToolPagerFirst { background-position:center 0px; } .GPToolPagerFirstLeft { background-position:left 0px; } .GPToolPagerFirstRight { background-position:right 0px; } .GPToolPagerFirstBottom { background-position:center 20px; }
.GPToolPagerFirst1 { background-position:center -100px; } .GPToolPagerFirstLeft1 { background-position:left -100px; } .GPToolPagerFirstRight1 { background-position:right -100px; } .GPToolPagerFirstBottom1 { background-position:center -80px; }
.GPToolPagerPrev { background-position:center -200px; } .GPToolPagerPrevLeft { background-position:left -200px; } .GPToolPagerPrevRight { background-position:right -200px; } .GPToolPagerPrevBottom { background-position:center -180px; }
.GPToolPagerPrev1 { background-position:center -300px; } .GPToolPagerPrevLeft1 { background-position:left -300px; } .GPToolPagerPrevRight1 { background-position:right -300px; } .GPToolPagerPrevBottom1 { background-position:center -280px; }
.GPToolPagerNext { background-position:center -400px; } .GPToolPagerNextLeft { background-position:left -400px; } .GPToolPagerNextRight { background-position:right -400px; } .GPToolPagerNextBottom { background-position:center -380px; }
.GPToolPagerNext1 { background-position:center -500px; } .GPToolPagerNextLeft1 { background-position:left -500px; } .GPToolPagerNextRight1 { background-position:right -500px; } .GPToolPagerNextBottom1 { background-position:center -480px; }
.GPToolPagerLast { background-position:center -600px; } .GPToolPagerLastLeft { background-position:left -600px; } .GPToolPagerLastRight { background-position:right -600px; } .GPToolPagerLastBottom { background-position:center -580px; }
.GPToolPagerLast1 { background-position:center -700px; } .GPToolPagerLastLeft1 { background-position:left -700px; } .GPToolPagerLastRight1 { background-position:right -700px; } .GPToolPagerLastBottom1 { background-position:center -680px; }
.GPToolCorrect,.GPToolCorrect1,.GPToolZoomIn,.GPToolZoomIn1,.GPToolZoomOut,.GPToolZoomOut1,.GPToolZoomFit {
background-image:url(ToolbarGantt.png?v110); -background-image:url(ToolbarGantt.gif?v110); background-repeat:no-repeat;
}
.GPToolCorrect { background-position:center 0px; } .GPToolCorrectLeft { background-position:left 0px; } .GPToolCorrectRight { background-position:right 0px; } .GPToolCorrectBottom { background-position:center 20px; }
.GPToolCorrect1 { background-position:center -100px; } .GPToolCorrectLeft1 { background-position:left -100px; } .GPToolCorrectRight1 { background-position:right -100px; } .GPToolCorrectBottom1 { background-position:center -80px; }
.GPToolZoomIn { background-position:center -200px; } .GPToolZoomInLeft { background-position:left -200px; } .GPToolZoomInRight { background-position:right -200px; } .GPToolZoomInBottom { background-position:center -180px; }
.GPToolZoomIn1 { background-position:center -300px; } .GPToolZoomInLeft1 { background-position:left -300px; } .GPToolZoomInRight1 { background-position:right -300px; } .GPToolZoomInBottom1 { background-position:center -280px; }
.GPToolZoomOut { background-position:center -400px; } .GPToolZoomOutLeft { background-position:left -400px; } .GPToolZoomOutRight { background-position:right -400px; } .GPToolZoomOutBottom { background-position:center -380px; }
.GPToolZoomOut1 { background-position:center -500px; } .GPToolZoomOutLeft1 { background-position:left -500px; } .GPToolZoomOutRight1 { background-position:right -500px; } .GPToolZoomOutBottom1 { background-position:center -480px; }
.GPToolZoomFit { background-position:center -600px; } .GPToolZoomFitLeft { background-position:left -600px; } .GPToolZoomFitRight { background-position:right -600px; } .GPToolZoomFitBottom { background-position:center -580px; }
/* Void button ResizeGrid; @ Do not change */
.GPToolResize { visibility:hidden; }
/* It is added to the td tag when used VAlign and no button text is shown */
.GPToolImage { display:inline-block; width:24px; height:24px; padding:0px; overflow:hidden; }
/* It is added to the td tag when used VAlign and the button text is shown; for IconAlign values */
.GPToolImageLeftText,.GPToolImageRightText,.GPToolImageTopText,.GPToolImageBottomText { display:inline-block; text-decoration:none; }
.GPToolImageLeftText { padding-top:4px; padding-bottom:4px; }
.GPToolImageRightText { padding-top:4px; padding-bottom:4px; }
.GPToolImageTopText { height:16px; padding-bottom:4px; }
.GPToolImageBottomText { height:16px; padding-top:4px; padding-bottom:24px; }
/* It is added to div tag when used Icon attribute with Button="Class"; for IconAlign values; Single is used without ButtonText; */
.GPToolIconSingle { background-position:center center; }
.GPToolIconLeft { background-position:left center; }
.GPToolIconRight { background-position:right center; }
.GPToolIconTop { background-position:center top; }
.GPToolIconBottom { background-position:center bottom; }
/* Special class added to tag for Pager type cell edit box with pager number - it is standard editable Space cell */
.GPPagerEdit > div { text-align:center; }
/* Special icon always placed to right bottom grid corner to resize grid if set ResizingMain
@ Set background and optionally margin, width and height for the icon size and position
...Rtl is placed in bottom left corner and is used in RTL mode
*/
.GPResizeGrid { background-position:-1px -2703px; margin:-19px 0px 0px auto; height:19px; width:19px; overflow:hidden; padding:0px; cursor:nw-resize; }
.GPResizeGridRtl { background-position:-1px -2803px; margin:-19px auto 0px 0px; height:19px; width:19px; overflow:hidden; padding:0px; cursor:ne-resize; }
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Cell side Icon / Button */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- Filter images -------------------------------------------------------- */
/* Filter operator icons shown on left or right side (set by IconAlign), shown in or tag.
The number 0 - 12 is the operator number set in cell Filter attribute
@ Set here background and padding-left
*/
.GPFilter0Left,.GPFilter1Left,.GPFilter2Left,.GPFilter3Left,.GPFilter4Left,.GPFilter5Left,.GPFilter6Left,
.GPFilter7Left,.GPFilter8Left,.GPFilter9Left,.GPFilter10Left,.GPFilter11Left,.GPFilter12Left {
background-image:url(Filter.gif?v110); background-repeat:no-repeat; padding-left:17px;
}
.GPFilter0Right,.GPFilter1Right,.GPFilter2Right,.GPFilter3Right,.GPFilter4Right,.GPFilter5Right,.GPFilter6Right,
.GPFilter7Right,.GPFilter8Right,.GPFilter9Right,.GPFilter10Right,.GPFilter11Right,.GPFilter12Right {
background-image:url(Filter.gif?v110); background-repeat:no-repeat; padding-right:17px;
}
.GPFilter0Left,.GPFilter0Menu { background-position:left 3px; }
.GPFilter1Left,.GPFilter1Menu { background-position:left -147px; }
.GPFilter2Left,.GPFilter2Menu { background-position:left -297px; }
.GPFilter3Left,.GPFilter3Menu { background-position:left -447px; }
.GPFilter4Left,.GPFilter4Menu { background-position:left -597px; }
.GPFilter5Left,.GPFilter5Menu { background-position:left -747px; }
.GPFilter6Left,.GPFilter6Menu { background-position:left -897px; }
.GPFilter7Left,.GPFilter7Menu { background-position:left -1047px; }
.GPFilter8Left,.GPFilter8Menu { background-position:left -1197px; }
.GPFilter9Left,.GPFilter9Menu { background-position:left -1347px; }
.GPFilter10Left,.GPFilter10Menu { background-position:left -1497px; }
.GPFilter11Left,.GPFilter11Menu { background-position:left -1647px; }
.GPFilter12Left,.GPFilter12Menu { background-position:left -1797px; }
.GPFilter0Right { background-position:right 3px; }
.GPFilter1Right { background-position:right -147px; }
.GPFilter2Right { background-position:right -297px; }
.GPFilter3Right { background-position:right -447px; }
.GPFilter4Right { background-position:right -597px; }
.GPFilter5Right { background-position:right -747px; }
.GPFilter6Right { background-position:right -897px; }
.GPFilter7Right { background-position:right -1047px; }
.GPFilter8Right { background-position:right -1197px; }
.GPFilter9Right { background-position:right -1347px; }
.GPFilter10Right { background-position:right -1497px; }
.GPFilter11Right { background-position:right -1647px; }
.GPFilter12Right { background-position:right -1787px; }
/* The filter operator icons shown in the popup menu
@ Set here background, width and height
*/
.GPFilter0Menu,.GPFilter1Menu,.GPFilter2Menu,.GPFilter3Menu,.GPFilter4Menu,.GPFilter5Menu,.GPFilter6Menu,
.GPFilter7Menu,.GPFilter8Menu,.GPFilter9Menu,.GPFilter10Menu,.GPFilter11Menu,.GPFilter12Menu {
width:17px; height:17px; overflow:hidden; background-image:url(Filter.gif?v110); background-repeat:no-repeat; margin-left:-1px;
}
/* --------------------------------------------------- Sort images --------------------------------------------------------- */
/* Sort icons shown on left or right side (set by IconAlign) in Header cell, shown in
or tag.
0 - no sort, 1 - first sort asc, 2 - second sort asc, 3 - third sort asc, 4 - first sort desc, 5 - second sort desc, 6 - third sort desc
@ Set here background and padding-left
*/
.GPSort0Left,.GPSort1Left,.GPSort2Left,.GPSort3Left,.GPSort4Left,.GPSort5Left,.GPSort6Left,
.GPSort0Right,.GPSort1Right,.GPSort2Right,.GPSort3Right,.GPSort4Right,.GPSort5Right,.GPSort6Right {
background-image:url(Sort.gif?v110); background-repeat:no-repeat;
}
.GPSort0Left,.GPSort1Left,.GPSort2Left,.GPSort3Left,.GPSort4Left,.GPSort5Left,.GPSort6Left { padding-left:17px; }
.GPSort0Right,.GPSort1Right,.GPSort2Right,.GPSort3Right,.GPSort4Right,.GPSort5Right,.GPSort6Right{ padding-right:17px; }
.GPSort0Left { background-position:left 3px; }
.GPSort1Left { background-position:left -247px; }
.GPSort2Left { background-position:left -497px; }
.GPSort3Left { background-position:left -747px; }
.GPSort4Left { background-position:left -997px; }
.GPSort5Left { background-position:left -1247px; }
.GPSort6Left { background-position:left -1497px; }
.GPSort0Right { background-position:right 3px; }
.GPSort1Right { background-position:right -247px; }
.GPSort2Right { background-position:right -497px; }
.GPSort3Right { background-position:right -747px; }
.GPSort4Right { background-position:right -997px; }
.GPSort5Right { background-position:right -1247px; }
.GPSort6Right { background-position:right -1497px; }
/* ------------------------------------------------ Side button images ----------------------------------------------------- */
/* Predefined side icon and side button images.
The ...Left is used for Icon with IconAlign="Left" or without IconAlign
The ...Right is used for Icon with IconAlign="Right" and for Button
The ...Top and ...Bottom is used for Type="Button" with Icon and IconAlign="Top" or "Bottom"
The ...Check0... is not checked, ...Check1... is checked and ...Check2... is empty state (the ?)
@ Set here background and padding-left or padding-right
*/
.GPDateLeft,.GPDatesLeft,.GPDefaultsLeft,.GPEnumLeft,.GPCollapseLeft,.GPExpandLeft { background-image:url(Button.gif?v110); padding-left:17px; background-repeat:no-repeat; }
.GPDateRight,.GPDatesRight,.GPDefaultsRight,.GPEnumRight,.GPCollapseRight,.GPExpandRight { background-image:url(Button.gif?v110); padding-right:17px; background-repeat:no-repeat; }
.GPDateTop,.GPDatesTop,.GPDefaultsTop,.GPEnumTop,.GPCollapseTop,.GPExpandTop { background-image:url(Button.gif?v110); padding-top:20px; background-repeat:no-repeat; }
.GPDateBottom,.GPDatesBottom,.GPDefaultsBottom,.GPEnumBottom,.GPCollapseBottom,.GPExpandBottom { background-image:url(Button.gif?v110); padding-bottom:20px; background-repeat:no-repeat; }
.GPDateLeft,.GPDatesLeft { background-position:left -247px; padding-left:20px; }
.GPDateRight,.GPDatesRight { background-position:right -247px; padding-right:20px; }
.GPDateTop,.GPDatesTop { background-position:center -250px; }
.GPDateBottom,.GPDatesBottom { background-position:center -230px; }
.GPDefaultsLeft { background-position:left 3px; padding-left:20px; }
.GPDefaultsRight { background-position:right 3px; padding-right:20px; }
.GPDefaultsTop { background-position:center 0px; }
.GPDefaultsBottom { background-position:center 20px; }
.GPEnumLeft { background-position:left -497px; }
.GPEnumRight { background-position:right -497px; }
.GPEnumTop { background-position:center -500px; }
.GPEnumBottom { background-position:center -480px; }
.GPExpandLeft { background-position:left -996px; }
.GPExpandRight { background-position:right -996px; }
.GPExpandTop { background-position:center -1000px; }
.GPExpandBottom { background-position:center -980px; }
.GPCollapseLeft { background-position:left -746px;}
.GPCollapseRight { background-position:right -746px;}
.GPCollapseTop { background-position:center -750px; }
.GPCollapseBottom { background-position:center -730px; }
.GPCheck0Left,.GPCheck1Left,.GPCheck2Left { background-image:url(Bool.gif?v110); padding-left:17px; background-repeat:no-repeat; }
.GPCheck0Right,.GPCheck1Right,.GPCheck2Right { background-image:url(Bool.gif?v110); padding-right:17px; background-repeat:no-repeat; }
.GPCheck0Top,.GPCheck1Top,.GPCheck2Top { background-image:url(Bool.gif?v110); padding-top:20px; background-repeat:no-repeat; }
.GPCheck0Bottom,.GPCheck1Bottom,.GPCheck2Bottom { background-image:url(Bool.gif?v110); padding-bottom:20px; background-repeat:no-repeat; }
.GPCheck0Left { background-position:left 3px; }
.GPCheck1Left { background-position:left -247px; }
.GPCheck2Left { background-position:left -497px; }
.GPCheck0Right { background-position:right 3px; }
.GPCheck1Right { background-position:right -247px; }
.GPCheck2Right { background-position:right -497px; }
.GPCheck0Top { background-position:center 0px; }
.GPCheck1Top { background-position:center -250px; }
.GPCheck2Top { background-position:center -500px; }
.GPCheck0Bottom { background-position:center 20px; }
.GPCheck1Bottom { background-position:center -230px; }
.GPCheck2Bottom { background-position:center -480px; }
/* Class added to right side button if shown in
tag - in Header cell or if the cell has set VAlign
@ Set here only height
*/
.GPButtonImage { display:inline-block; height:24px; padding-left:0px; padding-right:0px; }
/* Class added to tag in Type="Icon" and Link attribute set. @ Do not change. */
.GPIconLink { text-decoration:none; width:1000px; display:inline-block; }
/* Class added to the or tag when set custom Icon as icon file, with the suffix as IconAlign. @ Set padding */
.GPIconLeft { background-position:left 0px; padding-left:20px; background-repeat:no-repeat; }
.GPIconRight { background-position:right 0px; padding-right:20px; background-repeat:no-repeat; }
.GPIconCenter { background-position:center 0px; background-repeat:no-repeat; }
.GPIconTop { padding-top:22px; background-position:center 0px; background-repeat:no-repeat; }
.GPIconBottom { padding-bottom:24px; background-position:center 20px; background-repeat:no-repeat; }
/* Class added to the
or tag when set custom Icon as icon file, with the suffix as IconAlign="Top or "Bottom and VAlign.
Used to synchronize position of custom icons with standard toolbar icons
@ Set padding and margin
*/
.GPIconTopVAlignTop { padding-top:22px; }
.GPIconTopVAlignMiddle { padding-top:22px; }
.GPIconTopVAlignBottom { padding-top:22px; }
.GPIconBottomVAlignTop { padding-bottom:24px; }
.GPIconBottomVAlignMiddle { padding-bottom:24px; }
.GPIconBottomVAlignBottom { padding-bottom:24px; }
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Cell checkboxes - Radio and Bool types */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ Radio Type images ------------------------------------------------------ */
/* Radio icons for cell RadioIcon = 0,1,2, set to
tag
The ...Right is used when cell has set RadioRight='1'
The ...None is used for RadioIcon='6'
0 - unchecked radio, 1 - checked radio, 2 - unchecked checkbox, 3 - checked checkbox
@ Set background, padding, border and text attributes
*/
.GPRadio0Left,.GPRadio0Right,.GPRadio1Left,.GPRadio1Right,.GPRadio2Left,.GPRadio2Right,.GPRadio3Left,.GPRadio3Right,.GPRadioIconLeft,.GPRadioIconRight,.GPRadioNone {
background-image:url(Bool.gif?v110); background-repeat:no-repeat; font:14.9px/24px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif;
}
.GPRadio0Left,.GPRadio1Left,.GPRadio2Left,.GPRadio3Left,.GPRadioIconLeft { padding-left:17px; padding-right:3px; }
.GPRadio0Right,.GPRadio1Right,.GPRadio2Right,.GPRadio3Right,.GPRadioIconRight { padding-right:17px; padding-left:3px; }
.GPRadio0Left { background-position:left -1497px; }
.GPRadio1Left { background-position:left -1747px; }
.GPRadio2Left { background-position:left 3px; }
.GPRadio3Left { background-position:left -247px;}
.GPRadio0Right { background-position:right -1497px; }
.GPRadio1Right { background-position:right -1747px; }
.GPRadio2Right { background-position:right 3px; }
.GPRadio3Right { background-position:right -247px; }
.GPRadioNone { background-image:none; }
/* Custom radio icon for cell RadioIcon = "image file", set to tag.
The ...Right is used when cell has set RadioRight='1'
@ Set padding, border and text attributes
*/
.GPRadioIconLeft { background-position:left 3px; }
.GPRadioIconRight { background-position:right 3px; }
/* The Radio icons if set to nobr and span tags when set cell attribute Wrap='1'
@ Set padding and optionally background, border and text attributes
*/
nobr.GPRadio0Left,nobr.GPRadio1Left,nobr.GPRadio2Left,nobr.GPRadio3Left,nobr.GPRadio0Right,nobr.GPRadio1Right,nobr.GPRadio2Right,nobr.GPRadio3Right,nobr.GPRadioIconLeft,nobr.GPRadioIconRight,
span.GPRadio0Left,span.GPRadio1Left,span.GPRadio2Left,span.GPRadio3Left,span.GPRadio0Right,span.GPRadio1Right,span.GPRadio2Right,span.GPRadio3Right,span.GPRadioIconLeft,span.GPRadioIconRight {
padding-top:2px; padding-bottom:2px;
}
/* Radio icons by standard tag around the radio. @ Set background, padding and border
...RadioInput is set to tag next to the or tag
0 - unchecked checkbox, 1 - checked checkbox, X - empty (third) state (?), 2 - unchecked radio, 3 - checked radio, RO - read only
...BoolIcon is used for custom icon in BoolIcon="image file"
...BoolImage is added for every the Bool icon
@ Set here background and width and height
*/
.GPBool0,.GPBool1,.GPBoolX,.GPBool0RO,.GPBool1RO,.GPBoolXRO,.GPBool2,.GPBool3,.GPBool2RO,.GPBool3RO { background-image:url(Bool.gif?v110); background-repeat:no-repeat; padding-left:17px; }
.GPBoolIcon { background-repeat:no-repeat; background-position:center 3px; }
.GPBool0 { background-position:center 3px; }
.GPBool1 { background-position:center -247px; }
.GPBoolX { background-position:center -497px; }
.GPBool0RO { background-position:center -747px; }
.GPBool1RO { background-position:center -997px; }
.GPBoolXRO { background-position:center -1247px; }
.GPBool2,.GPBool2RO { background-position:center -1497px; }
.GPBool3,.GPBool3RO { background-position:center -1747px; }
.GPBoolImage { display:inline-block; width:17px; height:24px; overflow:hidden; padding:0px; }
/* Checkbox icons for Space row cell, for BoolIcon = 0,1,2,3, set to or tag
0 - unchecked checkbox, 1 - checked checkbox, X - empty (third) state (?), 2 - unchecked radio, 3 - checked radio, RO - read only
...BoolIconSpace is used for custom icon in BoolIcon="image file"
...BoolImageSpace is added for every the Bool icon
@ Set here background, width and height and padding-left (width and height is used in tag, padding-left in tag)
*/
.GPBoolXSpace,.GPBool0Space,.GPBool1Space,.GPBoolXSpaceRO,.GPBool0SpaceRO,.GPBool1SpaceRO { background-image:url(Bool.gif?v110); background-repeat:no-repeat; padding-left:17px; }
.GPBool2Space,.GPBool3Space,.GPBool2SpaceRO,.GPBool3SpaceRO { background-image:url(Bool.gif?v110); background-repeat:no-repeat; padding-left:17px; }
.GPBoolIconSpace { background-repeat:no-repeat; }
.GPBool0Space { background-position:center 3px; }
.GPBool1Space { background-position:center -247px; }
.GPBoolXSpace { background-position:center -497px; }
.GPBool0SpaceRO { background-position:center -747px; }
.GPBool1SpaceRO { background-position:center -997px; }
.GPBoolXSpaceRO { background-position:center -1247px; }
.GPBool2Space,.GPBool2SpaceRO { background-position:center -1497px; }
.GPBool3Space,.GPBool3SpaceRO { background-position:center -1747px; }
.GPBoolImageSpace { display:inline-block; width:17px; height:24px; overflow:hidden; padding:0px; }
/* Bool icons by standard tag inside
tag. It has set inline width. @ Set border, margin and padding
...PagerBody - the pages without header, tag. @ Set background, border, margin and padding.
...PagerBodyLeft, ...PagerBodyRight - added to the ...PagerBody according to the side where is the pager displayed.
...PagerHeader - the pager header,
tag. @ Set background, border, margin and padding.
...PagerHeaderLeft, ...PagerHeaderRight - added to the ...PagerHeader according to the side where is the pager displayed.
...PagerCaption - text inside header,
tag, set text attributes and optionally also border, padding, margin and background
*/
.GPPagerMain { }
.GPPagerBody { }
.GPPagerBodyLeft { }
.GPPagerBodyRight { }
.GPPagerHeader { background-color:#550; cursor:default; }
.GPPagerHeaderLeft { }
.GPPagerHeaderRight { }
.GPPagerCaption { font:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; color:#FFD; padding:4px 3px 4px 3px; white-space:nowrap; }
/* ...PagerItem - one page name. @ Set background, border, margin, padding and text attributes
...PagerItemTouch is added on tablet
*/
.GPPagerItem {
font:14.9px/16px "Microsoft Sans Serif","Trebuchet MS",Tahoma,sans-serif; cursor:pointer; overflow:hidden; white-space:nowrap;
padding:2px 3px 2px 3px;
}
.GPPagerItemTouch { padding-top:4px; padding-bottom:4px; }
/* Classes to ...PagerItem added on pager Type="Gantt" if set ShowUsedPages / ShowExcludedPages
@ Set background, border, margin, padding and text attributes
*/
.GPPagerItemUsed { color:green; }
.GPPagerItemUnused { color:#888; }
.GPPagerItemExcluded { background:#DDD; }
/* Marked part of the page name, tag
1 - the first sorted column, 2 - the second sorted column, 3 - the third sorted column, S - when the grid is not sorted
*/
.GPPagerSort1 { color:#006600; }
.GPPagerSort2 { color:#00AE00; }
.GPPagerSort3 { color:#00FF00; }
.GPPagerSortS { color:black; }
/* Focus cursor - actully shown page(s)
...PagerFocus - actually shown (scrolled) page(s) in pager Pages or actually zoomed chart in pager Gantt
...PagerFocus2 - actual view (scrolled) in pager Gantt
...PagerFocus3 - the whole pager is shown in actual view, in pager Gantt
*/
.GPPagerFocus,.GPPagerFocus2,.GPPagerFocus3 {
position:relative; cursor:pointer; overflow:hidden; opacity:0.3; filter:alpha(opacity=30);
background:#AFAF00;
}
.GPPagerFocus2 { background:#F0F; }
.GPPagerFocus3 { background:#AFA; }
/* Hover cursor - highlighted page under mouse cursor.
@ Set background, border, padding
*/
.GPPagerHover {
position:relative; cursor:pointer; overflow:hidden;
background:#00F; opacity:0.1; filter:alpha(opacity=10);
}
/* -------------------------------------------------------------------------------------------------------------------------- */
/* State colors and classes */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* The ...Color... classes are never assigned, they are used only to read the color.
@ In ...Color... set only the background-color, it must be set by number, not by name.
All the colors except ...FocusedCell... and ...Default are relative colors, are added to the ...Default color; if the result color number exceeds 0x1000000, it is subtracted by the 0x1000000
The ...Class... is added to the cell if its condition is fulfilled. Only the listed ...Class... are used, the others can have only the ...Color... set.
@ In ...Class... set text attributes and color and optionally border and padding. If set here background-color with !important, it overrides the cell color and sets it as absolute
*/
.GPColorDefault { background-color:#FFFFFF; } /* Base color for all cells, can be changed by ColorCursor bit 5, &16
*/
.GPColorSelectedCol { background-color:#C0C070; } /* Side for selected cells */
.GPClassSelectedCol { }
.GPColorSelectedRow { background-color:#F0F0B0; }
.GPClassSelectedRow { }
.GPColorFocusedCol { background-color:#BBB; } /* Side for cells focused by range (FRect) */
.GPClassFocusedCol { }
.GPColorFocusedRow { background-color:#DDD; }
.GPClassFocusedRow { }
.GPColorEditedCol { background-color:#BBB; } /* Side for focused cell (FRow/FCol) */
.GPClassEditedCol { }
.GPColorEditedRow { background-color:#DDD; }
.GPClassEditedRow { }
.GPColorHoveredCol { background-color:#B5DADF; } /* Side for cell under mouse cursor (ARow/ACol) */
.GPClassHoveredCol { }
.GPColorHoveredRow { background-color:#E5FAFF; }
.GPClassHoveredRow { }
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Hover, focus, edit cursors */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ------------- Cell and row highlighted under mouse cursor ------------- */
/* ...HoverPanelBackground - Background shown above left side Panel cell when hovering the row; shown only if the hovered cell or row has HoverRow["Background"]; @ set background and opacity
...HoverRowBackground - Background shown above the whole hovered row, except hovered cell and Panel; shown only if the hovered cell or row has HoverRow["Background"]; @ set background and opacity
...HoverRowBorder - Border around the whole hovered row; shown only if the hovered cell or row has HoverRow["Border"]; @ set border
...HoverCellBorder - Border around the hovered cell; shown only if the hovered cell or row has HoverCell["Border"]; @ set border
*/
.GPHoverPanelBackground { }
.GPHoverRowBackground { opacity:0.1; filter:alpha(opacity=10); background:#666; }
.GPHoverRowBorder { z-index:1; border-top:3px solid #EEF; border-bottom:3px solid #EEF; cursor:default; }
.GPHoverCellBorder { z-index:3; border:3px solid #F0F0E0; }
/* ---------------- Highlighted focused cell(s) and row(s) ------------- */
/* ...FocusPanelBackground - Background shown above left side Panel cell when the row is focused; shown only if the focused cell or row has FocusRow["Background"]; @ set background and opacity
...FocusRowBackground - Background shown above the whole focused row, except focused cell and Panel; shown only if the focused cell or row has FocusRow["Background"]; @ set background and opacity
...FocusRowBorder - Border around the whole hovered row; shown only if the hovered cell or row has FocusRow["Border"]; @ set border
...FocusCellBorder - Border around the focused cell in table row; shown only if the focused cell or row has FocusCell["Border"]; @ set border and cursor
...FocusCellSpaceBorder - Border around the focused cell in Space row; shown only if the focused cell or row has FocusCell["Border"]; @ set border and cursor
...FocusCellCorner - Bottom right corner for autofill; shown only if the focused cell or row has FocusCell["Corner"]; @ set border, margin, padding, background, width, height and cursor
*/
.GPFocusPanelBackground { }
.GPFocusRowBackground { opacity:0.1; filter:alpha(opacity=10); background:black; }
.GPFocusRowBorder { z-index:2; border:3px solid #d0d0d0; }
.GPFocusCellBorder { z-index:4; border:3px solid #BB8; }
.GPFocusCellSpaceBorder { z-index:4; border:3px solid #BB8; }
.GPFocusCellCorner { position:relative; padding:0px; border:1px solid white; background:#BB8; margin-left:-3px; margin-top:-6px; width:7px; height:7px; z-index:4; cursor:crosshair; }
/* ------------- Highlighted focused cell in edit mode ------------- */
/* ...EditCellBorder - Border around the focused cell in table row in edit mode; shown only if the focused cell or row has FocusCell["Border"]; @ set border
...EditCellSpaceBorder - Border around the focused cell in Space row in edit mode; shown only if the focused cell or row has FocusCell["Border"]; @ set border
...EditCellCorner - Bottom right corner for autofill; shown only if the focused cell or row has FocusCell["Corner"] and is set