Cleanup

1 files changed, 84 insertions, 202 deletions

diff --git a/common/gtk-3.0/3.18/gtk.css b/common/gtk-3.0/3.18/gtk.css
index 5336cbc..ae395ff 100644
--- a/common/gtk-3.0/3.18/gtk.css
+++ b/common/gtk-3.0/3.18/gtk.css
@@ -27,19 +27,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; }
 
@@ -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;
@@ -224,9 +209,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)); }
@@ -745,7 +727,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;
@@ -755,9 +736,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .
   .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked {
     color: #5c616c; }
 
-/*********
- * Links *
- *********/
 *:link, .button:link, .button:visited {
   color: #2679db; }
   *:link:visited, .button:visited {
@@ -778,9 +756,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 {
@@ -858,9 +833,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; }
@@ -890,9 +862,6 @@ GtkComboBox {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0; }
 
-/************
- * Toolbars *
- ************/
 .toolbar, .inline-toolbar {
   -GtkWidget-window-dragging: true;
   padding: 4px;
@@ -929,9 +898,6 @@ GtkComboBox {
 .action-bar {
   background-color: #edeef0; }
 
-/***************
- * Header bars *
- ***************/
 .header-bar {
   padding: 7px 7px 6px 7px;
   border-width: 0 0 1px;
@@ -1337,9 +1303,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; }
@@ -1354,9 +1317,6 @@ GtkComboBox {
     padding-right: 4px;
     padding-left: 4px; }
 
-/**************
- * Tree Views *
- **************/
 GtkTreeView.view {
   -GtkTreeView-grid-line-width: 1;
   -GtkTreeView-grid-line-pattern: '';
@@ -1438,9 +1398,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;
@@ -1504,9 +1461,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;
@@ -1538,10 +1492,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;
@@ -1674,9 +1624,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;
@@ -1753,9 +1700,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;
@@ -1817,9 +1761,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")); }
 
@@ -1978,9 +1919,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;
@@ -2061,9 +1999,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;
@@ -2100,16 +2035,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;
@@ -2133,9 +2064,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; }
@@ -2163,9 +2091,6 @@ GtkScrolledWindow GtkViewport.frame {
   GtkFontButton .vertical.view.separator {
     -GtkWidget-wide-separators: true; }
 
-/*********
- * Lists *
- *********/
 .list {
   background-color: #ffffff;
   border-color: #dcdfe3; }
@@ -2197,9 +2122,6 @@ GtkScrolledWindow GtkViewport.frame {
   .list-row:hover, list-row.activatable:hover {
     transition: none; }
 
-/*********************
- * App Notifications *
- *********************/
 .app-notification,
 .app-notification.frame {
   padding: 10px;
@@ -2240,9 +2162,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) {
@@ -2252,9 +2171,6 @@ GtkScrolledWindow GtkViewport.frame {
   .expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
-/************
- * Calendar *
- ***********/
 GtkCalendar {
   color: #5c616c;
   border: 1px solid #dcdfe3;
@@ -2284,9 +2200,6 @@ GtkCalendar {
   GtkCalendar.highlight {
     color: #5c616c; }
 
-/***********
- * Dialogs *
- ***********/
 .message-dialog .dialog-action-area .button {
   padding: 8px; }
 
@@ -2400,9 +2313,6 @@ GtkPaned.wide {
   GtkPaned.wide.vertical .pane-separator {
     border-style: solid none; }
 
-/**************
- * GtkInfoBar *
- **************/
 GtkInfoBar {
   border-style: none; }
 
@@ -2444,9 +2354,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; }
@@ -2461,9 +2368,6 @@ GtkInfoBar {
   background-color: transparent;
   color: inherit; }
 
-/*****************
- * Color Chooser *
- *****************/
 :selected GtkColorSwatch {
   box-shadow: none; }
   :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover {
@@ -2531,9 +2435,6 @@ GtkColorButton.button {
   GtkColorButton.button GtkColorSwatch {
     border-radius: 0; }
 
-/********
- * Misc *
- ********/
 .content-view {
   background-color: #ffffff; }
   .content-view:hover {
@@ -2550,14 +2451,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); }
@@ -2672,86 +2648,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,
@@ -2925,11 +2821,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: #5c616c; }
 
-/* Only normal state is handle */
 .open-document-selector-path-label {
   color: #aeb0b6;
   font-size: smaller; }
@@ -3587,13 +3481,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;
@@ -3606,7 +3498,6 @@ GtkListBox .h4 {
   #panel_window .menubar .menu .menuitem {
     font: normal; }
 
-/* the login window */
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
@@ -3615,7 +3506,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;
@@ -3646,7 +3536,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;
@@ -3684,13 +3573,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;
@@ -3710,7 +3596,6 @@ GtkListBox .h4 {
     background-color: #ec1b22;
     border-color: #ec1b22; }
 
-/* the restart button */
 #restart_button.button {
   background-clip: border-box;
   color: #ffffff;
@@ -3730,7 +3615,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; }
@@ -3857,7 +3741,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; }
 
@@ -4052,7 +3935,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;
@@ -4078,6 +3960,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;
@@ -4095,4 +3978,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;