diff options
Diffstat (limited to 'common/gtk-3.0/3.14/gtk.css')
-rw-r--r-- | common/gtk-3.0/3.14/gtk.css | 291 |
1 files changed, 87 insertions, 204 deletions
diff --git a/common/gtk-3.0/3.14/gtk.css b/common/gtk-3.0/3.14/gtk.css index 4266b45..78d18b0 100644 --- a/common/gtk-3.0/3.14/gtk.css +++ b/common/gtk-3.0/3.14/gtk.css @@ -28,19 +28,10 @@ outline-width: 1px; outline-radius: 2px; } -/*************** - * Base States * - ***************/ .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ *:insensitive { -gtk-image-effect: dim; } @@ -117,9 +108,6 @@ GtkFlowBox .grid-child { outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } -/********************** - * Spinner Animations * - **********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } @@ -135,9 +123,6 @@ GtkFlowBox .grid-child { .spinner:active:insensitive { opacity: 0.5; } -/**************** - * Text Entries * - ****************/ .entry { border: 1px solid; padding: 5px 8px 6px; @@ -258,9 +243,6 @@ GtkFlowBox .grid-child { GtkSearchEntry.entry { border-radius: 20px; } -/*********** - * Buttons * - ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } @@ -672,9 +654,6 @@ GtkSearchEntry.entry { .menuitem.button.flat:checked { color: #5c616c; } -/********* - * Links * - *********/ *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { @@ -692,9 +671,6 @@ GtkSearchEntry.entry { *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } -/***************** - * GtkSpinButton * - *****************/ .spinbutton { border-radius: 3px; } .spinbutton .button { @@ -772,9 +748,6 @@ GtkSearchEntry.entry { border-radius: 0; box-shadow: none; } -/************** - * ComboBoxes * - **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } @@ -802,9 +775,6 @@ GtkComboBox { GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } -/************ - * Toolbars * - ************/ .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; @@ -841,9 +811,6 @@ GtkComboBox { .action-bar { background-color: #edeef0; } -/*************** - * Header bars * - ***************/ .header-bar { padding: 7px 7px 6px 7px; border-width: 0 0 1px; @@ -1228,9 +1195,6 @@ GtkComboBox { background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); border-color: rgba(82, 93, 118, 0.3); } -/************ - * Pathbars * - ************/ .path-bar .button { padding-left: 6px; padding-right: 6px; } @@ -1245,9 +1209,6 @@ GtkComboBox { padding-right: 4px; padding-left: 4px; } -/************** - * Tree Views * - **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; @@ -1320,9 +1281,6 @@ column-header .button, column-header .button:hover, column-header .button:active border-color: #F5F6F7; background-image: none; } -/********* - * Menus * - *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0px; @@ -1386,9 +1344,6 @@ column-header .button, column-header .button:hover, column-header .button:active .menuitem .accelerator { color: alpha(currentColor,0.55); } -/************ - * Popovers * - ************/ .popover { margin: 10px; padding: 2px; @@ -1421,10 +1376,6 @@ column-header .button, column-header .button:hover, column-header .button:active .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } -/***************** - * Notebooks and * - * Tabs * - *****************/ .notebook { padding: 0; background-color: #ffffff; @@ -1557,9 +1508,6 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } -/************** - * Scrollbars * - **************/ .scrollbar { background-clip: padding-box; background-image: none; @@ -1604,9 +1552,6 @@ column-header .button, column-header .button:hover, column-header .button:active border-color: transparent; background-color: #fcfcfc; } -/********** - * Switch * - **********/ GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; @@ -1667,9 +1612,6 @@ GtkInfoBar GtkSwitch.trough:active:insensitive { .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } -/************************* - * Check and Radio items * - *************************/ .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } @@ -1830,9 +1772,6 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } -/************ - * GtkScale * - ************/ .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; @@ -1912,9 +1851,6 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } -/***************** - * Progress bars * - *****************/ GtkProgressBar { padding: 0; font-size: smaller; @@ -1951,16 +1887,12 @@ GtkProgressBar.trough, .level-bar.trough { GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } -/************* - * Level Bar * - *************/ GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } - -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; } + GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; @@ -1984,9 +1916,6 @@ GtkLevelBar.vertical { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } -/********** - * Frames * - **********/ .frame { border: 1px solid #dcdfe3; padding: 0; } @@ -2013,9 +1942,6 @@ GtkScrolledWindow GtkViewport.frame { GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } -/********* - * Lists * - *********/ .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } @@ -2048,9 +1974,6 @@ GtkScrolledWindow GtkViewport.frame { .list-row:hover, list-row.button:hover { transition: none; } -/********************* - * App Notifications * - *********************/ .app-notification, .app-notification.frame { padding: 10px; @@ -2090,21 +2013,15 @@ GtkScrolledWindow GtkViewport.frame { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } -/************* - * Expanders * - *************/ -GtkExpander { +.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - GtkExpander:dir(rtl) { + .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkExpander:hover { + .expander:hover { color: #aaaeb7; } - GtkExpander:checked { + .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -/************ - * Calendar * - ***********/ GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; @@ -2132,9 +2049,6 @@ GtkCalendar { GtkCalendar.highlight { color: alpha(currentColor,0.55); } -/*********** - * Dialogs * - ***********/ .message-dialog .dialog-action-area .button { padding: 8px; } @@ -2167,9 +2081,6 @@ GtkFileChooserDialog .search-bar { GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } -/*********** - * Sidebar * - ***********/ .sidebar { border: none; background-color: #F5F6F7; } @@ -2204,9 +2115,6 @@ GtkPaned { .pane-separator { background-image: linear-gradient(to bottom, #dcdfe3); } -/************** - * GtkInfoBar * - **************/ GtkInfoBar { border-style: none; } @@ -2248,9 +2156,6 @@ GtkInfoBar { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } -/************ - * Tooltips * - ************/ .tooltip { color: #BAC3CF; border-radius: 2px; } @@ -2265,9 +2170,6 @@ GtkInfoBar { background-color: transparent; color: inherit; } -/***************** - * Color Chooser * - *****************/ GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } @@ -2316,9 +2218,6 @@ GtkColorButton.button { GtkColorButton.button GtkColorSwatch { border-radius: 0; } -/******** - * Misc * - ********/ .scale-popup .button { padding: 6px; } .scale-popup .button:hover { @@ -2330,14 +2229,89 @@ GtkColorButton.button { GtkVolumeButton.button { padding: 8px; } -/********************** - * Window Decorations * - *********************/ +.touch-selection, +.context-menu { + font: initial; } + +.monospace { + font: Monospace; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); - /* this is used for the resize cursor area */ margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } @@ -2616,86 +2590,6 @@ GtkVolumeButton.button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; } - -.monospace { - font: Monospace; } - -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 100% 60%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 100% 60%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -.undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; } - -.undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; } - -.undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; } - -.undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; } - GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, @@ -3463,13 +3357,11 @@ GraniteWidgetsXsEntry.entry { GtkListBox .h4 { padding-left: 6px; } -/* the panel widget at the top */ #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); - /* the menubars/menus of the panel, i.e. indicators */ } + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; @@ -3482,7 +3374,6 @@ GtkListBox .h4 { #panel_window .menubar .menu .menuitem { font: normal; } -/* the login window */ #login_window, #shutdown_dialog, #restart_dialog { @@ -3491,7 +3382,6 @@ GtkListBox .h4 { background-color: transparent; color: #5c616c; } -/* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; background-color: #F5F6F7; @@ -3522,7 +3412,6 @@ GtkListBox .h4 { #content_frame .button:insensitive > GtkLabel { color: inherit; } -/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; @@ -3560,13 +3449,10 @@ GtkListBox .h4 { #login_window #user_combobox .menu { font: normal; } -/* the user's avatar box */ #user_image { padding: 3px; border-radius: 2px; } -/* the border around the user's avatar box */ -/* the shutdown button */ #shutdown_button.button { background-clip: border-box; color: #ffffff; @@ -3586,7 +3472,6 @@ GtkListBox .h4 { background-color: #ec1b22; border-color: #ec1b22; } -/* the restart button */ #restart_button.button { background-clip: border-box; color: #ffffff; @@ -3606,7 +3491,6 @@ GtkListBox .h4 { background-color: #2e96c0; border-color: #2e96c0; } -/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ #greeter_infobar { border-bottom-width: 0; font: bold; } @@ -3731,7 +3615,6 @@ NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(53, 57, 69, 0.95); } -/*Fix Nautilus transparency issues*/ NautilusWindow NautilusWindowSlot { background-color: #ffffff; } |