1// /************************* 2// * Window-List Extension * 3// *************************/ 4 5.bottom-panel { 6 // .window-button-icon height + 7 // .window-button vertical padding + 8 // .window-button > StWidget vertical padding) 9 min-height: 30px; // = 2.25em 10 height: 2.2em; 11} 12 13.window-list { 14 spacing: 2px; 15 font-size: 100%; 16} 17 18.window-button { 19 padding: 1px; 20 21 &:first-child:ltr { padding-left: 2px; } 22 &:last-child:rtl { padding-right: 2px; } 23 24 &-box { spacing: 4px; } 25 26 > StWidget { 27 -st-natural-width: 18.75em; 28 max-width: 18.75em; 29 padding: 3px 6px 1px; 30 border-radius: 0; 31 background-color: $panel_hidden_bg; 32 background-gradient-drection: vertical; 33 background-gradient-start: $panel_hidden_bg; 34 background-gradient-end: $panel_hidden_bg; 35 color: $osd_sec_fg; 36 box-shadow: none; 37 text-shadow: none; 38 } 39 40 &:hover > StWidget { 41 background-gradient-drection: vertical; 42 background-gradient-start: $osd_semi_fill_bg; 43 background-gradient-end: $osd_semi_fill_bg; 44 color: $osd_fg; 45 box-shadow: inset 0 -2px $osd_out_fg; 46 } 47 48 &:active > StWidget, 49 &:focus > StWidget { 50 background-gradient-drection: vertical; 51 background-gradient-start: $osd_semi_fill_bg; 52 background-gradient-end: $osd_semi_fill_bg; 53 color: $osd_fg; 54 box-shadow: inset 0 -2px $sel_bg; 55 } 56 57 &.focused { 58 & > StWidget, 59 &:active > StWidget { 60 color: $osd_fg; 61 box-shadow: inset 0 -2px $sel_bg; 62 } 63 } 64 65 &.minimized { 66 > StWidget { 67 color: $osd_ter_fg; 68 box-shadow: none; 69 } 70 &:hover > StWidget { 71 background-gradient-drection: vertical; 72 background-gradient-start: $osd_semi_fill_bg; 73 background-gradient-end: $osd_semi_fill_bg; 74 box-shadow: inset 0 -2px $osd_out_fg; 75 color: $osd_fg; 76 } 77 &:active > StWidget { 78 background-gradient-drection: vertical; 79 background-gradient-start: $osd_semi_fill_bg; 80 background-gradient-end: $osd_semi_fill_bg; 81 box-shadow: inset 0 -2px $sel_bg; 82 color: $osd_fg; 83 } 84 } 85 86 &-icon { 87 width: $icon_size * 1.5; 88 height: $icon_size * 1.5; 89 } 90} 91 92.window-list-workspace-indicator { 93 padding: 3px; 94 95 > StWidget { 96 border: 1px solid $osd_out_fg; 97 background-color: $panel_hidden_bg; 98 background-gradient-drection: vertical; 99 background-gradient-start: $panel_hidden_bg; 100 background-gradient-end: $panel_hidden_bg; 101 color: $osd_sec_fg; 102 font-weight: 700; 103 } 104 105 &:hover > StWidget { 106 background-gradient-drection: vertical; 107 background-gradient-start: $osd_semi_fill_bg; 108 background-gradient-end: $osd_semi_fill_bg; 109 color: $osd_fg; 110 } 111 &:active > StWidget, 112 &:checked > StWidget, 113 &:focus > StWidget { 114 border: 1px solid $sel_bg; 115 background-gradient-drection: vertical; 116 background-gradient-start: opacity($sel_bg, $a_trk_out); 117 background-gradient-end: opacity($sel_bg, $a_trk_out); 118 color: $osd_fg; 119 } 120} 121 122.notification { font-weight: 500; } 123