dotfiles

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

gtk-widgets.css (108109B)


      1 /* NOTES to contributors:
      2  * use 4 spaces indents, and keep code ALIGNED and ORDERED */
      3 
      4 /* default */
      5 * {
      6     -GtkArrow-arrow-scaling: 0.5;
      7     -GtkButton-child-displacement-x: 0;
      8     -GtkButton-child-displacement-y: 0;
      9     -GtkButton-default-border: 0;
     10     -GtkButton-image-spacing: 0;
     11     -GtkButton-inner-border: 1;
     12     -GtkButton-interior-focus: true;
     13     -GtkButtonBox-child-min-height: 24;
     14     -GtkButtonBox-child-internal-pad-y: 1;
     15     -GtkCheckButton-indicator-size: 16;
     16     -GtkCheckMenuItem-indicator-size: 14;
     17     -GtkExpander-expander-size: 8;
     18     -GtkMenu-horizontal-padding: 0;
     19     -GtkMenu-vertical-padding: 0;
     20     -GtkPaned-handle-size: 4;
     21     -GtkProgressBar-min-horizontal-bar-height: 12;
     22     -GtkProgressBar-min-vertical-bar-width: 12;
     23     -GtkRange-slider-width: 12;
     24     -GtkRange-stepper-spacing: 0;
     25     -GtkRange-trough-border: 0;
     26     -GtkRange-trough-under-steppers: 1;
     27     -GtkScrollbar-has-backward-stepper: false;
     28     -GtkScrollbar-has-forward-stepper: false;
     29     -GtkScrollbar-min-slider-length: 80;
     30     -GtkScrolledWindow-scrollbar-spacing: 0;
     31     -GtkScrolledWindow-scrollbars-within-bevel: 1;
     32     -GtkStatusbar-shadow-type: none;
     33     -GtkTextView-error-underline-color: @error_color;
     34     -GtkToolButton-icon-spacing: 6;
     35     -GtkToolItemGroup-expander-size: 8;
     36     -GtkTreeView-expander-size: 8;
     37     -GtkWindow-resize-grip-height: 0;
     38     -GtkWindow-resize-grip-width: 0;
     39     -WnckTasklist-fade-overlay-rect: 0;
     40 
     41     /* legacy only */
     42     -GtkWidget-focus-line-width: 1;
     43     -GtkWidget-focus-padding: 0;
     44 
     45     background-clip: padding-box;
     46 
     47     /*
     48     outline-color: alpha(@theme_selected_bg_color, 0.5);
     49     outline-style: dashed;
     50     outline-width: 1px;
     51     outline-offset: -2px;
     52     outline-radius: 2px;
     53     */
     54 }
     55 
     56 /***************
     57  * base states *
     58  ***************/
     59 .background {
     60     background-color: @theme_bg_color;
     61     color: @theme_fg_color;
     62 }
     63 
     64 .background:backdrop {
     65     text-shadow: none;
     66     icon-shadow: none;
     67 }
     68 
     69 *:selected,
     70 *:selected:focus {
     71     background-color: @theme_selected_bg_color;
     72     color: @theme_selected_fg_color;
     73 }
     74 
     75 *:insensitive,
     76 *:insensitive:insensitive {
     77     color: mix(@theme_fg_color, @theme_bg_color, 0.5);
     78 }
     79 
     80 /* apply effects to insensitive and prelit images */
     81 *:insensitive {
     82     -gtk-image-effect: dim;
     83 }
     84 
     85 *:hover {
     86     -gtk-image-effect: highlight;
     87 }
     88 
     89 .gtkstyle-fallback {
     90     background-color: @theme_bg_color;
     91     color: @theme_fg_color;
     92 }
     93 
     94 .gtkstyle-fallback:prelight {
     95     background-color: shade(@theme_bg_color, 1.1);
     96     color: @theme_fg_color;
     97 }
     98 
     99 .gtkstyle-fallback:active {
    100     background-color: shade(@theme_bg_color, 0.9);
    101     color: @theme_fg_color;
    102 }
    103 
    104 .gtkstyle-fallback:insensitive {
    105     background-color: shade(shade(@theme_bg_color, 0.95), 1.05);
    106     color: mix(@theme_fg_color, @theme_bg_color, 0.5);
    107 }
    108 
    109 .gtkstyle-fallback:selected {
    110     background-color: @theme_selected_bg_color;
    111     color: @theme_selected_fg_color;
    112 }
    113 
    114 GtkImage,
    115 GtkImage:insensitive,
    116 GtkLabel,
    117 GtkLabel:insensitive,
    118 GtkBox,
    119 GtkBox:insensitive,
    120 GtkGrid,
    121 GtkGrid:insensitive {
    122     background-color: transparent;
    123 }
    124 
    125 /**************
    126  * hyperlinks *
    127  **************/
    128 * {
    129     -GtkHTML-link-color: @link_color;
    130     -GtkIMHtml-hyperlink-color: @link_color;
    131     -GtkWidget-link-color: @link_color;
    132     -GtkWidget-visited-link-color: @link_color;
    133 }
    134 
    135 *:link,
    136 *:visited {
    137     color: @link_color;
    138 }
    139 
    140 /******************
    141  * visual effects *
    142  ******************/
    143 /* transitions */
    144 .button {
    145     transition: border 100ms ease-in-out;
    146 }
    147 
    148 .entry {
    149     transition: border 100ms ease-out;
    150 }
    151 
    152 .entry:focus {
    153     transition: border 100ms ease-in;
    154 }
    155 
    156 .entry.image.left {
    157     padding-right: 4px;
    158 }
    159 
    160 .notebook tab GtkLabel,
    161 .notebook .prelight-page,
    162 .notebook .prelight-page GtkLabel,
    163 .notebook .active-page,
    164 .notebook .active-page GtkLabel {
    165     transition: all 200ms ease-in;
    166 }
    167 
    168 /* inset shadows */
    169 .button:active,
    170 .primary-toolbar .button:active,
    171 .toolbar .button:active,
    172 .header-bar .button:active,
    173 .button:checked,
    174 .primary-toolbar .button:checked,
    175 .toolbar .button:checked,
    176 .header-bar .button:checked,
    177 .notebook.header {
    178     box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
    179                 inset 0 1px alpha(@dark_shadow, 0.08),
    180                 inset -1px 0 alpha(@dark_shadow, 0.07),
    181                 inset 0 -1px alpha(@dark_shadow, 0.05);
    182 }
    183 
    184 .entry {
    185     box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
    186                 inset 0 1px alpha(@dark_shadow, 0.12),
    187                 inset -1px 0 alpha(@dark_shadow, 0.10),
    188                 inset 0 -1px alpha(@dark_shadow, 0.05);
    189 }
    190 
    191 /* disable inset shadow */
    192 .button:active:insensitive,
    193 .primary-toolbar .button:active:insensitive,
    194 .toolbar .button:active:insensitive,
    195 .header-bar .button:active:insensitive,
    196 .button:checked:insensitive,
    197 .primary-toolbar .button:checked:insensitive,
    198 .toolbar .button:checked:insensitive,
    199 .header-bar .button:checked:insensitive,
    200 .entry:insensitive {
    201     box-shadow: none;
    202 }
    203 
    204 /*************
    205  * assistant *
    206  *************/
    207 GtkAssistant .sidebar .highlight {
    208     font: bold;
    209 }
    210 
    211 GtkAssistant .sidebar {
    212     padding: 4px;
    213     border-width: 0 1px 0 0;
    214     border-style: solid;
    215     border-right-color: shade(@theme_bg_color, 0.8);
    216     border-radius: 0;
    217     background-color: @theme_bg_color;
    218     color: mix(@theme_fg_color, @theme_bg_color, 0.1);
    219 }
    220 
    221 /**********
    222  * button *
    223  **********/
    224 .button {
    225     -GtkWidget-focus-padding: 1;
    226     -GtkWidget-focus-line-width: 0;
    227 
    228     padding: 3px;
    229     border-width: 1px;
    230     border-radius: 2px;
    231     border-style: solid;
    232     border-color: shade(@theme_bg_color, 0.8);
    233     background-color: shade(@theme_bg_color, 1.08);
    234     background-image: none;
    235     color: @theme_fg_color;
    236 }
    237 
    238 .button:hover {
    239     border-color: shade(@theme_bg_color, 0.7);
    240     background-color: shade(@theme_bg_color, 1.10);
    241     background-image: none;
    242 }
    243 
    244 .button:active,
    245 .button:checked {
    246     border-color: shade(@theme_bg_color, 0.8);
    247     background-color: shade(@theme_bg_color, 0.95);
    248     background-image: none;
    249 }
    250 
    251 .button:active:hover,
    252 .button:checked:hover {
    253     border-color: shade(@theme_bg_color, 0.7);
    254 }
    255 
    256 .button:focus,
    257 .button:hover:focus,
    258 .button:active:focus,
    259 .button:active:hover:focus,
    260 .button:checked:focus,
    261 .button:checked:hover:focus {
    262     border-color: shade(@theme_bg_color, 0.7);
    263 }
    264 
    265 .button:insensitive {
    266     border-color: shade(@theme_bg_color, 0.85);
    267     background-color: shade(@theme_bg_color, 0.9);
    268     background-image: none;
    269 }
    270 
    271 .button:active:insensitive,
    272 .button:checked:insensitive {
    273     border-color: shade(@theme_bg_color, 0.75);
    274     background-color: shade(@theme_bg_color, 0.80);
    275     background-image: none;
    276 }
    277 
    278 /* default button */
    279 .button.default {
    280     border-color: shade(@theme_selected_bg_color, 0.8);
    281     background-color: shade(@theme_selected_bg_color, 1.08);
    282     color: @theme_selected_fg_color;
    283 }
    284 
    285 .button.default:hover {
    286     border-color: shade(@theme_selected_bg_color, 0.7);
    287     background-color: @theme_selected_bg_color;
    288 }
    289 
    290 .button.default:active,
    291 .button.default:checked {
    292     border-color: shade(@theme_selected_bg_color, 0.8);
    293     background-color: shade(@theme_selected_bg_color, 0.95);
    294 }
    295 
    296 .button.default:active:hover,
    297 .button.default:checked:hover {
    298     border-color: shade(@theme_selected_bg_color, 0.7);
    299     background-color: shade(@theme_selected_bg_color, 0.97);
    300 }
    301 
    302 .button.flat,
    303 .button.flat:insensitive {
    304     border-color: transparent;
    305     background-color: transparent;
    306     background-image: none;
    307     box-shadow: none;
    308 }
    309 
    310 /****************
    311  * cell and row *
    312  ****************/
    313 .cell {
    314     border-width: 0;
    315     border-radius: 0;
    316 }
    317 
    318 .cell:selected,
    319 .cell:selected:focus {
    320     background-color: @theme_selected_bg_color;
    321     color: @theme_selected_fg_color;
    322 }
    323 
    324 row:selected,
    325 row:selected:hover,
    326 row:selected:focus {
    327     -GtkWidget-focus-padding: 1;
    328     -GtkWidget-focus-line-width: 0;
    329 
    330     border-width: 1px 0;
    331     border-style: solid;
    332     border-color: shade(@theme_selected_bg_color, 0.9);
    333     background-color: @theme_selected_bg_color;
    334     background-image: none;
    335     color: @theme_selected_fg_color;
    336 }
    337 
    338 /*****************
    339  * column-header *
    340  *****************/
    341 column-header .button,
    342 column-header .button:active,
    343 column-header .button:checked {
    344     border-width: 0 1px 1px 0;
    345     border-radius: 0;
    346 }
    347 
    348 column-header .button,
    349 column-header .button:active,
    350 column-header .button:checked,
    351 column-header .button:focus,
    352 column-header .button:active:focus,
    353 column-header .button:checked:focus {
    354     border-color: shade(@theme_base_color, 0.9);
    355     border-bottom-color: shade(@theme_base_color, 0.8);
    356     background-color: shade(@theme_base_color, 0.97);
    357     background-image: none;
    358 }
    359 
    360 column-header .button:hover,
    361 column-header .button:active:hover,
    362 column-header .button:checked:hover,
    363 column-header .button:hover:focus,
    364 column-header .button:active:hover:focus,
    365 column-header .button:checked:hover:focus {
    366     border-color: shade(@theme_base_color, 0.9);
    367     border-bottom-color: shade(@theme_base_color, 0.8);
    368     background-color: shade(@theme_base_color, 0.99);
    369     background-image: none;
    370 }
    371 
    372 column-header:last-child .button {
    373     border-width: 0 0 1px 0;
    374 }
    375 
    376 /****************
    377  * content view *
    378  ****************/
    379 .content-view.subtitle {
    380     font: smaller;
    381     padding: 0 12px;
    382 }
    383 
    384 .content-view.view {
    385     background-color: @theme_base_color;
    386 }
    387 
    388 .content-view.view:prelight {
    389     background-color: alpha(@theme_selected_bg_color, 0.6);
    390 }
    391 
    392 .content-view.view:selected,
    393 .content-view.view:active {
    394     background-color: @theme_selected_bg_color;
    395 }
    396 
    397 .content-view.view:insensitive {
    398     background-color: shade(@theme_base_color, 0.9);
    399 }
    400 
    401 GdMainIconView.content-view {
    402     -GdMainIconView-icon-size: 40;
    403 }
    404 
    405 GtkIconView.content-view.check {
    406     background-color: transparent;
    407 }
    408 
    409 GtkIconView.content-view.check:active {
    410     background-color: transparent;
    411 }
    412 
    413 .content-view.view.check,
    414 .content-view.view.check:active {
    415     background-color: transparent;
    416 }
    417 
    418 GtkIconView.content-view.check:prelight,
    419 GtkIconView.content-view.check:insensitive,
    420 GtkIconView.content-view.check:selected {
    421     background-color: transparent;
    422 }
    423 
    424 /****************
    425  * drawing area *
    426  ****************/
    427 GtkDrawingArea {
    428     background-color: transparent;
    429 }
    430 
    431 GtkDrawingArea:insensitive {
    432     background-color: shade(@theme_base_color, 0.9);
    433 }
    434 
    435 /***********
    436  * gtkhtml *
    437  ***********/
    438 GtkHTML {
    439     background-color: @theme_base_color;
    440     color: @theme_text_color;
    441 }
    442 
    443 /***********
    444 * calendar *
    445 ************/
    446 GtkCalendar {
    447     padding: 4px;
    448     outline-offset: -1px;
    449 }
    450 
    451 GtkCalendar:inconsistent {
    452     color: mix(@theme_fg_color, @theme_bg_color, 0.5);
    453 }
    454 
    455 GtkCalendar.view,
    456 GtkCalendar.header,
    457 GtkCalendar.button,
    458 GtkCalendar.button:hover,
    459 GtkCalendar.button:insensitive {
    460     border-width: 0;
    461     background-color: transparent;
    462     background-image: none;
    463 }
    464 
    465 .highlight,
    466 GtkCalendar.highlight {
    467     border-width: 0;
    468     background-color: transparent;
    469     color: @theme_selected_bg_color;
    470 }
    471 
    472 /******************
    473  * combobox entry *
    474  ******************/
    475 .primary-toolbar GtkComboBox.combobox-entry .entry,
    476 .primary-toolbar GtkComboBox.combobox-entry .entry:active,
    477 .primary-toolbar GtkComboBox.combobox-entry .entry:focus,
    478 .primary-toolbar GtkComboBox.combobox-entry .entry:insensitive,
    479 GtkComboBox.combobox-entry .entry,
    480 GtkComboBox.combobox-entry .entry:active,
    481 GtkComboBox.combobox-entry .entry:focus,
    482 GtkComboBox.combobox-entry .entry:insensitive {
    483     border-width: 1px 0 1px 1px;
    484     border-top-right-radius: 0;
    485     border-bottom-right-radius: 0;
    486 }
    487 
    488 .primary-toolbar GtkComboBox.combobox-entry .button,
    489 .primary-toolbar GtkComboBox.combobox-entry .button:hover,
    490 .primary-toolbar GtkComboBox.combobox-entry .button:active,
    491 .primary-toolbar GtkComboBox.combobox-entry .button:checked,
    492 .primary-toolbar GtkComboBox.combobox-entry .button:insensitive,
    493 GtkComboBox.combobox-entry .button,
    494 GtkComboBox.combobox-entry .button:hover,
    495 GtkComboBox.combobox-entry .button:active,
    496 GtkComboBox.combobox-entry .button:checked,
    497 GtkComboBox.combobox-entry .button:insensitive {
    498     border-width: 1px 1px 1px 1px;
    499     border-bottom-left-radius: 0;
    500     border-top-left-radius: 0;
    501 }
    502 
    503 /*********
    504  * entry *
    505  *********/
    506 .entry {
    507     padding: 4px 3px;
    508     border-width: 1px;
    509     border-style: solid;
    510     border-color: shade(@theme_bg_color, 0.8);
    511     border-radius: 2px;
    512     background-color: @theme_base_color;
    513     background-image: none;
    514     color: @theme_text_color;
    515 }
    516 
    517 .entry:active,
    518 .entry:focus {
    519     border-color: shade(@theme_bg_color, 0.7);
    520 }
    521 
    522 .entry:selected,
    523 .entry:selected:focus {
    524     background-color: @theme_selected_bg_color;
    525     color: @theme_selected_fg_color;
    526 }
    527 
    528 .entry:insensitive {
    529     background-color: shade(@theme_bg_color, 0.95);
    530     background-image: none;
    531     color: mix(@theme_text_color, @theme_base_color, 0.5);
    532 }
    533 
    534 .entry.progressbar {
    535     border-width: 0;
    536     border-radius: 2px;
    537     background-color: @theme_selected_bg_color;
    538     background-image: none;
    539     color: @theme_selected_fg_color;
    540 }
    541 
    542 /************
    543  * expander *
    544 ************/
    545 GtkExpander {
    546     padding: 3px;
    547     outline-offset: 1px;
    548 }
    549 
    550 .expander {
    551 	color: alpha(currentColor, 0.7);
    552 	border: alpha(currentColor, 0.7);
    553 }
    554 
    555 .expander:hover {
    556 	color: alpha(currentColor, 0.8);
    557 	border-color: alpha(currentColor, 0.8);
    558 }
    559 
    560 .expander:active {
    561 	color: alpha(currentColor, 0.9);
    562 	border-color: alpha(currentColor, 0.9);
    563 }
    564 
    565 /**************
    566  * list boxes *
    567  **************/
    568 .list {
    569     background-image: none;
    570     background-color: transparent;
    571 }
    572 
    573 .list-row {
    574     border: none;
    575     border-radius: 0;
    576     padding: 3px;
    577     background-image: none;
    578     background-color: transparent;
    579 }
    580 
    581 .list-row:hover {
    582     background-image: none;
    583     background-color: shade(@theme_bg_color, 1.02);
    584 }
    585 
    586 .list-row:selected {
    587     background-image: none;
    588     background-color: @theme_selected_bg_color;
    589     color: @theme_selected_fg_color;
    590 }
    591 
    592 /**************
    593 * flow boxes *
    594 **************/
    595 
    596 .grid-child {
    597     padding: 3px;
    598 }
    599 
    600 /*********
    601  * frame *
    602  *********/
    603 .frame {
    604     border: 1px solid shade(@theme_bg_color, 0.8);
    605     border-radius: 0;
    606 }
    607 
    608 .frame.flat {
    609     border: none;
    610     box-shadow: none;
    611 }
    612 
    613 /*******************
    614  * scrolled window *
    615  *******************/
    616 GtkScrolledWindow.frame {
    617     border-width: 1px;
    618     border-style: solid;
    619     border-color: shade(@theme_bg_color, 0.8);
    620     border-radius: 0;
    621 }
    622 
    623 /* avoid double borders when a viewport is
    624  * packed into a GtkScrolledWindow */
    625 GtkScrolledWindow GtkViewport.frame {
    626     border-style: none;
    627 }
    628 
    629 /************
    630  * iconview *
    631  ************/
    632 GtkIconView.view.cell:selected,
    633 GtkIconView.view.cell:selected:focus {
    634     border-width: 1px;
    635     border-style: solid;
    636     border-color: shade(@theme_selected_bg_color, 0.9);
    637     border-radius: 2px;
    638     background-color: @theme_selected_bg_color;
    639     background-image: none;
    640     color: @theme_selected_fg_color;
    641 }
    642 
    643 .content-view.view.rubberband,
    644 .view.rubberband,
    645 .rubberband {
    646     border-width: 1px;
    647     border-style: solid;
    648     border-color: shade(@theme_selected_bg_color, 0.9);
    649     border-radius: 0;
    650     background-color: alpha(@theme_selected_bg_color, 0.3);
    651 }
    652 
    653 /***********
    654  * infobar *
    655  ***********/
    656 GtkInfoBar {
    657     border-width: 0;
    658     border-style: none;
    659 }
    660 
    661 .info {
    662     border-width: 1px;
    663     border-style: solid;
    664     border-color: shade(@info_bg_color, 0.8);
    665     background-color: @info_bg_color;
    666     background-image: none;
    667     color: @info_fg_color;
    668 }
    669 
    670 .info .button {
    671     border-top-color: shade(@info_bg_color, 0.8);
    672     border-right-color: shade(@info_bg_color, 0.72);
    673     border-left-color: shade(@info_bg_color, 0.72);
    674     border-bottom-color: shade(@info_bg_color, 0.7);
    675     background-color: shade(@info_bg_color, 1.08);
    676     color: @info_fg_color;
    677 }
    678 
    679 .info .button:hover {
    680     border-top-color: shade(@info_bg_color, 0.85);
    681     border-right-color: shade(@info_bg_color, 0.78);
    682     border-left-color: shade(@info_bg_color, 0.78);
    683     border-bottom-color: shade(@info_bg_color, 0.7);
    684     background-color: shade(@info_bg_color, 1.10);
    685 }
    686 
    687 .info .button:active,
    688 .info .button:checked {
    689     border-color: shade(@info_bg_color, 0.6);
    690     background-color: shade(@info_bg_color, 0.95);
    691 }
    692 
    693 .info .button:active:hover,
    694 .info .button:active:checked {
    695     border-top-color: shade(@info_bg_color, 0.85);
    696     border-right-color: shade(@info_bg_color, 0.78);
    697     border-left-color: shade(@info_bg_color, 0.78);
    698     border-bottom-color: shade(@info_bg_color, 0.7);
    699 }
    700 
    701 .info .button.close {
    702     color: @info_fg_color;
    703 }
    704 
    705 .info .button.close:hover {
    706     background-color: alpha(white, 0.2);
    707 }
    708 
    709 .info .button.close:active {
    710     color: @info_fg_color;
    711     background-color: alpha(black, 0.1);
    712 }
    713 
    714 .warning {
    715     border-width: 1px;
    716     border-style: solid;
    717     border-color: shade(@warning_bg_color, 0.8);
    718     background-color: @warning_bg_color;
    719     background-image: none;
    720     color: @warning_fg_color;
    721 }
    722 
    723 .warning .button {
    724     border-top-color: shade(@warning_bg_color, 0.8);
    725     border-right-color: shade(@warning_bg_color, 0.72);
    726     border-left-color: shade(@warning_bg_color, 0.72);
    727     border-bottom-color: shade(@warning_bg_color, 0.7);
    728     background-color: shade(@warning_bg_color, 1.08);
    729     color: @warning_fg_color;
    730 }
    731 
    732 .warning .button:hover {
    733     border-top-color: shade(@warning_bg_color, 0.85);
    734     border-right-color: shade(@warning_bg_color, 0.78);
    735     border-left-color: shade(@warning_bg_color, 0.78);
    736     border-bottom-color: shade(@warning_bg_color, 0.7);
    737     background-color: shade(@warning_bg_color, 1.10);
    738 }
    739 
    740 .warning .button:active,
    741 .warning .button:checked {
    742     border-color: shade(@warning_bg_color, 0.6);
    743     background-color: shade(@warning_bg_color, 0.95);
    744 }
    745 
    746 .warning .button:active:hover,
    747 .warning .button:checked:hover {
    748     border-top-color: shade(@warning_bg_color, 0.85);
    749     border-right-color: shade(@warning_bg_color, 0.78);
    750     border-left-color: shade(@warning_bg_color, 0.78);
    751     border-bottom-color: shade(@warning_bg_color, 0.7);
    752 }
    753 
    754 .warning .button.close {
    755     color: @warning_fg_color;
    756 }
    757 
    758 .warning .button.close:hover {
    759     background-color: alpha(white, 0.2);
    760 }
    761 
    762 .warning .button.close:active {
    763     color: @warning_fg_color;
    764     background-color: alpha(black, 0.1);
    765 }
    766 
    767 .question {
    768     border-width: 1px;
    769     border-style: solid;
    770     border-color: shade(@question_bg_color, 0.8);
    771     background-color: @question_bg_color;
    772     background-image: none;
    773     color: @question_fg_color;
    774 }
    775 
    776 .question .button {
    777     border-top-color: shade(@question_bg_color, 0.8);
    778     border-right-color: shade(@question_bg_color, 0.72);
    779     border-left-color: shade(@question_bg_color, 0.72);
    780     border-bottom-color: shade(@question_bg_color, 0.7);
    781     background-color: shade(@question_bg_color, 1.08);
    782     color: @question_fg_color;
    783 }
    784 
    785 .question .button:hover {
    786     border-top-color: shade(@question_bg_color, 0.85);
    787     border-right-color: shade(@question_bg_color, 0.78);
    788     border-left-color: shade(@question_bg_color, 0.78);
    789     border-bottom-color: shade(@question_bg_color, 0.7);
    790     background-color: shade(@question_bg_color, 1.10);
    791 }
    792 
    793 .question .button:active,
    794 .question .button:checked {
    795     border-color: shade(@question_bg_color, 0.6);
    796     background-color: shade(@question_bg_color, 0.95);
    797 }
    798 
    799 .question .button:active:hover,
    800 .question .button:checked:hover {
    801     border-top-color: shade(@question_bg_color, 0.85);
    802     border-right-color: shade(@question_bg_color, 0.78);
    803     border-left-color: shade(@question_bg_color, 0.78);
    804     border-bottom-color: shade(@question_bg_color, 0.7);
    805 }
    806 
    807 .question .button.close {
    808     color: @question_fg_color;
    809 }
    810 
    811 .question .button.close:hover {
    812     background-color: alpha(white, 0.2);
    813 }
    814 
    815 .question .button.close:active {
    816     color: @question_fg_color;
    817     background-color: alpha(black, 0.1);
    818 }
    819 
    820 .error {
    821     border-width: 1px;
    822     border-style: solid;
    823     border-color: shade(@error_bg_color, 0.8);
    824     background-color: @error_bg_color;
    825     background-image: none;
    826     color: @error_fg_color;
    827 }
    828 
    829 .error .button {
    830     border-top-color: shade(@error_bg_color, 0.8);
    831     border-right-color: shade(@error_bg_color, 0.72);
    832     border-left-color: shade(@error_bg_color, 0.72);
    833     border-bottom-color: shade(@error_bg_color, 0.7);
    834     background-color: shade(@error_bg_color, 1.08);
    835     color: @error_fg_color;
    836 }
    837 
    838 .error .button:hover {
    839     border-top-color: shade(@error_bg_color, 0.85);
    840     border-right-color: shade(@error_bg_color, 0.78);
    841     border-left-color: shade(@error_bg_color, 0.78);
    842     border-bottom-color: shade(@error_bg_color, 0.7);
    843     background-color: shade(@error_bg_color, 1.10);
    844 }
    845 
    846 .error .button:active,
    847 .error .button:checked {
    848     border-color: shade(@error_bg_color, 0.6);
    849     background-color: shade(@error_bg_color, 0.95);
    850 }
    851 
    852 .error .button:active:hover,
    853 .error .button:checked:hover {
    854     border-top-color: shade(@error_bg_color, 0.85);
    855     border-right-color: shade(@error_bg_color, 0.78);
    856     border-left-color: shade(@error_bg_color, 0.78);
    857     border-bottom-color: shade(@error_bg_color, 0.7);
    858 }
    859 
    860 .error .button.close {
    861     color: @error_fg_color;
    862 }
    863 
    864 .error .button.close:hover {
    865     background-color: alpha(white, 0.2);
    866 }
    867 
    868 .error .button.close:active {
    869     color: @error_fg_color;
    870     background-color: alpha(black, 0.1);
    871 }
    872 
    873 /*******************
    874  * symbolic images *
    875  *******************/
    876 .image {
    877     color: alpha(currentColor, 0.5);
    878 }
    879 
    880 .image:hover {
    881     color: alpha(currentColor, 0.9);
    882 }
    883 
    884 .image:selected,
    885 .image:selected:hover {
    886     color: @theme_selected_fg_color;
    887 }
    888 
    889 .view.image,
    890 .view.image:hover {
    891     color: alpha(currentColor, 0.9);
    892 }
    893 
    894 .view.image:selected,
    895 .view.image:selected:hover {
    896     color: @theme_selected_fg_color;
    897 }
    898 
    899 /*****************
    900  * miscellaneous *
    901  *****************/
    902 .floating-bar {
    903     border-width: 1px;
    904     border-style: solid;
    905     border-color: shade(@theme_bg_color, 0.8);
    906     border-radius: 2px;
    907     background-color: @theme_bg_color;
    908     background-image: none;
    909     color: @theme_fg_color;
    910 }
    911 
    912 .floating-bar.top {
    913     border-top-width: 0;
    914     border-top-right-radius: 0;
    915     border-top-left-radius: 0;
    916 }
    917 
    918 .floating-bar.right {
    919     border-right-width: 0;
    920     border-top-right-radius: 0;
    921     border-bottom-right-radius: 0;
    922 }
    923 
    924 .floating-bar.bottom {
    925     border-bottom-width: 0;
    926     border-bottom-right-radius: 0;
    927     border-bottom-left-radius: 0;
    928 }
    929 
    930 .floating-bar.left {
    931     border-left-width: 0;
    932     border-bottom-left-radius: 0;
    933     border-top-left-radius: 0;
    934 }
    935 
    936 .floating-bar .button {
    937     -GtkButton-image-spacing: 0;
    938     -GtkButton-inner-border: 0;
    939 
    940     border-style: none;
    941     background-color: transparent;
    942     background-image: none;
    943 }
    944 
    945 .view.dim-label,
    946 .dim-label {
    947     color: alpha(currentColor, 0.5);
    948 }
    949 
    950 .dnd {
    951     border-width: 1px;
    952     border-style: solid;
    953     border-color: shade(@theme_selected_bg_color, 0.9);
    954 }
    955 
    956 .grip {
    957     background-color: transparent;
    958 }
    959 
    960 .arrow {
    961     color: alpha(currentColor, 0.7);
    962 }
    963 
    964 /********
    965  * menu *
    966  ********/
    967 GtkTreeMenu.menu,
    968 GtkMenuToolButton.menu,
    969 GtkComboBox .menu {
    970     background-color: @menu_bg_color;
    971     margin: 3px;
    972 }
    973 
    974 .primary-toolbar .menu,
    975 .primary-toolbar .button .menu,
    976 .toolbar .menu,
    977 .toolbar .primary-toolbar .menu,
    978 .header-bar .menu,
    979 .header-bar .primary-toolbar .menu,
    980 .menu {
    981     padding: 0;
    982     border-radius: 0;
    983     border-style: none;
    984     background-color: @menu_bg_color;
    985     color: @menu_fg_color;
    986 }
    987 
    988 /* Hover-effect on play-button in ubuntu soundmenu */
    989 .menu:selected {
    990     background-color: @selected_bg_color;
    991 }
    992 
    993 .menu.button:hover,
    994 .menu.button:active,
    995 .menu.button:checked,
    996 .menu.button:active:insensitive,
    997 .menu.button:checked:insensitive,
    998 .menu.button:insensitive,
    999 .menu.button {
   1000     border-width: 0;
   1001     background-color: @menu_bg_color;
   1002     background-image: none;
   1003 }
   1004 
   1005 .context-menu {
   1006     font: initial;
   1007 }
   1008 
   1009 /* ubuntu software center menu */
   1010 #toolbar-popup {
   1011     background-color: @menu_bg_color;
   1012     color: @menu_fg_color;
   1013 }
   1014 
   1015 /***********
   1016  * menubar *
   1017  ***********/
   1018 .menubar {
   1019     -GtkWidget-window-dragging: true;
   1020 
   1021     border-style: none;
   1022     background-color: @menubar_bg_color;
   1023     background-image: none;
   1024     color: @menubar_fg_color;
   1025 }
   1026 
   1027 /***************
   1028  * menubaritem *
   1029  ***************/
   1030 .menubar.menuitem,
   1031 .menubar .menuitem {
   1032     padding: 3px 5px;
   1033     border-width: 1px;
   1034     border-style: solid;
   1035     border-color: transparent;
   1036     background-color: transparent;
   1037     background-image: none;
   1038     color: @menubar_fg_color;
   1039 }
   1040 
   1041 .menubar.menuitem:hover,
   1042 .menubar .menuitem:hover {
   1043     border-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21);
   1044     background-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21);
   1045     background-image: none;
   1046     color: shade(@menubar_fg_color, 1.08);
   1047 }
   1048 
   1049 .menubar .menuitem *:hover {
   1050     color: shade(@menubar_fg_color, 1.08);
   1051 }
   1052 
   1053 /************
   1054  * menuitem *
   1055  ************/
   1056 GtkTreeMenu .menuitem {
   1057     padding: 0;
   1058     border-width: 0;
   1059 }
   1060 
   1061 .menuitem,
   1062 .menu .menuitem {
   1063     -GtkMenuItem-arrow-scaling: 0.5;
   1064 
   1065     padding: 3px;
   1066     border-width: 1px;
   1067     border-style: solid;
   1068     border-color: transparent;
   1069     border-radius: 0;
   1070     background-color: transparent;
   1071     background-image: none;
   1072     color: @menu_fg_color;
   1073 }
   1074 
   1075 .menu .menuitem:active,
   1076 .menu .menuitem:hover {
   1077     border-color: shade(@theme_selected_bg_color, 0.9);
   1078     background-color: @theme_selected_bg_color;
   1079     background-image: none;
   1080 }
   1081 
   1082 .menu .menuitem:active,
   1083 .menu .menuitem *:active,
   1084 .menu .menuitem:hover,
   1085 .menu .menuitem *:hover {
   1086     color: @theme_selected_fg_color;
   1087 }
   1088 
   1089 .menu .menuitem:insensitive,
   1090 .menu .menuitem *:insensitive {
   1091     color: mix(@menu_fg_color, @menu_bg_color, 0.5);
   1092 }
   1093 
   1094 .menuitem.check,
   1095 .menuitem.radio,
   1096 .menuitem.check:hover,
   1097 .menuitem.radio:hover,
   1098 .menuitem.check:insensitive,
   1099 .menuitem.radio:insensitive {
   1100     border-style: none;
   1101     background-color: transparent;
   1102     background-image: none;
   1103 }
   1104 
   1105 .menuitem.check:active,
   1106 .menuitem.radio:active {
   1107     border-style: none;
   1108     background-color: transparent;
   1109 }
   1110 
   1111 .menuitem GtkCalendar:inconsistent {
   1112     color: mix(@menu_fg_color, @menu_bg_color, 0.5);
   1113 }
   1114 
   1115 .menuitem GtkCalendar.button {
   1116     border-style: none;
   1117     background-color: transparent;
   1118     background-image: none;
   1119 }
   1120 
   1121 .menuitem .entry {
   1122     border-color: shade(@menu_bg_color, 0.7);
   1123     background-color: @menu_bg_color;
   1124     background-image: none;
   1125     color: @menu_fg_color;
   1126 }
   1127 
   1128 .menuitem .entry:active,
   1129 .menuitem .entry:focus {
   1130     border-color: shade(@menu_bg_color, 0.7);
   1131 }
   1132 
   1133 .menuitem .accelerator {
   1134     color: alpha(@menu_fg_color, 0.6);
   1135 }
   1136 
   1137 .menuitem .accelerator:hover {
   1138     color: alpha(@theme_selected_fg_color, 0.8);
   1139 }
   1140 
   1141 .menuitem .accelerator:insensitive {
   1142     color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6);
   1143 }
   1144 
   1145 GtkModelMenuItem GtkBox GtkImage {
   1146     padding-right: 4px;
   1147 }
   1148 
   1149 /************
   1150  * popovers *
   1151  ************/
   1152 GtkPopover {
   1153     margin: 10px;
   1154     padding: 2px;
   1155     border-radius: 2px;
   1156     border-color: shade(@menu_bg_color, 0.8);
   1157     border-width: 1px;
   1158     border-style: solid;
   1159     background-clip: border-box;
   1160     background-image: none;
   1161     background-color: @menu_bg_color;
   1162     color: @menu_fg_color;
   1163     box-shadow: 0 2px 3px alpha(black, 0.5);
   1164 }
   1165 
   1166 GtkPopover.background {
   1167     background-image: none;
   1168     background-color: @menu_bg_color;
   1169 }
   1170 
   1171 GtkPopover:backdrop {
   1172     box-shadow: none;
   1173 }
   1174 
   1175 GtkPopover.osd {
   1176     box-shadow: 0 2px 7px 3px alpha(black, 0.5);
   1177 }
   1178 
   1179 GtkPopover > .list,
   1180 GtkPopover > .view,
   1181 GtkPopover > .toolbar {
   1182     background-image: none;
   1183     background-color: transparent;
   1184 }
   1185 
   1186 GtkPopover .list-row {
   1187     color: @menu_fg_color;
   1188 }
   1189 
   1190 GtkPopover .list-row:hover {
   1191     background-image: none;
   1192     background-color: @theme_selected_bg_color;
   1193     color: @theme_selected_fg_color;
   1194 }
   1195 
   1196 GtkPopover .frame {
   1197     border: 1px solid mix(@menu_bg_color, @menu_fg_color, 0.12);
   1198     border-radius: 2px;
   1199 }
   1200 
   1201 GtkPopover .entry {
   1202     border-color: mix(@menu_bg_color, @menu_fg_color, 0.12);
   1203     background-color: @menu_bg_color;
   1204     background-image: none;
   1205     color: @menu_fg_color;
   1206 }
   1207 
   1208 GtkPopover .entry:hover,
   1209 GtkPopover .entry:focus,
   1210 GtkPopover .entry:active  {
   1211     border-color: mix(@menu_bg_color, @menu_fg_color, 0.21);
   1212 }
   1213 
   1214 GtkPopover.osd > .toolbar .button {
   1215     border-radius: 0;
   1216     border-width: 0;
   1217     background-image: none;
   1218     background-color: transparent;
   1219 }
   1220 
   1221 GtkPopover .separator {
   1222     border: 0;
   1223     background-color: transparent;
   1224     color: alpha(currentColor, 0.1);
   1225     font-size: 80%;
   1226     font-weight: bold;
   1227 }
   1228 
   1229 .menuitem.button {
   1230     color: @menu_fg_color;
   1231 }
   1232 
   1233 .menuitem.button,
   1234 .menuitem.button:active,
   1235 .menuitem.button:checked,
   1236 .menuitem.button:insensitive,
   1237 .menuitem.button:active:insensitive,
   1238 .menuitem.button:checked:insensitive {
   1239     background-color: transparent;
   1240     background-image: none;
   1241     border: none;
   1242     box-shadow: none;
   1243     color: @menu_fg_color;
   1244 }
   1245 
   1246 .menuitem.button:active:hover,
   1247 .menuitem.button:checked:hover,
   1248 .menuitem.button:hover,
   1249 .menuitem.button:selected {
   1250     border: none;
   1251     background-color: @theme_selected_bg_color;
   1252     background-image: none;
   1253     color: @theme_selected_fg_color;
   1254 }
   1255 
   1256 GtkModelButton.button {
   1257     color: @menu_fg_color;
   1258 }
   1259 
   1260 
   1261 GtkModelButton.button:focus,
   1262 GtkModelButton.button:active:focus,
   1263 GtkModelButton.button:checked:focus,
   1264 GtkModelButton.button:active,
   1265 GtkModelButton.button:checked,
   1266 GtkModelButton.button:insensitive:insensitive,
   1267 GtkModelButton.button:active:insensitive,
   1268 GtkModelButton.button:checked:insensitive,
   1269 GtkModelButton.button {
   1270     background-color: transparent;
   1271     background-image: none;
   1272     border-color: transparent;
   1273     border-image: none;
   1274     border-style: none;
   1275     box-shadow: none;
   1276 }
   1277 
   1278 GtkModelButton.button:backdrop,
   1279 GtkModelButton.button:hover:backdrop,
   1280 GtkModelButton.button:insensitive:backdrop,
   1281 GtkModelButton.button:active:insensitive:backdrop,
   1282 GtkModelButton.button:active:backdrop,
   1283 GtkModelButton.button:active:hover:backdrop,
   1284 GtkModelButton.button:active:selected:backdrop,
   1285 GtkModelButton.button:checked:insensitive:backdrop,
   1286 GtkModelButton.button:checked:backdrop,
   1287 GtkModelButton.button:checked:hover:backdrop,
   1288 GtkModelButton.button:checked:selected:backdrop {
   1289     text-shadow: none;
   1290     icon-shadow: none;
   1291     color: @theme_selected_fg_color;
   1292     background-color: transparent;
   1293     background-image: none;
   1294     border-color: transparent;
   1295     border-image: none;
   1296     border-style: none;
   1297     box-shadow: none;
   1298 }
   1299 
   1300 GtkModelButton.button:active:hover,
   1301 GtkModelButton.button:checked:hover,
   1302 GtkModelButton.button:hover,
   1303 GtkModelButton.button:selected {
   1304     background-image: none;
   1305     background-color: @theme_selected_bg_color;
   1306     color: @theme_selected_fg_color;
   1307     text-shadow: none;
   1308     border-width: 0;
   1309     border-color: transparent;
   1310     border-radius: 2px;
   1311 }
   1312 
   1313 /************
   1314  * notebook *
   1315  ************/
   1316 .notebook {
   1317     padding: 0;
   1318     border-width: 1px 0 0 0;
   1319     border-style: solid;
   1320     border-color: shade(@theme_base_color, 0.7);
   1321     border-radius: 0;
   1322     background-color: @theme_base_color;
   1323     background-image: none;
   1324     background-clip: border-box;
   1325 
   1326     -GtkNotebook-initial-gap: 0;
   1327     -GtkNotebook-arrow-spacing: 5;
   1328     -GtkNotebook-tab-curvature: 0;
   1329     -GtkNotebook-tab-overlap: 1;
   1330     -GtkNotebook-has-tab-gap: false;
   1331 }
   1332 
   1333 .notebook.frame {
   1334     border-width: 1px;
   1335 }
   1336 
   1337 .notebook.header {
   1338     border-width: 0;
   1339     background-color: shade(@theme_base_color, 0.85);
   1340 }
   1341 
   1342 .notebook.header.frame {
   1343     border-color: shade(@theme_base_color, 0.75);
   1344 }
   1345 
   1346 .notebook.header.frame.top {
   1347     border-width: 1px 1px 0 1px;
   1348 }
   1349 
   1350 .notebook.header.frame.right {
   1351     border-width: 1px 1px 1px 0;
   1352 }
   1353 
   1354 .notebook.header.frame.bottom {
   1355     border-width: 0 1px 1px 1px;
   1356 }
   1357 
   1358 .notebook.header.frame.left {
   1359     border-width: 1px 0 1px 1px;
   1360 }
   1361 
   1362 .notebook GtkViewport {
   1363     border-width: 0;
   1364     background-color: @theme_base_color;
   1365     color: @theme_text_color;
   1366 }
   1367 
   1368 .notebook tab {
   1369     padding: 4px 6px;
   1370     border-style: solid;
   1371     border-width: 1px;
   1372     border-color: transparent;
   1373     background-color: transparent;
   1374     background-image: none;
   1375 }
   1376 
   1377 .notebook tab:active {
   1378     background-color: transparent;
   1379     background-image: none;
   1380 }
   1381 
   1382 .notebook tab.top {
   1383     border-bottom-width: 2px;
   1384     border-bottom-right-radius: 0;
   1385     border-bottom-left-radius: 0;
   1386 }
   1387 
   1388 .notebook tab.top:hover {
   1389     border-bottom-color: alpha(@theme_selected_bg_color, 0.3);
   1390 }
   1391 
   1392 .notebook tab.top:active {
   1393     border-bottom-color: @theme_selected_bg_color;
   1394 }
   1395 
   1396 .notebook tab.right {
   1397     border-left-width: 2px;
   1398     border-bottom-left-radius: 0;
   1399     border-top-left-radius: 0;
   1400 }
   1401 
   1402 .notebook tab.right:hover {
   1403     border-left-color: alpha(@theme_selected_bg_color, 0.3);
   1404 }
   1405 
   1406 .notebook tab.right:active {
   1407     border-left-color: @theme_selected_bg_color;
   1408 }
   1409 
   1410 .notebook tab.bottom {
   1411     border-top-width: 2px;
   1412     border-top-right-radius: 0;
   1413     border-top-left-radius: 0;
   1414 }
   1415 
   1416 .notebook tab.bottom:hover {
   1417     border-top-color: alpha(@theme_selected_bg_color, 0.3);
   1418 }
   1419 
   1420 .notebook tab.bottom:active {
   1421     border-top-color: @theme_selected_bg_color;
   1422 }
   1423 
   1424 .notebook tab.left {
   1425     border-right-width: 2px;
   1426     border-top-right-radius: 0;
   1427     border-bottom-right-radius: 0;
   1428 }
   1429 
   1430 .notebook tab.left:hover {
   1431     border-right-color: alpha(@theme_selected_bg_color, 0.3);
   1432 }
   1433 
   1434 .notebook tab.left:active {
   1435     border-right-color: @theme_selected_bg_color;
   1436 }
   1437 
   1438 .notebook tab GtkLabel {
   1439     color: mix(@theme_text_color, @theme_base_color, 0.3);
   1440 }
   1441 
   1442 .notebook .prelight-page,
   1443 .notebook .prelight-page GtkLabel {
   1444     color: mix (@theme_text_color, @theme_base_color, 0.15);
   1445 }
   1446 
   1447 .notebook .active-page,
   1448 .notebook .active-page GtkLabel {
   1449     color: @theme_text_color;
   1450 }
   1451 
   1452 .notebook tab.reorderable-page:hover {
   1453     background-color: shade(@theme_base_color, 0.85);
   1454     border-left: 0;
   1455     border-right: 0;
   1456     /* using box shadows instead of borders due to slanted edges */
   1457     box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03),
   1458                 inset 1px 0 shade(@theme_base_color, 0.7), inset -1px 0 shade(@theme_base_color, 0.7);
   1459 }
   1460 
   1461 .notebook tab.reorderable-page:active {
   1462     background-color: shade(@theme_base_color, 0.90);
   1463     border-left: 0;
   1464     border-right: 0;
   1465     box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03),
   1466                 inset 1px 0 shade(@theme_base_color, 0.75), inset -1px 0 shade(@theme_base_color, 0.75);
   1467 }
   1468 
   1469 /* close button styling */
   1470 .notebook tab .button,
   1471 .notebook tab .button:active,
   1472 .notebook tab .button:checked,
   1473 .notebook tab .button:hover {
   1474     padding: 1px;
   1475     border-width: 1px;
   1476     border-radius: 2px;
   1477     border-style: solid;
   1478     border-color: transparent;
   1479     background-image: none;
   1480     background-color: transparent;
   1481     color: mix(@theme_text_color, @theme_base_color, 0.5);
   1482 }
   1483 
   1484 .notebook tab .button:hover {
   1485     color: @theme_text_color;
   1486     border-color: shade(@theme_base_color, 0.8);
   1487 }
   1488 
   1489 .notebook tab .button:active,
   1490 .notebook tab .button:checked,
   1491 .notebook tab .button:active:hover,
   1492 .notebook tab .button:checked:hover {
   1493     border-color: shade(@theme_base_color, 0.7);
   1494     background-color: shade(@theme_base_color, 0.95);
   1495 }
   1496 
   1497 /******************
   1498  * pane separator *
   1499  ******************/
   1500 .pane-separator {
   1501     background-color: @theme_bg_color;
   1502     color: transparent;
   1503 }
   1504 
   1505 /*************************
   1506  * progressbar and scale *
   1507  *************************/
   1508 GtkProgressBar {
   1509     padding: 0;
   1510     border-width: 1px;
   1511     border-radius: 2px;
   1512     font-size: smaller;
   1513     color: alpha(@theme_fg_color, 0.6);
   1514 }
   1515 
   1516 .progressbar,
   1517 .progressbar row,
   1518 .progressbar row:hover,
   1519 .progressbar row:selected,
   1520 .progressbar row:selected:focus {
   1521     border-width: 1px;
   1522     border-style: solid;
   1523     border-color: shade(@theme_selected_bg_color, 0.9);
   1524     background-color: @theme_selected_bg_color;
   1525     background-image: linear-gradient(to bottom,
   1526                                       @theme_selected_bg_color,
   1527                                       @theme_selected_bg_color
   1528                                       );
   1529 }
   1530 
   1531 .progressbar.vertical {
   1532     background-color: @theme_selected_bg_color;
   1533     background-image: linear-gradient(to right,
   1534                                       @theme_selected_bg_color,
   1535                                       @theme_selected_bg_color
   1536                                       );
   1537 }
   1538 
   1539 .trough,
   1540 .trough row,
   1541 .trough row:hover,
   1542 .trough row:selected,
   1543 .trough row:selected:focus {
   1544     border-width: 1px;
   1545     border-style: solid;
   1546     border-color: shade(@theme_bg_color, 0.8);
   1547     background-color: shade(@theme_bg_color, 1.08);
   1548     background-image: none;
   1549 }
   1550 
   1551 .trough.vertical {
   1552     background-color: shade(@theme_bg_color, 1.08);
   1553     background-image: none;
   1554 }
   1555 
   1556 /* level bars as used for password quality or remaining power */
   1557 GtkLevelBar {
   1558     -GtkLevelBar-min-block-width: 34;
   1559     -GtkLevelBar-min-block-height: 2;
   1560 }
   1561 
   1562 GtkLevelBar.vertical {
   1563     -GtkLevelBar-min-block-width: 2;
   1564     -GtkLevelBar-min-block-height: 34;
   1565 }
   1566 
   1567 .level-bar.trough {
   1568     padding: 1px;
   1569     border-radius: 2px;
   1570 }
   1571 
   1572 .level-bar.fill-block {
   1573     border-width: 1px;
   1574     border-style: solid;
   1575     border-color: shade(@theme_selected_bg_color, 0.9);
   1576     background-color: @theme_selected_bg_color;
   1577 }
   1578 
   1579 .level-bar.indicator-continuous.fill-block {
   1580     padding: 1px;
   1581     border-radius: 2px;
   1582 }
   1583 
   1584 .level-bar.indicator-discrete.fill-block.horizontal {
   1585     margin: 0 1px;
   1586 }
   1587 
   1588 .level-bar.indicator-discrete.fill-block.vertical {
   1589     margin: 1px 0;
   1590 }
   1591 
   1592 /* discrete indicator border rounding,
   1593    uncomment when :nth-child will be working
   1594    on the widget
   1595 
   1596 .level-bar.indicator-discrete.fill-block.horizontal:first-child {
   1597     border-radius: 2px 0 0 2px;
   1598 }
   1599 
   1600 .level-bar.indicator-discrete.fill-block.horizontal:last-child {
   1601     border-radius: 0 2px 2px 0;
   1602 }
   1603 
   1604 .level-bar.indicator-discrete.fill-block.vertical:first-child {
   1605     border-radius: 2px 2px 0 0;
   1606 }
   1607 
   1608 .level-bar.indicator-discrete.fill-block.vertical:last-child {
   1609     border-radius: 0 0 2px 2px;
   1610 }
   1611 */
   1612 
   1613 .level-bar.fill-block.level-high {
   1614     border-color: shade(@success_color, 0.85);
   1615     background-image: linear-gradient(to bottom,
   1616                                       shade(@success_color, 1.2),
   1617                                       @success_color 75%,
   1618                                       shade(@success_color, 0.95)
   1619                                       );
   1620 }
   1621 
   1622 .level-bar.fill-block.level-low {
   1623     border-color: shade(@warning_color, 0.80);
   1624     background-image: linear-gradient(to bottom,
   1625                                       shade(@warning_color, 1.3),
   1626                                       @warning_color 75%,
   1627                                       shade(@warning_color, 0.9)
   1628                                       );
   1629 }
   1630 
   1631 .level-bar.fill-block.empty-fill-block {
   1632     border-color: alpha(@theme_fg_color, 0.1);
   1633     background-color: transparent;
   1634     background-image: none;
   1635 }
   1636 
   1637 .scale {
   1638     -GtkRange-slider-width: 16;
   1639     -GtkRange-trough-border: 1;
   1640     -GtkScale-slider-length: 16;
   1641 
   1642     padding: 0;
   1643     border-width: 1px;
   1644     border-radius: 2px;
   1645     outline-offset: -1px;
   1646 }
   1647 
   1648 .scale.slider {
   1649     border-radius: 8px;
   1650     background-color: shade(@theme_bg_color, 1.08);
   1651     background-image: none;
   1652     /* we will draw the border using box shadow for now */
   1653     box-shadow: inset 1px 0 shade(@theme_bg_color, 0.8),
   1654                 inset 0 1px shade(@theme_bg_color, 0.8),
   1655                 inset -1px 0 shade(@theme_bg_color, 0.8),
   1656                 inset 0 -1px shade(@theme_bg_color, 0.8);
   1657 }
   1658 
   1659 .scale.slider:hover {
   1660     box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7),
   1661                 inset 0 1px shade(@theme_bg_color, 0.7),
   1662                 inset -1px 0 shade(@theme_bg_color, 0.7),
   1663                 inset 0 -1px shade(@theme_bg_color, 0.7);
   1664 }
   1665 
   1666 .scale.slider:insensitive {
   1667     background-color: shade(@theme_bg_color, 0.9);
   1668     background-image: none;
   1669     box-shadow: inset 1px 0 shade(@theme_bg_color, 0.85),
   1670                 inset 0 1px shade(@theme_bg_color, 0.85),
   1671                 inset -1px 0 shade(@theme_bg_color, 0.85),
   1672                 inset 0 -1px shade(@theme_bg_color, 0.85);
   1673 }
   1674 
   1675 .scale.slider.fine-tune:active,
   1676 .scale.slider.fine-tune:active:hover,
   1677 .scale.slider.fine-tune.horizontal:active,
   1678 .scale.slider.fine-tune.horizontal:active:hover {
   1679       background-size: 50%;
   1680       background-repeat: no-repeat;
   1681       background-position: center;
   1682 }
   1683 
   1684 .scale.mark {
   1685     border-color: shade(@theme_bg_color, 0.8);
   1686 }
   1687 
   1688 .scale.trough {
   1689     margin: 7px 0;
   1690     border-color: shade(@theme_bg_color, 0.8);
   1691     border-radius: 2px;
   1692     background-color: shade(@theme_bg_color, 1.08);
   1693     background-image: none;
   1694 }
   1695 
   1696 .scale.trough.vertical {
   1697     margin: 0 7px;
   1698 }
   1699 
   1700 .menuitem .scale.highlight.left,
   1701 .scale.highlight.left {
   1702     border-color: @theme_selected_bg_color;
   1703     background-color: @theme_selected_bg_color;
   1704     background-image: none;
   1705 }
   1706 
   1707 .menuitem .scale.highlight.left:hover {
   1708     border-color: shade(@theme_selected_bg_color, 0.8);
   1709     background-color: shade(@theme_selected_bg_color, 0.8);
   1710 }
   1711 
   1712 .scale.highlight.bottom {
   1713     border-color: @theme_selected_bg_color;
   1714     background-color: @theme_selected_bg_color;
   1715     background-image: none;
   1716 }
   1717 
   1718 .scale.trough:insensitive,
   1719 .scale.highlight.left:insensitive {
   1720     border-color: shade(@theme_bg_color, 0.85);
   1721     background-color: shade(@theme_bg_color, 0.9);
   1722     background-image: none;
   1723 }
   1724 
   1725 /*************
   1726  * scrollbar *
   1727  *************/
   1728 .scrollbar {
   1729     border-width: 1px;
   1730     border-style: solid;
   1731     padding: 0;
   1732 }
   1733 
   1734 .scrollbars-junction,
   1735 .scrollbar.trough {
   1736     border-width: 0;
   1737     border-radius: 0;
   1738     background-color: @theme_bg_color;
   1739     background-image: none;
   1740 }
   1741 
   1742 .scrollbar.button,
   1743 .scrollbar.button:active,
   1744 .scrollbar.button:checked,
   1745 .scrollbar.button:active:hover,
   1746 .scrollbar.button:checked:hover {
   1747     border-width: 0;
   1748     border-radius: 0;
   1749     background-color: transparent;
   1750     background-image: none;
   1751     color: shade(@theme_bg_color, 0.6);
   1752 }
   1753 
   1754 .scrollbar.slider {
   1755     border-width: 1px;
   1756     border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.21);
   1757     border-radius: 0;
   1758     background-color: mix(@theme_bg_color, @theme_fg_color, 0.21);
   1759 }
   1760 
   1761 .scrollbar.slider:hover,
   1762 .scrollbar.slider.vertical:hover {
   1763     border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.31);
   1764     background-color: mix(@theme_bg_color, @theme_fg_color, 0.31);
   1765 }
   1766 
   1767 .scrollbar.slider:active,
   1768 .scrollbar.slider.vertical:active {
   1769     border-color: shade(@theme_selected_bg_color, 0.9);
   1770     background-color: @theme_selected_bg_color;
   1771 }
   1772 
   1773 .scrollbar.slider.fine-tune:prelight:active {
   1774       border-width: 2px;
   1775       border-color: transparent;
   1776 }
   1777 
   1778 /* overlay scrollbar */
   1779 OsThumb {
   1780     color: shade(@theme_bg_color, 0.7);
   1781 }
   1782 
   1783 OsThumb:selected,
   1784 OsScrollbar:selected {
   1785     background-color: @theme_selected_bg_color;
   1786 }
   1787 
   1788 OsThumb:active,
   1789 OsScrollbar:active {
   1790     background-color: @theme_selected_bg_color;
   1791 }
   1792 
   1793 OsThumb:insensitive,
   1794 OsScrollbar:insensitive {
   1795     background-color: shade(@theme_bg_color, 0.9);
   1796 }
   1797 
   1798 /*************
   1799  * separator *
   1800  *************/
   1801 .sidebar.separator,
   1802 .sidebar.view.separator,
   1803 .sidebar .view.separator,
   1804 .view.separator,
   1805 .separator {
   1806     border-width: 1px;
   1807     border-style: solid;
   1808     border-color: shade(@theme_bg_color, 0.9);
   1809     color: shade(@theme_bg_color, 0.9);
   1810 }
   1811 
   1812 .button .separator,
   1813 .button.separator {
   1814     border-color: shade(@theme_bg_color, 0.95);
   1815 }
   1816 
   1817 .button .separator:insensitive,
   1818 .button.separator:insensitive {
   1819     border-color: shade(@theme_bg_color, 0.85);
   1820 }
   1821 
   1822 .primary-toolbar GtkSeparatorToolItem,
   1823 .primary-toolbar .separator,
   1824 .primary-toolbar .separator:insensitive,
   1825 .toolbar GtkSeparatorToolItem,
   1826 .toolbar .separator,
   1827 .toolbar .separator:insensitive {
   1828     -GtkWidget-window-dragging: true;
   1829 
   1830     border-color: shade(@toolbar_bg_color, 0.95);
   1831     color: shade(@toolbar_bg_color, 0.95);
   1832 }
   1833 
   1834 .header-bar GtkSeparatorToolItem,
   1835 .header-bar .separator,
   1836 .header-bar .separator:insensitive,
   1837 .titlebar GtkSeparatorToolItem,
   1838 .titlebar .separator,
   1839 .titlebar .separator:insensitive {
   1840     -GtkWidget-window-dragging: true;
   1841 
   1842     border-color: shade(@titlebar_bg_color, 0.95);
   1843     color: shade(@titlebar_bg_color, 0.95);
   1844 }
   1845 
   1846 .primary-toolbar .button .separator,
   1847 .primary-toolbar .button.separator,
   1848 .toolbar .button .separator,
   1849 .toolbar .button.separator {
   1850     border-color: shade(@toolbar_bg_color, 0.95);
   1851 }
   1852 
   1853 .header-bar .button .separator,
   1854 .header-bar .button.separator,
   1855 .titlebar .button .separator,
   1856 .titlebar .button.separator {
   1857     border-color: shade(@titlebar_bg_color, 0.95);
   1858 }
   1859 
   1860 .primary-toolbar .button .separator:insensitive,
   1861 .primary-toolbar .button.separator:insensitive,
   1862 .toolbar .button .separator:insensitive,
   1863 .toolbar .button.separator:insensitive {
   1864     border-color: shade(@toolbar_bg_color, 0.85);
   1865 }
   1866 
   1867 .header-bar .button .separator:insensitive,
   1868 .header-bar .button.separator:insensitive,
   1869 .titlebar .button .separator:insensitive,
   1870 .titlebar .button.separator:insensitive {
   1871     border-color: shade(@titlebar_bg_color, 0.85);
   1872 }
   1873 
   1874 .menuitem.separator {
   1875     -GtkMenuItem-horizontal-padding: 0;
   1876     -GtkWidget-separator-height: 1;
   1877 
   1878     border-style: none;
   1879     color: shade(@menu_bg_color, 0.9);
   1880 }
   1881 
   1882 GtkComboBox .separator {
   1883     /* always disable separators */
   1884     -GtkWidget-wide-separators: true;
   1885     -GtkWidget-horizontal-separator: 0;
   1886     -GtkWidget-vertical-separator: 0;
   1887 
   1888     border-style: none;
   1889 }
   1890 
   1891 /***********
   1892  * sidebar *
   1893  ***********/
   1894 .sidebar,
   1895 .sidebar.view,
   1896 .sidebar .view,
   1897 .sidebar GtkScrolledWindow {
   1898     background-color: @theme_bg_color;
   1899     color: mix(@theme_fg_color, @theme_bg_color, 0.1);
   1900 }
   1901 
   1902 .sidebar row:selected,
   1903 .sidebar row:selected:hover,
   1904 .sidebar row:selected:focus,
   1905 .sidebar .view row:selected,
   1906 .sidebar .view row:selected:hover,
   1907 .sidebar .view row:selected:focus {
   1908     border-color: shade(@theme_selected_bg_color, 0.9);
   1909     background-color: @theme_selected_bg_color;
   1910     background-image: none;
   1911     color: @theme_selected_fg_color;
   1912 }
   1913 
   1914 .sidebar row:prelight,
   1915 .sidebar .view row:prelight {
   1916     border-color: shade(@theme_bg_color, 1.05);
   1917     background-color: shade(@theme_bg_color, 1.05);
   1918     background-image: none;
   1919     color: @theme_fg_color;
   1920 }
   1921 
   1922 .sidebar row:selected:prelight,
   1923 .sidebar .view row:selected:prelight {
   1924     border-color: shade(@theme_selected_bg_color, 1.05);
   1925     background-color: shade(@theme_selected_bg_color, 1.05);
   1926     background-image: none;
   1927     color: @theme_selected_fg_color;
   1928 }
   1929 
   1930 .sidebar .frame {
   1931     border-width: 0;
   1932 }
   1933 
   1934 /**************
   1935  * spinbutton *
   1936  **************/
   1937 .spinbutton .button {
   1938     color: mix(@theme_text_color, @theme_base_color, 0.4);
   1939     padding: 2px 4px;
   1940     border-width: 0;
   1941     border-radius: 0;
   1942     border-style: none;
   1943     background-color: transparent;
   1944     background-image: none;
   1945     box-shadow: inset 1px 0 shade(@theme_base_color, 0.9);
   1946 }
   1947 
   1948 .spinbutton .button:insensitive {
   1949     color: mix(@theme_text_color, @theme_base_color, 0.7);
   1950     box-shadow: inset 1px 0 shade(@theme_bg_color, 0.95);
   1951 }
   1952 
   1953 .spinbutton .button:active,
   1954 .spinbutton .button:checked,
   1955 .spinbutton .button:hover {
   1956     color: @theme_fg_color;
   1957 }
   1958 
   1959 .spinbutton .button:first-child {
   1960     border-radius: 2px 0 0 2px;
   1961     box-shadow: none;
   1962 }
   1963 
   1964 .spinbutton .button:last-child {
   1965     border-radius: 0 2px 2px 0;
   1966 }
   1967 
   1968 .spinbutton .button:dir(rtl) {
   1969     box-shadow: inset -1px 0 shade(@theme_base_color, 0.9);
   1970 }
   1971 
   1972 .spinbutton.vertical .button {
   1973     border-width: 1px;
   1974     border-style: solid;
   1975     border-color: shade(@theme_bg_color, 0.8);
   1976     border-radius: 2px;
   1977     background-color: shade(@theme_bg_color, 1.08);
   1978     background-image: none;
   1979     color: @theme_fg_color;
   1980     box-shadow: none;
   1981 }
   1982 
   1983 .spinbutton.vertical .button:hover {
   1984     border-color: shade(@theme_bg_color, 0.7);
   1985     background-color: shade(@theme_bg_color, 1.10);
   1986     background-image: none;
   1987 }
   1988 
   1989 .spinbutton.vertical .button:active,
   1990 .spinbutton.vertical .button:checked {
   1991     border-color: shade(@theme_bg_color, 0.8);
   1992     background-color: shade(@theme_bg_color, 0.95);
   1993     background-image: none;
   1994 }
   1995 
   1996 .spinbutton.vertical .button:active:hover,
   1997 .spinbutton.vertical .button:checked:hover {
   1998     border-color: shade(@theme_bg_color, 0.7);
   1999 }
   2000 
   2001 .spinbutton.vertical .button:focus,
   2002 .spinbutton.vertical .button:hover:focus,
   2003 .spinbutton.vertical .button:active:focus,
   2004 .spinbutton.vertical .button:active:hover:focus,
   2005 .spinbutton.vertical .button:checked:focus,
   2006 .spinbutton.vertical .button:checked:hover:focus {
   2007     border-color: shade(@theme_bg_color, 0.7);
   2008 }
   2009 
   2010 .spinbutton.vertical .button:insensitive {
   2011     border-color: shade(@theme_bg_color, 0.85);
   2012     background-color: shade(@theme_bg_color, 0.9);
   2013     background-image: none;
   2014 }
   2015 
   2016 .spinbutton.vertical .button:first-child {
   2017     border-width: 1px;
   2018     border-bottom-width: 0;
   2019     border-radius: 2px;
   2020     border-bottom-right-radius: 0;
   2021     border-bottom-left-radius: 0;
   2022 }
   2023 
   2024 .spinbutton.vertical .button:last-child {
   2025     border-width: 1px;
   2026     border-top-width: 0;
   2027     border-radius: 2px;
   2028     border-top-left-radius: 0;
   2029     border-top-right-radius: 0;
   2030 }
   2031 
   2032 .spinbutton.vertical.entry {
   2033     border-width: 1px;
   2034     border-style: solid;
   2035     border-radius: 0;
   2036 }
   2037 
   2038 /***********
   2039  * spinner *
   2040  ***********/
   2041 @keyframes spin {
   2042     to { -gtk-icon-transform: rotate(1turn); }
   2043 }
   2044 
   2045 .spinner {
   2046     background-image: none;
   2047     background-color: blue;
   2048     opacity: 0;
   2049 
   2050     -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
   2051 }
   2052 
   2053 .spinner:active {
   2054     opacity: 1;
   2055     animation: spin 1s linear infinite;
   2056 }
   2057 
   2058 .spinner:active:insensitive { opacity: 0.5; }
   2059 
   2060 .menu.spinner,
   2061 .menu .spinner,
   2062 .menu .spinner:hover,
   2063 .primary-toolbar .spinner {
   2064     color: @theme_selected_bg_color;
   2065     border: none;
   2066     box-shadow: none;
   2067 }
   2068 
   2069 /*************
   2070  * statusbar *
   2071  *************/
   2072 GtkStatusbar {
   2073     padding: 4px;
   2074     color: @theme_fg_color;
   2075 }
   2076 
   2077 /**********
   2078  * switch *
   2079  **********/
   2080 GtkSwitch {
   2081     padding: 0;
   2082     border-radius: 2px;
   2083     font: bold condensed;
   2084     outline-offset: -4px;
   2085 }
   2086 
   2087 GtkSwitch.slider {
   2088     border-width: 1px;
   2089     border-style: solid;
   2090     border-color: shade(@theme_bg_color, 0.8);
   2091     background-color: shade(@theme_bg_color, 1.08);
   2092     background-image: none;
   2093 }
   2094 
   2095 GtkSwitch.slider:insensitive {
   2096     border-color: shade(@theme_bg_color, 0.85);
   2097     background-color: shade(@theme_bg_color, 0.9);
   2098     background-image: none;
   2099 }
   2100 
   2101 GtkSwitch.trough {
   2102     border-color: shade(@theme_bg_color, 0.8);
   2103     background-color: shade(@theme_bg_color, 0.95);
   2104     background-image: none;
   2105     color: @theme_fg_color;
   2106 }
   2107 
   2108 GtkSwitch.trough:active {
   2109     border-color: shade(@theme_selected_bg_color, 0.9);
   2110     background-color: @theme_selected_bg_color;
   2111     background-image: none;
   2112     color: @theme_selected_fg_color;
   2113 }
   2114 
   2115 GtkSwitch.trough:insensitive {
   2116     border-color: shade(@theme_bg_color, 0.85);
   2117     background-color: shade(@theme_bg_color, 0.9);
   2118     background-image: none;
   2119     color: mix(@theme_fg_color, @theme_bg_color, 0.5);
   2120 }
   2121 
   2122 /************
   2123  * textview *
   2124  ************/
   2125 GtkTextView {
   2126     background-color: @theme_base_color;
   2127     color: @theme_text_color;
   2128 }
   2129 
   2130 /*****************
   2131  * color chooser *
   2132  *****************/
   2133 GtkColorSwatch,
   2134 GtkColorSwatch:selected {
   2135     border-width: 1px;
   2136     border-style: solid;
   2137     border-color: alpha(black, 0.1);
   2138     border-radius: 1px;
   2139     background-color: transparent;
   2140     background-clip: border-box;
   2141 }
   2142 
   2143 GtkColorSwatch:hover,
   2144 GtkColorSwatch:selected:hover {
   2145     border-color: alpha(black, 0.3);
   2146 }
   2147 
   2148 GtkColorSwatch.color-dark:hover {
   2149 }
   2150 
   2151 GtkColorSwatch.color-light:hover {
   2152 }
   2153 
   2154 GtkColorSwatch.color-light:selected:hover,
   2155 GtkColorSwatch.color-dark:selected:hover {
   2156     background-image: none;
   2157 }
   2158 
   2159 GtkColorSwatch.left,
   2160 GtkColorSwatch:first-child {
   2161     border-top-left-radius: 2px;
   2162     border-bottom-left-radius: 2px;
   2163 }
   2164 
   2165 GtkColorSwatch.right,
   2166 GtkColorSwatch:last-child {
   2167     border-top-right-radius: 2px;
   2168     border-bottom-right-radius: 2px;
   2169 }
   2170 
   2171 GtkColorSwatch:only-child {
   2172     border-radius: 2px;
   2173 }
   2174 
   2175 GtkColorSwatch.top {
   2176     border-top-left-radius: 2px;
   2177     border-top-right-radius: 2px;
   2178 }
   2179 
   2180 GtkColorSwatch.bottom {
   2181     border-bottom-left-radius: 2px;
   2182     border-bottom-right-radius: 2px;
   2183 }
   2184 
   2185 GtkColorChooserWidget #add-color-button {
   2186     background-clip: padding-box;
   2187     border-color: alpha(black, 0.1);
   2188     background-color: shade(@theme_bg_color, 0.95);
   2189     color: @theme_fg_color;
   2190 }
   2191 
   2192 GtkColorChooserWidget #add-color-button:hover {
   2193     border-color: alpha(black, 0.3);
   2194     background-color: shade(@theme_bg_color, 0.90);
   2195     color: @theme_fg_color;
   2196 }
   2197 
   2198 .color-active-badge,
   2199 .color-active-badge:selected {
   2200     border-width: 1px;
   2201     border-style: solid;
   2202     border-width: 2px;
   2203     background-color: transparent;
   2204 }
   2205 
   2206 .color-active-badge.color-light,
   2207 .color-active-badge.color-light:hover {
   2208     border-color: alpha(black, 0.3);
   2209     color: alpha(black, 0.3);
   2210 }
   2211 
   2212 .color-active-badge.color-dark,
   2213 .color-active-badge.color-dark:hover {
   2214     border-color: alpha(white, 0.3);
   2215     color: alpha(white, 0.3);
   2216 }
   2217 
   2218 GtkColorEditor GtkColorSwatch {
   2219     border-radius: 2px;
   2220 }
   2221 
   2222 GtkColorEditor GtkColorSwatch.color-dark:hover,
   2223 GtkColorEditor GtkColorSwatch.color-light:hover {
   2224     background-image: none;
   2225     border-color: alpha(black, 0.3);
   2226 }
   2227 
   2228 GtkColorButton.button {
   2229     padding: 2px;
   2230 }
   2231 
   2232 /**************
   2233  * header-bar *
   2234  **************/
   2235 .header-bar {
   2236     padding: 4px;
   2237     border-width: 0 0 1px 0;
   2238     border-style: solid;
   2239     border-color: shade(@titlebar_bg_color, 0.8);
   2240     background-color: @titlebar_bg_color;
   2241     background-image: none;
   2242     color: @titlebar_fg_color;
   2243 }
   2244 
   2245 .header-bar .button.text-button {
   2246     padding: 4px;
   2247 }
   2248 
   2249 .header-bar .button.image-button {
   2250     padding: 6px;
   2251 }
   2252 
   2253 .header-bar .title {
   2254     font: bold;
   2255     padding: 0 12px;
   2256 }
   2257 
   2258 .header-bar .subtitle {
   2259     font: smaller;
   2260     padding: 0 12px;
   2261 }
   2262 
   2263 .header-bar GtkComboBox,
   2264 .header-bar .button {
   2265     border-color: shade(@titlebar_bg_color, 0.8);
   2266     background-color: shade(@titlebar_bg_color, 1.08);
   2267     background-image: none;
   2268     color: @titlebar_fg_color;
   2269 }
   2270 
   2271 .header-bar .button:hover {
   2272     border-color: shade(@titlebar_bg_color, 0.7);
   2273     background-color: shade(@titlebar_bg_color, 1.10);
   2274     background-image: none;
   2275 }
   2276 
   2277 .header-bar .button:active,
   2278 .header-bar .button:checked {
   2279     border-color: shade(@titlebar_bg_color, 0.8);
   2280     background-color: shade(@titlebar_bg_color, 0.95);
   2281     background-image: none;
   2282 }
   2283 
   2284 .header-bar .button:active:hover,
   2285 .header-bar .button:checked:hover {
   2286     border-color: shade(@titlebar_bg_color, 0.7);
   2287 }
   2288 
   2289 .header-bar .button:focus,
   2290 .header-bar .button:hover:focus,
   2291 .header-bar .button:active:focus,
   2292 .header-bar .button:checked:focus,
   2293 .header-bar .button:active:hover:focus
   2294 .header-bar .button:checked:hover:focus {
   2295     border-color: shade(@titlebar_bg_color, 0.7);
   2296 }
   2297 
   2298 .header-bar .button:insensitive {
   2299     border-color: shade(@titlebar_bg_color, 0.85);
   2300     background-color: shade(@titlebar_bg_color, 0.9);
   2301     background-image: none;
   2302 }
   2303 
   2304 .header-bar .button:active:insensitive,
   2305 .header-bar .button:checked:insensitive {
   2306     border-color: shade(@titlebar_bg_color, 0.75);
   2307     background-color: shade(@titlebar_bg_color, 0.80);
   2308     background-image: none;
   2309 }
   2310 
   2311 .header-bar .entry {
   2312     border-color: shade(@titlebar_bg_color, 0.8);
   2313 }
   2314 
   2315 .header-bar .entry:active,
   2316 .header-bar .entry:focus {
   2317     border-color: shade(@titlebar_bg_color, 0.7);
   2318 }
   2319 
   2320 /***********
   2321  * toolbar *
   2322  ***********/
   2323 .toolbar {
   2324     padding: 4px;
   2325     border-style: none;
   2326     background-color: @toolbar_bg_color;
   2327     background-image: none;
   2328     color: @toolbar_fg_color;
   2329 }
   2330 
   2331 .toolbar .button {
   2332     padding: 2px;
   2333 }
   2334 
   2335 .toolbar .button.text-button {
   2336     padding: 2px 4px;
   2337 }
   2338 
   2339 .toolbar .button.image-button {
   2340     padding: 4px 3px 3px 4px;
   2341 }
   2342 
   2343 .toolbar:insensitive {
   2344     background-color: shade(@toolbar_bg_color, 0.9);
   2345     color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.5);
   2346 }
   2347 
   2348 /* menubar toolbars */
   2349 .toolbar.menubar {
   2350     -GtkToolbar-button-relief: normal;
   2351 }
   2352 
   2353 /*******************
   2354  * primary-toolbar *
   2355  *******************/
   2356 .primary-toolbar,
   2357 .primary-toolbar .toolbar,
   2358 .primary-toolbar.toolbar {
   2359     -GtkWidget-window-dragging: true;
   2360 
   2361     padding: 4px;
   2362     border-width: 0 0 1px 0;
   2363     border-style: solid;
   2364     border-color: shade(@toolbar_bg_color, 0.8);
   2365     background-color: @toolbar_bg_color;
   2366     background-image: none;
   2367     color: @toolbar_fg_color;
   2368 }
   2369 
   2370 .primary-toolbar GtkComboBox,
   2371 .primary-toolbar .button {
   2372     padding: 2px;
   2373     border-width: 1px;
   2374     border-color: transparent;
   2375     border-radius: 2px;
   2376     background-color: transparent;
   2377     background-image: none;
   2378     color: @toolbar_fg_color;
   2379 }
   2380 
   2381 .primary-toolbar GtkComboBox.flat,
   2382 .primary-toolbar .button.flat,
   2383 .primary-toolbar GtkComboBox.flat,
   2384 .primary-toolbar .button.flat,
   2385 .toolbar GtkComboBox.flat,
   2386 .toolbar .button.flat,
   2387 .primary-toolbar GtkComboBox.flat:insensitive,
   2388 .primary-toolbar .button.flat:insensitive,
   2389 .primary-toolbar GtkComboBox.flat:insensitive,
   2390 .primary-toolbar .button.flat:insensitive,
   2391 .toolbar GtkComboBox.flat:insensitive,
   2392 .toolbar .button.flat:insensitive {
   2393     border-color: transparent;
   2394     background-color: transparent;
   2395     background-image: none;
   2396     box-shadow: none;
   2397 }
   2398 
   2399 .primary-toolbar .raised .button,
   2400 .primary-toolbar .raised.button,
   2401 .toolbar GtkComboBox,
   2402 .toolbar .button {
   2403     border-color: shade(@toolbar_bg_color, 0.8);
   2404     background-color: shade(@toolbar_bg_color, 1.08);
   2405     background-image: none;
   2406     color: @toolbar_fg_color;
   2407 }
   2408 
   2409 .primary-toolbar .button:hover,
   2410 .toolbar .button:hover {
   2411     border-color: shade(@toolbar_bg_color, 0.7);
   2412     background-color: shade(@toolbar_bg_color, 1.10);
   2413     background-image: none;
   2414 }
   2415 
   2416 .primary-toolbar .button:active,
   2417 .toolbar .button:active,
   2418 .primary-toolbar .button:checked,
   2419 .toolbar .button:checked {
   2420     border-color: shade(@toolbar_bg_color, 0.8);
   2421     background-color: shade(@toolbar_bg_color, 0.95);
   2422     background-image: none;
   2423 }
   2424 
   2425 .primary-toolbar .button:active:hover,
   2426 .toolbar .button:active:hover,
   2427 .primary-toolbar .button:checked:hover,
   2428 .toolbar .button:checked:hover {
   2429     border-color: shade(@toolbar_bg_color, 0.7);
   2430 }
   2431 
   2432 .primary-toolbar .button:focus,
   2433 .primary-toolbar .button:hover:focus,
   2434 .primary-toolbar .button:active:focus,
   2435 .primary-toolbar .button:active:hover:focus,
   2436 .primary-toolbar .button:checked:focus,
   2437 .primary-toolbar .button:checked:hover:focus,
   2438 .toolbar .button:focus,
   2439 .toolbar .button:hover:focus,
   2440 .toolbar .button:active:focus,
   2441 .toolbar .button:active:hover:focus,
   2442 .toolbar .button:checked:focus,
   2443 .toolbar .button:checked:hover:focus {
   2444     border-color: shade(@toolbar_bg_color, 0.7);
   2445 }
   2446 
   2447 .primary-toolbar .button:insensitive,
   2448 .toolbar .button:insensitive {
   2449     border-color: shade(@toolbar_bg_color, 0.85);
   2450     background-color: shade(@toolbar_bg_color, 0.9);
   2451     background-image: none;
   2452 }
   2453 
   2454 .primary-toolbar .button:active:insensitive,
   2455 .toolbar .button:active:insensitive,
   2456 .primary-toolbar .button:checked:insensitive,
   2457 .toolbar .button:checked:insensitive {
   2458     border-color: shade(@toolbar_bg_color, 0.75);
   2459     background-color: shade(@toolbar_bg_color, 0.80);
   2460     background-image: none;
   2461 }
   2462 
   2463 .primary-toolbar .entry,
   2464 .toolbar .entry {
   2465     border-color: shade(@toolbar_bg_color, 0.8);
   2466 }
   2467 
   2468 .primary-toolbar .entry:active,
   2469 .primary-toolbar .entry:focus,
   2470 .toolbar .entry:active,
   2471 .toolbar .entry:focus {
   2472     border-color: shade(@toolbar_bg_color, 0.7);
   2473 }
   2474 
   2475 /* inline-toolbar */
   2476 .inline-toolbar.toolbar {
   2477     -GtkToolbar-button-relief: normal;
   2478 
   2479     padding: 1px;
   2480     border-width: 1px;
   2481     border-style: solid;
   2482     border-color: shade(@theme_bg_color, 0.8);
   2483     border-radius: 0;
   2484     background-color: @theme_bg_color;
   2485     background-image: none;
   2486 }
   2487 
   2488 .inline-toolbar.toolbar:last-child {
   2489     border-width: 0 1px 1px 1px;
   2490     border-color: shade(@theme_bg_color, 0.8);
   2491     border-radius: 0;
   2492 }
   2493 
   2494 .inline-toolbar.toolbar .button {
   2495     padding: 1px;
   2496     border-width: 1px 0 1px 1px;
   2497     border-style: solid;
   2498     border-color: shade(@theme_bg_color, 0.8);
   2499     border-radius: 0;
   2500     background-color: shade(@theme_bg_color, 1.08);
   2501     background-image: none;
   2502     color: @theme_fg_color;
   2503 }
   2504 
   2505 .inline-toolbar.toolbar .button:hover {
   2506     border-color: shade(@theme_bg_color, 0.7);
   2507     background-color: shade(@theme_bg_color, 1.10);
   2508     background-image: none;
   2509 }
   2510 
   2511 .inline-toolbar.toolbar .button:active,
   2512 .inline-toolbar.toolbar .button:checked {
   2513     border-color: shade(@theme_bg_color, 0.8);
   2514     background-color: shade(@theme_bg_color, 0.95);
   2515     background-image: none;
   2516 }
   2517 
   2518 .inline-toolbar.toolbar .button:active:hover,
   2519 .inline-toolbar.toolbar .button:checked:hover {
   2520     border-color: shade(@theme_bg_color, 0.7);
   2521 }
   2522 
   2523 .inline-toolbar.toolbar .button:focus,
   2524 .inline-toolbar.toolbar .button:hover:focus,
   2525 .inline-toolbar.toolbar .button:active:focus,
   2526 .inline-toolbar.toolbar .button:active:hover:focus,
   2527 .inline-toolbar.toolbar .button:checked:focus,
   2528 .inline-toolbar.toolbar .button:checked:hover:focus {
   2529     border-color: shade(@theme_bg_color, 0.7);
   2530 }
   2531 
   2532 .inline-toolbar.toolbar .button:insensitive,
   2533 .inline-toolbar.toolbar GtkToolButton .button:insensitive {
   2534     border-color: shade(@theme_bg_color, 0.85);
   2535     background-color: shade(@theme_bg_color, 0.9);
   2536     background-image: none;
   2537 }
   2538 
   2539 .inline-toolbar.toolbar .button:active:insensitive
   2540 .inline-toolbar.toolbar GtkToolButton .button:active:insensitive,
   2541 .inline-toolbar.toolbar .button:checked:insensitive
   2542 .inline-toolbar.toolbar GtkToolButton .button:checked:insensitive {
   2543     border-color: shade(@theme_bg_color, 0.75);
   2544     background-color: shade(@theme_bg_color, 0.80);
   2545     background-image: none;
   2546 }
   2547 
   2548 /******************
   2549  * linked buttons *
   2550  *****************/
   2551 /* set up shadows for visual separation */
   2552 .linked .button,
   2553 .inline-toolbar.toolbar .button,
   2554 .inline-toolbar.toolbar GtkToolButton .button,
   2555 .inline-toolbar.toolbar GtkToolButton > .button {
   2556     box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
   2557 }
   2558 
   2559 .linked .button:active,
   2560 .inline-toolbar.toolbar .button:active,
   2561 .inline-toolbar.toolbar GtkToolButton .button:active,
   2562 .inline-toolbar.toolbar GtkToolButton > .button:active,
   2563 .linked .button:checked,
   2564 .inline-toolbar.toolbar .button:checked,
   2565 .inline-toolbar.toolbar GtkToolButton .button:checked,
   2566 .inline-toolbar.toolbar GtkToolButton > .button:checked {
   2567     box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9),
   2568                 inset 1px 0 alpha(@dark_shadow, 0.07),
   2569                 inset 0 1px alpha(@dark_shadow, 0.08),
   2570                 inset 0 -1px alpha(@dark_shadow, 0.05);
   2571 }
   2572 
   2573 .linked .button:insensitive,
   2574 .inline-toolbar.toolbar .button:insensitive,
   2575 .inline-toolbar.toolbar GtkToolButton .button:insensitive,
   2576 .inline-toolbar.toolbar GtkToolButton > .button:insensitive {
   2577     box-shadow: inset -1px 0 shade(@theme_bg_color, 0.85);
   2578 }
   2579 
   2580 /* remove box shadow from last-child and only-child */
   2581 .linked .button:last-child,
   2582 .linked .button:only-child,
   2583 .linked .button:insensitive:last-child,
   2584 .linked .button:insensitive:only-child,
   2585 .linked .button:active:insensitive:last-child,
   2586 .linked .button:active:insensitive:only-child,
   2587 .linked .button:checked:insensitive:last-child,
   2588 .linked .button:checked:insensitive:only-child,
   2589 .inline-toolbar.toolbar .button:last-child,
   2590 .inline-toolbar.toolbar .button:only-child,
   2591 .inline-toolbar.toolbar .button:insensitive:last-child,
   2592 .inline-toolbar.toolbar .button:insensitive:only-child,
   2593 .inline-toolbar.toolbar .button:active:insensitive:last-child,
   2594 .inline-toolbar.toolbar .button:active:insensitive:only-child,
   2595 .inline-toolbar.toolbar .button:checked:insensitive:last-child,
   2596 .inline-toolbar.toolbar .button:checked:insensitive:only-child,
   2597 .inline-toolbar.toolbar GtkToolButton:last-child > .button,
   2598 .inline-toolbar.toolbar GtkToolButton:only-child > .button,
   2599 .inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive,
   2600 .inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive,
   2601 .inline-toolbar.toolbar GtkToolButton:last-child > .button:active:insensitive,
   2602 .inline-toolbar.toolbar GtkToolButton:only-child > .button:active:insensitive,
   2603 .inline-toolbar.toolbar GtkToolButton:last-child > .button:checked:insensitive,
   2604 .inline-toolbar.toolbar GtkToolButton:only-child > .button:checked:insensitive {
   2605     box-shadow: none;
   2606 }
   2607 
   2608 /* add back the inset shadow effect */
   2609 .linked .button:active:last-child,
   2610 .linked .button:active:only-child,
   2611 .inline-toolbar.toolbar .button:active:last-child,
   2612 .inline-toolbar.toolbar .button:active:only-child,
   2613 .inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
   2614 .inline-toolbar.toolbar GtkToolButton:only-child > .button:active,
   2615 .linked .button:checked:last-child,
   2616 .linked .button:checked:only-child,
   2617 .inline-toolbar.toolbar .button:checked:last-child,
   2618 .inline-toolbar.toolbar .button:checked:only-child,
   2619 .inline-toolbar.toolbar GtkToolButton:last-child > .button:checked,
   2620 .inline-toolbar.toolbar GtkToolButton:only-child > .button:checked {
   2621     box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
   2622                 inset 0 1px alpha(@dark_shadow, 0.08),
   2623                 inset -1px 0 alpha(@dark_shadow, 0.07);
   2624 }
   2625 
   2626 /* middle button */
   2627 .linked .entry,
   2628 .linked .button,
   2629 .linked .button:active,
   2630 .linked .button:active:hover,
   2631 .linked .button:checked,
   2632 .linked .button:checked:hover,
   2633 .linked .button:insensitive,
   2634 .inline-toolbar.toolbar .button,
   2635 .inline-toolbar.toolbar .button:active,
   2636 .inline-toolbar.toolbar .button:checked,
   2637 .inline-toolbar.toolbar .button:insensitive,
   2638 .inline-toolbar.toolbar GtkToolButton .button,
   2639 .inline-toolbar.toolbar GtkToolButton .button:active,
   2640 .inline-toolbar.toolbar GtkToolButton .button:checked,
   2641 .inline-toolbar.toolbar GtkToolButton .button:insensitive {
   2642     border-width: 1px;
   2643     border-radius: 0;
   2644     border-right-width: 0;
   2645     border-left-width: 0;
   2646 }
   2647 
   2648 /*leftmost button */
   2649 .linked .entry:first-child,
   2650 .linked .button:first-child,
   2651 .linked .button:active:first-child,
   2652 .linked .button:active:hover:first-child,
   2653 .linked .button:checked:first-child,
   2654 .linked .button:checked:hover:first-child,
   2655 .linked .button:insensitive:first-child,
   2656 .inline-toolbar.toolbar .button:first-child,
   2657 .inline-toolbar.toolbar .button:active:first-child,
   2658 .inline-toolbar.toolbar .button:checked:first-child,
   2659 .inline-toolbar.toolbar .button:insensitive:first-child,
   2660 .inline-toolbar.toolbar GtkToolButton:first-child .button,
   2661 .inline-toolbar.toolbar GtkToolButton:first-child .button:active,
   2662 .inline-toolbar.toolbar GtkToolButton:first-child .button:checked,
   2663 .inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive {
   2664     border-width: 1px;
   2665     border-radius: 2px;
   2666     border-right-width: 0;
   2667     border-bottom-right-radius: 0;
   2668     border-top-right-radius: 0;
   2669 }
   2670 
   2671 /* rightmost button */
   2672 .linked .entry:last-child,
   2673 .linked .button:last-child,
   2674 .linked .button:active:last-child,
   2675 .linked .button:active:hover:last-child,
   2676 .linked .button:checked:last-child,
   2677 .linked .button:checked:hover:last-child,
   2678 .linked .button:insensitive:last-child,
   2679 .inline-toolbar.toolbar .button:last-child,
   2680 .inline-toolbar.toolbar .button:active:last-child,
   2681 .inline-toolbar.toolbar .button:checked:last-child,
   2682 .inline-toolbar.toolbar .button:insensitive:last-child,
   2683 .inline-toolbar.toolbar GtkToolButton:last-child .button,
   2684 .inline-toolbar.toolbar GtkToolButton:last-child .button:active,
   2685 .inline-toolbar.toolbar GtkToolButton:last-child .button:checked,
   2686 .inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive {
   2687     border-width: 1px;
   2688     border-radius: 2px;
   2689     border-left-width: 0;
   2690     border-bottom-left-radius: 0;
   2691     border-top-left-radius: 0;
   2692 }
   2693 
   2694 /* linked single button */
   2695 .linked .entry:only-child,
   2696 .linked .button:only-child,
   2697 .linked .button:active:only-child,
   2698 .linked .button:active:hover:only-child,
   2699 .linked .button:checked:only-child,
   2700 .linked .button:checked:hover:only-child,
   2701 .linked .button:insensitive:only-child,
   2702 .inline-toolbar.toolbar .button:only-child,
   2703 .inline-toolbar.toolbar .button:active:only-child,
   2704 .inline-toolbar.toolbar .button:checked:only-child,
   2705 .inline-toolbar.toolbar .button:insensitive:only-child,
   2706 .inline-toolbar.toolbar GtkToolButton:only-child .button,
   2707 .inline-toolbar.toolbar GtkToolButton:only-child .button:active,
   2708 .inline-toolbar.toolbar GtkToolButton:only-child .button:checked,
   2709 .inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive {
   2710     border-width: 1px;
   2711     border-radius: 2px;
   2712 }
   2713 
   2714 /* linked button shadows (vertical) */
   2715 .linked.vertical .button,
   2716 .inline-toolbar.toolbar.vertical .button,
   2717 .inline-toolbar.toolbar.vertical GtkToolButton > .button {
   2718     box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9);
   2719 }
   2720 
   2721 .linked.vertical .button:active,
   2722 .inline-toolbar.toolbar.vertical .button:active,
   2723 .inline-toolbar.toolbar.vertical GtkToolButton > .button:activeactive,
   2724 .linked.vertical .button:checked,
   2725 .inline-toolbar.toolbar.vertical .button:checked,
   2726 .inline-toolbar.toolbar.vertical GtkToolButton > .button:checked {
   2727     box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9),
   2728                 inset 1px 0 alpha(@dark_shadow, 0.07),
   2729                 inset 0 1px alpha(@dark_shadow, 0.08),
   2730                 inset -1px 0 alpha(@dark_shadow, 0.07);
   2731 }
   2732 
   2733 .linked.vertical .button:insensitive,
   2734 .inline-toolbar.toolbar.vertical .button:insensitive,
   2735 .inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
   2736     box-shadow: inset 0 -1px shade(@theme_bg_color, 0.85);
   2737 }
   2738 
   2739 /* remove box shadow from last-child and only-child */
   2740 .linked.vertical .button:last-child,
   2741 .linked.vertical .button:only-child,
   2742 .linked.vertical .button:insensitive:last-child,
   2743 .linked.vertical .button:insensitive:only-child,
   2744 .linked.vertical .button:active:insensitive:last-child,
   2745 .linked.vertical .button:active:insensitive:only-child,
   2746 .linked.vertical .button:checked:insensitive:last-child,
   2747 .linked.vertical .button:checked:insensitive:only-child,
   2748 .inline-toolbar.toolbar.vertical .button:last-child,
   2749 .inline-toolbar.toolbar.vertical .button:only-child,
   2750 .inline-toolbar.toolbar.vertical .button:insensitive:last-child,
   2751 .inline-toolbar.toolbar.vertical .button:insensitive:only-child,
   2752 .inline-toolbar.toolbar.vertical .button:active:insensitive:last-child,
   2753 .inline-toolbar.toolbar.vertical .button:active:insensitive:only-child,
   2754 .inline-toolbar.toolbar.vertical .button:checked:insensitive:last-child,
   2755 .inline-toolbar.toolbar.vertical .button:checked:insensitive:only-child,
   2756 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
   2757 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
   2758 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive,
   2759 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive,
   2760 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active:insensitive,
   2761 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active:insensitive,
   2762 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:checked:insensitive,
   2763 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:checked:insensitive {
   2764     box-shadow: none;
   2765 }
   2766 
   2767 /* add back the inset shadow effect */
   2768 .linked.vertical .button:active:last-child,
   2769 .linked.vertical .button:active:only-child,
   2770 .inline-toolbar.toolbar.vertical .button:active:last-child,
   2771 .inline-toolbar.toolbar.vertical .button:active:only-child,
   2772 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
   2773 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active,
   2774 .linked.vertical .button:active:last-child,
   2775 .linked.vertical .button:active:only-child,
   2776 .inline-toolbar.toolbar.vertical .button:active:last-child,
   2777 .inline-toolbar.toolbar.vertical .button:active:only-child,
   2778 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
   2779 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active,
   2780 .linked.vertical .button:checked:last-child,
   2781 .linked.vertical .button:checked:only-child,
   2782 .inline-toolbar.toolbar.vertical .button:checked:last-child,
   2783 .inline-toolbar.toolbar.vertical .button:checked:only-child,
   2784 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:checked,
   2785 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:checked {
   2786     box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
   2787                 inset 0 1px alpha(@dark_shadow, 0.08),
   2788                 inset -1px 0 alpha(@dark_shadow, 0.07);
   2789 }
   2790 
   2791 /* middle button (vertical) */
   2792 .linked.vertical .entry,
   2793 .linked.vertical .button,
   2794 .linked.vertical .button:active,
   2795 .linked.vertical .button:active:hover,
   2796 .linked.vertical .button:checked,
   2797 .linked.vertical .button:checked:hover,
   2798 .linked.vertical .button:insensitive {
   2799     border-width: 1px;
   2800     border-radius: 0;
   2801     border-top-width: 0;
   2802     border-bottom-width: 0;
   2803 }
   2804 
   2805 /* top button (vertical) */
   2806 .linked.vertical .entry:first-child,
   2807 .linked.vertical .button:first-child,
   2808 .linked.vertical .button:active:first-child,
   2809 .linked.vertical .button:active:hover:first-child,
   2810 .linked.vertical .button:checked:first-child,
   2811 .linked.vertical .button:checked:hover:first-child,
   2812 .linked.vertical .button:insensitive:first-child {
   2813     border-width: 1px;
   2814     border-radius: 2px;
   2815     border-bottom-width: 0;
   2816     border-bottom-right-radius: 0;
   2817     border-bottom-left-radius: 0;
   2818 }
   2819 
   2820 /* bottom button (vertical) */
   2821 .linked.vertical .entry:last-child,
   2822 .linked.vertical .button:last-child,
   2823 .linked.vertical .button:active:last-child,
   2824 .linked.vertical .button:active:hover:last-child,
   2825 .linked.vertical .button:checked:last-child,
   2826 .linked.vertical .button:checked:hover:last-child,
   2827 .linked.vertical .button:insensitive:last-child {
   2828     border-width: 1px;
   2829     border-radius: 2px;
   2830     border-top-width: 0;
   2831     border-top-left-radius: 0;
   2832     border-top-right-radius: 0;
   2833 }
   2834 
   2835 /* linked single button (vertical) */
   2836 .linked.vertical .entry:only-child,
   2837 .linked.vertical .button:only-child,
   2838 .linked.vertical .button:active:only-child,
   2839 .linked.vertical .button:active:hover:only-child,
   2840 .linked.vertical .button:checked:only-child,
   2841 .linked.vertical .button:checked:hover:only-child,
   2842 .linked.vertical .button:insensitive:only-child {
   2843     border-width: 1px;
   2844     border-radius: 2px;
   2845 }
   2846 
   2847 /* linked toolbar buttons */
   2848 .primary-toolbar .button.raised.linked,
   2849 .primary-toolbar .raised.linked .button,
   2850 .toolbar .button.raised.linked,
   2851 .toolbar .raised.linked .button,
   2852 .toolbar .linked .button {
   2853     box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9);
   2854 }
   2855 
   2856 .primary-toolbar .button.raised.linked:active,
   2857 .primary-toolbar .raised.linked .button:active,
   2858 .toolbar .button.raised.linked:active,
   2859 .toolbar .raised.linked .button:active,
   2860 .toolbar .linked .button:active,
   2861 .primary-toolbar .raised.linked .button:checked,
   2862 .toolbar .button.raised.linked:checked,
   2863 .toolbar .raised.linked .button:checked,
   2864 .toolbar .linked .button:checked {
   2865     box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9),
   2866                 inset 1px 0 alpha(@dark_shadow, 0.07),
   2867                 inset 0 1px alpha(@dark_shadow, 0.08),
   2868                 inset 0 -1px alpha(@dark_shadow, 0.05);
   2869 }
   2870 
   2871 .primary-toolbar .button.raised.linked:insensitive,
   2872 .primary-toolbar .raised.linked .button:insensitive,
   2873 .toolbar .button.raised.linked:insensitive,
   2874 .toolbar .raised.linked .button:insensitive,
   2875 .toolbar .linked .button:insensitive {
   2876     box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.85);
   2877 }
   2878 
   2879 /* remove box shadow from last-child and only-child */
   2880 .primary-toolbar .button.raised.linked:last-child,
   2881 .primary-toolbar .button.raised.linked:only-child,
   2882 .primary-toolbar .button:insensitive.raised.linked:last-child,
   2883 .primary-toolbar .button:insensitive.raised.linked:only-child,
   2884 .primary-toolbar .button:active:insensitive.raised.linked:last-child,
   2885 .primary-toolbar .button:active:insensitive.raised.linked:only-child,
   2886 .primary-toolbar .button:checked:insensitive.raised.linked:last-child,
   2887 .primary-toolbar .button:checked:insensitive.raised.linked:only-child,
   2888 .primary-toolbar .raised.linked .button:last-child,
   2889 .primary-toolbar .raised.linked .button:only-child,
   2890 .primary-toolbar .raised.linked .button:insensitive:last-child,
   2891 .primary-toolbar .raised.linked .button:insensitive:only-child,
   2892 .primary-toolbar .raised.linked .button:active:insensitive:last-child,
   2893 .primary-toolbar .raised.linked .button:active:insensitive:only-child,
   2894 .primary-toolbar .raised.linked .button:checked:insensitive:last-child,
   2895 .primary-toolbar .raised.linked .button:checked:insensitive:only-child,
   2896 .toolbar .button.raised.linked:last-child,
   2897 .toolbar .button.raised.linked:only-child,
   2898 .toolbar .button:insensitive.raised.linked:last-child,
   2899 .toolbar .button:insensitive.raised.linked:only-child,
   2900 .toolbar .button:active:insensitive.raised.linked:last-child,
   2901 .toolbar .button:active:insensitive.raised.linked:only-child,
   2902 .toolbar .button:checked:insensitive.raised.linked:last-child,
   2903 .toolbar .button:checked:insensitive.raised.linked:only-child,
   2904 .toolbar .raised.linked .button:last-child,
   2905 .toolbar .raised.linked .button:only-child,
   2906 .toolbar .raised.linked .button:insensitive:last-child,
   2907 .toolbar .raised.linked .button:insensitive:only-child,
   2908 .toolbar .raised.linked .button:active:insensitive:last-child,
   2909 .toolbar .raised.linked .button:active:insensitive:only-child,
   2910 .toolbar .raised.linked .button:checked:insensitive:last-child,
   2911 .toolbar .raised.linked .button:checked:insensitive:only-child,
   2912 .toolbar .linked .button:last-child,
   2913 .toolbar .linked .button:only-child,
   2914 .toolbar .linked .button:insensitive:last-child,
   2915 .toolbar .linked .button:insensitive:only-child,
   2916 .toolbar .linked .button:active:insensitive:last-child,
   2917 .toolbar .linked .button:active:insensitive:only-child
   2918 .toolbar .linked .button:checked:insensitive:last-child,
   2919 .toolbar .linked .button:checked:insensitive:only-child {
   2920     box-shadow: none;
   2921 }
   2922 
   2923 /* add back the inset shadow effect */
   2924 .primary-toolbar .button:active.raised.linked:last-child,
   2925 .primary-toolbar .button:active.raised.linked:only-child,
   2926 .primary-toolbar .raised.linked .button:active:last-child,
   2927 .primary-toolbar .raised.linked .button:active:only-child,
   2928 .toolbar .button:active.raised.linked:last-child,
   2929 .toolbar .button:active.raised.linked:only-child,
   2930 .toolbar .raised.linked .button:active:last-child,
   2931 .toolbar .raised.linked .button:active:only-child,
   2932 .toolbar .linked .button:active:last-child,
   2933 .toolbar .linked .button:active:only-child,
   2934 .primary-toolbar .button:checked.raised.linked:last-child,
   2935 .primary-toolbar .button:checked.raised.linked:only-child,
   2936 .primary-toolbar .raised.linked .button:checked:last-child,
   2937 .primary-toolbar .raised.linked .button:checked:only-child,
   2938 .toolbar .button:checked.raised.linked:last-child,
   2939 .toolbar .button:checked.raised.linked:only-child,
   2940 .toolbar .raised.linked .button:checked:last-child,
   2941 .toolbar .raised.linked .button:checked:only-child,
   2942 .toolbar .linked .button:checked:last-child,
   2943 .toolbar .linked .button:checked:only-child {
   2944     box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
   2945                 inset 0 1px alpha(@dark_shadow, 0.08),
   2946                 inset -1px 0 alpha(@dark_shadow, 0.07);
   2947 }
   2948 
   2949 /* middle button */
   2950 .primary-toolbar .button.raised.linked,
   2951 .primary-toolbar .button.raised.linked:active,
   2952 .primary-toolbar .button.raised.linked:checked,
   2953 .primary-toolbar .button.raised.linked:insensitive,
   2954 .primary-toolbar .raised.linked .button,
   2955 .primary-toolbar .raised.linked .button:active,
   2956 .primary-toolbar .raised.linked .button:checked,
   2957 .primary-toolbar .raised.linked .button:insensitive,
   2958 .toolbar .button.raised.linked,
   2959 .toolbar .button.raised.linked:active,
   2960 .toolbar .button.raised.linked:checked,
   2961 .toolbar .button.raised.linked:insensitive,
   2962 .toolbar .raised.linked .button,
   2963 .toolbar .raised.linked .button:active,
   2964 .toolbar .raised.linked .button:checked,
   2965 .toolbar .raised.linked .button:insensitive,
   2966 .toolbar .linked .button,
   2967 .toolbar .linked .button:active,
   2968 .toolbar .linked .button:checked,
   2969 .toolbar .linked .button:insensitive {
   2970     border-width: 1px;
   2971     border-radius: 0;
   2972     border-right-width: 0;
   2973     border-left-width: 0;
   2974 }
   2975 
   2976 /* leftmost button */
   2977 .primary-toolbar .button.raised.linked:first-child,
   2978 .primary-toolbar .button.raised.linked:active:first-child,
   2979 .primary-toolbar .button.raised.linked:checked:first-child,
   2980 .primary-toolbar .button.raised.linked:insensitive:first-child,
   2981 .primary-toolbar .raised.linked .button:first-child,
   2982 .primary-toolbar .raised.linked .button:active:first-child,
   2983 .primary-toolbar .raised.linked .button:checked:first-child,
   2984 .primary-toolbar .raised.linked .button:insensitive:first-child,
   2985 .toolbar .button.raised.linked:first-child,
   2986 .toolbar .button.raised.linked:active:first-child,
   2987 .toolbar .button.raised.linked:checked:first-child,
   2988 .toolbar .button.raised.linked:insensitive:first-child,
   2989 .toolbar .raised.linked .button:first-child,
   2990 .toolbar .raised.linked .button:active:first-child,
   2991 .toolbar .raised.linked .button:checked:first-child,
   2992 .toolbar .raised.linked .button:insensitive:first-child,
   2993 .toolbar .linked .button:first-child,
   2994 .toolbar .linked .button:active:first-child,
   2995 .toolbar .linked .button:checked:first-child {
   2996     border-width: 1px;
   2997     border-radius: 2px;
   2998     border-right-width: 0;
   2999     border-bottom-right-radius: 0;
   3000     border-top-right-radius: 0;
   3001 }
   3002 
   3003 /* rightmost button */
   3004 .primary-toolbar .button.raised.linked:last-child,
   3005 .primary-toolbar .button.raised.linked:active:last-child,
   3006 .primary-toolbar .button.raised.linked:checked:last-child,
   3007 .primary-toolbar .button.raised.linked:insensitive:last-child,
   3008 .primary-toolbar .raised.linked .button:last-child,
   3009 .primary-toolbar .raised.linked .button:active:last-child,
   3010 .primary-toolbar .raised.linked .button:checked:last-child,
   3011 .primary-toolbar .raised.linked .button:insensitive:last-child,
   3012 .toolbar .button.raised.linked:last-child,
   3013 .toolbar .button.raised.linked:active:last-child,
   3014 .toolbar .button.raised.linked:checked:last-child,
   3015 .toolbar .button.raised.linked:insensitive:last-child,
   3016 .toolbar .raised.linked .button:last-child,
   3017 .toolbar .raised.linked .button:active:last-child,
   3018 .toolbar .raised.linked .button:checked:last-child,
   3019 .toolbar .raised.linked .button:insensitive:last-child,
   3020 .toolbar .linked .button:last-child,
   3021 .toolbar .linked .button:active:last-child,
   3022 .toolbar .linked .button:checked:last-child,
   3023 .toolbar .linked .button:insensitive:last-child {
   3024     border-width: 1px;
   3025     border-radius: 2px;
   3026     border-left-width: 0;
   3027     border-bottom-left-radius: 0;
   3028     border-top-left-radius: 0;
   3029 }
   3030 
   3031 /* linked single button */
   3032 .primary-toolbar .button.raised.linked:only-child,
   3033 .primary-toolbar .button.raised.linked:active:only-child,
   3034 .primary-toolbar .button.raised.linked:checked:only-child,
   3035 .primary-toolbar .button.raised.linked:insensitive:only-child,
   3036 .primary-toolbar .raised.linked .button:only-child,
   3037 .primary-toolbar .raised.linked .button:active:only-child,
   3038 .primary-toolbar .raised.linked .button:checked:only-child,
   3039 .primary-toolbar .raised.linked .button:insensitive:only-child,
   3040 .toolbar .button.raised.linked:only-child,
   3041 .toolbar .button.raised.linked:active:only-child,
   3042 .toolbar .button.raised.linked:checked:only-child,
   3043 .toolbar .button.raised.linked:insensitive:only-child,
   3044 .toolbar .raised.linked .button:only-child,
   3045 .toolbar .raised.linked .button:active:only-child,
   3046 .toolbar .raised.linked .button:checked:only-child,
   3047 .toolbar .raised.linked .button:insensitive:only-child,
   3048 .toolbar .linked .button:only-child,
   3049 .toolbar .linked .button:active:only-child,
   3050 .toolbar .linked .button:checked:only-child,
   3051 .toolbar .linked .button:insensitive:only-child {
   3052     border-width: 1px;
   3053     border-radius: 2px;
   3054 }
   3055 
   3056 /* linked titlebar buttons */
   3057 .header-bar .button.raised.linked,
   3058 .header-bar .raised.linked .button,
   3059 .header-bar .linked .button {
   3060     box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9);
   3061 }
   3062 
   3063 .header-bar .button.raised.linked:active,
   3064 .header-bar .raised.linked .button:active,
   3065 .header-bar .button.raised.linked:checked,
   3066 .header-bar .raised.linked .button:checked,
   3067 .header-bar .linked .button:active,
   3068 .header-bar .linked .button:checked {
   3069     box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9),
   3070                 inset 1px 0 alpha(@dark_shadow, 0.07),
   3071                 inset 0 1px alpha(@dark_shadow, 0.08),
   3072                 inset 0 -1px alpha(@dark_shadow, 0.05);
   3073 }
   3074 
   3075 .header-bar .button.raised.linked:insensitive,
   3076 .header-bar .raised.linked .button:insensitive,
   3077 .header-bar .linked .button:insensitive {
   3078     box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.85);
   3079 }
   3080 
   3081 /* remove box shadow from last-child and only-child */
   3082 .header-bar .button.raised.linked:last-child,
   3083 .header-bar .button.raised.linked:only-child,
   3084 .header-bar .button:insensitive.raised.linked:last-child,
   3085 .header-bar .button:insensitive.raised.linked:only-child,
   3086 .header-bar .button:active:insensitive.raised.linked:last-child,
   3087 .header-bar .button:active:insensitive.raised.linked:only-child,
   3088 .header-bar .button:checked:insensitive.raised.linked:last-child,
   3089 .header-bar .button:checked:insensitive.raised.linked:only-child,
   3090 .header-bar .raised.linked .button:last-child,
   3091 .header-bar .raised.linked .button:only-child,
   3092 .header-bar .raised.linked .button:insensitive:last-child,
   3093 .header-bar .raised.linked .button:insensitive:only-child,
   3094 .header-bar .raised.linked .button:active:insensitive:last-child,
   3095 .header-bar .raised.linked .button:active:insensitive:only-child,
   3096 .header-bar .raised.linked .button:checked:insensitive:last-child,
   3097 .header-bar .raised.linked .button:checked:insensitive:only-child,
   3098 .header-bar .linked .button:last-child,
   3099 .header-bar .linked .button:only-child,
   3100 .header-bar .linked .button:insensitive:last-child,
   3101 .header-bar .linked .button:insensitive:only-child,
   3102 .header-bar .linked .button:active:insensitive:last-child,
   3103 .header-bar .linked .button:active:insensitive:only-child,
   3104 .header-bar .linked .button:checked:insensitive:last-child,
   3105 .header-bar .linked .button:checked:insensitive:only-child {
   3106     box-shadow: none;
   3107 }
   3108 
   3109 /* add back the inset shadow effect */
   3110 .header-bar .button:active.raised.linked:last-child,
   3111 .header-bar .button:active.raised.linked:only-child,
   3112 .header-bar .raised.linked .button:active:last-child,
   3113 .header-bar .raised.linked .button:active:only-child,
   3114 .header-bar .linked .button:active:last-child,
   3115 .header-bar .linked .button:active:only-child,
   3116 .header-bar .button:checked.raised.linked:last-child,
   3117 .header-bar .button:checked.raised.linked:only-child,
   3118 .header-bar .raised.linked .button:checked:last-child,
   3119 .header-bar .raised.linked .button:checked:only-child,
   3120 .header-bar .linked .button:checked:last-child,
   3121 .header-bar .linked .button:checked:only-child {
   3122     box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
   3123                 inset 0 1px alpha(@dark_shadow, 0.08),
   3124                 inset -1px 0 alpha(@dark_shadow, 0.07);
   3125 }
   3126 
   3127 /* middle button */
   3128 .header-bar .button.raised.linked,
   3129 .header-bar .button.raised.linked:active,
   3130 .header-bar .button.raised.linked:checked,
   3131 .header-bar .button.raised.linked:insensitive,
   3132 .header-bar .raised.linked .button,
   3133 .header-bar .raised.linked .button:active,
   3134 .header-bar .raised.linked .button:checked,
   3135 .header-bar .raised.linked .button:insensitive,
   3136 .header-bar .linked .button,
   3137 .header-bar .linked .button:active,
   3138 .header-bar .linked .button:checked,
   3139 .header-bar .linked .button:insensitive {
   3140     border-width: 1px;
   3141     border-radius: 0;
   3142     border-right-width: 0;
   3143     border-left-width: 0;
   3144 }
   3145 
   3146 /* leftmost button */
   3147 .header-bar .button.raised.linked:first-child,
   3148 .header-bar .button.raised.linked:active:first-child,
   3149 .header-bar .button.raised.linked:insensitive:first-child,
   3150 .header-bar .raised.linked .button:first-child,
   3151 .header-bar .raised.linked .button:active:first-child,
   3152 .header-bar .raised.linked .button:insensitive:first-child,
   3153 .header-bar .linked .button:first-child,
   3154 .header-bar .linked .button:active:first-child,
   3155 .header-bar .linked .button:insensitive:first-child {
   3156     border-width: 1px;
   3157     border-radius: 2px;
   3158     border-right-width: 0;
   3159     border-bottom-right-radius: 0;
   3160     border-top-right-radius: 0;
   3161 }
   3162 
   3163 /* rightmost button */
   3164 .header-bar .button.raised.linked:last-child,
   3165 .header-bar .button.raised.linked:active:last-child,
   3166 .header-bar .button.raised.linked:checked:last-child,
   3167 .header-bar .button.raised.linked:insensitive:last-child,
   3168 .header-bar .raised.linked .button:last-child,
   3169 .header-bar .raised.linked .button:active:last-child,
   3170 .header-bar .raised.linked .button:checked:last-child,
   3171 .header-bar .raised.linked .button:insensitive:last-child,
   3172 .header-bar .linked .button:last-child,
   3173 .header-bar .linked .button:active:last-child,
   3174 .header-bar .linked .button:checked:last-child,
   3175 .header-bar .linked .button:insensitive:last-child {
   3176     border-width: 1px;
   3177     border-radius: 2px;
   3178     border-left-width: 0;
   3179     border-bottom-left-radius: 0;
   3180     border-top-left-radius: 0;
   3181 }
   3182 
   3183 /* linked single button */
   3184 .header-bar .button.raised.linked:only-child,
   3185 .header-bar .button.raised.linked:active:only-child,
   3186 .header-bar .button.raised.linked:checked:only-child,
   3187 .header-bar .button.raised.linked:insensitive:only-child,
   3188 .header-bar .raised.linked .button:only-child,
   3189 .header-bar .raised.linked .button:active:only-child,
   3190 .header-bar .raised.linked .button:checked:only-child,
   3191 .header-bar .raised.linked .button:insensitive:only-child,
   3192 .header-bar .linked .button:only-child,
   3193 .header-bar .linked .button:active:only-child,
   3194 .header-bar .linked .button:checked:only-child,
   3195 .header-bar .linked .button:insensitive:only-child {
   3196     border-width: 1px;
   3197     border-radius: 2px;
   3198 }
   3199 
   3200 /***********
   3201  * tooltip *
   3202  ***********/
   3203 .tooltip {
   3204     border-width: 1px;
   3205     border-style: solid;
   3206     border-color: shade(@theme_tooltip_bg_color, 0.8);
   3207     border-radius: 2px;
   3208     background-color: @theme_tooltip_bg_color;
   3209     background-image: none;
   3210     color: @theme_tooltip_fg_color;
   3211 }
   3212 
   3213 .tooltip.background {
   3214     background-color: @theme_tooltip_bg_color;
   3215     background-clip: padding-box;
   3216 }
   3217 
   3218 .tooltip.window-frame.csd {
   3219     background-color: transparent;
   3220 }
   3221 
   3222 .tooltip * {
   3223     background-color: transparent;
   3224     color: inherit;
   3225 }
   3226 
   3227 /************
   3228  * treeview *
   3229  ************/
   3230 GtkTreeView {
   3231     -GtkTreeView-vertical-separator: 0;
   3232 
   3233     outline-offset: -1px;
   3234 }
   3235 
   3236 GtkTreeView.dnd {
   3237     border-width: 1px;
   3238     border-style: solid;
   3239     border-color: @theme_selected_bg_color;
   3240     border-radius: 0;
   3241 }
   3242 
   3243 GtkTreeView .entry {
   3244     border-radius: 0;
   3245     background-color: @theme_base_color;
   3246     background-image: none;
   3247 }
   3248 
   3249 /************
   3250  * viewport *
   3251  ************/
   3252 GtkViewport.frame {
   3253     border-width: 0;
   3254 }
   3255 
   3256 .view {
   3257     background-color: @theme_base_color;
   3258     color: @theme_text_color;
   3259 }
   3260 
   3261 .view:insensitive,
   3262 .view:insensitive:insensitive {
   3263     background-color: shade(@theme_base_color, 0.9);
   3264     color: mix(@theme_fg_color, @theme_bg_color, 0.5);
   3265 }
   3266 
   3267 .view:selected,
   3268 .view:selected:focus {
   3269     background-color: @theme_selected_bg_color;
   3270     color: @theme_selected_fg_color;
   3271 }
   3272 
   3273 /**************
   3274  * action-bar *
   3275  **************/
   3276 .action-bar {
   3277     padding: 4px;
   3278     border-width: 1px 0 0 0;
   3279     border-style: solid;
   3280     border-color: shade(@theme_bg_color, 0.8);
   3281     background-color: @theme_bg_color;
   3282     background-image: none;
   3283     color: @theme_fg_color;
   3284 }
   3285 
   3286 .action-bar .button.text-button {
   3287     padding: 4px;
   3288 }
   3289 
   3290 .action-bar .button.image-button {
   3291     padding: 6px;
   3292 }
   3293 
   3294 .action-bar .title {
   3295     font: bold;
   3296     padding: 0 12px;
   3297 }
   3298 
   3299 .action-bar .subtitle {
   3300     font: smaller;
   3301     padding: 0 12px;
   3302 }
   3303 
   3304 /***************
   3305  * search bars *
   3306  ***************/
   3307 .search-bar {
   3308     border-width: 0 0 1px 0;
   3309     border-style: solid;
   3310     border-color: shade(@theme_bg_color, 0.8);
   3311     background-color: shade(@theme_bg_color, 0.98);
   3312 }
   3313 
   3314 .search-bar .button.close-button {
   3315     padding: 4px;
   3316 }
   3317 
   3318 /***********
   3319  * dialogs *
   3320  ***********/
   3321 GtkMessageDialog,
   3322 .prompt {
   3323     -GtkDialog-content-area-border: 0;
   3324     -GtkDialog-action-area-border: 0;
   3325     -GtkDialog-button-spacing: 0;
   3326 
   3327     margin: 0;
   3328     padding: 0;
   3329 }
   3330 
   3331 /********************
   3332  * various choosers *
   3333  ********************/
   3334 GtkFontButton .separator,
   3335 GtkFileChooserButton .separator {
   3336     /* always disable separators */
   3337     -GtkWidget-wide-separators: true;
   3338     -GtkWidget-horizontal-separator: 0;
   3339     -GtkWidget-vertical-separator: 0;
   3340 }
   3341 
   3342 GtkFontButton GtkLabel:last-child {
   3343     color: alpha(currentColor, 0.7);
   3344 }
   3345 
   3346 GtkFileChooserButton GtkImage:last-child {
   3347     color: alpha(currentColor, 0.7);
   3348 }
   3349 
   3350 GtkFileChooser .pane-separator,
   3351 GtkFileChooser .pane-separator:hover {
   3352     border-width: 0 1px 0 0;
   3353     border-style: solid;
   3354     border-color: shade(@theme_bg_color, 0.8);
   3355     background-color: @theme_bg_color;
   3356     color: shade(@theme_bg_color, 0.9);
   3357 }
   3358 
   3359 /* for fallback when header bar not used */
   3360 GtkFileChooser .dialog-action-box {
   3361     border-width: 1px 0 0;
   3362     border-style: solid;
   3363     border-color: shade(@theme_bg_color, 0.7);
   3364 }
   3365 
   3366 /*********************
   3367  * app notifications *
   3368  *********************/
   3369 .app-notification {
   3370     border-style: solid;
   3371     border-color: shade(@theme_base_color, 0.8);
   3372     border-width: 0 1px 1px 1px;
   3373     border-radius: 0 0 2px 2px;
   3374     padding: 8px;
   3375     background-color: @theme_base_color;
   3376     background-image: none;
   3377     color: @theme_text_color;
   3378 }
   3379 
   3380 /*******
   3381  * osd *
   3382  *******/
   3383 .background.osd {
   3384     color: @osd_fg;
   3385     background-color: @osd_bg;
   3386 }
   3387 
   3388 GtkOverlay.osd {
   3389     background-color: transparent;
   3390 }
   3391 
   3392 .osd.frame {
   3393     background-clip: border-box;
   3394     background-origin: border-box;
   3395 }
   3396 
   3397 .osd.button,
   3398 .osd .button {
   3399     padding: 4px;
   3400     border-width: 1px;
   3401     border-style: solid;
   3402     border-color: shade(@osd_bg, 0.8);
   3403     border-radius: 2px;
   3404     background-color: shade(@osd_bg, 1.08);
   3405     background-image: none;
   3406     color: @osd_fg;
   3407 }
   3408 
   3409 .osd.button:prelight,
   3410 .osd.button:hover,
   3411 .osd .button:hover {
   3412     border-color: shade(@osd_bg, 0.7);
   3413     background-color: shade(@osd_bg, 1.10);
   3414     background-image: none;
   3415 }
   3416 
   3417 .osd.button:active,
   3418 .osd .button:active,
   3419 .osd GtkMenuButton.button:active,
   3420 .osd.button:checked,
   3421 .osd .button:checked,
   3422 .osd GtkMenuButton.button:checked {
   3423     border-color: shade(@osd_bg, 0.8);
   3424     background-color: shade(@osd_bg, 0.95);
   3425     background-image: none;
   3426 }
   3427 
   3428 .osd.button:active:hover,
   3429 .osd .button:active:hover,
   3430 .osd GtkMenuButton.button:active:hover,
   3431 .osd.button:checked:hover,
   3432 .osd .button:checked:hover,
   3433 .osd GtkMenuButton.button:checked:hover {
   3434     border-color: shade(@osd_bg, 0.7);
   3435 }
   3436 
   3437 .osd.button:insensitive,
   3438 .osd .button:insensitive {
   3439     border-color: shade(@osd_bg, 0.85);
   3440     background-color: shade(@osd_bg, 0.9);
   3441     background-image: none;
   3442 }
   3443 
   3444 .osd.button:active:insensitive,
   3445 .osd .button:active:insensitive,
   3446 .osd.button:checked:insensitive,
   3447 .osd .button:checked:insensitive {
   3448     background-color: shade(@osd_bg, 0.80);
   3449     background-image: none;
   3450 }
   3451 
   3452 .osd.toolbar {
   3453     -GtkToolbar-button-relief: normal;
   3454 
   3455     padding: 4px;
   3456     border-width: 1px;
   3457     border-style: solid;
   3458     border-radius: 2px;
   3459     border-color: shade(@osd_bg, 0.8);
   3460     background-color: @osd_bg;
   3461     background-image: none;
   3462     color: @osd_fg;
   3463 }
   3464 
   3465 .osd.toolbar .button {
   3466     padding: 4px;
   3467     border-width: 1px;
   3468     border-style: solid;
   3469     border-color: shade(@osd_bg, 0.8);
   3470     border-radius: 2px;
   3471     background-color: shade(@osd_bg, 1.08);
   3472     background-image: none;
   3473     color: @osd_fg;
   3474 }
   3475 
   3476 .osd.toolbar .button:hover {
   3477     border-color: shade(@osd_bg, 0.7);
   3478     background-color: shade(@osd_bg, 1.10);
   3479     background-image: none;
   3480 }
   3481 
   3482 .osd.toolbar .button:active,
   3483 .osd.toolbar .button:checked {
   3484     border-color: shade(@osd_bg, 0.8);
   3485     background-color: shade(@osd_bg, 0.95);
   3486     background-image: none;
   3487 }
   3488 
   3489 .osd.toolbar .button:active:hover,
   3490 .osd.toolbar .button:checked:hover {
   3491     border-color: shade(@osd_bg, 0.7);
   3492 }
   3493 
   3494 .osd.toolbar .button:focus,
   3495 .osd.toolbar .button:hover:focus,
   3496 .osd.toolbar .button:active:focus,
   3497 .osd.toolbar .button:active:hover:focus,
   3498 .osd.toolbar .button:checked:focus,
   3499 .osd.toolbar .button:checked:hover:focus {
   3500     border-color: shade(@osd_bg, 0.7);
   3501 }
   3502 
   3503 .osd.toolbar .button:insensitive {
   3504     border-color: shade(@osd_bg, 0.85);
   3505     background-color: shade(@osd_bg, 0.9);
   3506     background-image: none;
   3507 }
   3508 
   3509 .osd.toolbar .button:active:insensitive,
   3510 .osd.toolbar .button:checked:insensitive {
   3511     border-color: shade(@osd_bg, 0.75);
   3512     background-color: shade(@osd_bg, 0.80);
   3513     background-image: none;
   3514 }
   3515 
   3516 .osd.toolbar .button:first-child {
   3517     border-radius: 2px 0 0 2px;
   3518     border-width: 1px 0 1px 1px;
   3519     box-shadow: inset -1px 0 shade(@osd_bg, 0.9);
   3520 }
   3521 
   3522 .osd.toolbar .button:last-child {
   3523     box-shadow: none;
   3524     border-radius: 0 2px 2px 0;
   3525     border-width: 1px 1px 1px 0;
   3526 }
   3527 
   3528 .osd.toolbar .button:only-child,
   3529 .osd.toolbar GtkToolButton .button,
   3530 .osd.toolbar GtkToolButton:only-child .button,
   3531 .osd.toolbar GtkToolButton:last-child .button,
   3532 .osd.toolbar GtkToolButton:first-child .button {
   3533     border-width: 1px;
   3534     border-radius: 2px;
   3535     border-style: solid;
   3536 }
   3537 
   3538 .osd.toolbar .separator {
   3539     color: shade(@osd_bg, 0.9);
   3540 }
   3541 
   3542 /* used by gnome-settings-daemon's media-keys OSD */
   3543 .osd.trough {
   3544     background-color: shade(@osd_bg, 0.8);
   3545 }
   3546 
   3547 .osd.progressbar {
   3548     background-color: @osd_fg;
   3549 }
   3550 
   3551 .osd .scale.slider {
   3552     background-color: shade(@osd_bg, 1.08);
   3553     background-image: none;
   3554     /* we will draw the border using box shadow for now */
   3555     box-shadow: inset 1px 0 shade(@osd_bg, 0.8),
   3556                 inset 0 1px shade(@osd_bg, 0.8),
   3557                 inset -1px 0 shade(@osd_bg, 0.8),
   3558                 inset 0 -1px shade(@osd_bg, 0.8);
   3559 }
   3560 
   3561 .osd .scale.slider:hover {
   3562     box-shadow: inset 1px 0 shade(@osd_bg, 0.7),
   3563                 inset 0 1px shade(@osd_bg, 0.7),
   3564                 inset -1px 0 shade(@osd_bg, 0.7),
   3565                 inset 0 -1px shade(@osd_bg, 0.7);
   3566 }
   3567 
   3568 .osd .scale.slider:insensitive {
   3569     background-color: shade(@osd_bg, 0.9);
   3570     background-image: none;
   3571     box-shadow: inset 1px 0 shade(@osd_bg, 0.85),
   3572                 inset 0 1px shade(@osd_bg, 0.85),
   3573                 inset -1px 0 shade(@osd_bg, 0.85),
   3574                 inset 0 -1px shade(@osd_bg, 0.85);
   3575 }
   3576 
   3577 .osd .scale.trough {
   3578     border-color: shade(@osd_bg, 0.8);
   3579     background-color: shade(@osd_bg, 1.08);
   3580     background-image: none;
   3581 }
   3582 
   3583 .osd .scale.trough.highlight {
   3584     border-color: @theme_selected_bg_color;
   3585     background-color: @theme_selected_bg_color;
   3586     background-image: none;
   3587 }
   3588 
   3589 .osd .scale.trough:insensitive,
   3590 .osd .scale.trough.highlight:insensitive {
   3591     border-color: shade(@osd_bg, 0.85);
   3592     background-color: shade(@osd_bg, 0.9);
   3593     background-image: none;
   3594 }
   3595 
   3596 .osd GtkProgressBar,
   3597 GtkProgressBar.osd {
   3598     -GtkProgressBar-xspacing: 0;
   3599     -GtkProgressBar-yspacing: 2px;
   3600     -GtkProgressBar-min-horizontal-bar-height: 2px;
   3601 
   3602     padding: 0;
   3603 }
   3604 
   3605 .osd GtkProgressBar.trough,
   3606 GtkProgressBar.osd.trough {
   3607     padding: 0;
   3608     border-style: none;
   3609     border-radius: 0;
   3610     background-image: none;
   3611     background-color: transparent;
   3612 }
   3613 
   3614 .osd GtkProgressBar.progressbar,
   3615 GtkProgressBar.osd.progressbar {
   3616     border-style: none;
   3617     border-radius: 0;
   3618     background-color: @theme_selected_bg_color;
   3619     background-image: none;
   3620 }
   3621 
   3622 .osd .view,
   3623 .osd.view {
   3624     background-color: @osd_base;
   3625 }
   3626 
   3627 .osd .scrollbar.trough {
   3628     background-color: @osd_bg;
   3629 }
   3630 
   3631 .osd .scrollbar.slider {
   3632     border-width: 1px;
   3633     border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21);
   3634     border-radius: 0;
   3635     background-color: mix(@osd_base, @osd_fg, 0.21);
   3636 }
   3637 
   3638 .osd .scrollbar.slider:hover {
   3639     border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31);
   3640     background-color: mix(@osd_base, @osd_fg, 0.31);
   3641 }
   3642 
   3643 .osd .scrollbar.slider:active {
   3644     border-color: shade(@theme_selected_bg_color, 0.9);
   3645     background-color: @theme_selected_bg_color;
   3646 }
   3647 
   3648 .osd GtkIconView.cell:selected,
   3649 .osd GtkIconView.cell:selected:focus {
   3650     background-color: transparent;
   3651     border-style: solid;
   3652     border-radius: 2px;
   3653     border-width: 3px;
   3654     border-color: @osd_fg;
   3655     outline-color: transparent;
   3656 }
   3657 
   3658 /* used by Documents */
   3659 .osd .page-thumbnail {
   3660     border-style: solid;
   3661     border-width: 1px;
   3662     border-color: shade(@osd_bg, 0.9);
   3663     /* when there's no pixbuf yet */
   3664     background-color: @osd_bg;
   3665 }
   3666 
   3667 /******************************
   3668  * destructive action buttons *
   3669  ******************************/
   3670 .destructive-action.button {
   3671     border-width: 1px;
   3672     border-style: solid;
   3673     border-color: shade(@error_color, 0.8);
   3674     border-radius: 2px;
   3675     background-color: @error_color;
   3676     background-image: none;
   3677     color: mix(@theme_selected_fg_color, @error_color, 0.1);
   3678 }
   3679 
   3680 .destructive-action.button:hover {
   3681     border-color: shade(@error_color, 0.7);
   3682     background-color: shade(@error_color, 1.12);
   3683     background-image: none;
   3684 }
   3685 
   3686 .destructive-action.button:active,
   3687 .destructive-action.button:checked {
   3688     border-color: shade(@error_color, 0.8);
   3689     background-color: shade(@error_color, 0.87);
   3690     background-image: none;
   3691 }
   3692 
   3693 .destructive-action.button:hover:active {
   3694     border-color: shade(@error_color, 0.7);
   3695 }
   3696 
   3697 /******************************
   3698  * suggested action buttons *
   3699  ******************************/
   3700 .suggested-action.button {
   3701     border-width: 1px;
   3702     border-style: solid;
   3703     border-color: shade(@theme_selected_bg_color, 0.9);
   3704     border-radius: 2px;
   3705     background-color: shade(@theme_selected_bg_color, 1.18);
   3706     background-image: none;
   3707     color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1);
   3708 }
   3709 
   3710 .suggested-action.button:hover {
   3711     border-color: shade(@theme_selected_bg_color, 0.8);
   3712     background-color: shade(@theme_selected_bg_color, 1.20);
   3713     background-image: none;
   3714 }
   3715 
   3716 .suggested-action.button:active,
   3717 .suggested-action.button:checked {
   3718     border-color: shade(@theme_selected_bg_color, 0.9);
   3719     background-color: shade(@theme_selected_bg_color, 1.05);
   3720     background-image: none;
   3721 }
   3722 
   3723 .suggested-action.button:hover:active,
   3724 .suggested-action.button:hover:checked {
   3725     border-color: shade(@theme_selected_bg_color, 0.8);
   3726 }
   3727 
   3728 /******************
   3729  * selection mode *
   3730  ******************/
   3731 .selection-mode.header-bar,
   3732 .selection-mode.toolbar {
   3733     border-style: solid;
   3734     border-color: @theme_selected_bg_color;
   3735     background-color: shade(@theme_selected_bg_color, 1.6);
   3736     background-image: none;
   3737     color: @theme_selected_bg_color;
   3738 }
   3739 
   3740 .selection-mode.header-bar {
   3741     border-top-color: shade(@theme_selected_bg_color, 1.6);
   3742     border-bottom-color: @theme_selected_bg_color;
   3743 }
   3744 
   3745 .selection-mode.toolbar {
   3746     padding: 4px;
   3747 }
   3748 
   3749 /* regular button */
   3750 .selection-mode.header-bar .button,
   3751 .selection-mode.toolbar .button,
   3752 .selection-mode.toolbar GtkToolButton .button {
   3753     border-width: 1px;
   3754     border-style: solid;
   3755     border-color: @theme_selected_bg_color;
   3756     border-radius: 2px;
   3757     background-color: shade(@theme_selected_bg_color, 1.68);
   3758     background-image: none;
   3759     color: shade(@theme_selected_bg_color, 0.8);
   3760 }
   3761 
   3762 .selection-mode.header-bar .button:hover,
   3763 .selection-mode.toolbar .button:hover,
   3764 .selection-mode.toolbar GtkToolButton .button:hover {
   3765     border-color: shade(@theme_selected_bg_color, 0.9);
   3766     background-color: shade(@theme_selected_bg_color, 1.70);
   3767     background-image: none;
   3768 }
   3769 
   3770 .selection-mode.header-bar .button:active,
   3771 .selection-mode.toolbar .button:active,
   3772 .selection-mode.toolbar GtkToolButton .button:active,
   3773 .selection-mode.header-bar .button:checked,
   3774 .selection-mode.toolbar .button:checked,
   3775 .selection-mode.toolbar GtkToolButton .button:checked {
   3776     border-color: shade(@theme_selected_bg_color, 0.9);
   3777     background-color: shade(@theme_selected_bg_color, 1.55);
   3778     background-image: none;
   3779 }
   3780 
   3781 .selection-mode.header-bar .button:hover:active,
   3782 .selection-mode.toolbar .button:hover:active,
   3783 .selection-mode.toolbar GtkToolButton .button:hover:active {
   3784     border-color: shade(@theme_selected_bg_color, 0.8);
   3785 }
   3786 
   3787 /* suggested button */
   3788 .selection-mode.header-bar .suggested-action.button,
   3789 .selection-mode.toolbar .suggested-action.button,
   3790 .selection-mode.toolbar GtkToolButton.suggested-action .button {
   3791     border-width: 1px;
   3792     border-style: solid;
   3793     border-color: shade(@theme_selected_bg_color, 0.9);
   3794     border-radius: 2px;
   3795     background-color: shade(@theme_selected_bg_color, 1.18);
   3796     background-image: none;
   3797     color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1);
   3798 }
   3799 
   3800 .selection-mode.header-bar .suggested-action.button:hover,
   3801 .selection-mode.toolbar .suggested-action.button:hover,
   3802 .selection-mode.toolbar GtkToolButton.suggested-action .button:hover {
   3803     border-color: shade(@theme_selected_bg_color, 0.8);
   3804     background-color: shade(@theme_selected_bg_color, 1.20);
   3805     background-image: none;
   3806 }
   3807 
   3808 .selection-mode.header-bar .suggested-action.button:active,
   3809 .selection-mode.toolbar .suggested-action.button:active,
   3810 .selection-mode.toolbar GtkToolButton.suggested-action:active,
   3811 .selection-mode.header-bar .suggested-action.button:checked,
   3812 .selection-mode.toolbar .suggested-action.button:checked,
   3813 .selection-mode.toolbar GtkToolButton.suggested-action:checked {
   3814     border-color: shade(@theme_selected_bg_color, 0.9);
   3815     background-color: shade(@theme_selected_bg_color, 1.05);
   3816     background-image: none;
   3817 }
   3818 
   3819 .selection-mode.header-bar .suggested-action.button:hover:active,
   3820 .selection-mode.toolbar .suggested-action.button:hover:active,
   3821 .selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active,
   3822 .selection-mode.header-bar .suggested-action.button:hover:checked,
   3823 .selection-mode.toolbar .suggested-action.button:hover:checked,
   3824 .selection-mode.toolbar GtkToolButton.suggested-action .button:hover:checked {
   3825     border-color: shade(@theme_selected_bg_color, 0.8);
   3826 }
   3827 
   3828 /* menu button */
   3829 .selection-mode.header-bar .selection-menu.button,
   3830 .selection-mode.toolbar .selection-menu.button {
   3831     border-style: none;
   3832     background-color: transparent;
   3833     background-image: none;
   3834     color: shade(@theme_selected_bg_color, 0.8);
   3835 }
   3836 
   3837 .selection-mode.toolbar .dim-label,
   3838 .selection-mode.toolbar .selection-menu.button .dim-label {
   3839     color: shade(@theme_selected_bg_color, 0.7);
   3840 }
   3841 
   3842 .selection-mode.header-bar .selection-menu.button:hover,
   3843 .selection-mode.toolbar .dim-label:hover,
   3844 .selection-mode.toolbar .selection-menu.button:hover,
   3845 .selection-mode.toolbar .selection-menu.button .dim-label:hover {
   3846     color: shade(@theme_selected_bg_color, 0.7);
   3847 }
   3848 
   3849 .selection-mode.header-bar .selection-menu.button:active,
   3850 .selection-mode.toolbar .selection-menu.button:active,
   3851 .selection-mode.header-bar .selection-menu.button:checked,
   3852 .selection-mode.toolbar .selection-menu.button:checked {
   3853     color: shade(@theme_selected_bg_color, 0.8);
   3854     box-shadow: none;
   3855 }
   3856 
   3857 /*************************
   3858  * touch text selections *
   3859  *************************/
   3860 GtkBubbleWindow {
   3861     border-radius: 2px;
   3862     background-clip: border-box;
   3863 }
   3864 
   3865 GtkBubbleWindow.osd.background {
   3866     background-color: @osd_bg;
   3867 }
   3868 
   3869 GtkBubbleWindow .toolbar {
   3870     background-color: transparent;
   3871 }
   3872 
   3873 /*******
   3874  * CSD *
   3875  *******/
   3876 .titlebar {
   3877     border-radius: 2px 2px 0 0;
   3878     background-image: none;
   3879     background-color: @titlebar_bg_color;
   3880     color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
   3881     text-shadow: none;
   3882 }
   3883 
   3884 .tiled .titlebar {
   3885     border-radius: 0;
   3886 }
   3887 
   3888 .maximized .titlebar {
   3889     border-radius: 0;
   3890 }
   3891 
   3892 /* this is the default titlebar that is added by GTK
   3893  * when client-side decorations are in use and the application
   3894  * did not set a custom titlebar.
   3895  */
   3896 .titlebar.default-decoration {
   3897     border: none;
   3898     box-shadow: none;
   3899 }
   3900 
   3901 .titlebar .title {
   3902     font: bold;
   3903 }
   3904 
   3905 .titlebar:backdrop {
   3906     background-image: none;
   3907     background-color: @titlebar_bg_color;
   3908     color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
   3909     text-shadow: none;
   3910 }
   3911 
   3912 .titlebar .titlebutton {
   3913     padding: 4px;
   3914     border-style: none;
   3915     background: none;
   3916     color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
   3917     icon-shadow: none;
   3918 }
   3919 
   3920 .titlebar .titlebutton:hover,
   3921 .titlebar .titlebutton:hover:focus {
   3922     background: none;
   3923     color: @theme_selected_bg_color;
   3924 }
   3925 
   3926 .titlebar .titlebutton:active,
   3927 .titlebar .titlebutton:active:hover,
   3928 .titlebar .titlebutton:checked,
   3929 .titlebar .titlebutton:checked:hover {
   3930     background: none;
   3931     color: shade(@theme_selected_bg_color, 0.9);
   3932     box-shadow: none;
   3933 }
   3934 
   3935 /*
   3936 .titlebar .right .titlebutton:first-child {
   3937     border-left: 1px solid shade(@titlebar_bg_color, 0.9);
   3938 }
   3939 
   3940 .titlebar .right .titlebutton:last-child {
   3941 }
   3942 
   3943 .titlebar .left .titlebutton:last-child {
   3944     border-right: 1px solid shade(@titlebar_bg_color, 0.9);
   3945 }
   3946 
   3947 .titlebar .left .titlebutton:first-child {
   3948 }
   3949 */
   3950 
   3951 .titlebar .titlebutton:backdrop {
   3952     background-image: none;
   3953     color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
   3954     icon-shadow: none;
   3955 }
   3956 
   3957 .window-frame {
   3958     border: none;
   3959     border-radius: 2px 2px 0 0;
   3960     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
   3961                 0 6px 6px rgba(0, 0, 0, 0.23),
   3962                 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
   3963 
   3964     /* this is used for the resize cursor area */
   3965     margin: 15px;
   3966 }
   3967 
   3968 .window-frame:backdrop {
   3969     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
   3970                 0 1px 2px rgba(0, 0, 0, 0.24),
   3971                 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
   3972 }
   3973 
   3974 .window-frame.tiled {
   3975     border-radius: 0;
   3976 }
   3977 
   3978 .window-frame.csd.popup {
   3979     border-radius: 0;
   3980     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
   3981                 0 3px 6px rgba(0, 0, 0, 0.23),
   3982                 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
   3983  }
   3984 
   3985 .window-frame.csd.tooltip {
   3986     border-radius: 2px;
   3987     box-shadow: none;
   3988 }
   3989 
   3990 .window-frame.csd.message-dialog {
   3991     border-radius: 2px;
   3992     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
   3993                 0 3px 6px rgba(0, 0, 0, 0.23),
   3994                 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
   3995 }