more budgie refinements
This commit is contained in:
parent
3c0ec75c62
commit
87369baa2e
|
@ -39,6 +39,31 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
}
|
||||
}
|
||||
|
||||
// Positional Styles
|
||||
@each $pos, $b_pos in $pos_list {
|
||||
|
||||
// Panel borders
|
||||
.#{$pos} .budgie-panel {
|
||||
border-#{$b_pos}: 1px solid transparentize(black,0.8);
|
||||
box-shadow:inset 0 1px 0 0 transparentize(white,0.9);
|
||||
}
|
||||
|
||||
// Raven borders
|
||||
.#{$pos} .raven-frame {
|
||||
border-#{$b_pos}: 1px solid transparentize(black, 0.2);
|
||||
box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
|
||||
}
|
||||
|
||||
// Shadows
|
||||
.#{$pos} .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to $b_pos,
|
||||
$shadow_color,
|
||||
transparent,
|
||||
transparent);
|
||||
}
|
||||
}
|
||||
|
||||
// Budgie
|
||||
.budgie-container {
|
||||
background-image: none;
|
||||
|
@ -66,16 +91,34 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
|
||||
// Panel
|
||||
.budgie-panel {
|
||||
font: bold;
|
||||
font-size: 100%;
|
||||
color: $budgie_panel_fg_color;
|
||||
background-color: $budgie_panel_bg_color;
|
||||
|
||||
// this is the actual style for some reason
|
||||
&:backdrop {
|
||||
color: $budgie_panel_fg_color;
|
||||
background-color: $budgie_panel_bg_color;
|
||||
}
|
||||
|
||||
// Menu
|
||||
BudgieMenuApplet {
|
||||
font: bold;
|
||||
.label {
|
||||
color: $budgie_panel_fg_color;
|
||||
text-shadow: 0 1px $shadow_color;
|
||||
}
|
||||
}
|
||||
|
||||
// Clock
|
||||
ClockApplet {
|
||||
font: monospace bold;
|
||||
font-size: 90%;
|
||||
.label {
|
||||
color: $budgie_panel_fg_color;
|
||||
text-shadow: 0 1px $shadow_color;
|
||||
}
|
||||
}
|
||||
|
||||
// Tasklist
|
||||
WnckTasklist {
|
||||
.button,
|
||||
|
@ -84,7 +127,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
border-radius: 0;
|
||||
|
||||
@if $variant == 'default' {
|
||||
// &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
|
||||
&:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
|
||||
background: none;
|
||||
background-clip: padding-box;
|
||||
border: none;
|
||||
|
@ -96,7 +139,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
|
||||
// Icon Tasklist
|
||||
.launcher {
|
||||
// transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition
|
||||
|
@ -117,34 +160,10 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@each $pos, $b_pos in $pos_list {
|
||||
|
||||
// Panel borders
|
||||
.#{$pos} .budgie-panel {
|
||||
border-#{$b_pos}: 1px solid transparentize(black,0.8);
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
// Raven borders
|
||||
.#{$pos} .raven-frame {
|
||||
border-#{$b_pos}: 1px solid transparentize(black, 0.2);
|
||||
box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
|
||||
}
|
||||
|
||||
// Shadows
|
||||
.#{$pos} .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to $b_pos,
|
||||
$shadow_color,
|
||||
transparent);
|
||||
}
|
||||
}
|
||||
|
||||
// Raven
|
||||
|
||||
.raven {
|
||||
border:none;
|
||||
color: $fg_color;
|
||||
background-color: transparentize($bg_color, 0.02);
|
||||
|
||||
|
@ -176,13 +195,14 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
|
||||
}
|
||||
|
||||
// Calendar
|
||||
.raven-calendar {
|
||||
border:none;
|
||||
padding: 2px;
|
||||
border-bottom:1px solid $borders_color;
|
||||
}
|
||||
|
||||
|
||||
// Session Buttons
|
||||
.powerstrip {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
|
|
|
@ -4919,6 +4919,54 @@ treeview.view header button:active {
|
|||
border-left: 2px solid rgba(0, 0, 0, 0.2);
|
||||
border-right: 2px solid #449ac2; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.budgie-container {
|
||||
background-image: none;
|
||||
background-color: transparent; }
|
||||
|
@ -4939,72 +4987,35 @@ treeview.view header button:active {
|
|||
color: inherit; }
|
||||
|
||||
.budgie-panel {
|
||||
font: bold;
|
||||
font-size: 100%;
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel:backdrop {
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel BudgieMenuApplet {
|
||||
font: bold; }
|
||||
.budgie-panel BudgieMenuApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel ClockApplet {
|
||||
font: monospace bold;
|
||||
font-size: 90%; }
|
||||
.budgie-panel ClockApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel WnckTasklist .button,
|
||||
.budgie-panel WnckTasklist .button:backdrop {
|
||||
border-radius: 0; }
|
||||
.budgie-panel .launcher {
|
||||
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
border-color: rgba(38, 50, 56, 0); }
|
||||
.budgie-panel .launcher:hover {
|
||||
-gtk-image-effect: highlight; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.raven {
|
||||
border: none;
|
||||
color: #cfd8dc;
|
||||
background-color: rgba(55, 71, 79, 0.98); }
|
||||
.raven .raven-header {
|
||||
|
|
|
@ -4934,6 +4934,54 @@ treeview.view header button:active {
|
|||
border-left: 2px solid rgba(0, 0, 0, 0.2);
|
||||
border-right: 2px solid #347D9F; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.budgie-container {
|
||||
background-image: none;
|
||||
background-color: transparent; }
|
||||
|
@ -4954,72 +5002,35 @@ treeview.view header button:active {
|
|||
color: inherit; }
|
||||
|
||||
.budgie-panel {
|
||||
font: bold;
|
||||
font-size: 100%;
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel:backdrop {
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel BudgieMenuApplet {
|
||||
font: bold; }
|
||||
.budgie-panel BudgieMenuApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel ClockApplet {
|
||||
font: monospace bold;
|
||||
font-size: 90%; }
|
||||
.budgie-panel ClockApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel WnckTasklist .button,
|
||||
.budgie-panel WnckTasklist .button:backdrop {
|
||||
border-radius: 0; }
|
||||
.budgie-panel .launcher {
|
||||
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
border-color: rgba(38, 50, 56, 0); }
|
||||
.budgie-panel .launcher:hover {
|
||||
-gtk-image-effect: highlight; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.raven {
|
||||
border: none;
|
||||
color: #444;
|
||||
background-color: rgba(247, 247, 247, 0.98); }
|
||||
.raven .raven-header {
|
||||
|
|
|
@ -39,6 +39,31 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
}
|
||||
}
|
||||
|
||||
// Positional Styles
|
||||
@each $pos, $b_pos in $pos_list {
|
||||
|
||||
// Panel borders
|
||||
.#{$pos} .budgie-panel {
|
||||
border-#{$b_pos}: 1px solid transparentize(black,0.8);
|
||||
box-shadow:inset 0 1px 0 0 transparentize(white,0.9);
|
||||
}
|
||||
|
||||
// Raven borders
|
||||
.#{$pos} .raven-frame {
|
||||
border-#{$b_pos}: 1px solid transparentize(black, 0.2);
|
||||
box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
|
||||
}
|
||||
|
||||
// Shadows
|
||||
.#{$pos} .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to $b_pos,
|
||||
$shadow_color,
|
||||
transparent,
|
||||
transparent);
|
||||
}
|
||||
}
|
||||
|
||||
// Budgie
|
||||
.budgie-container {
|
||||
background-image: none;
|
||||
|
@ -66,16 +91,34 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
|
||||
// Panel
|
||||
.budgie-panel {
|
||||
font: bold;
|
||||
font-size: 100%;
|
||||
color: $budgie_panel_fg_color;
|
||||
background-color: $budgie_panel_bg_color;
|
||||
|
||||
// this is the actual style for some reason
|
||||
&:backdrop {
|
||||
color: $budgie_panel_fg_color;
|
||||
background-color: $budgie_panel_bg_color;
|
||||
}
|
||||
|
||||
// Menu
|
||||
BudgieMenuApplet {
|
||||
font: bold;
|
||||
.label {
|
||||
color: $budgie_panel_fg_color;
|
||||
text-shadow: 0 1px $shadow_color;
|
||||
}
|
||||
}
|
||||
|
||||
// Clock
|
||||
ClockApplet {
|
||||
font: monospace bold;
|
||||
font-size: 90%;
|
||||
.label {
|
||||
color: $budgie_panel_fg_color;
|
||||
text-shadow: 0 1px $shadow_color;
|
||||
}
|
||||
}
|
||||
|
||||
// Tasklist
|
||||
WnckTasklist {
|
||||
.button,
|
||||
|
@ -84,7 +127,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
border-radius: 0;
|
||||
|
||||
@if $variant == 'default' {
|
||||
// &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
|
||||
&:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
|
||||
background: none;
|
||||
background-clip: padding-box;
|
||||
border: none;
|
||||
|
@ -96,7 +139,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
|
||||
// Icon Tasklist
|
||||
.launcher {
|
||||
// transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition
|
||||
|
@ -117,34 +160,10 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@each $pos, $b_pos in $pos_list {
|
||||
|
||||
// Panel borders
|
||||
.#{$pos} .budgie-panel {
|
||||
border-#{$b_pos}: 1px solid transparentize(black,0.8);
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
// Raven borders
|
||||
.#{$pos} .raven-frame {
|
||||
border-#{$b_pos}: 1px solid transparentize(black, 0.2);
|
||||
box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
|
||||
}
|
||||
|
||||
// Shadows
|
||||
.#{$pos} .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to $b_pos,
|
||||
$shadow_color,
|
||||
transparent);
|
||||
}
|
||||
}
|
||||
|
||||
// Raven
|
||||
|
||||
.raven {
|
||||
border:none;
|
||||
color: $fg_color;
|
||||
background-color: transparentize($bg_color, 0.02);
|
||||
|
||||
|
@ -176,13 +195,14 @@ $asset_suffix: if($variant == 'default', '', '-hc');
|
|||
|
||||
}
|
||||
|
||||
// Calendar
|
||||
.raven-calendar {
|
||||
border:none;
|
||||
padding: 2px;
|
||||
border-bottom:1px solid $borders_color;
|
||||
}
|
||||
|
||||
|
||||
// Session Buttons
|
||||
.powerstrip {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
|
|
|
@ -6216,12 +6216,60 @@ decoration {
|
|||
border-left: 2px solid rgba(0, 0, 0, 0.2);
|
||||
border-right: 2px solid #449ac2; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.budgie-container {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: transparent;
|
||||
font-size: 100%;
|
||||
transition: 170ms ease-out; }
|
||||
background-image: none;
|
||||
background-color: transparent; }
|
||||
.budgie-container:backdrop {
|
||||
background-image: none;
|
||||
background-color: transparent; }
|
||||
|
||||
.budgie-menu GtkSearchEntry.entry:not(:selected) {
|
||||
border: none;
|
||||
|
@ -6236,95 +6284,60 @@ decoration {
|
|||
color: inherit; }
|
||||
|
||||
.budgie-panel {
|
||||
font: bold;
|
||||
font-size: 100%;
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel:backdrop {
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel BudgieMenuApplet {
|
||||
font: bold; }
|
||||
.budgie-panel BudgieMenuApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel ClockApplet {
|
||||
font: monospace bold;
|
||||
font-size: 90%; }
|
||||
.budgie-panel ClockApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel WnckTasklist .button,
|
||||
.budgie-panel WnckTasklist .button:backdrop {
|
||||
border-radius: 0; }
|
||||
.budgie-panel .launcher {
|
||||
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
border-color: rgba(38, 50, 56, 0); }
|
||||
.budgie-panel .launcher:hover {
|
||||
-gtk-image-effect: highlight; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.raven {
|
||||
border: none;
|
||||
color: #cfd8dc;
|
||||
background-color: rgba(55, 71, 79, 0.98);
|
||||
transition: 170ms ease-out; }
|
||||
background-color: rgba(55, 71, 79, 0.98); }
|
||||
.raven .raven-header {
|
||||
font: bold;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
background-color: #37474f;
|
||||
color: #cfd8dc;
|
||||
border-top: 1px solid #222c31;
|
||||
border-bottom: 1px solid #222c31;
|
||||
border: solid #222c31;
|
||||
border-width: 1px 0 1px 0;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
||||
.raven .raven-header.top {
|
||||
border-top-style: none; }
|
||||
.raven .raven-header.bottom {
|
||||
border-bottom-style: none; }
|
||||
.raven .raven-header > .button {
|
||||
font: normal; }
|
||||
.raven .raven-background {
|
||||
background-color: rgba(55, 71, 79, 0.98);
|
||||
background-color: #455a64;
|
||||
border-bottom: 1px solid #222c31;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
||||
.raven .raven-background.middle {
|
||||
border-bottom-style: none; }
|
||||
.raven .raven-calendar {
|
||||
border: none;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid #222c31; }
|
||||
.raven .powerstrip {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
|
@ -6337,31 +6350,37 @@ decoration {
|
|||
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
|
||||
font-size: 100%; }
|
||||
.raven .powerstrip .button:hover {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
|
||||
transition: 170ms ease all; }
|
||||
.raven .powerstrip .button:active {
|
||||
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
|
||||
transition: 170ms ease all; }
|
||||
.raven .option-subtitle {
|
||||
font-size: smaller; }
|
||||
|
||||
.raven-mpris {
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
color: #cfd8dc;
|
||||
background-color: rgba(38, 50, 56, 0.8);
|
||||
border: solid rgba(0, 0, 0, 0.2);
|
||||
border-width: 1px 0; }
|
||||
border-width: 1px 0;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
||||
.raven-mpris .button.image-button {
|
||||
padding: 8px; }
|
||||
|
||||
.budgie-notification-window {
|
||||
border-radius: 1px; }
|
||||
border: none;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 4px;
|
||||
background-color: #37474f;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.budgie-notification.background {
|
||||
background-color: white;
|
||||
border-radius: 4px; }
|
||||
.budgie-notification .notification-title {
|
||||
font-size: 110%;
|
||||
color: #cfd8dc; }
|
||||
.budgie-notification .notification-body {
|
||||
border: none;
|
||||
color: rgba(207, 216, 220, 0.7); }
|
||||
|
||||
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
|
||||
|
|
|
@ -6242,12 +6242,60 @@ decoration {
|
|||
border-left: 2px solid rgba(0, 0, 0, 0.2);
|
||||
border-right: 2px solid #347D9F; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); }
|
||||
|
||||
.budgie-container {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: transparent;
|
||||
font-size: 100%;
|
||||
transition: 170ms ease-out; }
|
||||
background-image: none;
|
||||
background-color: transparent; }
|
||||
.budgie-container:backdrop {
|
||||
background-image: none;
|
||||
background-color: transparent; }
|
||||
|
||||
.budgie-menu GtkSearchEntry.entry:not(:selected) {
|
||||
border: none;
|
||||
|
@ -6262,95 +6310,60 @@ decoration {
|
|||
color: inherit; }
|
||||
|
||||
.budgie-panel {
|
||||
font: bold;
|
||||
font-size: 100%;
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel:backdrop {
|
||||
color: #cfd8dc;
|
||||
background-color: #263238; }
|
||||
.budgie-panel BudgieMenuApplet {
|
||||
font: bold; }
|
||||
.budgie-panel BudgieMenuApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel ClockApplet {
|
||||
font: monospace bold;
|
||||
font-size: 90%; }
|
||||
.budgie-panel ClockApplet .label {
|
||||
color: #cfd8dc;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.budgie-panel WnckTasklist .button,
|
||||
.budgie-panel WnckTasklist .button:backdrop {
|
||||
border-radius: 0; }
|
||||
.budgie-panel .launcher {
|
||||
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
border-color: rgba(38, 50, 56, 0); }
|
||||
.budgie-panel .launcher:hover {
|
||||
-gtk-image-effect: highlight; }
|
||||
|
||||
.top .budgie-panel {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.top .raven-frame {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.top .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.bottom .budgie-panel {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.bottom .raven-frame {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.bottom .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.left .budgie-panel {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.left .raven-frame {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.left .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.right .budgie-panel {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: none; }
|
||||
|
||||
.right .raven-frame {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.8);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
.right .shadow-block {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
|
||||
|
||||
.raven {
|
||||
border: none;
|
||||
color: #444;
|
||||
background-color: rgba(247, 247, 247, 0.98);
|
||||
transition: 170ms ease-out; }
|
||||
background-color: rgba(247, 247, 247, 0.98); }
|
||||
.raven .raven-header {
|
||||
font: bold;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
background-color: #f7f7f7;
|
||||
color: #444;
|
||||
border-top: 1px solid #d1d1d1;
|
||||
border-bottom: 1px solid #d1d1d1;
|
||||
border: solid #d1d1d1;
|
||||
border-width: 1px 0 1px 0;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
||||
.raven .raven-header.top {
|
||||
border-top-style: none; }
|
||||
.raven .raven-header.bottom {
|
||||
border-bottom-style: none; }
|
||||
.raven .raven-header > .button {
|
||||
font: normal; }
|
||||
.raven .raven-background {
|
||||
background-color: rgba(247, 247, 247, 0.98);
|
||||
background-color: #ffffff;
|
||||
border-bottom: 1px solid #d1d1d1;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
||||
.raven .raven-background.middle {
|
||||
border-bottom-style: none; }
|
||||
.raven .raven-calendar {
|
||||
border: none;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid #d1d1d1; }
|
||||
.raven .powerstrip {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
|
@ -6363,31 +6376,37 @@ decoration {
|
|||
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
|
||||
font-size: 100%; }
|
||||
.raven .powerstrip .button:hover {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
|
||||
transition: 170ms ease all; }
|
||||
.raven .powerstrip .button:active {
|
||||
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
|
||||
transition: 170ms ease all; }
|
||||
.raven .option-subtitle {
|
||||
font-size: smaller; }
|
||||
|
||||
.raven-mpris {
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
color: #cfd8dc;
|
||||
background-color: rgba(38, 50, 56, 0.8);
|
||||
border: solid rgba(0, 0, 0, 0.2);
|
||||
border-width: 1px 0; }
|
||||
border-width: 1px 0;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
||||
.raven-mpris .button.image-button {
|
||||
padding: 8px; }
|
||||
|
||||
.budgie-notification-window {
|
||||
border-radius: 1px; }
|
||||
border: none;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 4px;
|
||||
background-color: #f7f7f7;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.budgie-notification.background {
|
||||
background-color: white;
|
||||
border-radius: 4px; }
|
||||
.budgie-notification .notification-title {
|
||||
font-size: 110%;
|
||||
color: #444; }
|
||||
.budgie-notification .notification-body {
|
||||
border: none;
|
||||
color: rgba(207, 216, 220, 0.7); }
|
||||
|
||||
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
|
||||
|
|
Loading…
Reference in New Issue