Forum

Results 1 to 15 of 38

Threaded View

  1. #1
    Join Date
    December 2009
    Location
    Germany
    Posts
    17

    List of Classes and Objects

    List of classes and objects being used in bluesky.qss
    -----------------------------------------------------

    QMainWindow
    QWidget
    QDialog
    TextBrowser
    QAbstractItemView
    QTextEdit
    QWidget#MainWindowServerTabsWidget
    QWidget#MainWindowChatWidget

    ------- Splitter -------

    QSplitter::handle
    QSplitter::handle:horizontal
    QSplitter::handle:vertical

    QLineEdit
    ChatLineEdit

    ------- PushButtons -------
    You can use sub-controls hover, disabled and pressed.
    Example:

    Code:
    QPushButton {
           background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop: 0 #6a96b9, stop: 1 #c2d7e1);
           border: 1px solid #0a057b;
           border-radius: 3px;
           padding-left: 14px; padding-right: 14px;
           padding-top: 3px; padding-bottom: 3px;
    }
    ------- MenuBar and Menu -------
    for the MenuBar and Menu use sub-controls like hover, selected, disabled

    QMenuBar
    QMenuBar::item

    for example

    Code:
    QMenuBar::item:selected {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #a5d3e8, stop: 1 #e9edef);
           color: #000;
    }
    QMenu
    QMenu::item
    QMenu::indicator
    QMenu::indicator:non-exclusive:checked
    QMenu::separator

    ------- ComboBox -------

    QComboBox
    QComboBox:!editable:on
    QComboBox::drop-down:editable:on
    QComboBox:on
    QComboBox QAbstractItemView

    For example to enlarge the utcLocalComboBox a bit:

    Code:
    QComboBox#utcLocalComboBox {
           padding-left: 14px;
           padding-right: 7px;
    }
    ------- ListView -------
    In the ListView the items have following sub-controls: selected:active and selectd:!active (!=not)

    QListView
    QListView::item

    for example

    Code:
    QListView::item:selected:active {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #505c78, stop: 1 #6f80aa);
           color: #fff;
           border: 1px solid transparent;
    }
    QListView::item:selected:!active {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #c2d7e1, stop: 1 #ccc);
           color: #0a057b;
           border: 1px solid transparent;
    }
    QListWidget#identitiesListWidget

    Do the same with ::indicator:unchecked & ::indicator:checked/undchecked:hover

    QListWidget#pluginsListWidget::indicator:checked
    QListView#ServerGroupsListView::indicator:checked

    ------- ToolBar -------

    QToolBar

    ------- ToolButtons -------
    Here found a list of all ToolButtons that i customize

    QToolButton
    QToolButton[popupMode="1"]
    QToolButton::menu-button
    QToolButton#newBookmarkButton
    QToolButton#newBookmarkFolderButton
    QToolButton#removeBookmarkButton
    QToolButton#serverQueryRunButton
    QToolButton#serverQuerySingleStepsButton
    QToolButton#serverQueryStopButton
    QToolButton#serverQueryRestartButton
    QToolButton#serverQueryAdvancedButton
    QToolButton#serverQueryClearHighlightButton
    QToolButton#newSQScriptButton
    QToolButton#updateSQScriptButton
    QToolButton#removeSQScriptButton
    QToolButton#idAddButton
    QToolButton#idRemoveButton
    QToolButton#idSelectDefaultButton
    QToolButton#idImportButton
    QToolButton#idExportButton
    QToolButton#addGroupButton
    QToolButton#removeGroupButton
    QToolButton#renameGroupButton
    QToolButton#displayClientsButton
    QToolButton#addClientButton
    QToolButton#removeClientButton
    QToolButton#makeCurrentChannelDefaultToolButton
    QToolButton#improvedIdentityQualityButton
    QToolButton#toolButtonIcon
    QToolButton#TextFormatButton
    QToolButton#searchClearButton
    QToolButton#appScanImportButton
    QToolButton#appScanReloadButton
    QToolButton#fbDirUpButton
    QToolButton#fbRootButton
    QToolButton#fbRefreshButton
    QToolButton#fbUploadButton
    QToolButton#fbDownloadButton
    QToolButton#fbCreateDirectoryButton
    QToolButton#fbDeleteButton
    QToolButton#fbFilterButton
    QToolButton#descEditButton
    QToolButton#fbViewIconsButton
    QToolButton#fbViewListButton
    QToolButton#filterGoButton
    QToolButton#clientUpdateButton
    QToolButton#filterClearButton
    QToolButton#banAddButton
    QToolButton#banRemoveButton
    QToolButton#banEditButton
    QToolButton#complainRemoveButton
    QToolButton#foregroundColorSelectButton
    QToolButton#backgroundColorSelectButton
    QToolButton#EmoticonButton
    QToolButton#iconToolButton
    QToolButton#toolButtonBold
    QToolButton#toolButtonItalic
    QToolButton#toolButtonUnderLine
    QToolButton#toolButtonFColor

    ------- TabBar -------

    QTabBar

    you can make the Tabs bigger when it´s selected like this, use it for Top and Bottom
    for example

    Code:
    QTabBar::tab:selected:top {
           border-top-color: #0a057b;
           border-top-left-radius: 3px;
           border-top-right-radius: 3px;
           margin-top: 3px;
    }
    ------- SpinBox -------

    QSpinBox
    QDoubleSpinBox#delayPTTSpinBox

    ------- TreeView -------

    In the TreeView you can set an alternate background
    for example

    Code:
    QTreeView {
           alternate-background-color: #d4eefb;
           border: 1px solid #000;
           show-decoration-selected: 1;
    }
    TreeView {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #c2d7e1, stop:1 #eef5f9);
           qproperty-alternatingRowColors: 1;
           color:#000;
           border: none;
    }
    QTreeView
    QTreeView::item

    At this place i have to thank _,,.->DarkCode<-.,,_ for his help, to customize the TreeView!!!
    If u want to customize QTreeView::branch, try this

    Code:
    QTreeView::branch:hover {
    	background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6a96b9, stop: 1.0 #c2d7e1);
    }
    /* QTreeView::branch:selected:!active -> wird vom :active übernommen */
    
    QTreeView::branch:selected {
    	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop: 0 #505c78, stop: 1 #6f80aa);
    }
    QTreeView::branch:has-siblings:!adjoins-item {
    	border-image: url(styles/bluesky/treeviewS0.png) 0;
    }
    QTreeView::branch:has-siblings:adjoins-item {
    	border-image: url(styles/bluesky/treeviewW0.png) 0;
    }
    QTreeView::branch:!has-children:!has-siblings:adjoins-item {
    	border-image: url(styles/bluesky/treeviewF0.png) 0;
    }
    QTreeView::branch:has-children:!has-siblings:closed,
    QTreeView::branch:closed:has-children:has-siblings {
    	border-image: none;
    	image: url(styles/bluesky/treeviewP0.png);
    }
    QTreeView::branch:open:has-children:!has-siblings,
    QTreeView::branch:open:has-children:has-siblings  {
    	border-image: none;
    	image: url(styles/bluesky/treeviewM0.png);
    }
    Do the same with ::indicator:unchecked & ::indicator:checked/undchecked:hover

    QTreeView#eventsTreeView::indicator:checked
    QTreeView#permissionsTreeView::indicator:checked
    QTreeWidget#appsTreeWidget::indicator:checked
    QTreeWidget#clientsTreeWidget::indicator:checked

    ------- ScrollBar -------

    Do the same with QScrollBar::horizontal

    QScrollBar:vertical
    QScrollBar::handle:vertical
    QScrollBar::add-line:vertical
    QScrollBar::sub-line:vertical

    For the arrows, you must use pictures
    for example

    Code:
    QScrollBar::up-arrow:vertical {
           background: url("styles/bluesky/up_arrow.png");
           background-repeat: none;
           left: 3px;
           top: 5px;
    }
    QScrollBar::up-arrow:vertical
    QScrollBar::down-arrow:vertical
    QScrollBar::add-page:vertical
    QScrollBar::sub-page:vertical

    ------- HeaderView -------

    QHeaderView::section

    ------- TableView -------

    Example setting an alternate background:

    Code:
    QTableView {
           alternate-background-color: #d4eefb;
           border: 1px solid #000;
    }
    QTableView {
           selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #c2d7e1, stop:1 #e9edef);
           selection-color: #0a057b;
           qproperty-alternatingRowColors: 1;
           border: 1px solid #88b4d5;
           gridline-color: #88b4d5;
    }
    QTableView
    QTableView::item

    QStatusBar

    Excluding background for specific elements because some UI controls because there are issues with linear gradient on Linux, Plastique and Cleanlooks:

    QLabel
    QCheckBox
    QRadioButton
    QGroupBox
    QSlider
    HeadlineLabel
    QFrame#bookmarksTopFrame
    QWidget#advancedWidget
    QWidget#statusChangeWidget
    QWidget#connectToWidget
    QWidget#switchToWidget
    QWidget#disableWidget
    QWidget#activateWidget
    QWidget#recordingWidget
    ImprovedTabBarCloseButton
    QWidget#avatarWidget
    QWidget#ToolbarStretcher
    QStackedWidget
    one color used without lineargradient
    QWidget#ConnectionInfoDialog
    FriendFoeManager
    ServerLogView
    ClientLogView
    FileBrowser
    BookmarksManager
    QWidget#UrlCatcherViewer
    QWidget#ServerConnectionInfoDialog
    LogDisplay
    QDialog#BanDialog
    QWidget#addPropertiesWidget
    EmoticonsDisplay
    QWidget#OfflineMessagesDialog
    QWidget#sound3Dwidget
    UserVolumeWidget
    QWidget#sound3DTestWidget
    QWidget#CustomizeToolbar
    QWidget#ServerQueryView
    QTextEdit#pluginDescTextEdit
    QTextEdit#descriptionTextEdit
    QTextEdit#vserverWelcomeTextEdit
    QTextEdit#changeLogTextEdit
    MainWindowServerTabsWidget
    MainWindowChatWidget

    Disabled Elements

    QLineEdit:disabled
    QComboBox:disabled
    QSpinBox:disabled
    QCheckBox:disabled
    QRadioButton:disabled
    QTextEdit:disabled

    ------- GroupBox------
    Do the same with ::indicator:unchecked & ::indicator:checked/unchecked:hover
    QGroupBox#advancedGroupBox::indicator:checked

    ------- SizeGrip -------

    Example exchanging the sizegrip image:

    Code:
    QSizeGrip {
           background-color: transparent;
           image: url("styles/bluesky/sizegrip.png");
           width: 16px;
           height: 16px;
    }
    InfoFrame
    QTextEdit#ChatTab

    ------- Setup Wizard -------

    QWizard QWidget
    QWizard QLabel
    Last edited by Arya_79; May 3rd, 2010 at 11:51 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [Resolved] list All Clients delete gameserver serverquery from list
    By thywitness in forum Server Support
    Replies: 9
    Last Post: May 22nd, 2012, 07:12 AM
  2. [SUGGESTION LIST] Simply a list of my suggestions
    By TuxFighter in forum Suggestions and Feedback
    Replies: 3
    Last Post: April 5th, 2010, 04:08 AM
  3. TeamSpeak 3 and Qt classes/objectnames
    By Leon M in forum Skins / Icon & Sound Packs
    Replies: 0
    Last Post: March 19th, 2010, 03:01 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •