StyleSheetDemo Example

Qtitan--Grid {
        icon-size: 30px;
        selection-color: blue;
        gridline-color: darkRed;
        border: 3px solid darkBlue;
        padding: 2px;
        margin: 0px;
        background-color: #327788;

        qproperty-fixedSeparatorWidth: 5;
        qproperty-fixedSeparatorColor: green;
        qproperty-fixedSeparatorStyle: dot-dash;
        qproperty-viewBackgroundColor: #1DF035;
        qproperty-headerHeight: 70;
        qproperty-headerTextColor: red;
        qproperty-headerTextFont: "serif,-1,17,5,0,0,0,0,0,0";

        qproperty-headerTextFontSize: 20;
        qproperty-headerTextFontFamily: "Verdana";

        qproperty-headerBrush: darkGray;
        qproperty-headerBorderColor: darkRed;
        qproperty-headerBorderSize: 1;
        qproperty-headerBorderStyle: dot-dash;

        qproperty-summaryItemTextColor: blue;
        qproperty-summaryItemBackgroundColor: green;
        qproperty-summaryItemHeight: 30;
        qproperty-summaryItemBorderColor: yellow;
        qproperty-summaryItemBorderSize: 1;
        qproperty-summaryItemBorderStyle: dot-dash;

        qproperty-summaryGroupItemTextColor: green;
        qproperty-summaryGroupItemBackgroundColor: blue;
        qproperty-summaryGroupItemHeight: 70;
        qproperty-summaryGroupItemBorderColor: white;
        qproperty-summaryGroupItemBorderSize: 2;
        qproperty-summaryGroupItemBorderStyle: dot-dash;

        qproperty-groupColorLevel0: red;
        qproperty-groupColorLevel1: darkRed;
        qproperty-groupColorLevel2: blue;
        qproperty-groupColorLevel3: darkBlue;
        qproperty-groupColorLevel4: white;
        qproperty-groupColorLevel5: white;
        qproperty-groupColorLevel6: white;
        qproperty-groupColorLevel7: white;

        qproperty-keepGroupLevelExpanded: 3;

        qproperty-sortAscendingIcon: url(:/res/hand-pointing-up.png);
        qproperty-sortDescendingIcon: url(:/res/hand-pointing-down.png);

        qproperty-filterCheckBoxOnIcon: url(:/res/checkbox-checked.png);
        qproperty-filterCheckBoxOffIcon: url(:/res/checkbox-unchecked.png);

        qproperty-editorPopupOkIcon: url(:/res/button-ok.png);
        qproperty-editorPopupCancelIcon: url(:/res/button-cancel.png);
        qproperty-editorPopupCrossIcon: url(:/res/button-cancel.png);
}

Qtitan--Grid::section:focus {
        background-color: red;
        border: 3px solid darkRed;
    }

Qtitan--Grid::item:focus {
        background-color: red;
        border: 3px solid darkRed;
    }

Qtitan--Grid::item:selected {
        background-color: yellow;
        border: 3px solid darkBlue;
    }

Qtitan--Grid::section {
    color: white;
    background-color: qlineargradient(x1 : 0, y1 : 0, x2 : 0, y2 : 1,
            stop : 0 #616161, stop: 0.5 #505050,
            stop: 0.6 #434343, stop:1 #656565);
    border: 3px solid darkBlue;
}

Qtitan--Grid::tab {
    color: red;
    background-color: qlineargradient(x1 : 0, y1 : 0, x2 : 0, y2 : 1,
            stop : 0 #616161, stop: 0.5 #505050,
            stop: 0.6 #434343, stop:1 #656565);
    border: 1px solid magenta;
}

Qtitan--Grid > Qtitan--GridColumnsQuickCustomization, Qtitan--Grid > Qtitan--GridColumnsQuickCustomization * {
   background-color: darkGray;
   color: red;
   font: 12pt "Times New Roman";
}

Qtitan--Grid > Qtitan--GridColumnFilterPopup, Qtitan--Grid > Qtitan--GridColumnFilterPopup * {
   background-color: darkGray;
   color: red;
   font: 12pt "Times New Roman";
}

Qtitan--Grid > Qtitan--GridColumnFilterPopup {
   qproperty-styled: false;
   qproperty-borderColor: darkRed;
   qproperty-borderStyle: dot-dash;
   qproperty-borderSize: 3;
}

Qtitan--GridCheckBox::indicator:unchecked {
    image: url(:/res/checkbox_unchecked.png);
}

Qtitan--GridCheckBox::indicator:unchecked:hover {
    image: url(:/res/checkbox_unchecked_hover.png);
}

Qtitan--GridCheckBox::indicator:unchecked:pressed {
    image: url(:/res/checkbox_unchecked_pressed.png);
}

Qtitan--GridCheckBox::indicator:checked {
    image: url(:/res/checkbox_checked.png);
}

Qtitan--GridCheckBox::indicator:checked:hover {
    image: url(:/res/checkbox_checked_hover.png);
}

Qtitan--GridCheckBox::indicator:checked:pressed {
    image: url(:/res/checkbox_checked_pressed.png);
}

Qtitan--GridCheckBox::indicator:indeterminate:hover {
    image: url(:/res/checkbox_indeterminate_hover.png);
}

Qtitan--GridCheckBox::indicator:indeterminate:pressed {
    image: url(:/res/checkbox_indeterminate_pressed.png);
}