Enhanced spinbuttons, linked widgets and tiled window roundness

master
Christian Medel 2019-08-13 12:00:53 -04:00
parent 7f106a5c3a
commit c2951172d7
1 changed files with 197 additions and 117 deletions

View File

@ -190,10 +190,15 @@ button {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.9), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
button:active:disabled, button:checked:disabled {
background-color: mix(#000000, #D8D8D8, 0.95);
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1); }
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1);
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
button:active:disabled:backdrop, button:checked:disabled:backdrop {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
button:disabled {
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.5);
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.95); }
button:backdrop {
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.85), inset -1px -1px shade(#D8D8D8, 0.65); }
button.flat {
border-color: transparent;
border-radius: 2px;
@ -400,8 +405,6 @@ entry {
entry:disabled:backdrop {
color: mix(#000000, #D8D8D8, 0.5);
border-color: shade(#D8D8D8, 0.9); }
entry.read-only {
background-color: mix(#D8D8D8, mix(#000000, #D8D8D8, 0.95), 0.1); }
entry:backdrop {
color: #000000;
background-color: #FFFFFF; }
@ -1370,36 +1373,50 @@ separator {
combobox separator {
border: none; }
spinbutton.horizontal entry {
padding: 7px 15px;
border-left-width: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
spinbutton.horizontal button.down {
border-radius: 0;
border-left-width: 0; }
spinbutton.horizontal button.up {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
spinbutton.horizontal {
border-radius: 2px;
border: 1px solid shade(shade(#D8D8D8, 0.9), 0.9);
border-right-color: shade(white, 0.95);
border-bottom-color: shade(white, 0.95);
background-color: #FFFFFF;
box-shadow: inset 0 0 0 1px shade(#D8D8D8, 0.65), inset -1px -1px shade(#D8D8D8, 1.02); }
spinbutton.horizontal:disabled {
color: mix(#000000, #D8D8D8, 0.5);
background-color: mix(#000000, #D8D8D8, 0.95); }
spinbutton.horizontal:disabled:backdrop {
color: mix(#000000, #D8D8D8, 0.5);
background-color: mix(#000000, #D8D8D8, 0.95); }
spinbutton.horizontal:focus {
box-shadow: inset 0 0 0 1px #0000dd; }
spinbutton.horizontal:backdrop {
background-color: #FFFFFF; }
spinbutton.horizontal entry {
border: none;
box-shadow: none;
padding: 7px 15px;
background: none;
border-radius: 2px 0 0 2px; }
spinbutton.horizontal entry:focus {
box-shadow: none; }
spinbutton.horizontal button {
border: none;
border-radius: 0;
background: none;
box-shadow: -1px 0 shade(#D8D8D8, 0.9); }
spinbutton.horizontal button:disabled, spinbutton.horizontal button:backdrop {
box-shadow: -1px 0 shade(#D8D8D8, 0.9); }
spinbutton.horizontal button.up {
border-radius: 0 2px 2px 0; }
spinbutton.vertical entry {
border-left-width: 1px;
border-top-width: 0;
border-radius: 0; }
spinbutton.vertical button.up {
border-top-width: 1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
border-bottom-width: 0; }
spinbutton.vertical button.down {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
border-top-right-radius: 0; }
@keyframes spin {
to {
@ -1544,7 +1561,7 @@ headerbar, headerbar:not(.titlebar) {
background-color: #D8D8D8; }
.titlebar headerbar, .titlebar headerbar:backdrop, .titlebar headerbar:not(.titlebar), .titlebar headerbar:not(.titlebar):backdrop {
background-color: transparent; }
.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled headerbar:not(.titlebar), .tiled headerbar:not(.titlebar):backdrop, .maximized headerbar:not(.titlebar), .maximized headerbar:not(.titlebar):backdrop {
.tiled headerbar:backdrop, .tiled headerbar, .tiled-top headerbar:backdrop, .tiled-top headerbar, .tiled-right headerbar:backdrop, .tiled-right headerbar, .tiled-bottom headerbar:backdrop, .tiled-bottom headerbar, .tiled-left headerbar:backdrop, .tiled-left headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar, .tiled headerbar:not(.titlebar):backdrop, .tiled headerbar:not(.titlebar), .tiled-top headerbar:not(.titlebar):backdrop, .tiled-top headerbar:not(.titlebar), .tiled-right headerbar:not(.titlebar):backdrop, .tiled-right headerbar:not(.titlebar), .tiled-bottom headerbar:not(.titlebar):backdrop, .tiled-bottom headerbar:not(.titlebar), .tiled-left headerbar:not(.titlebar):backdrop, .tiled-left headerbar:not(.titlebar), .maximized headerbar:not(.titlebar):backdrop, .maximized headerbar:not(.titlebar), .fullscreen headerbar:not(.titlebar):backdrop, .fullscreen headerbar:not(.titlebar) {
border-radius: 0; }
headerbar .title, headerbar:not(.titlebar) .title {
padding-left: 12px;
@ -1575,10 +1592,15 @@ headerbar, headerbar:not(.titlebar) {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.9), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
headerbar button:active:disabled, headerbar button:checked:disabled, headerbar:not(.titlebar) button:active:disabled, headerbar:not(.titlebar) button:checked:disabled {
background-color: mix(#000000, #D8D8D8, 0.95);
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1); }
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1);
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
headerbar button:active:disabled:backdrop, headerbar button:checked:disabled:backdrop, headerbar:not(.titlebar) button:active:disabled:backdrop, headerbar:not(.titlebar) button:checked:disabled:backdrop {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
headerbar button:disabled, headerbar:not(.titlebar) button:disabled {
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.5);
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.95); }
headerbar button:backdrop, headerbar:not(.titlebar) button:backdrop {
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.85), inset -1px -1px shade(#D8D8D8, 0.65); }
headerbar entry, headerbar:not(.titlebar) entry {
padding: 4px 8px; }
@ -1658,23 +1680,27 @@ toolbar {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.9), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
.primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled {
background-color: mix(#000000, #D8D8D8, 0.95);
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1); }
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1);
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
.primary-toolbar button:active:disabled:backdrop, .primary-toolbar button:checked:disabled:backdrop, .primary-toolbar .raised button:active:disabled:backdrop, .primary-toolbar .raised button:checked:disabled:backdrop {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
.primary-toolbar button:disabled, .primary-toolbar .raised button:disabled {
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.5);
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.95); }
.primary-toolbar button:backdrop, .primary-toolbar .raised button:backdrop {
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.85), inset -1px -1px shade(#D8D8D8, 0.65); }
.inline-toolbar toolbar {
-GtkToolbar-button-relief: normal;
.inline-toolbar {
padding: 1px;
border-width: 1px;
border-style: solid;
border-color: mix(shade(#D8D8D8, 0.9), #D8D8D8, 0.5);
border-radius: 0;
background-color: #D8D8D8; }
.inline-toolbar toolbar:last-child {
border-width: 0 1px 1px 1px;
border-radius: 0; }
.inline-toolbar toolbar button {
.inline-toolbar:backdrop {
border-color: shade(#D8D8D8, 0.9);
background-color: #D8D8D8; }
.inline-toolbar toolbutton > button {
padding: 4px 9px;
border-style: solid;
border-width: 1px;
@ -1687,133 +1713,182 @@ toolbar {
outline-offset: 2px;
outline-style: solid;
outline-color: alpha(black, 0.5); }
.inline-toolbar toolbar button:active, .inline-toolbar toolbar button:checked {
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
background-color: shade(#D8D8D8, 0.9);
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.9), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
.inline-toolbar toolbar button:active:backdrop, .inline-toolbar toolbar button:checked:backdrop {
.inline-toolbar toolbutton > button:active:backdrop, .inline-toolbar toolbutton > button:checked:backdrop {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.9), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
.inline-toolbar toolbar button:active:disabled, .inline-toolbar toolbar button:checked:disabled {
.inline-toolbar toolbutton > button:active:disabled, .inline-toolbar toolbutton > button:checked:disabled {
background-color: mix(#000000, #D8D8D8, 0.95);
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1); }
.inline-toolbar toolbar button:disabled {
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1);
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
.inline-toolbar toolbutton > button:active:disabled:backdrop, .inline-toolbar toolbutton > button:checked:disabled:backdrop {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
.inline-toolbar toolbutton > button:disabled {
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.5);
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.95); }
.inline-toolbar toolbutton > button:backdrop {
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.85), inset -1px -1px shade(#D8D8D8, 0.65); }
.linked button, .linked .raised button, .inline-toolbar .linked button, .inline-toolbar .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button {
.linked button, .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button {
border-radius: 0;
border-left-width: 0; }
.linked button:first-child, .linked .raised button:first-child, .inline-toolbar .linked button:first-child, .inline-toolbar .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child {
.linked button:first-child, .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child {
border-left-width: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
.linked button:last-child, .linked .raised button:last-child, .inline-toolbar .linked button:last-child, .inline-toolbar .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child {
.linked button:last-child, .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
.linked button:only-child, .linked .raised button:only-child, .inline-toolbar .linked button:only-child, .inline-toolbar .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child {
.linked button:only-child, .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child {
border-width: 1px;
border-radius: 2px; }
.linked entry, .inline-toolbar .linked entry, .primary-toolbar .linked entry {
.linked entry, .primary-toolbar .linked entry {
border-radius: 0;
border-left-width: 0; }
.linked entry:first-child, .inline-toolbar .linked entry:first-child, .primary-toolbar .linked entry:first-child {
.linked entry:first-child, .primary-toolbar .linked entry:first-child {
border-left-width: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
.linked entry:last-child, .inline-toolbar .linked entry:last-child, .primary-toolbar .linked entry:last-child {
.linked entry:last-child, .primary-toolbar .linked entry:last-child {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
.linked entry:only-child, .inline-toolbar .linked entry:only-child, .primary-toolbar .linked entry:only-child {
.linked entry:only-child, .primary-toolbar .linked entry:only-child {
border-width: 1px;
border-radius: 2px; }
.linked combobox box.linked button, .inline-toolbar .linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button {
.linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button {
border-radius: 0;
border-left-width: 0; }
.linked combobox:first-child box.linked button, .inline-toolbar .linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button {
.linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button {
border-left-width: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
.linked combobox:last-child box.linked button, .inline-toolbar .linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button {
.linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
.linked combobox:only-child box.linked button, .inline-toolbar .linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button {
.linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button {
border-width: 1px;
border-radius: 2px; }
.vertical.linked button {
.linked spinbutton, .primary-toolbar .linked spinbutton {
border-radius: 0;
border-left-width: 0; }
.linked spinbutton:first-child, .primary-toolbar .linked spinbutton:first-child {
border-left-width: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
.linked spinbutton:last-child, .primary-toolbar .linked spinbutton:last-child {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
.linked spinbutton:only-child, .primary-toolbar .linked spinbutton:only-child {
border-width: 1px;
border-radius: 2px; }
.linked.vertical button, .primary-toolbar .linked.vertical button {
border-left-width: 1px;
border-top-width: 0;
border-radius: 0; }
.vertical.linked button:first-child {
.linked.vertical button:first-child, .primary-toolbar .linked.vertical button:first-child {
border-top-width: 1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.vertical.linked button:last-child {
.linked.vertical button:last-child, .primary-toolbar .linked.vertical button:last-child {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
.vertical.linked button:only-child {
border-top-width: 1px; }
.vertical.linked entry {
.linked.vertical button:only-child, .primary-toolbar .linked.vertical button:only-child {
border-width: 1px;
border-radius: 2px; }
.linked.vertical entry, .primary-toolbar .linked.vertical entry {
border-left-width: 1px;
border-top-width: 0;
border-radius: 0; }
.vertical.linked entry:first-child {
.linked.vertical entry:first-child, .primary-toolbar .linked.vertical entry:first-child {
border-top-width: 1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.vertical.linked entry:last-child {
.linked.vertical entry:last-child, .primary-toolbar .linked.vertical entry:last-child {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
.vertical.linked entry:only-child {
border-top-width: 1px; }
.vertical.linked combobox box.linked button {
.linked.vertical entry:only-child, .primary-toolbar .linked.vertical entry:only-child {
border-width: 1px;
border-radius: 2px; }
.linked.vertical combobox box.linked button, .primary-toolbar .linked.vertical combobox box.linked button {
border-left-width: 1px;
border-top-width: 0;
border-radius: 0; }
.vertical.linked combobox:first-child box.linked button {
.linked.vertical combobox:first-child box.linked button, .primary-toolbar .linked.vertical combobox:first-child box.linked button {
border-top-width: 1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.vertical.linked combobox:last-child box.linked button {
.linked.vertical combobox:last-child box.linked button, .primary-toolbar .linked.vertical combobox:last-child box.linked button {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
.vertical.linked combobox:only-child box.linked button {
border-top-width: 1px; }
.vertical.linked spinbutton button:first-child {
.linked.vertical combobox:only-child box.linked button, .primary-toolbar .linked.vertical combobox:only-child box.linked button {
border-width: 1px;
border-top-width: 0;
border-left-width: 1px; }
.vertical.linked spinbutton button:last-child {
border-width: 0;
border-radius: 2px; }
.linked.vertical spinbutton, .primary-toolbar .linked.vertical spinbutton {
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-right-radius: 0;
border-top-width: 0;
border-radius: 0; }
.linked.vertical spinbutton:first-child, .primary-toolbar .linked.vertical spinbutton:first-child {
border-top-width: 1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.linked.vertical spinbutton:last-child, .primary-toolbar .linked.vertical spinbutton:last-child {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
.linked.vertical spinbutton:only-child, .primary-toolbar .linked.vertical spinbutton:only-child {
border-width: 1px;
border-radius: 2px; }
.linked.vertical spinbutton button:first-child, .linked.vertical spinbutton button:last-child, .primary-toolbar .linked.vertical spinbutton button:first-child, .primary-toolbar .linked.vertical spinbutton button:last-child {
border-radius: 0; }
toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat {
border-radius: 0;
border-left-width: 0; }
toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat {
border-left-width: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat {
border-width: 1px;
border-radius: 2px; }
stackswitcher button.text-button {
min-width: 80px; }
@ -2281,7 +2356,7 @@ decoration {
margin: 10px; }
decoration:backdrop {
box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px alpha(#000000, 0.2), 0 0 0 1px alpha(#000000, 0.25); }
.fullscreen decoration, .tiled decoration {
.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
border-radius: 0; }
.popup decoration {
box-shadow: 0 0 0 1px alpha(#000000, 0.1);
@ -2303,44 +2378,6 @@ decoration {
window.background.csd.popup {
border-radius: 0px; }
messagedialog {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
messagedialog .background.csd {
border-radius: 0px;
color: #000000;
background-color: #D8D8D8; }
messagedialog decoration {
border-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: 0 1px 2px alpha(black, 0.2); }
messagedialog .titlebar.horizontal {
border: none;
background-image: none;
background-color: #D8D8D8; }
messagedialog.csd .dialog-action-area button {
padding: 10px;
border-radius: 0;
border-bottom-style: none;
background-image: none;
-gtk-outline-radius: 0; }
messagedialog.csd .dialog-action-area button:last-child {
border-right-width: 0;
border-radius: 0px;
border-bottom-right-radius: 0px;
-gtk-outline-radius: 0 0 0px 0; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-width: 0;
border-radius: 0px;
border-bottom-left-radius: 0px;
-gtk-outline-radius: 0 0 0 0px; }
messagedialog.csd .dialog-action-area button:only-child {
border-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-gtk-outline-radius: 0 0 0px 0px; }
.titlebar {
border-bottom: none;
border-radius: 0px 0px 0px 0px; }
@ -2390,6 +2427,44 @@ messagedialog {
background-color: #D8D8D8;
box-shadow: inset 1px 1px shade(white, 0.95), inset -1px -1px shade(#D8D8D8, 0.85); }
messagedialog {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
messagedialog .background.csd {
border-radius: 0px;
color: #000000;
background-color: #D8D8D8; }
messagedialog decoration {
border-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: 0 1px 2px alpha(black, 0.2); }
messagedialog .titlebar.horizontal {
border: none;
background-image: none;
background-color: #D8D8D8; }
messagedialog.csd .dialog-action-area button {
padding: 10px;
border-radius: 0;
border-bottom-style: none;
background-image: none;
-gtk-outline-radius: 0; }
messagedialog.csd .dialog-action-area button:last-child {
border-right-width: 0;
border-radius: 0px;
border-bottom-right-radius: 0px;
-gtk-outline-radius: 0 0 0px 0; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-width: 0;
border-radius: 0px;
border-bottom-left-radius: 0px;
-gtk-outline-radius: 0 0 0 0px; }
messagedialog.csd .dialog-action-area button:only-child {
border-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-gtk-outline-radius: 0 0 0px 0px; }
.caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item {
color: #FFFFFF;
text-shadow: 1px 1px alpha(black, 0.8); }
@ -2597,10 +2672,15 @@ panel-toplevel.background na-tray-applet {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.9), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
#XfceNotifyWindow.osd button:active:disabled, #XfceNotifyWindow.osd button:checked:disabled {
background-color: mix(#000000, #D8D8D8, 0.95);
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1); }
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.1);
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
#XfceNotifyWindow.osd button:active:disabled:backdrop, #XfceNotifyWindow.osd button:checked:disabled:backdrop {
box-shadow: inset -3px -3px shade(#FFFFFF, 0.9), inset -1px -1px shade(#D8D8D8, 0.95), inset 2px 2px shade(#D8D8D8, 0.85), inset 1px 1px shade(#D8D8D8, 0.65); }
#XfceNotifyWindow.osd button:disabled {
color: mix(#000000, mix(#000000, #D8D8D8, 0.5), 0.5);
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.95); }
#XfceNotifyWindow.osd button:backdrop {
box-shadow: inset 3px 3px white, inset 1px 1px #D8D8D8, inset -2px -2px shade(#D8D8D8, 0.85), inset -1px -1px shade(#D8D8D8, 0.65); }
.nemo-window .nemo-window-pane widget.entry {
border: 1px solid;