Cleanup

1 files changed, 84 insertions, 202 deletions

diff --git a/common/gtk-3.0/3.18/gtk-dark.css b/common/gtk-3.0/3.18/gtk-dark.css
index 55de972..0ee4019 100644
--- a/common/gtk-3.0/3.18/gtk-dark.css
+++ b/common/gtk-3.0/3.18/gtk-dark.css
@@ -27,19 +27,10 @@
   outline-width: 1px;
   outline-radius: 2px; }
 
-/***************
- * Base States *
- ***************/
 .background {
   color: #D3DAE3;
   background-color: rgba(56, 60, 74, 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; }
 
@@ -116,9 +107,6 @@ GtkTextView {
   outline-color: rgba(186, 195, 207, 0.3);
   box-shadow: none; }
 
-/**********************
- * Spinner Animations *
- **********************/
 @keyframes spin {
   to {
     -gtk-icon-transform: rotate(1turn); } }
@@ -134,9 +122,6 @@ GtkTextView {
     .spinner:active:insensitive {
       opacity: 0.5; }
 
-/****************
- * Text Entries *
- ****************/
 .entry {
   border: 1px solid;
   padding: 5px 8px 6px;
@@ -225,9 +210,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)); }
@@ -746,7 +728,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .
   background-image: none;
   box-shadow: none; }
 
