diff options
Diffstat (limited to 'common/gtk-3.0/3.16/gtk.css')
-rw-r--r-- | common/gtk-3.0/3.16/gtk.css | 292 |
1 files changed, 86 insertions, 206 deletions
diff --git a/common/gtk-3.0/3.16/gtk.css b/common/gtk-3.0/3.16/gtk.css index 152f470..dd7a899 100644 --- a/common/gtk-3.0/3.16/gtk.css +++ b/common/gtk-3.0/3.16/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 @@ GtkTextView { 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 @@ GtkTextView { .spinner:active:insensitive { opacity: 0.5; } -/**************** - * Text Entries * - ****************/ .entry { border: 1px solid; padding: 5px 8px 6px; @@ -258,9 +243,6 @@ GtkTextView { 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: ''; @@ -1329,9 +1290,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; @@ -1395,9 +1353,6 @@ column-header .button, column-header .button:hover, column-header .button:active .menuitem .accelerator { color: alpha(currentColor,0.55); } -/************ - * Popovers * - ************/ .popover { padding: 2px; border: 1px solid #cdd2d7; @@ -1429,10 +1384,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; @@ -1565,9 +1516,6 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } -/************** - * Scrollbars * - **************/ .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; @@ -1644,9 +1592,6 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } -/********** - * Switch * - **********/ GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; @@ -1707,9 +1652,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")); } @@ -1870,9 +1812,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; @@ -1952,9 +1891,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; @@ -1991,16 +1927,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; @@ -2024,9 +1956,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; } @@ -2053,9 +1982,6 @@ GtkScrolledWindow GtkViewport.frame { GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } -/********* - * Lists * - *********/ .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } @@ -2088,9 +2014,6 @@ GtkScrolledWindow GtkViewport.frame { .list-row:hover, list-row.button:hover { transition: none; } -/********************* - * App Notifications * - *********************/ .app-notification, .app-notification.frame { padding: 10px; @@ -2130,9 +2053,6 @@ GtkScrolledWindow GtkViewport.frame { border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } -/************* - * Expanders * - *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { @@ -2142,9 +2062,6 @@ GtkScrolledWindow GtkViewport.frame { .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -/************ - * Calendar * - ***********/ GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; @@ -2172,9 +2089,6 @@ GtkCalendar { GtkCalendar.highlight { color: alpha(currentColor,0.55); } -/*********** - * Dialogs * - ***********/ .message-dialog .dialog-action-area .button { padding: 8px; } @@ -2207,13 +2121,10 @@ GtkFileChooserDialog .search-bar { GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } -/*********** - * Sidebar * - ***********/ -.sidebar { +.sidebar, .sidebar .view { border: none; background-color: #F5F6F7; } - .sidebar:selected { + .sidebar:selected, .sidebar .view:selected { background-color: #5294E2; } GtkPlacesSidebar.sidebar .view { @@ -2252,9 +2163,6 @@ GtkPaned.wide { GtkPaned.wide.vertical .pane-separator { border-style: solid none; } -/************** - * GtkInfoBar * - **************/ GtkInfoBar { border-style: none; } @@ -2296,9 +2204,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; } @@ -2313,9 +2218,6 @@ GtkInfoBar { background-color: transparent; color: inherit; } -/***************** - * Color Chooser * - *****************/ :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { @@ -2383,9 +2285,6 @@ GtkColorButton.button { GtkColorButton.button GtkColorSwatch { border-radius: 0; } -/******** - * Misc * - ********/ .scale-popup .button { padding: 6px; } .scale-popup .button:hover { @@ -2397,14 +2296,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); } @@ -2514,86 +2488,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, @@ -2757,11 +2651,9 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: #ffffff; background-color: #5294E2; } -/* Only normal state is handle */ .open-document-selector-name-label { color: #5c616c; } -/* Only normal state is handle */ .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } @@ -3397,13 +3289,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; @@ -3416,7 +3306,6 @@ GtkListBox .h4 { #panel_window .menubar .menu .menuitem { font: normal; } -/* the login window */ #login_window, #shutdown_dialog, #restart_dialog { @@ -3425,7 +3314,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; @@ -3456,7 +3344,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; @@ -3494,13 +3381,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; @@ -3520,7 +3404,6 @@ GtkListBox .h4 { background-color: #ec1b22; border-color: #ec1b22; } -/* the restart button */ #restart_button.button { background-clip: border-box; color: #ffffff; @@ -3540,7 +3423,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; } @@ -3656,7 +3538,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; } @@ -3861,7 +3742,6 @@ MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserW MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } -/* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @@ -3887,6 +3767,7 @@ MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserW @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; @define-color wm_title alpha(#525d76,0.8); @define-color wm_unfocused_title alpha(#525d76,0.5); @define-color wm_bg #e7e8eb; @@ -3904,4 +3785,3 @@ MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserW @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; -@define-color content_view_bg #ffffff; |