elementary Specific Styles

This documentation is now provided on Valadoc.org

There are a few elementary-specific style elements. They are as follows:

gtk-widgets.css

.content-view [DEPRECATED]: "light" app areas; overriding a grey background color. Should no longer be necessary in this stylesheet

.overlay-bar: Overlay statusbar as seen in Files.

.secondary-toolbar: Used in Midori's Bookmarks bar.

.source-list: Granite SourceList widget; shares with ".sidebar"

.welcome: Granite Welcome widget as seen in Scratch, Photos, Noise.

.back-button: Shaped back buttons as seen in Switchboard

.card: Used in Mail for messages and soon in Videos for poster images

.card.collapsed: A way to indicate that a card is in a collapsed stated such as in Mail messages

.category-label [DEPRECATED] Please use ".h4"

.h1: Large primary text as seen in Welcome

.h2: Large secondary text as seen in Welcome

.h3: Small primary text as seen in dialogs

.h4: Typically used for category labels

.rounded: Only applies to Gtk.Window. Used to give windows rounded bottom corners. This does not crop/mask window contents

.seek-bar: Used for media playback position controls

.source-list.badge: Granite SourceList widget badges

.composited-indicator: An indicator menubar item in Wingpanel

.gala-notification: Notifications in Gala

.pathbar: Files Pathbar widget

.panel: Wingpanel