-/* menu buttons */
 .menuitem.button.flat, .menuitem.sidebar-button.button {
   transition: none;
   outline-offset: -1px;
@@ -756,9 +737,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .
   .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked {
     color: #D3DAE3; }
 
-/*********
- * Links *
- *********/
 *:link, .button:link, .button:visited {
   color: #a9caf1; }
   *:link:visited, .button:visited {
@@ -779,9 +757,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .
 .button:link > .label, .button:visited > .label {
   text-decoration-line: underline; }
 
-/*****************
- * GtkSpinButton *
- *****************/
 .spinbutton {
   border-radius: 3px; }
   .spinbutton .button {
@@ -859,9 +834,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .
     border-radius: 0;
     box-shadow: none; }
 
-/**************
- * ComboBoxes *
- **************/
 GtkComboBox {
   -GtkComboBox-arrow-scaling: 0.5;
   -GtkComboBox-shadow-type: none; }
@@ -887,9 +859,6 @@ GtkComboBox {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0; }
 
-/************
- * Toolbars *
- ************/
 .toolbar, .inline-toolbar {
   -GtkWidget-window-dragging: true;
   padding: 4px;
@@ -926,9 +895,6 @@ GtkComboBox {
 .action-bar {
   background-color: #313541; }
 
-/***************
- * Header bars *
- ***************/
 .header-bar {
   padding: 7px 7px 6px 7px;
   border-width: 0 0 1px;
@@ -1330,9 +1296,6 @@ GtkComboBox {
     background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991));
     border-color: rgba(21, 23, 28, 0.67); }
 
-/************
- * Pathbars *
- ************/
 .path-bar .button {
   padding-left: 6px;
   padding-right: 6px; }
@@ -1347,9 +1310,6 @@ GtkComboBox {
     padding-right: 4px;
     padding-left: 4px; }
 
-/**************
- * Tree Views *
- **************/
 GtkTreeView.view {
   -GtkTreeView-grid-line-width: 1;
   -GtkTreeView-grid-line-pattern: '';
@@ -1431,9 +1391,6 @@ column-header .button, column-header .button:hover, column-header .button:active
     border-color: #383C4A;
     background-image: none; }
 
-/*********
- * Menus *
- *********/
 .menubar {
   -GtkWidget-window-dragging: true;
   padding: 0px;
@@ -1497,9 +1454,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 #20222a;
@@ -1531,10 +1485,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: #404552;
@@ -1667,9 +1617,6 @@ column-header .button, column-header .button:hover, column-header .button:active
     .notebook.arrow:insensitive {
       color: rgba(211, 218, 227, 0.15); }
 
-/**************
- * Scrollbars *
- **************/
 .scrollbar {
   -GtkRange-slider-width: 13;
   -GtkRange-trough-border: 0;
@@ -1746,9 +1693,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: 52;
@@ -1810,9 +1754,6 @@ GtkInfoBar GtkSwitch.trough:active:insensitive {
 .primary-toolbar GtkSwitch.trough:active:insensitive {
   background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
 
-/*************************
- * Check and Radio items *
- *************************/
 .check {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); }
 
@@ -1971,9 +1912,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(211, 218, 227, 0.45); }
 
-/************
- * GtkScale *
- ************/
 .scale {
   -GtkScale-slider-length: 15;
   -GtkRange-slider-width: 15;
@@ -2054,9 +1992,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;
@@ -2093,16 +2028,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;
@@ -2126,9 +2057,6 @@ GtkLevelBar.vertical {
     background-color: #404552;
     border-color: #404552; }
 
-/**********
- * Frames *
- **********/
 .frame {
   border: 1px solid #2b2e39;
   padding: 0; }
@@ -2156,9 +2084,6 @@ GtkScrolledWindow GtkViewport.frame {
   GtkFontButton .vertical.view.separator {
     -GtkWidget-wide-separators: true; }
 
-/*********
- * Lists *
- *********/
 .list {
   background-color: #404552;
   border-color: #2b2e39; }
@@ -2190,9 +2115,6 @@ GtkScrolledWindow GtkViewport.frame {
   .list-row:hover, list-row.activatable:hover {
     transition: none; }
 
-/*********************
- * App Notifications *
- *********************/
 .app-notification,
 .app-notification.frame {
   padding: 10px;
@@ -2233,9 +2155,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) {
@@ -2245,9 +2164,6 @@ GtkScrolledWindow GtkViewport.frame {
   .expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
-/************
- * Calendar *
- ***********/
 GtkCalendar {
   color: #D3DAE3;
   border: 1px solid #2b2e39;
@@ -2277,9 +2193,6 @@ GtkCalendar {
   GtkCalendar.highlight {
     color: #D3DAE3; }
 
-/***********
- * Dialogs *
- ***********/
 .message-dialog .dialog-action-area .button {
   padding: 8px; }
 
@@ -2393,9 +2306,6 @@ GtkPaned.wide {
   GtkPaned.wide.vertical .pane-separator {
     border-style: solid none; }
 
-/**************
- * GtkInfoBar *
- **************/
 GtkInfoBar {
   border-style: none; }
 
@@ -2437,9 +2347,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; }
@@ -2454,9 +2361,6 @@ GtkInfoBar {
   background-color: transparent;
   color: inherit; }
 
-/*****************
- * Color Chooser *
- *****************/
 :selected GtkColorSwatch {
   box-shadow: none; }
   :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover {
@@ -2524,9 +2428,6 @@ GtkColorButton.button {
   GtkColorButton.button GtkColorSwatch {
     border-radius: 0; }
 
-/********
- * Misc *
- ********/
 .content-view {
   background-color: #404552; }
   .content-view:hover {
@@ -2543,14 +2444,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: 3px 3px 0 0;
   border-width: 0px;
   box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35);
-  /* this is used for the resize cursor area */
   margin: 10px; }
   .window-frame:backdrop {
     box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 5px 5px 0 rgba(0, 0, 0, 0.35); }
@@ -2665,86 +2641,6 @@ NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active {
   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,
@@ -2918,11 +2814,9 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .
       color: #ffffff;
       background-color: #5294E2; }
 
-/* Only normal state is handle */
 .open-document-selector-name-label {
   color: #D3DAE3; }
 
-/* Only normal state is handle */
 .open-document-selector-path-label {
   color: #8a909b;
   font-size: smaller; }
@@ -3580,13 +3474,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;
@@ -3599,7 +3491,6 @@ GtkListBox .h4 {
   #panel_window .menubar .menu .menuitem {
     font: normal; }
 
-/* the login window */
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
@@ -3608,7 +3499,6 @@ GtkListBox .h4 {
   background-color: transparent;
   color: #D3DAE3; }
 
-/* the top half of the login-window, in GtkDialog terms, the content */
 #content_frame {
   padding-bottom: 14px;
   background-color: #383C4A;
@@ -3639,7 +3529,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;
@@ -3677,13 +3566,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;
@@ -3703,7 +3589,6 @@ GtkListBox .h4 {
     background-color: #ec1b22;
     border-color: #ec1b22; }
 
-/* the restart button */
 #restart_button.button {
   background-clip: border-box;
   color: #ffffff;
@@ -3723,7 +3608,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; }
@@ -3860,7 +3744,6 @@ NemoWindow.background > GtkGrid > GtkPaned > .pane-separator,
 MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator {
   background-color: rgba(42, 45, 55, 0.95); }
 
-/*Fix Nautilus transparency issues*/
 NautilusWindow NautilusWindowSlot {
   background-color: #404552; }
 
@@ -4055,7 +3938,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 #D3DAE3;
 @define-color theme_text_color #D3DAE3;
 @define-color theme_bg_color #383C4A;
@@ -4081,6 +3963,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 #404552;
 @define-color wm_title alpha(#cfdae7,0.8);
 @define-color wm_unfocused_title alpha(#cfdae7,0.5);
 @define-color wm_bg #2f343f;
@@ -4098,4 +3981,3 @@ MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserW
 @define-color wm_icon_unfocused_bg #666A74;
 @define-color wm_icon_hover_bg #C4C7CC;
 @define-color wm_icon_active_bg #ffffff;
-@define-color content_view_bg #404552;