dotfiles

config files for my linux setup
git clone git://edryd.org/dotfiles
Log | Files | Refs | README

_osd.scss (3652B)

      1 @import "button";
      2 
      3 
      4 /*******
      5  ! OSD *
      6 ********/
      7 
      8 @include exports("osd") {
      9     GtkOverlay.osd { background-color: transparent; }
     10 
     11     .osd {
     12         &.background {
     13             background-color: alpha($osd_bg, .8);
     14             color: $osd_fg;
     15         }
     16 
     17         &.frame {
     18             background-clip: border-box;
     19             background-origin: border-box;
     20         }
     21 
     22         &.button, .button { @include button($osd_bg, $osd_fg); }
     23 
     24 
     25         &.toolbar {
     26             -GtkToolbar-button-relief: normal;
     27 
     28             padding: $spacing;
     29             border: 1px solid border_normal($osd_bg);
     30             border-radius: $roundness;
     31             background-color: $osd_bg;
     32             background-image: none;
     33             color: $osd_fg;
     34 
     35             .separator { color: shade($osd_bg, ($contrast + .1)); }
     36         }
     37 
     38         /* used by gnome-settings-daemon's media-keys OSD */
     39         &.trough { background-color: shade($osd_bg, .8); }
     40 
     41         &.progressbar { background-color: $osd_fg; }
     42 
     43         .scale {
     44             &.slider {
     45                 @include linear-gradient(shade($osd_bg, 1.08));
     46                 @include border($osd_bg);
     47 
     48                 &:insensitive { @include linear-gradient(shade($osd_bg, .9)); }
     49             }
     50 
     51             &.trough {
     52                 border-color: shade($osd_bg, .8);
     53                 background-color: shade($osd_bg, 1.08);
     54                 background-image: none;
     55 
     56                 &.highlight {
     57                     border-color: $selected_bg_color;
     58                     background-color: $selected_bg_color;
     59                     background-image: none;
     60                 }
     61 
     62                 &:insensitive, &.highlight:insensitive {
     63                     border-color: shade($osd_bg, .85);
     64                     background-color: shade($osd_bg, .9);
     65                     background-image: none;
     66                 }
     67             }
     68         }
     69 
     70         &.view, .view { background-color: $osd_bg; }
     71 
     72         .scrollbar {
     73             .trough { background-color: $osd_bg; }
     74 
     75             .slider {
     76                 border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21);
     77                 border-radius: 0;
     78                 background-color: mix($osd_bg, $osd_fg, .21);
     79 
     80                 &:hover {
     81                     border-color: mix(shade($osd_bg, .87), $osd_fg, .31);
     82                     background-color: mix($osd_bg, $osd_fg, .31);
     83                 }
     84 
     85                 &:active {
     86                     border-color: shade($selected_bg_color, .9);
     87                     background-color: $selected_bg_color;
     88                 }
     89             }
     90         }
     91 
     92         GtkIconView.cell {
     93             &:selected, &:selected:focus {
     94                 background-color: transparent;
     95                 border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21);
     96                 border-radius: $roundness;
     97                 outline-color: transparent;
     98             }
     99         }
    100 
    101         /* used by Documents */
    102         .page-thumbnail {
    103             border: 1px solid shade($osd_bg, .9);
    104             /* when there's no pixbuf yet */
    105             background-color: $osd_bg;
    106         }
    107     }
    108 
    109     .osd GtkProgressBar, GtkProgressBar.osd {
    110         -GtkProgressBar-xspacing: 0;
    111         -GtkProgressBar-yspacing: 2px;
    112         -GtkProgressBar-min-horizontal-bar-height: 2px;
    113 
    114         padding: 0;
    115 
    116         &.trough {
    117             padding: 0;
    118             border-style: none;
    119             border-radius: 0;
    120             background-image: none;
    121             background-color: transparent;
    122         }
    123 
    124         &.progressbar {
    125             border-style: none;
    126             border-radius: 0;
    127             background-color: $selected_bg_color;
    128             background-image: none;
    129         }
    130     }
    131 }