[gnome-themes-standard/wip/sass] contain stylesheets in the gresource
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard/wip/sass] contain stylesheets in the gresource
- Date: Wed, 14 May 2014 11:30:25 +0000 (UTC)
commit 406fa164948746eaaba36d226b6869a41127d496
Author: Jakub Steiner <jimmac gmail com>
Date: Wed May 14 13:29:47 2014 +0200
contain stylesheets in the gresource
- it's all or nothing, everything needs to live in a gresource
themes/Adwaita/gtk-3.0/gtk-dark.css | 310 +-----------------------------
themes/Adwaita/gtk-3.0/gtk-dark.scss | 22 --
themes/Adwaita/gtk-3.0/gtk.css | 310 +-----------------------------
themes/Adwaita/gtk-3.0/gtk.gresource.xml | 2 +
themes/Adwaita/gtk-3.0/gtk.scss | 30 ---
5 files changed, 4 insertions(+), 670 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk-dark.css b/themes/Adwaita/gtk-3.0/gtk-dark.css
index ffedfa8..fe46f46 100644
--- a/themes/Adwaita/gtk-3.0/gtk-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-dark.css
@@ -1,309 +1 @@
-debug {
- background-color: red; }
-
-* {
- engine: adwaita;
- padding: 0;
- background-clip: padding-box;
- -GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: #cc0000;
- -GtkPaned-handle-size: 5;
- -GtkCheckButton-indicator-size: 16;
- -GtkCheckMenuItem-indicator-size: 12;
- /* The size for scrollbars. The slider is 2px smaller, but we keep it
- * up so that the whole area is sensitive to button presses for the
- * slider. The stepper button is larger in both directions, the slider
- * only in the width
- */
- -GtkScrolledWindow-scrollbar-spacing: 0;
- -GtkScrolledWindow-scrollbars-within-bevel: 1;
- -GtkToolItemGroup-expander-size: 11;
- -GtkExpander-expander-size: 11;
- -GtkTreeView-expander-size: 11;
- -GtkTreeView-horizontal-separator: 4;
- -GtkMenu-horizontal-padding: 0;
- -GtkMenu-vertical-padding: 0;
- -GtkWidget-link-color: #4a90d9;
- -GtkWidget-visited-link-color: #4a90d9;
- -GtkWidget-focus-padding: 2;
- -GtkWidget-focus-line-width: 1;
- -GtkWindow-resize-grip-width: 0;
- -GtkWindow-resize-grip-height: 0;
- outline-color: rgba(238, 238, 236, 0.7);
- outline-style: dashed;
- outline-offset: 2px; }
-
-/***************
- * Base States *
- ***************/
-.background {
- color: #eeeeec;
- background-color: #393f3f; }
-
-.background:backdrop {
- /* I want everything nice and flat in the unfocused window */
- text-shadow: none;
- icon-shadow: none;
- color: white; }
-
-*:selected,
-*:selected:focus {
- background-color: #2a76c6;
- color: white; }
-
-*:selected:backdrop {
- background-color: #2a76c6;
- color: white; }
-
-*:insensitive {
- background-color: transparent;
- color: white;
- border-color: #090909; }
-
-*:insensitive:backdrop {
- /* I want everything nice and flat in the unfocused window */
- text-shadow: none;
- icon-shadow: none;
- color: white; }
-
-/* Apply effects to insensitive and prelit images */
-*:insensitive {
- -gtk-image-effect: dim; }
-
-*:hover {
- -gtk-image-effect: highlight; }
-
-*:hover {
- -gtk-image-effect: highlight; }
-
-.gtkstyle-fallback {
- background-color: #393f3f;
- color: #eeeeec; }
-
-.gtkstyle-fallback:prelight {
- background-color: #515a5a;
- color: #eeeeec; }
-
-.gtkstyle-fallback:active {
- background-color: #212424;
- color: #eeeeec; }
-
-.gtkstyle-fallback:insensitive {
- background-color: transparent;
- color: white; }
-
-.gtkstyle-fallback:selected {
- background-color: #2a76c6;
- color: white; }
-
-GtkImage,
-GtkImage:insensitive,
-GtkLabel,
-GtkLabel:insensitive,
-GtkBox,
-GtkBox:insensitive,
-GtkGrid,
-GtkGrid:insensitive {
- background-color: transparent; }
-
-/*****************
- * Miscellaneous *
- *****************/
- keyframes spinner {
- 0.00% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.875)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.75)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.625)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.5)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.375)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.25)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.125)),
to(transparent)); }
-
- 12.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)); }
-
- 25.0% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)); }
-
- 37.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)); }
-
- 50.0% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)); }
-
- 62.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)); }
-
- 75.0% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)); }
-
- 87.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)); }
-
- 100% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.875)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.75)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.625)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.5)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.375)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.25)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.125)),
to(transparent)); } }
-
-.spinner {
- background-color: transparent;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent));
- background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
- background-size: 20% 20%;
- background-repeat: no-repeat; }
-
-.spinner:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent));
- animation: spinner 1s infinite linear; }
-
-.button .spinner:active {
- color: #eeeeec; }
-
-/****************
- * Text Entries *
- ****************/
-.entry, .linked .entry {
- padding: 4px;
- color: #eeeeec;
- border-radius: 3px;
- transition: all 200ms ease-out;
- border: 1px solid black;
- background-image: linear-gradient(to bottom, black 1%, #1a1a1a 10%, #333333);
- background-color: transparent; }
- .entry:insensitive, .entry:backdrop:insensitive {
- color: white;
- background-image: none;
- background-color: transparent;
- box-shadow: inset 0 1px rgba(51, 51, 51, 0.6), 0 1px rgba(51, 51, 51, 0.6);
- /* doesn't have margin to paint on :( */ }
- .entry:focus {
- border-color: #2a76c6;
- box-shadow: inset 0 0 2px 1px rgba(42, 118, 198, 0.5); }
- .entry GtkLabel, .linked .entry GtkLabel {
- text-shadow: 0 1px red; }
-
-.linked .entry:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right-width: 0; }
-.linked .entry:last-child {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0; }
-
-/***********
- * Buttons *
- ***********/
-.button, .linked .button, GtkComboBox .button,
-.toolbar .button.raised,
-.toolbar .raised .button,
-.toolbar GtkComboBox .button,
-.spinbutton.vertical .button {
- border-radius: 3px;
- transition: all 200ms ease-out;
- padding: 2px 4px;
- background-color: transparent;
- border: 1px solid black;
- background-image: linear-gradient(to bottom, #515a5a, #393f3f 40%, #212424); }
- .button:hover,
- .toolbar .button.raised:hover,
- .toolbar .raised .button:hover,
- .toolbar GtkComboBox .button:hover,
- .spinbutton.vertical .button:hover {
- border: 1px solid black;
- background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); }
- .button:active,
- .toolbar .button.raised:active,
- .toolbar .raised .button:active,
- .toolbar GtkComboBox .button:active,
- .spinbutton.vertical .button:active {
- border: 1px solid black;
- background-image: linear-gradient(to bottom, #090909, #151717 5%, #212424);
- box-shadow: inset 0 1px 2px black; }
- .button:insensitive, .button:backdrop:insensitive,
- .toolbar .button.raised:insensitive,
- .toolbar .button.raised:backdrop:insensitive,
- .toolbar .raised .button:insensitive,
- .toolbar .raised .button:backdrop:insensitive,
- .toolbar GtkComboBox .button:insensitive,
- .toolbar GtkComboBox .button:backdrop:insensitive,
- .spinbutton.vertical .button:insensitive,
- .spinbutton.vertical .button:backdrop:insensitive {
- background-image: linear-gradient(to bottom, transparent);
- color: white; }
- .button.suggested-action,
- .toolbar .button.raised.suggested-action,
- .toolbar .raised .button.suggested-action,
- .toolbar GtkComboBox .suggested-action.button,
- .spinbutton.vertical .button.suggested-action {
- border: 1px solid #0f2b48;
- background-image: linear-gradient(to bottom, #4a90d9, #2a76c6 40%, #215d9c);
- color: #333333;
- /* FIXME */ }
- .button.suggested-action:active,
- .toolbar .button.raised.suggested-action:active,
- .toolbar .raised .button.suggested-action:active,
- .toolbar GtkComboBox .suggested-action.button:active,
- .spinbutton.vertical .button.suggested-action:active {
- border: 1px solid #0f2b48;
- background-image: linear-gradient(to bottom, #184472, #1c5187 5%, #215d9c);
- box-shadow: inset 0 1px 2px #0f2b48; }
-
-.linked .button {
- padding: 6px; }
- .linked .button:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right-width: 0; }
- .linked .button:last-child {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0; }
-
-.header-bar .button.text-button {
- padding: 6px 8px 5px;
- /* due to font metrics the image buttons are 1px shorter */ }
-.header-bar .button.image-button {
- padding: 8px; }
-
-/**************
- * ComboBoxes *
- **************/
-GtkComboBox {
- padding: 0;
- -GtkComboBox-arrow-scaling: 0.5;
- -GtkComboBox-shadow-type: none; }
- GtkComboBox .separator {
- /* always disable separators */
- -GtkWidget-wide-separators: true;
- -GtkWidget-horizontal-separator: 0;
- -GtkWidget-vertical-separator: 0; }
- GtkComboBox.combobox-entry .entry:first-child {
- border-radius: 3px 0 0 3px;
- border-right: 0; }
- GtkComboBox.combobox-entry .button:first-child {
- border-radius: 3px 0 0 3px; }
- GtkComboBox.combobox-entry .entry:last-child {
- border-radius: 0 3px 3px 0;
- border-left: 0; }
- GtkComboBox.combobox-entry .button:last-child {
- border-radius: 0 3px 3px 0; }
- GtkComboBox .linked .button, .linked GtkComboBox .button, GtkComboBox .button {
- padding: 4px 6px; }
-
-/***************
- * Header bars *
- ***************/
-.header-bar {
- border-width: 0 0 1px;
- border-style: solid;
- border-color: black;
- border-radius: 5px 5px 0 0;
- background-color: transparent;
- background-image: linear-gradient(to bottom, #3e4444, #2d3232);
- box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(51, 51, 51, 0.6);
- padding: 6px; }
- .header-bar .title {
- font: Bold;
- padding: 0px 12px; }
- .header-bar .subtitle {
- font-size: 80%;
- padding: 0 12px; }
- .header-bar > GtkBox > .separator.vertical {
- -GtkWidget-wide-separators: 1;
- -GtkWidget-separator-width: 2px;
- background-color: transparent;
- border-width: 0 1px;
- border-style: solid;
- border-color: transparent;
- border-image: -gtk-scaled(url("assets/header-separator.png"), url("assets/header-separator 2 png")) 0 1
0 1/0 1px 0 1px stretch; }
+ import url("resource:///org/gnome/adwaita/gtk-contained-dark.css");
diff --git a/themes/Adwaita/gtk-3.0/gtk.css b/themes/Adwaita/gtk-3.0/gtk.css
index e4ec19b..77546b3 100644
--- a/themes/Adwaita/gtk-3.0/gtk.css
+++ b/themes/Adwaita/gtk-3.0/gtk.css
@@ -1,309 +1 @@
-debug {
- background-color: blue; }
-
-* {
- engine: adwaita;
- padding: 0;
- background-clip: padding-box;
- -GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: #cc0000;
- -GtkPaned-handle-size: 5;
- -GtkCheckButton-indicator-size: 16;
- -GtkCheckMenuItem-indicator-size: 12;
- /* The size for scrollbars. The slider is 2px smaller, but we keep it
- * up so that the whole area is sensitive to button presses for the
- * slider. The stepper button is larger in both directions, the slider
- * only in the width
- */
- -GtkScrolledWindow-scrollbar-spacing: 0;
- -GtkScrolledWindow-scrollbars-within-bevel: 1;
- -GtkToolItemGroup-expander-size: 11;
- -GtkExpander-expander-size: 11;
- -GtkTreeView-expander-size: 11;
- -GtkTreeView-horizontal-separator: 4;
- -GtkMenu-horizontal-padding: 0;
- -GtkMenu-vertical-padding: 0;
- -GtkWidget-link-color: #98b9dc;
- -GtkWidget-visited-link-color: #98b9dc;
- -GtkWidget-focus-padding: 2;
- -GtkWidget-focus-line-width: 1;
- -GtkWindow-resize-grip-width: 0;
- -GtkWindow-resize-grip-height: 0;
- outline-color: rgba(46, 52, 54, 0.7);
- outline-style: dashed;
- outline-offset: 2px; }
-
-/***************
- * Base States *
- ***************/
-.background {
- color: #2e3436;
- background-color: #ededed; }
-
-.background:backdrop {
- /* I want everything nice and flat in the unfocused window */
- text-shadow: none;
- icon-shadow: none;
- color: #454f52; }
-
-*:selected,
-*:selected:focus {
- background-color: #729fcf;
- color: white; }
-
-*:selected:backdrop {
- background-color: #729fcf;
- color: white; }
-
-*:insensitive {
- background-color: transparent;
- color: #748489;
- border-color: #bababa; }
-
-*:insensitive:backdrop {
- /* I want everything nice and flat in the unfocused window */
- text-shadow: none;
- icon-shadow: none;
- color: #454f52; }
-
-/* Apply effects to insensitive and prelit images */
-*:insensitive {
- -gtk-image-effect: dim; }
-
-*:hover {
- -gtk-image-effect: highlight; }
-
-*:hover {
- -gtk-image-effect: highlight; }
-
-.gtkstyle-fallback {
- background-color: #ededed;
- color: #2e3436; }
-
-.gtkstyle-fallback:prelight {
- background-color: white;
- color: #2e3436; }
-
-.gtkstyle-fallback:active {
- background-color: lightgrey;
- color: #2e3436; }
-
-.gtkstyle-fallback:insensitive {
- background-color: transparent;
- color: #748489; }
-
-.gtkstyle-fallback:selected {
- background-color: #729fcf;
- color: white; }
-
-GtkImage,
-GtkImage:insensitive,
-GtkLabel,
-GtkLabel:insensitive,
-GtkBox,
-GtkBox:insensitive,
-GtkGrid,
-GtkGrid:insensitive {
- background-color: transparent; }
-
-/*****************
- * Miscellaneous *
- *****************/
- keyframes spinner {
- 0.00% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.875)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.75)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.625)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.5)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.375)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.25)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.125)),
to(transparent)); }
-
- 12.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)); }
-
- 25.0% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)); }
-
- 37.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)); }
-
- 50.0% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)); }
-
- 62.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)); }
-
- 75.0% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)); }
-
- 87.5% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)); }
-
- 100% {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.875)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.75)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.625)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.5)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.375)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.25)),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.125)),
to(transparent)); } }
-
-.spinner {
- background-color: transparent;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor),
to(transparent));
- background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
- background-size: 20% 20%;
- background-repeat: no-repeat; }
-
-.spinner:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5,
to(currentColor), to(transparent));
- animation: spinner 1s infinite linear; }
-
-.button .spinner:active {
- color: #2e3436; }
-
-/****************
- * Text Entries *
- ****************/
-.entry, .linked .entry {
- padding: 4px;
- color: #2e3436;
- border-radius: 3px;
- transition: all 200ms ease-out;
- border: 1px solid #a1a1a1;
- background-image: linear-gradient(to bottom, #cccccc 1%, #e6e6e6 10%, white);
- background-color: transparent; }
- .entry:insensitive, .entry:backdrop:insensitive {
- color: #748489;
- background-image: none;
- background-color: transparent;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(255, 255, 255, 0.1);
- /* doesn't have margin to paint on :( */ }
- .entry:focus {
- border-color: #729fcf;
- box-shadow: inset 0 0 2px 1px rgba(114, 159, 207, 0.5); }
- .entry GtkLabel, .linked .entry GtkLabel {
- text-shadow: 0 1px red; }
-
-.linked .entry:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right-width: 0; }
-.linked .entry:last-child {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0; }
-
-/***********
- * Buttons *
- ***********/
-.button, .linked .button, GtkComboBox .button,
-.toolbar .button.raised,
-.toolbar .raised .button,
-.toolbar GtkComboBox .button,
-.spinbutton.vertical .button {
- border-radius: 3px;
- transition: all 200ms ease-out;
- padding: 2px 4px;
- background-color: transparent;
- border: 1px solid #a1a1a1;
- background-image: linear-gradient(to bottom, white, #ededed 40%, lightgrey); }
- .button:hover,
- .toolbar .button.raised:hover,
- .toolbar .raised .button:hover,
- .toolbar GtkComboBox .button:hover,
- .spinbutton.vertical .button:hover {
- border: 1px solid #a1a1a1;
- background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); }
- .button:active,
- .toolbar .button.raised:active,
- .toolbar .raised .button:active,
- .toolbar GtkComboBox .button:active,
- .spinbutton.vertical .button:active {
- border: 1px solid #a1a1a1;
- background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgrey);
- box-shadow: inset 0 1px 2px #a1a1a1; }
- .button:insensitive, .button:backdrop:insensitive,
- .toolbar .button.raised:insensitive,
- .toolbar .button.raised:backdrop:insensitive,
- .toolbar .raised .button:insensitive,
- .toolbar .raised .button:backdrop:insensitive,
- .toolbar GtkComboBox .button:insensitive,
- .toolbar GtkComboBox .button:backdrop:insensitive,
- .spinbutton.vertical .button:insensitive,
- .spinbutton.vertical .button:backdrop:insensitive {
- background-image: linear-gradient(to bottom, transparent);
- color: #748489; }
- .button.suggested-action,
- .toolbar .button.raised.suggested-action,
- .toolbar .raised .button.suggested-action,
- .toolbar GtkComboBox .suggested-action.button,
- .spinbutton.vertical .button.suggested-action {
- border: 1px solid #2b537d;
- background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
- color: white;
- /* FIXME */ }
- .button.suggested-action:active,
- .toolbar .button.raised.suggested-action:active,
- .toolbar .raised .button.suggested-action:active,
- .toolbar GtkComboBox .suggested-action.button:active,
- .spinbutton.vertical .button.suggested-action:active {
- border: 1px solid #2b537d;
- background-image: linear-gradient(to bottom, #386ca3, #3e78b6 5%, #4c85c2);
- box-shadow: inset 0 1px 2px #2b537d; }
-
-.linked .button {
- padding: 6px; }
- .linked .button:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right-width: 0; }
- .linked .button:last-child {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0; }
-
-.header-bar .button.text-button {
- padding: 6px 8px 5px;
- /* due to font metrics the image buttons are 1px shorter */ }
-.header-bar .button.image-button {
- padding: 8px; }
-
-/**************
- * ComboBoxes *
- **************/
-GtkComboBox {
- padding: 0;
- -GtkComboBox-arrow-scaling: 0.5;
- -GtkComboBox-shadow-type: none; }
- GtkComboBox .separator {
- /* always disable separators */
- -GtkWidget-wide-separators: true;
- -GtkWidget-horizontal-separator: 0;
- -GtkWidget-vertical-separator: 0; }
- GtkComboBox.combobox-entry .entry:first-child {
- border-radius: 3px 0 0 3px;
- border-right: 0; }
- GtkComboBox.combobox-entry .button:first-child {
- border-radius: 3px 0 0 3px; }
- GtkComboBox.combobox-entry .entry:last-child {
- border-radius: 0 3px 3px 0;
- border-left: 0; }
- GtkComboBox.combobox-entry .button:last-child {
- border-radius: 0 3px 3px 0; }
- GtkComboBox .linked .button, .linked GtkComboBox .button, GtkComboBox .button {
- padding: 4px 6px; }
-
-/***************
- * Header bars *
- ***************/
-.header-bar {
- border-width: 0 0 1px;
- border-style: solid;
- border-color: #a1a1a1;
- border-radius: 5px 5px 0 0;
- background-color: transparent;
- background-image: linear-gradient(to bottom, #f2f2f2, #e0e0e0);
- box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
- padding: 6px; }
- .header-bar .title {
- font: Bold;
- padding: 0px 12px; }
- .header-bar .subtitle {
- font-size: 80%;
- padding: 0 12px; }
- .header-bar > GtkBox > .separator.vertical {
- -GtkWidget-wide-separators: 1;
- -GtkWidget-separator-width: 2px;
- background-color: transparent;
- border-width: 0 1px;
- border-style: solid;
- border-color: transparent;
- border-image: -gtk-scaled(url("assets/header-separator.png"), url("assets/header-separator 2 png")) 0 1
0 1/0 1px 0 1px stretch; }
+ import url("resource:///org/gnome/adwaita/gtk-contained.css");
diff --git a/themes/Adwaita/gtk-3.0/gtk.gresource.xml b/themes/Adwaita/gtk-3.0/gtk.gresource.xml
index b77072c..7ed4303 100644
--- a/themes/Adwaita/gtk-3.0/gtk.gresource.xml
+++ b/themes/Adwaita/gtk-3.0/gtk.gresource.xml
@@ -328,5 +328,7 @@
<file preprocess="to-pixdata">assets/header-separator-dark 2 png</file>
<file>gtk.css</file>
<file>gtk-dark.css</file>
+ <file>gtk-contained.css</file>
+ <file>gtk-contained-dark.css</file>
</gresource>
</gresources>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
