Skip to content
Snippets Groups Projects
gtk.css 192 KiB
Newer Older
  • Learn to ignore specific revisions
  • phob1an's avatar
    gtk
    phob1an committed
          box-shadow: none; }
    
    /***********
     * Dialogs *
     ***********/
    messagedialog.background {
      background-color: #2a2e33; }
    
    messagedialog:backdrop {
      background-color: #2a2e33; }
    
    messagedialog .titlebar {
      min-height: 32px;
      background-color: transparent;
      background-image: linear-gradient(to bottom, white, #2a2e33);
      box-shadow: none; }
    
    messagedialog .dialog-action-area {
      padding: 8px; }
    
    messagedialog button {
      margin: 2px; }
    
    filechooser .search-bar {
      background-color: #2a2e33;
      border-color: #2a2e33;
      box-shadow: none; }
      filechooser .search-bar:backdrop {
        background-color: #2a2e33;
        border-color: #2a2e33;
        color: #c5cbd8; }
    
    filechooser .dialog-action-box {
    
    phob1an's avatar
    phob1an committed
      border-top: 1px solid #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      filechooser .dialog-action-box:backdrop {
    
    phob1an's avatar
    phob1an committed
        border-top-color: #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
    
    filechooser #pathbarbox {
      background-color: #2a2e33;
    
    phob1an's avatar
    phob1an committed
      border-bottom: 1px solid #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
    
    /***************
     * Header bars *
     ***************/
    
    headerbar {
      transition: none;
      padding: 0px 6px;
    
    phob1an's avatar
    phob1an committed
      border-width: 1px 0px 1px 0px;
      border-radius: 0px 0px 0px 0px;
    
    phob1an's avatar
    gtk
    phob1an committed
      border-style: solid;
    
    phob1an's avatar
    phob1an committed
      border-top-color: #18334f;
    
    phob1an's avatar
    gtk
    phob1an committed
      color: #c5cbd8;
    
    phob1an's avatar
    phob1an committed
      background-image: linear-gradient(to bottom, #1c2037, #2a2e33 70%); }
    
    phob1an's avatar
    gtk
    phob1an committed
      
      headerbar:backdrop {
        border-color: transparent;
        background-image: none;
        background-color: #2a2e33;
        color: #bdc3c7;
        box-shadow: none; }
      
      headerbar label {
        font-weight: normal; }
        
        headerbar label:backdrop {
          color: #bdc3c7; }
      
      headerbar .path-bar button {
        color: #c5cbd8;
        font-weight: normal; }
        
        headerbar .path-bar button:backdrop {
          color: #bdc3c7; }
      
      headerbar button {
        transition: none;
        border-color: rgba(255, 255, 255, 0);
        background-color: transparent;
        background-image: none;
        box-shadow: none;
        color: #c5cbd8;
        text-shadow: none;
        -gtk-icon-shadow: none; }
        
        headerbar button.flat {
          border-color: rgba(255, 255, 255, 0);
          background-color: transparent;
          background-image: none;
          box-shadow: none;
          color: #c5cbd8;
          text-shadow: none;
          -gtk-icon-shadow: none; }
        
        headerbar button:hover {
          color: #c5cbd8;
    
    phob1an's avatar
    phob1an committed
          border-color: rgba(197, 203, 216, 0.33); }
    
    phob1an's avatar
    gtk
    phob1an committed
          
          headerbar button:hover:backdrop {
            border-color: #2a2e33; }
        
        headerbar button:active,
        headerbar button:checked {
    
    phob1an's avatar
    phob1an committed
          color: #c5cbd8;
          border-color: rgba(197, 203, 216, 0.33);
          border-radius: 0px;
          background-image: linear-gradient(to bottom, #434953, #32373d); }
    
    phob1an's avatar
    gtk
    phob1an committed
          
          headerbar button:active:hover,
          headerbar button:checked:hover {
            color: white;
    
    phob1an's avatar
    phob1an committed
            border-color: rgba(197, 203, 216, 0.5);
            background-image: linear-gradient(to bottom, #525965, #363c42); }
    
    phob1an's avatar
    gtk
    phob1an committed
          
          headerbar button:active:backdrop,
          headerbar button:checked:backdrop {
    
    phob1an's avatar
    phob1an committed
            background-image: linear-gradient(to bottom, #434953, #32373d);
            border-color: rgba(197, 203, 216, 0.2);
    
    phob1an's avatar
    gtk
    phob1an committed
            color: #bdc3c7; }
        
        headerbar button:backdrop {
          border-color: transparent;
          background-image: none;
          background-color: #2a2e33;
          color: #bdc3c7; }
        
        headerbar button.flat:backdrop,
        headerbar button.flat:backdrop:disabled,
        headerbar button:disabled:backdrop {
          background-image: none;
          background-color: #2a2e33;
          color: #bdc3c7;
          border-color: transparent; }
        
        headerbar button.flat:disabled {
          color: rgba(32, 35, 35, 0.35); }
        
        headerbar button:disabled {
          background-color: transparent;
          background-image: none;
          border-color: transparent;
          color: rgba(32, 35, 35, 0.35); }
          
          headerbar button:disabled:active,
          headerbar button:disabled:checked {
            color: #e5e5e5;
            border-color: rgba(37, 164, 230, 0.35);
            background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
            
            headerbar button:disabled:active > .label,
            headerbar button:disabled:checked > .label {
              color: inherit; }
      
      headerbar .title {
        font-weight: normal;
        padding: 0px 12px; }
        
        headerbar .title:backdrop {
          color: #bdc3c7; }
      
      headerbar .subtitle {
        font-size: smaller;
        padding: 0 12px; }
        
        headerbar .subtitle:backdrop {
          color: #bdc3c7; }
      
      headerbar separator {
        border-width: 0px;
        background-color: transparent;
        background-image: none;
        border-color: transparent; }
      
      headerbar.selection-mode .selection-menu {
        padding: 4px 6px; }
        
        headerbar.selection-mode .selection-menu GtkArrow {
          -GtkArrow-arrow-scaling: 1; }
        
        headerbar.selection-mode .selection-menu .arrow {
          -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
          -gtk-icon-shadow: none; }
      .tiled
      headerbar, .maximized
      headerbar {
        border-radius: 0; }
    
    headerbar entry,
    headerbar spinbutton,
    headerbar separator,
    headerbar button {
      margin-top: 3px;
      margin-bottom: 3px; }
    
    
    headerbar button.suggested-action,
    headerbar.selection-mode.suggested-action {
      background-image: none;
      background-color: #c5cbd8; }
      
      headerbar button.suggested-action:hover,
      headerbar.selection-mode.suggested-action:hover {
        background-color: #93cee9;
        color: #c5cbd8; }
      
      headerbar button.suggested-action:disabled,
      headerbar.selection-mode.suggested-action:disabled {
        background-color: transparent;
        background-image: none;
        color: rgba(32, 35, 35, 0.35); }
        
        headerbar button.suggested-action:disabled:active,
        headerbar.selection-mode.suggested-action:disabled:active,
        headerbar button.suggested-action:disabled:checked,
        headerbar.selection-mode.suggested-action:disabled:checked {
          color: #e5e5e5;
          border-color: rgba(37, 164, 230, 0.35);
          background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
          headerbar button.suggested-action:disabled:active > .label, headerbar.selection-mode.suggested-action:disabled:active > .label, headerbar button.suggested-action:disabled:checked > .label, headerbar.selection-mode.suggested-action:disabled:checked > .label {
            color: inherit; }
      
      headerbar button.suggested-action:backdrop,
      headerbar.selection-mode.suggested-action:backdrop {
        background-color: #2a2e33;
        border-color: transparent;
        color: #bdc3c7; }
        
        headerbar button.suggested-action:backdrop:disabled,
        headerbar.selection-mode.suggested-action:backdrop:disabled {
          color: rgba(170, 178, 183, 0.35); }
    
    /**************
     * GtkInfoBar *
     **************/
    infobar {
      border-style: none;
    
    phob1an's avatar
    phob1an committed
      border-bottom: 1px solid #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
      background-color: #2a2e33;
      background-image: none; }
      infobar:backdrop {
    
    phob1an's avatar
    phob1an committed
        border-bottom: 1px solid #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
    
    .info,
    headerbar.selection-mode,
    .question,
    .warning,
    .error {
      background-color: #2a2e33;
      background-image: none;
      color: #f67400;
      text-shadow: none; }
      .info:backdrop,
      headerbar.selection-mode:backdrop,
      .question:backdrop,
      .warning:backdrop,
      .error:backdrop {
        background-color: #2a2e33;
        color: #f67400; }
      .info button, headerbar.selection-mode button,
      .question button,
      .warning button,
      .error button {
        box-shadow: none;
        background-image: none;
        background-color: rgba(246, 116, 0, 0.5);
        border-color: rgba(246, 116, 0, 0.5);
        color: #c5cbd8; }
        .info button:hover, headerbar.selection-mode button:hover,
        .question button:hover,
        .warning button:hover,
        .error button:hover {
          background-color: rgba(246, 116, 0, 0.25);
          border-color: #f67400; }
        .info button:active, headerbar.selection-mode button:active, .info button:checked, headerbar.selection-mode button:checked,
        .question button:active,
        .question button:checked,
        .warning button:active,
        .warning button:checked,
        .error button:active,
        .error button:checked {
          background-image: linear-gradient(to bottom, #f87500, #ef7100);
          color: #2a2e33;
          border-color: #f67400; }
        .info button:disabled, headerbar.selection-mode button:disabled,
        .question button:disabled,
        .warning button:disabled,
        .error button:disabled {
          background-color: rgba(224, 105, 0, 0);
          border-color: rgba(224, 105, 0, 0);
          color: rgba(32, 35, 35, 0.35); }
        .info button:backdrop, headerbar.selection-mode button:backdrop,
        .question button:backdrop,
        .warning button:backdrop,
        .error button:backdrop {
          background-color: rgba(246, 116, 0, 0.5);
          border-color: rgba(246, 116, 0, 0.5);
          color: #c5cbd8; }
          .info button:backdrop:active, headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, headerbar.selection-mode button:backdrop:checked,
          .question button:backdrop:active,
          .question button:backdrop:checked,
          .warning button:backdrop:active,
          .warning button:backdrop:checked,
          .error button:backdrop:active,
          .error button:backdrop:checked {
            background-image: linear-gradient(to bottom, #f87500, #ef7100);
            color: #2a2e33;
            border-color: #f67400; }
          .info button:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled,
          .question button:backdrop:disabled,
          .warning button:backdrop:disabled,
          .error button:backdrop:disabled {
            background-color: rgba(224, 105, 0, 0);
            border-color: rgba(224, 105, 0, 0);
            color: rgba(32, 35, 35, 0.35); }
          .info button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:checked,
          .question button:backdrop:disabled:active,
          .question button:backdrop:disabled:checked,
          .warning button:backdrop:disabled:active,
          .warning button:backdrop:disabled:checked,
          .error button:backdrop:disabled:active,
          .error button:backdrop:disabled:checked {
            background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35));
            color: #d8dadd;
            border-color: rgba(224, 105, 0, 0.35); }
    
    /*********
     * Links *
     *********/
    button:link > label,
    button:visited > label,
    *:link,
    button:link,
    button:visited {
      color: #2980b9; }
      button:link > label:visited,
      button:visited > label:visited,
      *:link:visited,
      button:visited {
        color: #7f8c8d; }
        *:selected button:link > label:visited,
        *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link,
        *:selected button:visited {
          color: #b0ddf4; }
      button:link > label:hover,
      button:visited > label:hover,
      *:link:hover,
      button:hover:link,
      button:hover:visited {
        color: #409ad5; }
        *:selected button:link > label:hover,
        *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link,
        *:selected button:hover:visited {
          color: #e9f4fa; }
      button:link > label:active,
      button:visited > label:active,
      *:link:active,
      button:active:link,
      button:active:visited {
        color: #2980b9; }
        *:selected button:link > label:active,
        *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link,
        *:selected button:active:visited {
          color: #d6ecf8; }
      button:link > label:backdrop,
      button:visited > label:backdrop, button:link > label:backdrop:hover,
      button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected,
      button:visited > label:backdrop:hover:selected,
      *:link:backdrop,
      button:backdrop:link,
      button:backdrop:visited,
      *:link:backdrop:hover,
      button:backdrop:hover:link,
      button:backdrop:hover:visited,
      *:link:backdrop:hover:selected,
      headerbar.selection-mode .subtitle:backdrop:hover:link,
      button:backdrop:hover:selected:link,
      button:backdrop:hover:selected:visited {
        color: rgba(61, 174, 233, 0.5); }
      button:link > label:selected,
      button:visited > label:selected, *:selected button:link > label,
      *:selected button:visited > label,
      *:link:selected,
      headerbar.selection-mode .subtitle:link,
      button:selected:link,
      button:selected:visited, *:selected *:link, *:selected button:link,
      *:selected button:visited {
        color: #d6ecf8; }
    
    button:link,
    button:visited {
      text-shadow: none; }
      button:link:hover, button:link:active, button:link:checked,
      button:visited:hover,
      button:visited:active,
      button:visited:checked {
        text-shadow: none; }
      button:link > label,
      button:visited > label {
        text-decoration-line: underline; }
    
    /*********
     * Lists *
     *********/
    list {
      background-color: #2a2e33;
      color: #c5cbd8;
      border-width: 0px; }
      list:backdrop {
        background-color: #2a2e33;
        color: #c5cbd8; }
      list row {
        padding: 2px; }
    
    row {
      transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      row:hover {
        transition: none; }
      row.activatable.has-open-popup, row.activatable:hover {
        background-color: rgba(91, 137, 102, 0.5); }
      row.activatable:active {
        box-shadow: none;
        background-color: #c5cbd8; }
      row.activatable:selected:active {
        box-shadow: none;
        background-color: #c5cbd8; }
      row.activatable:selected.has-open-popup, row.activatable:selected:hover {
        color: #c5cbd8;
        background-color: #93cee9; }
      row.activatable:selected:backdrop {
        background-color: #c5cbd8; }
    
    /*********
     * Menus *
     *********/
    menubar,
    .menubar {
      -GtkWidget-window-dragging: true;
      padding: 0px;
      box-shadow: none;
      border-style: none;
      background-color: #2a2e33; }
      menubar:backdrop,
      .menubar:backdrop {
        background-color: #2a2e33; }
      menubar > menuitem,
      .menubar > menuitem {
        min-height: 16px;
        padding: 4px 6px;
        border-style: solid;
        border-width: 1px 0px;
        border-color: #2a2e33; }
        menubar > menuitem:hover,
        .menubar > menuitem:hover {
          background-color: #c5cbd8;
          color: #fcfcfc; }
        menubar > menuitem:disabled,
        .menubar > menuitem:disabled {
          color: rgba(32, 35, 35, 0.35);
          box-shadow: none; }
          menubar > menuitem:disabled:backdrop,
          .menubar > menuitem:disabled:backdrop {
            background-color: #2a2e33;
            color: rgba(32, 35, 35, 0.35); }
        menubar > menuitem:backdrop,
        .menubar > menuitem:backdrop {
          background-color: #2a2e33;
          border-color: #2a2e33;
          color: #c5cbd8; }
    
    menu,
    .menu {
      padding: 0px;
      background-color: #2a2e33;
      border: 0px solid transparent;
    
    phob1an's avatar
    phob1an committed
      box-shadow: inset 0px 0px 0px 1px #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
      border-radius: 3px; }
      .csd menu, .csd
      .menu {
        border: 0px solid;
        border-radius: 3px; }
      menu separator,
      .menu separator {
    
    phob1an's avatar
    phob1an committed
        color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
        margin-top: 3px;
        margin-bottom: 3px; }
      menu menuitem,
      .menu menuitem {
        text-shadow: none;
        min-height: 16px;
        min-width: 40px;
        padding: 4px 4px; }
        menu menuitem:hover,
        .menu menuitem:hover {
          color: #fcfcfc;
          background-color: #c5cbd8; }
        menu menuitem:disabled,
        .menu menuitem:disabled {
          color: rgba(32, 35, 35, 0.35); }
          menu menuitem:disabled:backdrop,
          .menu menuitem:disabled:backdrop {
            color: rgba(32, 35, 35, 0.35); }
        menu menuitem:backdrop, menu menuitem:backdrop:hover,
        .menu menuitem:backdrop,
        .menu menuitem:backdrop:hover {
          color: #c5cbd8;
          background-color: #2a2e33; }
        menu menuitem arrow,
        .menu menuitem arrow {
          min-height: 16px;
          min-width: 16px; }
          menu menuitem arrow:dir(ltr),
          .menu menuitem arrow:dir(ltr) {
            -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
            margin-left: 10px; }
          menu menuitem arrow:dir(rtl),
          .menu menuitem arrow:dir(rtl) {
            -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
            margin-right: 10px; }
      menu > arrow,
      .menu > arrow {
        border-color: rgba(255, 255, 255, 0);
        background-color: transparent;
        background-image: none;
        box-shadow: none;
        color: #c5cbd8;
        text-shadow: none;
        -gtk-icon-shadow: none;
        min-height: 16px;
        min-width: 16px;
        padding: 4px;
        background-color: transparent;
        border-radius: 0; }
        menu > arrow.top,
        .menu > arrow.top {
          margin-top: -6px;
          border: none;
          -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
        menu > arrow.bottom,
        .menu > arrow.bottom {
          margin-bottom: -6px;
          border: none;
          -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
        menu > arrow:hover,
        .menu > arrow:hover {
          color: #93cee9; }
        menu > arrow:active,
        .menu > arrow:active {
          color: #c5cbd8; }
        menu > arrow:backdrop,
        .menu > arrow:backdrop {
          background-color: #2a2e33; }
        menu > arrow:disabled,
        .menu > arrow:disabled {
          color: transparent;
          background-color: transparent;
          border-color: transparent; }
    
    menuitem accelerator {
      color: alpha(currentColor,0.55); }
    
    menuitem check,
    menuitem radio {
      min-height: 18px;
      min-width: 18px; }
      menuitem check:dir(ltr),
      menuitem radio:dir(ltr) {
        margin-right: 6px; }
      menuitem check:dir(rtl),
      menuitem radio:dir(rtl) {
        margin-left: 6px; }
    
    /***************
     * Popovers   *
     ***************/
    /* menu buttons */
    modelbutton.flat, popover.background checkbutton,
    popover.background radiobutton,
    .menuitem.button.flat {
      min-height: 16px;
      padding: 4px 8px;
      color: #c5cbd8; }
      modelbutton.flat:hover, popover.background checkbutton:hover,
      popover.background radiobutton:hover,
      .menuitem.button.flat:hover {
        background-color: #c5cbd8;
        color: #fcfcfc; }
      modelbutton.flat:selected, popover.background checkbutton:selected,
      popover.background radiobutton:selected,
      .menuitem.button.flat:selected {
        background-color: #c5cbd8;
        color: #fcfcfc; }
      modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
      popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
      popover.background radiobutton:backdrop:hover,
      .menuitem.button.flat:backdrop,
      .menuitem.button.flat:backdrop:hover {
        color: #c5cbd8; }
      modelbutton.flat check:hover, popover.background checkbutton check:hover, popover.background radiobutton check:hover,
      .menuitem.button.flat check:hover {
        -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); }
      modelbutton.flat radio:hover, popover.background checkbutton radio:hover, popover.background radiobutton radio:hover,
      .menuitem.button.flat radio:hover {
        -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); }
      modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, popover.background radiobutton check:checked:hover,
      .menuitem.button.flat check:checked:hover {
        -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); }
      modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, popover.background radiobutton radio:checked:hover,
      .menuitem.button.flat radio:checked:hover {
        -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); }
      modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, popover.background radiobutton check:indeterminate:hover,
      .menuitem.button.flat check:indeterminate:hover {
        -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); }
      modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, popover.background radiobutton radio:indeterminate:hover,
      .menuitem.button.flat radio:indeterminate:hover {
        -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); }
      modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child,
      modelbutton.flat radio:last-child,
      popover.background checkbutton radio:last-child,
      popover.background radiobutton radio:last-child,
      .menuitem.button.flat check:last-child,
      .menuitem.button.flat radio:last-child {
        margin-right: 0px; }
      modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child,
      modelbutton.flat radio:first-child,
      popover.background checkbutton radio:first-child,
      popover.background radiobutton radio:first-child,
      .menuitem.button.flat check:first-child,
      .menuitem.button.flat radio:first-child {
        margin-left: 0px; }
    
    modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow {
      background: none; }
      modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover {
        background: none; }
      modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left {
        -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
      modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right {
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
    
    popover.background {
      padding: 0px;
    
    phob1an's avatar
    phob1an committed
      border: 1px solid #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
      border-radius: 3px;
      background-color: #2a2e33;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9); }
      popover.background:backdrop {
        box-shadow: none; }
      popover.background > list,
      popover.background > .view,
      popover.background > toolbar {
        border-style: none;
        background-color: transparent; }
      .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
    
    phob1an's avatar
    phob1an committed
        border: 1px solid #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      popover.background separator {
        margin: 3px; }
      popover.background list separator {
        margin: 0px; }
    
    GtkVolumeButton.button {
      padding: 5px; }
    
    /********
     * Misc *
     ********/
    /****************
    * Print dialog *
    *****************/
    printdialog paper {
      color: #c5cbd8;
    
    phob1an's avatar
    phob1an committed
      border: 1px solid #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
      background: white;
      padding: 0; }
      printdialog paper:backdrop {
        color: #c5cbd8;
    
    phob1an's avatar
    phob1an committed
        border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
        background: white; }
    
    printdialog .dialog-action-box {
      margin: 12px; }
    
    /**********
    * Frames *
    **********/
    frame > border,
    .frame {
      box-shadow: none;
      margin: 0;
      padding: 0;
      border-radius: 0;
    
    phob1an's avatar
    phob1an committed
      border: 1px solid #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      frame > border.flat,
      .frame.flat {
        border-style: none; }
      frame > border:backdrop,
      .frame:backdrop {
    
    phob1an's avatar
    phob1an committed
        border-color: #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
    
    actionbar > revealer > box {
      padding: 6px;
    
    phob1an's avatar
    phob1an committed
      border-top: 1px solid #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      actionbar > revealer > box:backdrop {
    
    phob1an's avatar
    phob1an committed
        border-color: #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
    
    scrolledwindow viewport.frame {
      border-style: none; }
    
    scrolledwindow junction {
      border-color: transparent;
      background-color: transparent;
      background-image: none; }
    
    separator {
    
    phob1an's avatar
    phob1an committed
      background: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
      min-width: 1px;
      min-height: 1px; }
    
    /*************
    * Expanders *
    *************/
    expander arrow {
      min-width: 16px;
      min-height: 16px;
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
      expander arrow:dir(rtl) {
        -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
      expander arrow:hover {
        color: #6b7578; }
      expander arrow:checked {
        -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    
    /*********
    * Paned *
    *********/
    paned > separator {
      min-width: 1px;
      min-height: 1px;
      -gtk-icon-source: none;
      border-style: none;
      background-color: transparent;
    
    phob1an's avatar
    phob1an committed
      background-image: image(#4b5466);
    
    phob1an's avatar
    gtk
    phob1an committed
      background-size: 1px 1px; }
      paned > separator:backdrop {
    
    phob1an's avatar
    phob1an committed
        background-image: image(#4b5466); }
    
    phob1an's avatar
    gtk
    phob1an committed
      paned > separator.wide {
        min-width: 5px;
        min-height: 5px;
        background-color: #2a2e33;
    
    phob1an's avatar
    phob1an committed
        background-image: image(#4b5466), image(#4b5466);
    
    phob1an's avatar
    gtk
    phob1an committed
        background-size: 1px 1px, 1px 1px; }
        paned > separator.wide:backdrop {
          background-color: #2a2e33;
    
    phob1an's avatar
    phob1an committed
          background-image: image(#4b5466), image(#4b5466); }
    
    phob1an's avatar
    gtk
    phob1an committed
    
    paned.horizontal > separator {
      background-repeat: repeat-y; }
      paned.horizontal > separator:dir(ltr) {
        margin: 0 -8px 0 0;
        padding: 0 8px 0 0;
        background-position: left; }
      paned.horizontal > separator:dir(rtl) {
        margin: 0 0 0 -8px;
        padding: 0 0 0 8px;
        background-position: right; }
      paned.horizontal > separator.wide {
        margin: 0;
        padding: 0;
        background-repeat: repeat-y, repeat-y;
        background-position: left, right; }
    
    paned.vertical > separator {
      margin: 0 0 -8px 0;
      padding: 0 0 8px 0;
      background-repeat: repeat-x;
      background-position: top; }
      paned.vertical > separator.wide {
        margin: 0;
        padding: 0;
        background-repeat: repeat-x, repeat-x;
        background-position: bottom, top; }
    
    /*********************
    * Spinner Animation *
    *********************/
    @keyframes spin {
      to {
        -gtk-icon-transform: rotate(1turn); } }
    
    spinner {
      background-image: none;
      opacity: 0;
      -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
      spinner:checked {
        opacity: 1;
        animation: spin 1s linear infinite; }
        spinner:checked:disabled {
          opacity: 0.5; }
    
    /*****************
     * Notebooks and *
     * Tabs          *
     *****************/
    /*************
      * Notebooks *
      *************/
    notebook.frame {
      border: none;
      padding: 0px;
    
    phob1an's avatar
    phob1an committed
      box-shadow: inset 0px 0px 0px 1px #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
    
    notebook > header {
      padding: 0px;
      border: none;
      background-color: #2a2e33; }
      notebook > header.top {
    
    phob1an's avatar
    phob1an committed
        box-shadow: inset 0 -1px #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.top:backdrop {
    
    phob1an's avatar
    phob1an committed
          box-shadow: inset 0 -1px #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      notebook > header.bottom {
    
    phob1an's avatar
    phob1an committed
        box-shadow: inset 0 1px #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.bottom:backdrop {
    
    phob1an's avatar
    phob1an committed
          box-shadow: inset 0 1px #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      notebook > header.right {
    
    phob1an's avatar
    phob1an committed
        box-shadow: inset 1px 0 #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.right:backdrop {
    
    phob1an's avatar
    phob1an committed
          box-shadow: inset 1px 0 #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      notebook > header.left {
    
    phob1an's avatar
    phob1an committed
        box-shadow: inset -1px 0 #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.left:backdrop {
    
    phob1an's avatar
    phob1an committed
          box-shadow: inset -1px 0 #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
      notebook > header:backdrop {
        background-color: #2a2e33; }
      notebook > header tabs {
        margin: 0px; }
      notebook > header.top > tabs > tab {
        padding: 4px 6px;
    
    phob1an's avatar
    phob1an committed
        border: 1px solid #2a2e33;
        background-color: #2a2e33;
        border-radius: 0px 0px 0px 0px;
        border-bottom-color: #4b5466; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page {
    
    phob1an's avatar
    phob1an committed
          background-color: transparent;
          border-color: #4b5466;
            color: #ffffff;
    
    phob1an's avatar
    gtk
    phob1an committed
        }
        notebook > header.top > tabs > tab:checked {
    
    phob1an's avatar
    phob1an committed
          border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          border-bottom-color: #2a2e33;
          background-color: #2a2e33; }
          notebook > header.top > tabs > tab:checked:backdrop {
    
    phob1an's avatar
    phob1an committed
            border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            border-bottom-color: #2a2e33;
            background-color: #2a2e33; }
      notebook > header.bottom > tabs > tab {
        padding: 4px 6px;
        border: 1px solid rgba(35, 38, 39, 0.2);
        background-color: rgba(35, 38, 39, 0.2);
    
    phob1an's avatar
    phob1an committed
        border-radius: 0px 0px 0px 0px;
    
    phob1an's avatar
    gtk
    phob1an committed
        border-top-color: transparent; }
        notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page {
    
    phob1an's avatar
    phob1an committed
          background-color: transparent;
          border-color: #4b5466;
            color: white; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.bottom > tabs > tab:checked {
    
    phob1an's avatar
    phob1an committed
          border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          border-top-color: #2a2e33;
          background-color: #2a2e33; }
          notebook > header.bottom > tabs > tab:checked:backdrop {
    
    phob1an's avatar
    phob1an committed
            border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            border-top-color: #2a2e33;
            background-color: #2a2e33; }
      notebook > header.left > tabs > tab {
        padding: 4px 6px;
        border: 1px solid rgba(35, 38, 39, 0.2);
        background-color: rgba(35, 38, 39, 0.2);
    
    phob1an's avatar
    phob1an committed
        border-radius: 0px 0px 0px 0px;
    
    phob1an's avatar
    gtk
    phob1an committed
        border-right-color: transparent; }
        notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page {
    
    phob1an's avatar
    phob1an committed
          background-color: transparent;
          border-color: #4b5466;
            color: white; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.left > tabs > tab:checked {
    
    phob1an's avatar
    phob1an committed
          border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          border-right-color: #2a2e33;
          background-color: #2a2e33; }
          notebook > header.left > tabs > tab:checked:backdrop {
    
    phob1an's avatar
    phob1an committed
            border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            border-right-color: #2a2e33;
            background-color: #2a2e33; }
      notebook > header.right > tabs > tab {
        padding: 4px 6px;
        border: 1px solid rgba(35, 38, 39, 0.2);
        background-color: rgba(35, 38, 39, 0.2);
    
    phob1an's avatar
    phob1an committed
        border-radius: 0px 0px 0px 0px;
    
    phob1an's avatar
    gtk
    phob1an committed
        border-left-color: transparent; }
        notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page {
    
    phob1an's avatar
    phob1an committed
          background-color: transparent;
          border-color: #4b5466;
            color: white; }
    
    phob1an's avatar
    gtk
    phob1an committed
        notebook > header.right > tabs > tab:checked {
    
    phob1an's avatar
    phob1an committed
          border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          border-left-color: #2a2e33;
          background-color: #2a2e33; }
          notebook > header.right > tabs > tab:checked:backdrop {
    
    phob1an's avatar
    phob1an committed
            border-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            border-left-color: #2a2e33;
            background-color: #2a2e33; }
      notebook > header.top > tabs > tab.reorderable-page {
        border-width: 3px;
        border-style: solid;
        border-color: transparent;
        background-color: #2a2e33;
        background-clip: padding-box;
        border-right-width: 1px;
    
    phob1an's avatar
    phob1an committed
        border-right-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
        box-shadow: inset -3px 0px 0px 0px #2a2e33; }
        notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page {
          box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #2a2e33; }
        notebook > header.top > tabs > tab.reorderable-page:checked {
          box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset -3px 0px 0px 0px #2a2e33; }
          notebook > header.top > tabs > tab.reorderable-page:checked:backdrop {
            background-color: #2a2e33;
            border-color: transparent;
    
    phob1an's avatar
    phob1an committed
            border-right-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            box-shadow: none; }
        notebook > header.top > tabs > tab.reorderable-page:backdrop {
          background-color: #2a2e33;
    
    phob1an's avatar
    phob1an committed
          border-right-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          box-shadow: none; }
      notebook > header.bottom > tabs > tab.reorderable-page {
        border-width: 3px;
        border-style: solid;
        border-color: transparent;
        background-color: #2a2e33;
        background-clip: padding-box;
        border-right-width: 1px;
    
    phob1an's avatar
    phob1an committed
        border-right-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
        box-shadow: inset -3px 0px 0px 0px #2a2e33; }
        notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page {
          box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #2a2e33; }
        notebook > header.bottom > tabs > tab.reorderable-page:checked {
          box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset -3px 0px 0px 0px #2a2e33; }
          notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop {
            background-color: #2a2e33;
            border-color: transparent;
    
    phob1an's avatar
    phob1an committed
            border-right-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            box-shadow: none; }
        notebook > header.bottom > tabs > tab.reorderable-page:backdrop {
          background-color: #2a2e33;
    
    phob1an's avatar
    phob1an committed
          border-right-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          box-shadow: none; }
      notebook > header.left > tabs > tab.reorderable-page {
        border-width: 3px;
        border-style: solid;
        border-color: transparent;
        background-color: #2a2e33;
        background-clip: padding-box;
        border-bottom-width: 1px;
    
    phob1an's avatar
    phob1an committed
        border-bottom-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
        box-shadow: inset 0px -3px 0px 0px #2a2e33; }
        notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page {
          box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #2a2e33; }
        notebook > header.left > tabs > tab.reorderable-page:checked {
          box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset 0px -3px 0px 0px #2a2e33; }
          notebook > header.left > tabs > tab.reorderable-page:checked:backdrop {
            background-color: #2a2e33;
            border-color: transparent;
    
    phob1an's avatar
    phob1an committed
            border-bottom-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            box-shadow: none; }
        notebook > header.left > tabs > tab.reorderable-page:backdrop {
          background-color: #2a2e33;
    
    phob1an's avatar
    phob1an committed
          border-bottom-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          box-shadow: none; }
      notebook > header.right > tabs > tab.reorderable-page {
        border-width: 3px;
        border-style: solid;
        border-color: transparent;
        background-color: #2a2e33;
        background-clip: padding-box;
        border-bottom-width: 1px;
    
    phob1an's avatar
    phob1an committed
        border-bottom-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
        box-shadow: inset 0px -3px 0px 0px #2a2e33; }
        notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page {
          box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #2a2e33; }
        notebook > header.right > tabs > tab.reorderable-page:checked {
          box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset 0px -3px 0px 0px #2a2e33; }
          notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
            background-color: #2a2e33;
            border-color: transparent;
    
    phob1an's avatar
    phob1an committed
            border-bottom-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
            box-shadow: none; }
        notebook > header.right > tabs > tab.reorderable-page:backdrop {
          background-color: #2a2e33;
    
    phob1an's avatar
    phob1an committed
          border-bottom-color: #4b5466;
    
    phob1an's avatar
    gtk
    phob1an committed
          box-shadow: none; }
      notebook > header.top > tabs > arrow {
        border-top-style: none; }
      notebook > header.bottom > tabs > arrow {
        border-bottom-style: none; }
      notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {