NixOS-Vista/Ressources/package/gtk-theme/source/diinki-aero/gtk-4.0/gtk.css
2026-02-12 15:32:45 +01:00

2973 lines
106 KiB
CSS

.background {
color: #000000;
background-color: rgba(240, 240, 240, 0.999); }
.background:backdrop {
color: #000000;
background-color: rgba(240, 240, 240, 0.999); }
dnd {
color: #000000; }
.normal-icons {
-gtk-icon-size: 16px; }
.large-icons {
-gtk-icon-size: 32px; }
image:disabled {
-gtk-icon-filter: opacity(0.5); }
.view, iconview {
color: #000000;
background-color: #FFFFFF; }
.view:disabled, iconview:disabled {
color: #787878;
background-color: #e4e4e4; }
.view:selected:focus, .view:selected, iconview:selected {
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe);
box-shadow: inset 0 0 0 1px #90c8f6;
border-radius: 3px; }
.view:selected:backdrop, iconview:selected:backdrop {
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe);
box-shadow: inset 0 0 0 1px #90c8f6; }
textview > text {
color: #000000;
background-color: #FFFFFF;
background-color: transparent; }
textview > text:disabled {
color: #787878;
background-color: #787878; }
textview > text:selected:focus, textview > text:selected {
color: #FFFFFF;
background-color: #3399FF; }
textview > text:selected:backdrop {
color: #FFFFFF;
background-color: #3399FF; }
textview > text > selection {
color: #FFFFFF;
background-color: #3399FF; }
textview > text > selection:focus-within {
color: #FFFFFF;
background-color: #3399FF; }
textview:drop(active) {
caret-color: #CCE8FF; }
iconview:drop(active) {
box-shadow: none; }
iconview > dndtarget:drop(active) {
border: 1px solid #CCE8FF; }
rubberband {
border: 1px solid #a3d3fa;
background-color: rgba(204, 232, 255, 0.3); }
flowbox > rubberband {
border: 1px solid #a3d3fa;
background-color: rgba(204, 232, 255, 0.3); }
flowbox > flowboxchild {
padding: 3px; }
flowbox > flowboxchild:selected {
color: #000000;
background-color: #CCE8FF; }
gridview > rubberband {
border: 1px solid #a3d3fa;
background-color: rgba(204, 232, 255, 0.3); }
gridview > child {
padding: 3px;
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
gridview > child:selected {
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe);
box-shadow: inset 0 0 0 1px #90c8f6; }
gridview > child:selected:backdrop {
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe);
box-shadow: inset 0 0 0 1px #90c8f6; }
gridview > child box {
border-spacing: 8px;
margin: 12px; }
coverflow cover {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #6c6c6c; }
label:selected {
color: #FFFFFF; }
label > selection {
color: #FFFFFF;
background-color: #3399FF; }
label > selection:focus-within {
color: #FFFFFF;
background-color: #3399FF; }
label:disabled {
color: #787878; }
button label:disabled {
color: inherit; }
label:disabled > selection {
color: #5689bc; }
label:disabled > selection:backdrop {
color: #74a7da; }
label.error {
color: #CC0000; }
label.error:disabled {
color: rgba(204, 0, 0, 0.5); }
.dim-label {
opacity: 0.6;
text-shadow: none; }
button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:backdrop {
transition: 200ms ease-out; }
button.flat {
transition: none; }
button.flat:hover, button.flat:checked {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
entry {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
entry:focus {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
flowbox > flowboxchild {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
gridview > child {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
searchbar > revealer > box:backdrop {
transition: 200ms ease-out; }
headerbar:backdrop {
transition: 200ms ease-out; }
treeview > header > button, treeview > header > button:hover, treeview > header > button:active {
transition: none; }
treeview > header > button button.dnd:active, treeview > header > button button.dnd:selected, treeview > header > button button.dnd:hover, treeview > header > button button.dnd, treeview > header > button header.button.dnd:active, treeview > header > button header.button.dnd:selected, treeview > header > button header.button.dnd:hover, treeview > header > button header.button.dnd {
transition: none; }
popover.menu box.inline-buttons button.image-button.model {
transition: none; }
notebook > header > tabs > tab {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scrollbar {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scrollbar:backdrop {
transition: 200ms ease-out; }
scrollbar > range > trough > slider {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scrollbar > range.fine-tune > trough > slider {
transition: none; }
switch {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
switch > slider {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.view.content-view.check:not(list), iconview.content-view.check:not(list),
.content-view .tile check:not(list) {
transition: 200ms; }
checkbutton {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scale > through {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scale > through > slider {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border, box-shadow; }
placesview .server-list-button > image,
placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
colorswatch {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
plane {
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
window.csd:backdrop {
transition: 200ms ease-out; }
window.assistant .sidebar {
padding: 4px;
border-top: 1px solid #b4b4b4; }
window.assistant.csd .sidebar {
border-top-style: none; }
window.assistant .sidebar > label {
padding: 6px 12px; }
window.assistant .sidebar > label.highlight {
background-color: #CCE8FF;
border-radius: 0px; }
window.aboutdialog image.large-icons {
-gtk-icon-size: 128px; }
.background.osd {
color: #000000;
background-color: silver; }
.osd frame {
background-clip: border-box;
background-origin: border-box; }
.osd button, button.osd {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #9a9a9a;
border-radius: 3px;
background-color: #cfcfcf;
color: #000000; }
.osd button:hover, button.osd:hover {
border-color: #868686;
background-color: lightgray;
color: #000000; }
.osd button:active, .osd button:checked, button.osd:active, button.osd:checked {
border-color: #9a9a9a;
background-color: #b6b6b6;
color: #000000; }
.osd button:disabled, button.osd:disabled {
border-color: #a3a3a3;
background-color: #adadad;
color: rgba(0, 0, 0, 0.8); }
.osd button:checked:disabled, button.osd:checked:disabled {
background-color: #9a9a9a; }
.osd toolbar, toolbar.osd {
padding: 4px;
border-width: 1px;
border-style: solid;
border-radius: 0;
border-color: #9a9a9a;
background-color: silver;
color: #000000; }
.osd toolbar button, toolbar.osd button {
padding: 2px 4px;
border-width: 1px;
border-style: solid;
border-color: #9a9a9a;
border-radius: 3px;
background-color: #cfcfcf;
color: #000000; }
.osd toolbar button:hover, toolbar.osd button:hover {
border-color: #868686;
background-color: lightgray;
color: #000000; }
.osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, toolbar.osd button:checked {
border-color: #9a9a9a;
background-color: #b6b6b6;
color: #000000; }
.osd toolbar button:disabled, toolbar.osd button:disabled {
border-color: #a3a3a3;
background-color: #adadad;
color: rgba(0, 0, 0, 0.8); }
.osd toolbar button:checked:disabled, toolbar.osd button:checked:disabled {
border-color: #909090;
background-color: #9a9a9a; }
.osd toolbar separator, toolbar.osd separator {
color: #adadad; }
.osd scale slider, scale.osd slider {
background-color: #CCE8FF; }
.osd scale slider:hover, scale.osd slider:hover {
background-color: #CCE8FF; }
.osd scale slider:disabled, scale.osd slider:disabled {
background-color: #a3a3a3; }
.osd scale trough, scale.osd trough {
border-color: #a3a3a3; }
.osd scale trough:disabled, scale.osd trough:disabled {
border-color: #a3a3a3;
background-color: transparent; }
.osd scale highlight, scale.osd highlight {
border-color: #CCE8FF;
background-color: #CCE8FF; }
.osd progress, progress.osd {
background-color: #000000; }
.osd progressbar, progressbar.osd {
padding: 0; }
.osd progressbar trough, progressbar.osd trough {
padding: 0;
border-style: none;
border-radius: 0;
background-color: transparent; }
.osd progressbar progress, progressbar.osd progress {
border-style: none;
border-radius: 0;
background-color: #CCE8FF; }
.osd scrollbar trough, scrollbar.osd trough {
background-color: transparent; }
.osd scrollbar slider, scrollbar.osd slider {
border-width: 0px;
border-radius: 6px;
background-color: #bebebe; }
.osd scrollbar slider:hover, scrollbar.osd slider:hover {
border-color: #a6a6a6;
background-color: #a6a6a6; }
.osd scrollbar slider:active, scrollbar.osd slider:active {
border-color: #a6a6a6;
background-color: #d8d8d8; }
.osd view, view.osd, .osd.view, iconview.osd {
background-color: #F0F0F0; }
.osd view:selected, .osd view:selected:focus, view.osd:selected, view.osd:selected:focus, .osd.view:selected, iconview.osd:selected, .osd.view:selected:focus {
background-color: transparent;
border-style: solid;
border-radius: 0;
border-width: 3px;
border-color: #000000;
outline-color: transparent; }
@keyframes spin {
to {
-gtk-icon-transform: rotate(1turn); } }
spinner {
opacity: 0;
background: none;
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite; }
spinner:checked:disabled {
opacity: 0.5; }
.large-title {
font-weight: 300;
font-size: 24pt; }
.title-1 {
font-weight: 800;
font-size: 20pt; }
.title-2 {
font-weight: 800;
font-size: 15pt; }
.title-3 {
font-weight: 700;
font-size: 15pt; }
.title-4 {
font-weight: 700;
font-size: 13pt; }
.heading {
font-weight: 700;
font-size: 11pt; }
.body {
font-weight: 400;
font-size: 11pt; }
.caption-heading {
font-weight: 700;
font-size: 9pt; }
.caption {
font-weight: 400;
font-size: 9pt; }
entry {
padding: 4px 3px;
border-radius: 2px;
border: 1px solid #b4b4b4;
border-top-color: rgba(0, 0, 0, 0.4);
color: #000000;
background-color: #FFFFFF;
caret-color: currentColor; }
entry:focus-within {
box-shadow: none; }
entry:focus-within > placeholder {
opacity: 0; }
entry:disabled {
color: #787878;
border-color: #b8b8b8;
background-color: #d9d9d9; }
entry:disabled:backdrop {
border-color: #c8c8c8;
color: #b4b4b4;
background-color: #ebebeb; }
entry:backdrop {
border-color: #b4b4b4;
color: #000000;
background-color: #FFFFFF; }
entry.flat, entry.flat:focus {
min-height: 0px;
padding: 3px;
border-radius: 0px;
background-image: none;
border-color: transparent; }
entry > text > selection {
background-color: #3399FF;
color: #FFFFFF; }
entry > text > selection:focus-within {
background-color: #3399FF;
color: #FFFFFF; }
entry > image {
color: #333333; }
entry > image.left {
padding-right: 5px; }
entry > image.right {
padding-left: 5px; }
entry > image:hover {
color: #000000; }
entry > image:active {
color: #CCE8FF; }
entry.password image.caps-lock-indicator {
color: #333333; }
entry > progress {
margin-bottom: 2px;
border-color: transparent; }
entry progress > trough > progress {
border-radius: 0;
border-width: 0 0 2px;
border-style: solid;
border-color: #CCE8FF;
background-color: transparent;
background-image: none;
box-shadow: none;
margin-left: 2px;
margin-right: 2px; }
entry.search {
border-radius: 40px; }
entry:drop(active), entry:drop(active):focus-within {
border-color: #CCE8FF;
box-shadow: inset 0 0 0 1px #CCE8FF; }
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
background-color: #FFFFFF;
transition-property: color, background; }
treeview entry.flat, treeview entry {
border-radius: 0;
background-image: none;
background-color: #FFFFFF; }
treeview entry.flat:focus-within, treeview entry:focus-within {
border-color: #CCE8FF; }
editablelabel > stack > text > selection {
color: transparent;
background-color: #CCE8FF; }
editablelabel > stack > text > selection:focus-within {
color: #000000;
background-color: #3399FF; }
button {
padding: 4px 6px;
min-width: 14px;
min-height: 18px;
border-radius: 3px;
border: 1px solid #999999;
color: #000000;
background-color: #F0F0F0;
background-image: linear-gradient(to bottom, white, #ececec 50%, #e4e4e4 51%, #e2e2e2);
text-shadow: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
-gtk-icon-shadow: none; }
button:hover {
border-color: #5fa7e3;
color: #000000;
background-color: #d5ecff;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
button:active {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
button:checked {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
button:checked:backdrop {
border-color: #a8a8a8;
color: #000000;
background-color: #cccccc;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
button:checked:disabled {
border-color: #b0b0b0;
color: #787878;
background-color: #c2c2c2;
background-image: none; }
button:checked:disabled:backdrop {
border-color: #b0b0b0;
color: #787878;
background-color: #c8c8c8; }
button:disabled {
border-color: #b0b0b0;
color: #787878;
background-color: #e4e4e4;
background-image: none; }
button:disabled:backdrop {
border-color: #b0b0b0;
color: #787878;
background-color: #ebebeb; }
button:backdrop {
color: #000000; }
headerbar button,
button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
headerbar button:backdrop, headerbar button:disabled,
button.flat:backdrop,
button.flat:disabled,
button.flat:disabled:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
headerbar button:hover,
button.flat:hover {
border-color: #5fa7e3;
color: #000000;
background-color: #d5ecff;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
headerbar button:active,
button.flat:active {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
headerbar button:checked,
button.flat:checked {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
headerbar button:checked:backdrop,
button.flat:checked:backdrop {
border-color: #a8a8a8;
color: #000000;
background-color: #cccccc;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
headerbar button:checked:disabled,
button.flat:checked:disabled {
border-color: #b0b0b0;
color: #787878;
background-color: #c2c2c2;
background-image: none; }
headerbar button:checked:disabled:backdrop,
button.flat:checked:disabled:backdrop {
border-color: #b0b0b0;
color: #787878;
background-color: #c8c8c8; }
button.destructive-action {
border: 1px solid #6a1818;
color: #000000;
background-color: #CC0000;
background-image: linear-gradient(to bottom, #e00000, #c70202 50%, #bd0505 51%, #ba0606);
text-shadow: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
-gtk-icon-shadow: none; }
button.destructive-action:hover {
border-color: #5fa7e3;
color: #000000;
background-color: #d5ecff;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
button.destructive-action:active {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
button.destructive-action:checked {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
button.destructive-action:backdrop {
color: #000000; }
button.suggested-action {
border: 1px solid #4d99d8;
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #fafdff, #c6e5ff 50%, #b7ddfd 51%, #b3dbfd);
text-shadow: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
-gtk-icon-shadow: none; }
button.suggested-action:hover {
border-color: #5fa7e3;
color: #000000;
background-color: #d5ecff;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
button.suggested-action:active {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
button.suggested-action:checked {
border-color: #4391d0;
color: #000000;
background-color: #b7ddfd;
background-image: linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
button.suggested-action:backdrop {
color: #000000; }
button.link,
link {
color: #224BA0;
text-decoration: underline; }
button.link:visited,
link:visited {
color: #1b3c80; }
*:selected button.link:visited, *:selected link:visited {
color: #10244d; }
button.link:hover,
link:hover {
color: #1e50b7; }
*:selected button.link:hover, *:selected link:hover {
color: #1f4490; }
button.link:active,
link:active {
color: #224BA0; }
*:selected button.link:active, *:selected link:active {
color: #1b3c80; }
button.link,
link {
color: #557abd; }
button.link:disabled,
link:disabled {
color: rgba(97, 97, 97, 0.8); }
button.link:selected, *:selected button.link,
link:selected, *:selected link {
color: #1b3c80; }
button.link, button.link:hover, button.link:active, button.link:checked {
text-shadow: none; }
button.link > label {
text-decoration: underline; }
spinbutton:not(.vertical) {
padding: 4px 3px;
border-radius: 2px;
border: 1px solid #b4b4b4;
border-top-color: rgba(0, 0, 0, 0.4);
color: #000000;
background-color: #FFFFFF;
min-height: 28px;
padding: 0px; }
spinbutton:not(.vertical):focus {
border-color: #CCE8FF; }
spinbutton:not(.vertical) > text {
min-height: 0px;
padding: 3px;
border-radius: 0px;
background-image: none;
border-color: transparent;
padding: 7px;
min-width: 36px; }
spinbutton:not(.vertical) > text > selection {
background-color: #CCE8FF;
color: #000000; }
spinbutton:not(.vertical) > text > selection:focus-within {
background-color: #3399FF;
color: #FFFFFF; }
spinbutton:not(.vertical) > button {
border-color: transparent;
background-color: transparent;
background-image: none;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none;
padding: 4px 6px;
border-radius: 0px;
box-shadow: -1px 0 #b4b4b4; }
spinbutton:not(.vertical) > button.up {
border-radius: 0 2px 2px 0; }
spinbutton:not(.vertical) > button:hover {
background-color: rgba(0, 0, 0, 0.1); }
spinbutton:not(.vertical):disabled {
color: #787878;
border-color: #b8b8b8;
background-color: #d9d9d9; }
spinbutton:not(.vertical):disabled:backdrop {
border-color: #c8c8c8;
color: #b4b4b4;
background-color: #ebebeb; }
spinbutton:not(.vertical):backdrop {
border-color: #b4b4b4;
color: #000000;
background-color: #FFFFFF; }
spinbutton.vertical > text {
padding: 4px 3px;
border-radius: 2px;
border: 1px solid #b4b4b4;
border-top-color: rgba(0, 0, 0, 0.4);
color: #000000;
background-color: #FFFFFF;
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0; }
spinbutton.vertical > text > selection {
background-color: #CCE8FF;
color: #000000; }
spinbutton.vertical > text > selection:focus-within {
background-color: #3399FF;
color: #FFFFFF; }
spinbutton.vertical > button {
min-height: 32px;
min-width: 32px;
padding: 0; }
spinbutton.vertical > button.up {
border-bottom-left-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; }
spinbutton.vertical:drop(active) {
border-color: transparent;
box-shadow: none; }
toolbar,
.toolbar {
padding: 4px;
border: none;
color: #000000;
background-color: #E8ECF6;
background-image: linear-gradient(to bottom, white, white 50%, #e1e6f3 51%, #e5e9f5, white 98%, white);
box-shadow: 0 1px rgba(0, 0, 0, 0.7); }
toolbar:backdrop,
.toolbar:backdrop {
color: #000000;
background-color: #E8ECF6; }
toolbar.vertical, toolbar.vertical:backdrop,
.toolbar.vertical,
.toolbar.vertical:backdrop {
background-image: none; }
toolbar button,
.toolbar button {
border: 1px solid transparent;
color: #000000;
background-color: transparent;
background-image: none;
box-shadow: none; }
toolbar button:hover,
.toolbar button:hover {
border-color: transparent;
color: #000000;
background-color: transparent;
background-image: none; }
toolbar button:active, toolbar button:checked,
.toolbar button:active,
.toolbar button:checked {
color: #000000;
background-image: linear-gradient(to bottom, #82a7e8, #5d78be 40%, #153c9c 41%, #235db6 66%, #50c3e8);
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px #545454; }
toolbar button:backdrop,
.toolbar button:backdrop {
color: #000000; }
searchbar {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #b4b4b4;
background-color: #e4e4e4; }
.nautilus-window .searchbar-container {
margin-top: -1px; }
infobar > revealer > box {
padding: 8px;
border-spacing: 12px;
box-shadow: none; }
infobar.info > revealer > box {
border: 1px solid #0055FF;
color: #000000;
background-image: none;
background-color: #0055FF; }
infobar.info > revealer > box button:not(.close) {
border-color: transparent;
color: #000000;
background-image: none;
background-color: #1463ff;
box-shadow: none; }
infobar.info > revealer > box button:not(.close):hover {
background-color: #1a66ff; }
infobar.info > revealer > box button:not(.close):active {
background-color: #0653ec; }
infobar.warning > revealer > box {
border: 1px solid #FF9900;
color: #000000;
background-image: none;
background-color: #FF9900; }
infobar.warning > revealer > box button:not(.close) {
border-color: transparent;
color: #000000;
background-image: none;
background-color: #ffa114;
box-shadow: none; }
infobar.warning > revealer > box button:not(.close):hover {
background-color: #ffa31a; }
infobar.warning > revealer > box button:not(.close):active {
background-color: #ec9006; }
infobar.question > revealer > box {
border: 1px solid #2C2C2C;
color: #000000;
background-image: none;
background-color: #2C2C2C; }
infobar.question > revealer > box button:not(.close) {
border-color: transparent;
color: #000000;
background-image: none;
background-color: #303030;
box-shadow: none; }
infobar.question > revealer > box button:not(.close):hover {
background-color: #303030; }
infobar.question > revealer > box button:not(.close):active {
background-color: #2a2a2a; }
infobar.error > revealer > box {
border: 1px solid #CC0000;
background-color: #CC0000;
background-image: none;
color: #000000; }
infobar.error > revealer > box button:not(.close) {
border-color: transparent;
color: #000000;
background-image: none;
background-color: #dc0000;
box-shadow: none; }
infobar.error > revealer > box button:not(.close):hover {
background-color: #e00000; }
infobar.error > revealer > box button:not(.close):active {
background-color: #bd0505; }
infobar .close {
color: #000000;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none; }
infobar .close:hover {
background-color: rgba(255, 255, 255, 0.1); }
infobar .close:active {
background-color: rgba(0, 0, 0, 0.05); }
headerbar {
min-height: 30px;
padding: 4px 8px;
color: #000000;
background-color: #E8ECF6;
background-image: linear-gradient(to bottom, #9ab9e0, #cddef4);
box-shadow: inset 1px 0 rgba(255, 255, 255, 0.6), inset -1px 0 rgba(255, 255, 255, 0.6), inset 0 1px rgba(255, 255, 255, 0.6); }
headerbar .title {
padding-left: 12px;
padding-right: 12px;
font-weight: bold; }
headerbar .subtitle {
font-size: smaller;
padding-left: 12px;
padding-right: 12px;
color: alpha(currentColor, 0.7); }
headerbar:backdrop {
color: #000000;
background-color: #e4e4e4;
background-image: linear-gradient(to bottom, #b8c3de, #d7deef);
box-shadow: inset 1px 0 rgba(255, 255, 255, 0.3), inset -1px 0 rgba(255, 255, 255, 0.3), inset 0 1px rgba(255, 255, 255, 0.3); }
.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop {
border-radius: 0; }
headerbar.titlebar, .titlebar headerbar {
border-radius: 3px 3px 0px 0px; }
separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
border-top-left-radius: 3px; }
.maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop {
border-radius: 0; }
headerbar:last-child, headerbar:last-child:backdrop {
border-top-right-radius: 3px; }
.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop {
border-radius: 0; }
headerbar windowcontrols {
border-spacing: 6px; }
headerbar windowcontrols.start:not(.empty):dir(ltr), headerbar windowcontrols.end:not(.empty):dir(rtl) {
margin-right: 7px; }
headerbar windowcontrols.start:not(.empty):dir(rtl), headerbar windowcontrols.end:not(.empty):dir(ltr) {
margin-left: 7px; }
headerbar windowcontrols button.close {
padding: 0px;
min-width: 31px;
min-height: 17px;
border: none;
border-radius: 0;
color: transparent;
background-color: transparent;
background-size: 31px 17px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none;
-gtk-icon-shadow: none;
background-image: url("assets/close-normal.png"); }
headerbar windowcontrols button.close:hover {
background-image: url("assets/close-hover.png"); }
headerbar windowcontrols button.close:active {
background-image: url("assets/close-active.png"); }
headerbar windowcontrols button.close:backdrop {
background-image: url("assets/close-backdrop.png"); }
headerbar windowcontrols button.close:backdrop:hover {
background-image: url("assets/close-hover.png"); }
headerbar windowcontrols button.close:backdrop:active {
background-image: url("assets/close-active.png"); }
headerbar windowcontrols button.maximize {
padding: 0px;
min-width: 31px;
min-height: 17px;
border: none;
border-radius: 0;
color: transparent;
background-color: transparent;
background-size: 31px 17px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none;
-gtk-icon-shadow: none;
background-image: url("assets/maximize-normal.png"); }
headerbar windowcontrols button.maximize:hover {
background-image: url("assets/maximize-hover.png"); }
headerbar windowcontrols button.maximize:active {
background-image: url("assets/maximize-active.png"); }
headerbar windowcontrols button.maximize:backdrop {
background-image: url("assets/maximize-backdrop.png"); }
headerbar windowcontrols button.maximize:backdrop:hover {
background-image: url("assets/maximize-hover.png"); }
headerbar windowcontrols button.maximize:backdrop:active {
background-image: url("assets/maximize-active.png"); }
headerbar windowcontrols button.minimize {
padding: 0px;
min-width: 31px;
min-height: 17px;
border: none;
border-radius: 0;
color: transparent;
background-color: transparent;
background-size: 31px 17px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none;
-gtk-icon-shadow: none;
background-image: url("assets/minimize-normal.png"); }
headerbar windowcontrols button.minimize:hover {
background-image: url("assets/minimize-hover.png"); }
headerbar windowcontrols button.minimize:active {
background-image: url("assets/minimize-active.png"); }
headerbar windowcontrols button.minimize:backdrop {
background-image: url("assets/minimize-backdrop.png"); }
headerbar windowcontrols button.minimize:backdrop:hover {
background-image: url("assets/minimize-hover.png"); }
headerbar windowcontrols button.minimize:backdrop:active {
background-image: url("assets/minimize-active.png"); }
.maximized headerbar windowcontrols button.maximize {
padding: 0px;
min-width: 31px;
min-height: 17px;
border: none;
border-radius: 0;
color: transparent;
background-color: transparent;
background-size: 31px 17px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none;
-gtk-icon-shadow: none;
background-image: url("assets/restore-normal.png"); }
.maximized headerbar windowcontrols button.maximize:hover {
background-image: url("assets/restore-hover.png"); }
.maximized headerbar windowcontrols button.maximize:active {
background-image: url("assets/restore-active.png"); }
.maximized headerbar windowcontrols button.maximize:backdrop {
background-image: url("assets/restore-backdrop.png"); }
.maximized headerbar windowcontrols button.maximize:backdrop:hover {
background-image: url("assets/restore-hover.png"); }
.maximized headerbar windowcontrols button.maximize:backdrop:active {
background-image: url("assets/restore-active.png"); }
pathbar > button.text-button, pathbar > button.image-button, pathbar > button {
padding-left: 4px;
padding-right: 4px; }
pathbar > button.text-button.imagebutton > label {
padding-left: 0;
padding-right: 0; }
pathbar > button.text-button.imagebutton > label:last-child {
padding-right: 8px; }
pathbar > button.text-button.imagebutton > label:first-child {
padding-left: 8px; }
pathbar > button image {
padding-left: 4px;
padding-right: 4px; }
pathbar > button.slider-button {
padding-left: 0;
padding-right: 0; }
columnview.view, treeview.view {
border-left-color: #c3c3c3;
border-top-color: #c3c3c3; }
columnview.view > rubberband, treeview.view > rubberband {
border: 1px solid #a3d3fa;
background-color: rgba(204, 232, 255, 0.3); }
columnview.view:selected, columnview.view:selected:focus, treeview.view:selected, treeview.view:selected:focus {
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe);
box-shadow: inset 0 0 0 1px #90c8f6;
border-radius: 0; }
columnview.view:selected:backdrop, columnview.view:selected:focus:backdrop, treeview.view:selected:backdrop, treeview.view:selected:focus:backdrop {
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe);
box-shadow: inset 0 0 0 1px #90c8f6; }
columnview.view:disabled, treeview.view:disabled {
color: #787878; }
columnview.view:disabled:backdrop, treeview.view:disabled:backdrop {
color: #b4b4b4; }
columnview.view:disabled:selected, treeview.view:disabled:selected {
color: #a2b0bc; }
columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop {
color: #c0ceda; }
columnview.view.separator, treeview.view.separator {
min-height: 2px;
color: #c3c3c3; }
columnview.view:backdrop, treeview.view:backdrop {
border-left-color: #c3c3c3;
border-top: #c3c3c3; }
columnview.view:drop(active), treeview.view:drop(active) {
box-shadow: none; }
columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #CCE8FF; }
columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) {
border-top-style: none; }
columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) {
border-bottom-style: none; }
columnview.view.expander, treeview.view.expander {
min-width: 16px;
min-height: 16px;
color: #4d4d4d;
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
columnview.view.expander:hover, treeview.view.expander:hover {
color: #000000; }
columnview.view.expander:selected, treeview.view.expander:selected {
color: #3d464d; }
columnview.view.expander:selected:hover, treeview.view.expander:selected:hover {
color: #000000; }
columnview.view.expander:checked, treeview.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
columnview.view.progressbar, treeview.view.progressbar {
color: #000000;
background-color: #CCE8FF;
background-image: image(#CCE8FF);
box-shadow: none; }
columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
color: #CCE8FF;
background-image: image(#000000); }
columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
color: #CCE8FF;
background-color: #000000; }
columnview.view.trough, treeview.view.trough {
background-color: rgba(0, 0, 0, 0.9); }
columnview.view.trough:selected, columnview.view.trough:selected:focus, treeview.view.trough:selected, treeview.view.trough:selected:focus {
background-color: rgba(0, 0, 0, 0.3); }
columnview.view > header > button, treeview.view > header > button {
color: gray;
background-color: #FFFFFF;
font-weight: bold;
text-shadow: none;
box-shadow: none; }
columnview.view > header > button:hover, treeview.view > header > button:hover {
color: #404040;
box-shadow: none;
transition: none; }
columnview.view > header > button:active, treeview.view > header > button:active {
color: #000000;
transition: none; }
columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator {
min-height: 16px;
min-width: 16px; }
columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd {
padding: 0 6px;
color: #000000;
background-image: none;
background-color: #CCE8FF;
border-style: none;
border-radius: 0;
box-shadow: inset 0 0 0 1px #000000;
text-shadow: none;
transition: none; }
columnview.view acceleditor > label, treeview.view acceleditor > label {
background-color: #CCE8FF; }
columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active {
padding: 0 6px;
background-image: none;
border-style: none none solid solid;
border-color: #c3c3c3;
border-radius: 0;
text-shadow: none; }
columnview.view > header > button:disabled, treeview.view > header > button:disabled {
border-color: #F0F0F0;
background-image: none; }
columnview.view > header > button:last-child, treeview.view > header > button:last-child {
border-right-style: none; }
popover.background, popover.background:backdrop {
font: initial;
background-color: transparent; }
popover > arrow,
popover > contents {
border: 1px solid #b4b4b4;
color: #000000;
background-color: #F0F0F0;
background-clip: padding-box;
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.45), inset 0px 0px 0px 2px #f3f3f3; }
popover > contents {
border-radius: 0px; }
popover > contents > list,
popover > contents > .view,
popover > contents > iconview,
popover > contents > toolbar {
border-style: none;
background-color: transparent; }
popover > contents separator {
margin: 3px;
background-color: #b4b4b4; }
magnifier {
background-color: #FFFFFF; }
popover.menu > contents {
min-width: 120px;
padding: 2px; }
popover.menu box.inline-buttons {
padding: 0px 4px; }
popover.menu modelbutton {
min-height: 20px;
padding-left: 4px;
padding-right: 4px;
border-radius: 3px;
border: 1px solid transparent;
background-color: transparent;
background-image: none;
box-shadow: none; }
popover.menu modelbutton:hover, popover.menu modelbutton:selected {
border-color: #a3d3fa;
color: #000000;
background-color: white;
background-image: linear-gradient(to bottom, #e8f4ff, #d5ecff); }
popover.menu modelbutton:disabled {
color: #787878; }
popover.menu modelbutton > image {
padding-right: 4px; }
popover.menu modelbutton arrow {
background: none;
min-width: 16px;
min-height: 16px;
opacity: 0.3; }
popover.menu modelbutton arrow:hover {
background: none; }
popover.menu modelbutton arrow:disabled {
opacity: 0.15; }
popover.menu modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
popover.menu modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
popover.menu separator {
margin: 6px 0; }
popover.menu list separator {
margin: 0; }
popover.menu popover.menu {
padding: 0 0 2px 0; }
popover.menu popover.menu > contents {
margin: 0;
border-radius: 0px; }
popover.menu accelerator {
color: alpha(currentColor, 0.55); }
popover.menu accelerator:hover {
color: rgba(0, 0, 0, 0.8); }
popover.menu accelerator:disabled {
color: #787878; }
popover.menu accelerator:dir(ltr) {
margin-left: 4px; }
popover.menu accelerator:dir(rtl) {
margin-right: 4px; }
menubar {
padding: 0px;
border-style: none;
color: #000000;
background-color: #F0F0F0;
background-image: linear-gradient(to bottom, #f9fafd, #eceff8 40%, #e1e6f3 41%, #eff2f9 89%, #f9fafd 90%, #9aa9cc); }
menubar:backdrop {
color: #000000;
background-color: #F0F0F0; }
menubar > item {
padding: 3px 5px;
min-height: 12px;
border-radius: 3px;
border: 1px solid transparent;
color: #000000;
background-color: transparent;
box-shadow: none; }
menubar > item:selected {
border-color: #a3d3fa;
color: #000000;
background-color: #CCE8FF;
background-color: white;
background-image: linear-gradient(to bottom, #e8f4ff, #d5ecff); }
menubar > item:disabled {
color: #787878;
background-color: transparent; }
menubar > item:backdrop {
color: #000000;
background-color: transparent; }
notebook.frame {
border: 1px solid #b4b4b4; }
notebook > stack:not(:only-child) {
background-color: #FFFFFF; }
notebook > stack:not(:only-child):backdrop {
background-color: #FFFFFF; }
notebook > header {
background-color: #F0F0F0; }
notebook > header:backdrop {
background-color: #F0F0F0; }
notebook > header.top {
box-shadow: 0 1px #b4b4b4; }
notebook > header.bottom {
box-shadow: 0 -1px #b4b4b4; }
notebook > header.left {
box-shadow: 1px 0 #b4b4b4; }
notebook > header.right {
box-shadow: -1px 0 #b4b4b4; }
notebook > header.top {
margin: -1px;
margin-bottom: 1px; }
notebook > header.bottom {
margin: -1px;
margin-top: 1px; }
notebook > header.right {
margin: -1px;
margin-left: 1px; }
notebook > header.left {
margin: -1px;
margin-right: 1px; }
notebook > header.top > tabs > tab {
margin: 0px;
padding: 3px 10px;
border-radius: 0px;
border: 1px solid #b4b4b4;
color: #000000;
background-color: #F0F0F0;
background-image: linear-gradient(to bottom, white, #ececec 50%, #e4e4e4 51%, #e2e2e2);
box-shadow: none;
margin-top: 2px;
margin-bottom: -1px;
border-bottom: none;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
notebook > header.top > tabs > tab:hover {
border-color: #5fa7e3;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
notebook > header.top > tabs > tab:checked {
border-color: #b4b4b4;
background-color: #FFFFFF;
background-image: none;
margin-top: -1px;
margin-bottom: -2px; }
notebook > header.bottom > tabs > tab {
margin: 0px;
padding: 3px 10px;
border-radius: 0px;
border: 1px solid #b4b4b4;
color: #000000;
background-color: #F0F0F0;
background-image: linear-gradient(to bottom, white, #ececec 50%, #e4e4e4 51%, #e2e2e2);
box-shadow: none;
margin-bottom: 2px;
margin-top: -1px;
border-top: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
notebook > header.bottom > tabs > tab:hover {
border-color: #5fa7e3;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
notebook > header.bottom > tabs > tab:checked {
border-color: #b4b4b4;
background-color: #FFFFFF;
background-image: none;
margin-bottom: -1px;
margin-top: -2px; }
notebook > header.left > tabs > tab {
margin: 0px;
padding: 3px 10px;
border-radius: 0px;
border: 1px solid #b4b4b4;
color: #000000;
background-color: #F0F0F0;
background-image: linear-gradient(to bottom, white, #ececec 50%, #e4e4e4 51%, #e2e2e2);
box-shadow: none;
margin-left: 2px;
margin-right: -1px;
border-right: none;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
notebook > header.left > tabs > tab:hover {
border-color: #5fa7e3;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
notebook > header.left > tabs > tab:checked {
border-color: #b4b4b4;
background-color: #FFFFFF;
background-image: none;
margin-left: -1px;
margin-right: -2px; }
notebook > header.right > tabs > tab {
margin: 0px;
padding: 3px 10px;
border-radius: 0px;
border: 1px solid #b4b4b4;
color: #000000;
background-color: #F0F0F0;
background-image: linear-gradient(to bottom, white, #ececec 50%, #e4e4e4 51%, #e2e2e2);
box-shadow: none;
margin-right: 2px;
margin-left: -1px;
border-left: none;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px; }
notebook > header.right > tabs > tab:hover {
border-color: #5fa7e3;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
notebook > header.right > tabs > tab:checked {
border-color: #b4b4b4;
background-color: #FFFFFF;
background-image: none;
margin-right: -1px;
margin-left: -2px; }
notebook > header.bottom > tabs > arrow, notebook > header.top > tabs > arrow {
margin-left: -5px;
margin-right: -5px;
padding-left: 4px;
padding-right: 4px; }
notebook > header.bottom > tabs > arrow.down, notebook > header.top > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.bottom > tabs > arrow.up, notebook > header.top > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.right > tabs > arrow, notebook > header.left > tabs > arrow {
margin-top: -5px;
margin-bottom: -5px;
padding-top: 4px;
padding-bottom: 4px; }
notebook > header.right > tabs > arrow.down, notebook > header.left > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.right > tabs > arrow.up, notebook > header.left > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header.top > tabs > arrow {
border-top-style: none; }
notebook > header.bottom > tabs > arrow {
border-bottom-style: none; }
notebook > header.left > tabs > arrow {
border-left-style: none; }
notebook > header.right > tabs > arrow {
border-right-style: none; }
tabbar .box {
background-color: #F0F0F0; }
tabbar .box:backdrop {
background-color: #F0F0F0; }
tabbar .box.top {
box-shadow: 0 1px #b4b4b4; }
tabbar .box.bottom {
box-shadow: 0 -1px #b4b4b4; }
tabbar .box.left {
box-shadow: 1px 0 #b4b4b4; }
tabbar .box.right {
box-shadow: -1px 0 #b4b4b4; }
tabbar tabbox {
padding-bottom: 6px;
padding-top: 6px;
min-height: 34px; }
tabbar tabbox > separator {
margin-top: 3px;
margin-bottom: 3px;
transition: opacity 150ms ease-in-out; }
tabbar tabbox > separator.hidden {
opacity: 0; }
tabbar tabbox > revealer > indicator {
min-width: 2px;
border-radius: 0px;
margin: 3px 6px; }
tabbar tab {
margin: 0px;
padding: 3px 10px;
border-radius: 0px;
border: 1px solid #b4b4b4;
color: #000000;
background-color: #F0F0F0;
background-image: linear-gradient(to bottom, white, #ececec 50%, #e4e4e4 51%, #e2e2e2);
box-shadow: none;
margin-top: 2px;
margin-bottom: -1px; }
tabbar tab:hover {
border-color: #5fa7e3;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
tabbar tab:selected {
border-color: #b4b4b4;
background-color: #FFFFFF;
background-image: none;
margin-top: -1px;
margin-bottom: -2px; }
tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active {
background: none; }
scrollbar {
border: none;
background-color: #d8d8d8;
/*
&.horizontal button {
&.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
&.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
}
&.vertical button {
&.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
&.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
}
*/ }
scrollbar:backdrop {
background-color: #d8d8d8; }
scrollbar > range > trough > slider {
margin: 0px;
min-width: 14px;
min-height: 14px;
border-radius: 3px;
border: 1px solid #b4b4b4;
background-color: #909090;
background-clip: padding-box; }
scrollbar > range > trough > slider:hover {
border-color: #5fa7e3;
background-color: #909090; }
scrollbar > range > trough > slider:hover:active {
border-color: #4391d0;
background-color: #848484; }
scrollbar > range > trough > slider:backdrop {
background-color: #848484; }
scrollbar > range > trough > slider:disabled {
background-color: transparent; }
scrollbar.horizontal {
background-image: linear-gradient(to bottom, #F0F0F0, white); }
scrollbar.horizontal > range > trough > slider {
background: url("assets/handle-vert.png") no-repeat center center, linear-gradient(to bottom, #F0F0F0 50%, #e4e4e4 51%, #e2e2e2); }
scrollbar.horizontal > range > trough > slider:hover {
background: url("assets/handle-horiz-hover.png") no-repeat center center, linear-gradient(to bottom, white, #CCE8FF 50%, #b7ddfd 51%); }
scrollbar.horizontal > range > trough > slider:hover:active {
background: url("assets/handle-horiz-hover.png") no-repeat center center, linear-gradient(to bottom, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
scrollbar.vertical {
background-image: linear-gradient(to right, #F0F0F0, white); }
scrollbar.vertical > range > trough > slider {
background: url("assets/handle-vert.png") no-repeat center center, linear-gradient(to right, #F0F0F0 50%, #e4e4e4 51%, #e2e2e2); }
scrollbar.vertical > range > trough > slider:hover {
background: url("assets/handle-vert-hover.png") no-repeat center center, linear-gradient(to right, white, #CCE8FF 50%, #b7ddfd 51%); }
scrollbar.vertical > range > trough > slider:hover:active {
background: url("assets/handle-vert-hover.png") no-repeat center center, linear-gradient(to right, #ecf6ff, #b7ddfd 50%, #a3d3fa 51%); }
scrollbar.horizontal > range > trough > slider {
min-width: 45px; }
scrollbar.vertical > range > trough > slider {
min-height: 45px; }
scrollbar > range.fine-tune > trough > slider {
min-width: 14px;
min-height: 14px;
border-radius: 3px; }
scrollbar > range.fine-tune.horizontal > trough > slider {
margin-top: 0px;
margin-bottom: 0px; }
scrollbar > range.fine-tune.vertical > trough > slider {
margin-left: 0px;
margin-right: 0px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 1.0; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider {
min-width: 45px;
min-height: 14px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider {
min-width: 14px;
min-height: 45px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
opacity: 1; }
treeview ~ scrollbar.vertical {
border-top: 1px solid #b4b4b4;
margin-top: -1px; }
switch {
margin: 4px;
font-size: 0;
border: none;
border-radius: 3px;
background-color: #b4b4b4;
color: transparent;
background-image: linear-gradient(to bottom, #a2a2a2, #b4b4b4); }
switch:checked {
background-color: #5fa7e3;
background-image: linear-gradient(to bottom, #5fa7e3, #90c8f6); }
switch:checked:backdrop {
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #5fa7e3, #90c8f6); }
switch:disabled {
background-color: #e4e4e4;
background-image: linear-gradient(to bottom, #cdcdcd, #e4e4e4); }
switch:disabled:backdrop {
background-color: #ebebeb;
background-image: linear-gradient(to bottom, #d4d4d4, #ebebeb); }
switch:backdrop {
background-color: #b4b4b4;
background-image: linear-gradient(to bottom, #a2a2a2, #b4b4b4); }
switch > slider {
margin: 0px;
min-width: 28px;
min-height: 22px;
border-radius: 3px;
border: 1px solid #909090;
color: #000000;
background-color: #FFFFFF;
background-image: linear-gradient(to bottom, white, #ececec 50%, #e4e4e4 51%, #e2e2e2);
box-shadow: none; }
switch:disabled > slider {
background-color: #d9d9d9; }
switch:disabled:backdrop > slider {
background-color: #ebebeb; }
switch:backdrop > slider {
background-color: #FFFFFF; }
checkbutton, radiobutton {
padding: 4px;
outline-offset: 0; }
check, radio {
margin: 0 4px;
min-width: 14px;
min-height: 14px;
border: none;
background-color: transparent;
background-image: none;
box-shadow: none;
transition: 0.2s; }
popover.menu check,
modelbutton.flat check,
check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
popover.menu check:hover,
modelbutton.flat check:hover,
check:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-over.png"), url("assets/checkbox-unchecked-over@2.png")); }
popover.menu check:active,
modelbutton.flat check:active,
check:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); }
popover.menu check:disabled,
modelbutton.flat check:disabled,
check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
popover.menu check:checked,
modelbutton.flat check:checked,
check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
popover.menu check:checked:hover,
modelbutton.flat check:checked:hover,
check:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-over.png"), url("assets/checkbox-checked-over@2.png")); }
popover.menu check:checked:active,
modelbutton.flat check:checked:active,
check:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); }
popover.menu check:checked:disabled,
modelbutton.flat check:checked:disabled,
check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
popover.menu check:indeterminate,
modelbutton.flat check:indeterminate,
check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
popover.menu check:indeterminate:hover,
modelbutton.flat check:indeterminate:hover,
check:indeterminate:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-over.png"), url("assets/checkbox-mixed-over@2.png")); }
popover.menu check:indeterminate:active,
modelbutton.flat check:indeterminate:active,
check:indeterminate:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); }
popover.menu check:indeterminate:disabled,
modelbutton.flat check:indeterminate:disabled,
check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
popover.menu check:backdrop,
modelbutton.flat check:backdrop,
check:backdrop {
opacity: 0.8; }
popover.menu radio,
modelbutton.flat radio,
radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
popover.menu radio:hover,
modelbutton.flat radio:hover,
radio:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-over.png"), url("assets/radio-unchecked-over@2.png")); }
popover.menu radio:active,
modelbutton.flat radio:active,
radio:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); }
popover.menu radio:disabled,
modelbutton.flat radio:disabled,
radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
popover.menu radio:checked,
modelbutton.flat radio:checked,
radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
popover.menu radio:checked:hover,
modelbutton.flat radio:checked:hover,
radio:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-over.png"), url("assets/radio-checked-over@2.png")); }
popover.menu radio:checked:active,
modelbutton.flat radio:checked:active,
radio:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); }
popover.menu radio:checked:disabled,
modelbutton.flat radio:checked:disabled,
radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
popover.menu radio:indeterminate,
modelbutton.flat radio:indeterminate,
radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
popover.menu radio:indeterminate:hover,
modelbutton.flat radio:indeterminate:hover,
radio:indeterminate:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-over.png"), url("assets/radio-mixed-over@2.png")); }
popover.menu radio:indeterminate:active,
modelbutton.flat radio:indeterminate:active,
radio:indeterminate:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); }
popover.menu radio:indeterminate:disabled,
modelbutton.flat radio:indeterminate:disabled,
radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
popover.menu radio:backdrop,
modelbutton.flat radio:backdrop,
radio:backdrop {
opacity: 0.8; }
popover.menu check, modelbutton.flat check
popover.menu radio, modelbutton.flat radio {
animation: none;
transition: none; }
scale {
min-height: 10px;
min-width: 10px;
padding: 12px; }
scale > fill,
scale > trough {
border: 1px solid #b4b4b4;
border-radius: 0px;
background-color: rgba(0, 0, 0, 0.1); }
scale > fill:disabled,
scale > trough:disabled {
background-color: rgba(0, 0, 0, 0.05); }
scale > fill:disabled:backdrop,
scale > trough:disabled:backdrop {
background-color: rgba(0, 0, 0, 0.05); }
scale > fill:backdrop,
scale > trough:backdrop {
background-color: rgba(0, 0, 0, 0.1); }
scale > trough > highlight {
border: none;
border-radius: 0px;
background-color: transparent; }
scale > trough > highlight:disabled {
background-color: transparent; }
scale > trough > highlight:disabled:backdrop {
background-color: transparent; }
scale > trough > highlight:backdrop {
background-color: transparent; }
scale > trough > slider {
min-width: 19px;
min-height: 19px;
margin: -7px;
border-radius: 0px;
border: none;
color: #000000;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
box-shadow: none; }
scale > trough > slider:hover {
color: #000000; }
scale > trough > slider:backdrop {
color: #000000; }
scale.horizontal > trough > slider {
background-image: url("assets/slider-horiz.png"); }
scale.horizontal > trough > slider:hover {
background-image: url("assets/slider-horiz-hover.png"); }
scale.horizontal > trough > slider:disabled {
background-image: url("assets/slider-horiz-insensitive.png"); }
scale.horizontal > trough > slider:disabled:backdrop {
background-image: url("assets/slider-horiz-insensitive.png"); }
scale.horizontal > trough > slider:backdrop {
background-image: url("assets/slider-horiz-insensitive.png"); }
scale.horizontal.marks-after:not(.marks-before) > trough > slider {
background-image: url("assets/slider-horiz.png"); }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
background-image: url("assets/slider-horiz-hover.png"); }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: url("assets/slider-horiz-insensitive.png"); }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled:backdrop {
background-image: url("assets/slider-horiz-insensitive.png"); }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:backdrop {
background-image: url("assets/slider-horiz-insensitive.png"); }
scale.horizontal.color > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider {
background-image: url("assets/slider-horiz-top.png"); }
scale.horizontal.color > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
background-image: url("assets/slider-horiz-top-hover.png"); }
scale.horizontal.color > trough > slider:disabled, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: url("assets/slider-horiz-top-insensitive.png"); }
scale.horizontal.color > trough > slider:disabled:backdrop, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled:backdrop {
background-image: url("assets/slider-horiz-top-insensitive.png"); }
scale.horizontal.color > trough > slider:backdrop, scale.horizontal.marks-before:not(.marks-after) > trough > slider:backdrop {
background-image: url("assets/slider-horiz-top-insensitive.png"); }
scale.vertical > trough > slider {
background-image: url("assets/slider-vert.png"); }
scale.vertical > trough > slider:hover {
background-image: url("assets/slider-vert-hover.png"); }
scale.vertical > trough > slider:disabled {
background-image: url("assets/slider-vert-insensitive.png"); }
scale.vertical > trough > slider:disabled:backdrop {
background-image: url("assets/slider-vert-insensitive.png"); }
scale.vertical > trough > slider:backdrop {
background-image: url("assets/slider-vert-insensitive.png"); }
scale.vertical.color:dir(ltr) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider {
background-image: url("assets/slider-vert.png"); }
scale.vertical.color:dir(ltr) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
background-image: url("assets/slider-vert-hover.png"); }
scale.vertical.color:dir(ltr) > trough > slider:disabled, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: url("assets/slider-vert-insensitive.png"); }
scale.vertical.color:dir(ltr) > trough > slider:disabled:backdrop, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled:backdrop {
background-image: url("assets/slider-vert-insensitive.png"); }
scale.vertical.color:dir(ltr) > trough > slider:backdrop, scale.vertical.marks-after:not(.marks-before) > trough > slider:backdrop {
background-image: url("assets/slider-vert-insensitive.png"); }
scale.vertical.color:dir(rtl) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider {
background-image: url("assets/slider-vert-left.png"); }
scale.vertical.color:dir(rtl) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
background-image: url("assets/slider-vert-left-hover.png"); }
scale.vertical.color:dir(rtl) > trough > slider:disabled, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: url("assets/slider-vert-left-insensitive.png"); }
scale.vertical.color:dir(rtl) > trough > slider:disabled:backdrop, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled:backdrop {
background-image: url("assets/slider-vert-left-insensitive.png"); }
scale.vertical.color:dir(rtl) > trough > slider:backdrop, scale.vertical.marks-before:not(.marks-after) > trough > slider:backdrop {
background-image: url("assets/slider-vert-left-insensitive.png"); }
scale.fine-tune.horizontal {
padding-top: 9px;
padding-bottom: 9px;
min-height: 16px; }
scale.fine-tune.vertical {
min-width: 16px; }
scale.fine-tune > trough,
scale.fine-tune > trough > fill,
scale.fine-tune > trough > highlight {
border-radius: 0px; }
scale.fine-tune > trough > slider {
margin: -4px; }
scale > value {
color: alpha(currentColor, 0.55);
font-feature-settings: "tnum"; }
scale > marks {
color: alpha(currentColor, 0.55); }
scale.horizontal > marks.top {
margin-bottom: 6px; }
scale.horizontal > marks.bottom {
margin-top: 6px; }
scale.horizontal > marks indicator {
min-width: 1px;
min-height: 6px;
background-color: currentColor; }
scale.horizontal > value.left {
margin-right: 9px; }
scale.horizontal > value.right {
margin-left: 9px; }
scale.horizontal.fine-tune > marks.top {
margin-top: 3px; }
scale.horizontal.fine-tune > marks.bottom {
margin-bottom: 3px; }
scale.horizontal.fine-tune > marks indicator {
min-height: 3px; }
scale.vertical > marks.top {
margin-right: 6px; }
scale.vertical > marks.bottom {
margin-left: 6px; }
scale.vertical > marks indicator {
min-height: 1px;
min-width: 6px;
background-color: currentColor; }
scale.vertical > value.top {
margin-bottom: 9px; }
scale.vertical > value.bottom {
margin-top: 9px; }
scale.vertical.fine-tune > marks.top {
margin-left: 3px; }
scale.vertical.fine-tune > marks.bottom {
margin-right: 3px; }
scale.vertical.fine-tune > marks indicator {
min-height: 3px; }
progressbar {
font-size: smaller;
color: black; }
progressbar > trough {
border-radius: 3px;
border: 1px solid #7d7d7d;
box-shadow: inset -6px 0 4px 0 rgba(0, 0, 0, 0.08), inset 6px 0 4px 0 rgba(0, 0, 0, 0.08); }
progressbar > trough:backdrop {
background-color: #e4e4e4; }
progressbar > trough > progress {
border-radius: 0px;
border: none;
background-color: #06B025; }
progressbar > trough > progress:backdrop {
background-color: #06B025; }
progressbar.vertical > trough {
background-image: linear-gradient(to right, white 20%, #c9cacb 65%, white 98%); }
progressbar.vertical > trough > progress {
border: none;
border-radius: 0;
background-color: #06B025;
background: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.2), transparent) top no-repeat, radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.2), transparent) bottom no-repeat, linear-gradient(to right, #cdffcd, #a6efb3 45%, #00d020 56%, #1ce233);
background-size: 100% 40px; }
progressbar.horizontal > trough {
background-image: linear-gradient(to bottom, white 20%, #c9cacb 65%, white 98%); }
progressbar.horizontal > trough > progress {
background: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.2), transparent) left no-repeat, radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.2), transparent) right no-repeat, linear-gradient(to bottom, #cdffcd, #a6efb3 45%, #00d020 56%, #1ce233);
background-size: 40px 100%; }
progressbar.horizontal > trough {
min-width: 150px; }
progressbar.vertical > trough {
min-height: 80px; }
progressbar.horizontal > trough, progressbar.horizontal > trough > progress {
min-height: 16px; }
progressbar.vertical > trough, progressbar.vertical > trough > progress {
min-width: 16px; }
levelbar trough {
padding: 1px;
border-radius: 0; }
levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block {
border: none;
padding: 2px;
border-radius: 3px;
background-color: #CCE8FF; }
levelbar block.high {
background-color: #0d9726; }
levelbar block.low {
background-color: #da870b; }
levelbar block.empty {
background-color: rgba(0, 0, 0, 0.1); }
window.dialog.print drawing {
color: #000000;
background: none;
border: none;
padding: 0; }
window.dialog.print drawing paper {
background: white;
color: #2e3436;
border: 1px solid #b4b4b4; }
window.dialog.print .dialog-action-box {
margin: 12px; }
frame, .frame {
border: 1px solid #b4b4b4; }
frame {
border-radius: 3px; }
frame > label {
margin: 4px; }
actionbar > revealer > box {
padding: 6px;
border-top: 1px solid #b4b4b4; }
actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end {
border-spacing: 6px; }
scrolledwindow > overshoot.top {
background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.5), transparent);
background-size: 100% 50%;
background-repeat: no-repeat;
background-position: top;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow > overshoot.bottom {
background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.5), transparent);
background-size: 100% 50%;
background-repeat: no-repeat;
background-position: bottom;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow > overshoot.left {
background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.5), transparent);
background-size: 50% 100%;
background-repeat: no-repeat;
background-position: left;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow > overshoot.right {
background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.5), transparent);
background-size: 50% 100%;
background-repeat: no-repeat;
background-position: right;
background-color: transparent;
border: none;
box-shadow: none; }
separator {
-gtk-icon-source: none;
min-width: 1px;
min-height: 1px;
background-color: #b4b4b4; }
separator:backdrop {
background-color: #b4b4b4; }
button separator {
margin: 4px 1px; }
.sidebar view separator, view separator, separator .separator, separator {
border: none;
background-color: #cccccc; }
.sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop {
border: none;
background-color: #e6e6e6; }
.primary-toolbar separator, toolbar separator {
background-color: #babdc5; }
.primary-toolbar separator:backdrop, toolbar separator:backdrop {
background-color: #d1d4dd; }
.primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator {
background-color: #babdc5; }
.primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop {
background-color: #d1d4dd; }
headerbar separator {
margin-top: 4px;
margin-bottom: 4px;
background-color: silver; }
headerbar separator:backdrop {
background-color: #d8d8d8; }
headerbar button separator {
border-color: silver; }
headerbar button separator:backdrop {
border-color: #d8d8d8; }
.titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton {
background-color: #a2a5ac; }
.titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop {
background-color: #b4b4b4; }
headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
min-width: 1px;
min-height: 1px;
background-color: #a2a5ac; }
headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop {
background-color: #b4b4b4; }
.titlebutton button separator, .titlebutton separator.titlebutton {
border-color: #a2a5ac; }
.titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop {
border-color: #b4b4b4; }
menu separator {
background-color: silver; }
menuitem separator {
border-width: 1px;
border-style: none;
color: #d2d2d2; }
popover separator {
border: 0;
color: alpha(currentColor, 0.5);
background-color: transparent; }
combobox separator {
border: none; }
listview row:hover {
box-shadow: inset 0 0 0 1px #a3d3fa;
border-radius: 3px;
background-color: white;
background-image: linear-gradient(to bottom, #eaf5ff, #daeeff); }
listview row:active {
color: #000000;
box-shadow: inset 0 0 0 1px #7ebdf1;
background-image: linear-gradient(to bottom, #c3e4fe, #b3dbfd); }
listview row:backdrop {
color: #000000; }
listview row:selected {
box-shadow: inset 0 0 0 1px #90c8f6;
border-radius: 3px;
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe); }
listview row:selected:hover {
color: #000000;
box-shadow: inset 0 0 0 1px #98ccf8;
background-image: linear-gradient(to bottom, #e3f2ff, #d1eaff); }
listview row:selected:active {
color: #000000;
box-shadow: inset 0 0 0 1px #7ebdf1;
background-image: linear-gradient(to bottom, #c3e4fe, #b3dbfd); }
listview row:selected:disabled {
color: rgba(0, 0, 0, 0.7);
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #e9e9e9, #dfdfdf); }
listview row:selected:backdrop {
color: #000000;
box-shadow: inset 0 0 0 1px #a3d3fa;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe); }
listview row:selected:backdrop:hover {
color: #000000;
box-shadow: inset 0 0 0 1px #90c8f6;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe); }
columnview > listview > row {
padding: 0; }
columnview > listview > row > cell {
padding: 8px 6px; }
columnview > listview > row > cell:not(:first-child) {
border-left: 1px solid transparent; }
columnview.column-separators > listview > row > cell {
border-left-color: #b4b4b4; }
columnview.data-table > listview > row > cell {
padding-top: 2px;
padding-bottom: 2px; }
treeexpander {
border-spacing: 4px; }
/* SAMPLE
//vbox and hbox separators
separator {
background: lighten($border_color, 5%);
min-width: 1px;
min-height: 1px;
}*/
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
outline: 2px solid rgba(204, 232, 255, 0.55); }
columnview row:not(:selected) cell editablelabel.editing:focus-within {
outline: 2px solid #CCE8FF; }
columnview row:not(:selected) cell editablelabel.editing text selection {
background-color: #CCE8FF;
color: transparent; }
columnview row:not(:selected) cell editablelabel.editing text selection:focus-within {
color: #000000;
background-color: #3399FF; }
.rich-list > row {
padding: 8px 12px;
min-height: 32px;
/* should be tall even when only containing a label */ }
.rich-list > row > box {
border-spacing: 12px; }
.app-notification {
margin: 5px;
border: 1px solid #b4b4b4;
color: #000000;
background-color: #FFFFFF;
padding: 8px; }
expander {
min-width: 16px;
min-height: 16px;
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander:disabled {
color: #787878; }
expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander-widget > box > title {
border-radius: 3px; }
expander-widget > box > title:hover > expander {
color: #4d4d4d; }
calendar {
border-width: 1px;
border-radius: 3px;
border-style: solid;
border-color: #b4b4b4;
color: #000000; }
calendar > header {
border: none;
border-bottom: 1px solid #c6c6c6;
color: #000000; }
calendar > header > button {
border: none;
box-shadow: none;
background: none;
border-radius: 0; }
calendar > header > button:hover {
color: #000000; }
calendar > header > button:backdrop {
color: #000000;
background: none; }
calendar > header > button:disabled {
color: #787878; }
calendar > grid > label.today {
box-shadow: inset 0px -2px #b4b4b4; }
calendar > grid > label.today:selected {
box-shadow: none; }
calendar > grid > label:focus {
outline-color: #b4b4b4;
outline-offset: -2px;
outline-width: 2px;
outline-style: solid; }
calendar > grid > label.day-number {
padding: 3px; }
calendar > grid > label.day-number:selected {
color: #000000;
background-color: #CCE8FF;
background-image: linear-gradient(to bottom, #d5ecff, #c3e4fe);
box-shadow: inset 0 0 0 1px #90c8f6;
border-radius: 3px; }
calendar > grid > label.day-number:checked {
background-color: rgba(204, 232, 255, 0.3); }
calendar > grid > label.day-number.other-month {
color: alpha(currentColor, 0.3); }
window.dialog.message .titlebar {
min-height: 20px;
background-image: none;
background-color: #F0F0F0;
border-style: none;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
window.dialog.message box.dialog-vbox.vertical {
border-spacing: 10px; }
window.dialog.message label.title {
font-weight: 800;
font-size: 15pt; }
window.dialog.message.csd.background {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
window.dialog.message.csd .dialog-action-area button {
padding: 10px 14px;
border-radius: 0px;
border-left-style: solid;
border-right-style: none;
border-bottom-style: none; }
window.dialog.message.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 3px; }
window.dialog.message.csd .dialog-action-area button:last-child {
border-bottom-right-radius: 3px; }
.sidebar {
background-color: #FFFFFF; }
.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) {
border-right: 1px solid #b4b4b4;
border-left-style: none; }
.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
border-left: 1px solid #b4b4b4;
border-right-style: none; }
.sidebar listview.view,
.sidebar list {
background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
stacksidebar list.separators:not(.horizontal) > row:not(.separator) {
border-bottom: none; }
stacksidebar row {
padding: 10px 4px;
color: #000000; }
stacksidebar row > label {
padding-left: 6px;
padding-right: 6px; }
stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; }
stacksidebar row:selected {
color: #000000;
background-color: #CCE8FF;
border-radius: 3px; }
stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) {
color: #000000;
background-color: #fafdff; }
stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active {
box-shadow: none; }
separator.sidebar {
background-color: #b4b4b4; }
paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
border-style: none;
background-color: transparent;
background-image: image(#b4b4b4);
background-size: 1px 1px; }
paned > separator:selected {
background-image: image(#CCE8FF); }
paned > separator:backdrop {
background-color: transparent;
background-image: image(#b4b4b4);
background-size: 1px 1px; }
paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #F0F0F0;
background-image: image(#b4b4b4), image(#b4b4b4);
background-size: 1px 1px, 1px 1px; }
paned.horizontal > separator {
background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
background-position: bottom, top; }
video {
background: black; }
video image.osd {
min-width: 64px;
min-height: 64px;
border-radius: 32px; }
tooltip.background {
border: 1px solid #e6e6e6;
border-radius: 3px;
color: #000000;
background-color: #FFFFFF;
padding: 4px;
box-shadow: none; }
tooltip > box {
border-spacing: 6px; }
colorswatch.top {
border-top-left-radius: 2.5px;
border-top-right-radius: 2.5px; }
colorswatch.top overlay {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
colorswatch.bottom {
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px; }
colorswatch.bottom overlay {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
colorswatch.left, colorswatch:first-child:not(.top) {
border-top-left-radius: 2.5px;
border-bottom-left-radius: 2.5px; }
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
colorswatch.right, colorswatch:last-child:not(.bottom) {
border-top-right-radius: 2.5px;
border-bottom-right-radius: 2.5px; }
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
colorswatch.dark > overlay {
color: rgba(255, 255, 255, 0.7); }
colorswatch.dark.activatable:hover > overlay {
border-color: rgba(0, 0, 0, 0.5); }
colorswatch.light > overlay {
color: rgba(255, 255, 255, 0.7); }
colorswatch.light > overlay.activatable:hover > overlay {
border-color: rgba(0, 0, 0, 0.3); }
colorswatch:drop(active) {
box-shadow: none; }
colorswatch.light:drop(active) > overlay {
border-color: #CCE8FF;
box-shadow: inset 0 0 0 2px #b4b4b4, inset 0 0 0 1px #CCE8FF; }
colorswatch.dark:drop(active) > overlay {
border-color: #CCE8FF;
box-shadow: inset 0 0 0 2px #b4b4b4, inset 0 0 0 1px #CCE8FF; }
colorswatch > overlay {
border: 1px solid rgba(0, 0, 0, 0.15); }
colorswatch.activatable:hover > overlay {
background-color: rgba(255, 255, 255, 0.2); }
colorswatch#add-color-button {
border-radius: 2px 0 0 2px;
background-clip: padding-box;
border-color: rgba(0, 0, 0, 0.1);
background-color: #e4e4e4;
color: #000000;
/* SAMPLE
> overlay {
@include button(normal);
}
&.activatable:hover > overlay {
@include button(hover);
}*/ }
colorswatch#add-color-button:only-child {
border-radius: 2px; }
colorswatch#add-color-button:hover {
border-color: rgba(0, 0, 0, 0.3);
background-color: #d8d8d8;
color: #000000; }
colorswatch:disabled {
opacity: 0.5; }
colorswatch:disabled overlay {
border-color: rgba(0, 0, 0, 0.6);
box-shadow: none; }
row:selected colorswatch {
box-shadow: 0 0 0 2px #000000; }
colorswatch#editor-color-sample {
border-radius: 2px; }
colorswatch#editor-color-sample > overlay {
border-radius: 2.5px; }
colorswatch .popover.osd {
border-radius: 0px; }
button.color {
padding: 0; }
button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay {
margin: 4px;
border-radius: 0; }
.content-view {
background-color: #FFFFFF; }
.content-view:hover {
background-color: rgba(204, 232, 255, 0.6); }
.content-view .tile {
background-color: #FFFFFF;
border-radius: 0;
padding: 0;
margin: 2px; }
.content-view .tile:active, .content-view .tile:selected {
background-color: #CCE8FF; }
.content-view .tile:disabled {
background-color: #e4e4e4; }
.content-view > rubberband {
border: 1px solid #a3d3fa;
background-color: rgba(204, 232, 255, 0.3); }
.scale-popup {
/* SAMPLE
button { // +/- buttons on GtkVolumeButton popup
&:hover {
@extend %undecorated_button;
background-color: transparentize($fg_color,0.9);
border-radius: 5px;
}
}
*/ }
.osd .scale-popup button.flat {
border-style: none;
border-radius: 5px; }
arrow, combobox arrow {
color: alpha(currentColor, 0.75);
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
min-height: 16px;
min-width: 16px; }
.monospace {
font-family: monospace; }
button.circular, button.circular-button {
padding: 0;
min-width: 16px;
min-height: 24px;
padding: 2px 6px;
border-radius: 50%; }
filechooserbutton:drop(active) {
box-shadow: none;
border-color: transparent; }
combobox:drop(active) button.combo {
box-shadow: none;
color: #CCE8FF;
border-color: #CCE8FF; }
:not(decoration):not(window):drop(active),
:not(decoration):not(window):drop(active):focus {
border-color: #CCE8FF;
box-shadow: inset 0 0 0 1px #CCE8FF;
caret-color: #CCE8FF; }
window {
border-width: 0px;
padding: 0px; }
window.csd {
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.23);
margin: 0px;
border-radius: 3px 3px 0 0; }
window.csd:backdrop {
box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18);
transition: 200ms ease-out; }
window.csd.popup {
border-radius: 0px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); }
window.csd.dialog.message {
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.35); }
window.solid-csd {
margin: 0;
padding: 4px;
border: solid 1px #b4b4b4;
border-radius: 0;
box-shadow: inset 0 0 0 4px #b4b4b4, inset 0 0 0 3px #F0F0F0; }
window.solid-csd:backdrop {
box-shadow: inset 0 0 0 4px #b4b4b4, inset 0 0 0 3px #F0F0F0; }
window.maximized, window.fullscreen {
border-radius: 0;
box-shadow: none; }
window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
border-radius: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35), 0 0 0 20px transparent; }
window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 20px transparent; }
window.popup {
box-shadow: none; }
window.ssd {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); }
tooltip.csd {
border-radius: 3px;
box-shadow: none; }
shortcuts-section {
margin: 20px; }
.shortcuts-search-results {
margin: 20px;
border-spacing: 24px; }
shortcut {
border-spacing: 6px; }
shortcut > .keycap {
min-width: 20px;
min-height: 25px;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #b4b4b4;
border-radius: 3px;
box-shadow: inset 0 -3px #f3f3f3;
font-size: smaller; }
stackswitcher > button.text-button {
min-width: 120px; }
stackswitcher.circular {
border-spacing: 12px; }
stackswitcher.circular > button.circular,
stackswitcher.circular > button.text-button.circular {
min-width: 32px;
min-height: 32px;
padding: 0; }
.lowres-icon {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
.icon-dropshadow {
-gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
popover.emoji-picker > contents {
padding: 0; }
.emoji-searchbar {
padding: 6px;
border-spacing: 6px;
border-bottom: 1px solid #b4b4b4; }
.emoji-toolbar {
padding: 6px;
border-spacing: 6px;
border-top: 1px solid #b4b4b4; }
button.emoji-section {
border-color: transparent;
border-width: 3px;
border-style: none none solid;
border-radius: 0;
padding: 3px 0 0;
min-width: 32px;
min-height: 28px;
background: none;
box-shadow: none;
text-shadow: none; }
button.emoji-section:hover {
border-color: #b4b4b4; }
button.emoji-section:checked {
border-color: #CCE8FF; }
popover.emoji-picker emoji {
font-size: x-large;
padding: 6px;
border-radius: 3px; }
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
background: #CCE8FF;
/* SAMPLE
@if $contrast == 'high' {
box-shadow: inset 0 0 0 1px $border_color;
}*/ }
emoji-completion-row > box {
border-spacing: 10px;
padding: 2px 10px; }
emoji-completion-row:focus,
emoji-completion-row:hover {
background-color: #CCE8FF;
color: #000000; }
emoji-completion-row emoji:focus,
emoji-completion-row emoji:hover {
background-color: #CCE8FF; }
popover.entry-completion > contents {
padding: 0; }
statusbar {
padding: 4px; }
.floating-bar {
border: 1px solid #b4b4b4;
border-radius: 3px;
background-color: #FFFFFF;
color: #000000;
box-shadow: none; }
.floating-bar.top {
border-top-width: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px; }
.floating-bar.bottom {
border-bottom-width: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
.floating-bar.top.left, .floating-bar.bottom.left {
border-left-width: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px; }
.floating-bar.top.right, .floating-bar.bottom.right {
border-right-width: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
.terminal-screen, terminal-window, vte-terminal {
background-color: #000000;
color: #FFFFFF; }
.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, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child {
border-left-width: 1px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.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: 3px;
border-bottom-right-radius: 3px; }
.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: 3px; }
.linked entry, .primary-toolbar .linked entry {
border-radius: 0;
border-left-width: 0; }
.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, .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, .primary-toolbar .linked entry:only-child {
border-width: 1px;
border-radius: 2px; }
.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, .primary-toolbar .linked combobox:first-child box.linked button {
border-left-width: 1px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.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: 3px;
border-bottom-right-radius: 3px; }
.linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button {
border-width: 1px;
border-radius: 3px; }
.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: 3px;
border-bottom-left-radius: 3px; }
.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: 3px;
border-bottom-right-radius: 3px; }
.linked spinbutton:only-child, .primary-toolbar .linked spinbutton:only-child {
border-width: 1px;
border-radius: 3px; }
.linked.vertical button, .primary-toolbar .linked.vertical button {
border-left-width: 1px;
border-top-width: 0;
border-radius: 0; }
.linked.vertical button:first-child, .primary-toolbar .linked.vertical button:first-child {
border-top-width: 1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.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: 3px;
border-bottom-right-radius: 3px; }
.linked.vertical button:only-child, .primary-toolbar .linked.vertical button:only-child {
border-width: 1px;
border-radius: 3px; }
.linked.vertical entry, .primary-toolbar .linked.vertical entry {
border-left-width: 1px;
border-top-width: 0;
border-radius: 0; }
.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; }
.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; }
.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; }
.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: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.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: 3px;
border-bottom-right-radius: 3px; }
.linked.vertical combobox:only-child box.linked button, .primary-toolbar .linked.vertical combobox:only-child box.linked button {
border-width: 1px;
border-radius: 3px; }
.linked.vertical spinbutton, .primary-toolbar .linked.vertical spinbutton {
border-left-width: 1px;
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: 3px;
border-top-right-radius: 3px;
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: 3px;
border-bottom-right-radius: 3px; }
.linked.vertical spinbutton:only-child, .primary-toolbar .linked.vertical spinbutton:only-child {
border-width: 1px;
border-radius: 3px; }
.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 > button,
.toolbar > :not(.linked) > button,
.toolbar :not(.linked) > menubutton > button,
.toolbar :not(.linked) > scalebutton > button,
.toolbar :not(.linked) > dropdown > button,
.toolbar :not(.linked) > colorbutton > button,
.toolbar :not(.linked) > fontbutton > button,
.toolbar :not(.linked) > appchooserbutton > button,
.toolbar :not(.linked) > combobox > box > button {
margin: 1px;
@include flat_buttons();
}
*/
.linked button:focus, .linked button:hover, .linked button:active, .linked button:checked, .linked .raised button:focus, .linked .raised button:hover, .linked .raised button:active, .linked .raised button:checked {
box-shadow: -1px 0 #4391d0; }
.linked button:focus:backdrop, .linked button:hover:backdrop, .linked button:active:backdrop, .linked button:checked:backdrop, .linked .raised button:focus:backdrop, .linked .raised button:hover:backdrop, .linked .raised button:active:backdrop, .linked .raised button:checked:backdrop {
box-shadow: -1px 0 #cccccc; }
.linked button:first-child:focus, .linked button:first-child:hover, .linked button:first-child:active, .linked button:first-child:checked, .linked button:only-child:focus, .linked button:only-child:hover, .linked button:only-child:active, .linked button:only-child:checked, .linked .raised button:first-child:focus, .linked .raised button:first-child:hover, .linked .raised button:first-child:active, .linked .raised button:first-child:checked, .linked .raised button:only-child:focus, .linked .raised button:only-child:hover, .linked .raised button:only-child:active, .linked .raised button:only-child:checked {
box-shadow: none; }
.linked button:first-child:focus:backdrop, .linked button:first-child:hover:backdrop, .linked button:first-child:active:backdrop, .linked button:first-child:checked:backdrop, .linked button:only-child:focus:backdrop, .linked button:only-child:hover:backdrop, .linked button:only-child:active:backdrop, .linked button:only-child:checked:backdrop, .linked .raised button:first-child:focus:backdrop, .linked .raised button:first-child:hover:backdrop, .linked .raised button:first-child:active:backdrop, .linked .raised button:first-child:checked:backdrop, .linked .raised button:only-child:focus:backdrop, .linked .raised button:only-child:hover:backdrop, .linked .raised button:only-child:active:backdrop, .linked .raised button:only-child:checked:backdrop {
box-shadow: none; }
.linked combobox box.linked button:focus, .linked combobox box.linked button:hover, .linked combobox box.linked button:active, .linked combobox box.linked button:checked {
box-shadow: -1px 0 #4391d0; }
.linked combobox box.linked button:focus:backdrop, .linked combobox box.linked button:hover:backdrop, .linked combobox box.linked button:active:backdrop, .linked combobox box.linked button:checked:backdrop {
box-shadow: -1px 0 #cccccc; }
.linked combobox:first-child box.linked button:focus, .linked combobox:first-child box.linked button:hover, .linked combobox:first-child box.linked button:active, .linked combobox:first-child box.linked button:checked, .linked combobox:only-child box.linked button:focus, .linked combobox:only-child box.linked button:hover, .linked combobox:only-child box.linked button:active, .linked combobox:only-child box.linked button:checked {
box-shadow: none; }
.linked combobox:first-child box.linked button:focus:backdrop, .linked combobox:first-child box.linked button:hover:backdrop, .linked combobox:first-child box.linked button:active:backdrop, .linked combobox:first-child box.linked button:checked:backdrop, .linked combobox:only-child box.linked button:focus:backdrop, .linked combobox:only-child box.linked button:hover:backdrop, .linked combobox:only-child box.linked button:active:backdrop, .linked combobox:only-child box.linked button:checked:backdrop {
box-shadow: none; }
.linked.vertical button:focus, .linked.vertical button:hover, .linked.vertical button:active, .linked.vertical button:checked {
box-shadow: 0 -1px #4391d0; }
.linked.vertical button:focus:backdrop, .linked.vertical button:hover:backdrop, .linked.vertical button:active:backdrop, .linked.vertical button:checked:backdrop {
box-shadow: 0 -1px #cccccc; }
.linked.vertical button:first-child:focus, .linked.vertical button:first-child:hover, .linked.vertical button:first-child:active, .linked.vertical button:first-child:checked, .linked.vertical button:only-child:focus, .linked.vertical button:only-child:hover, .linked.vertical button:only-child:active, .linked.vertical button:only-child:checked {
box-shadow: none; }
.linked.vertical button:first-child:focus:backdrop, .linked.vertical button:first-child:hover:backdrop, .linked.vertical button:first-child:active:backdrop, .linked.vertical button:first-child:checked:backdrop, .linked.vertical button:only-child:focus:backdrop, .linked.vertical button:only-child:hover:backdrop, .linked.vertical button:only-child:active:backdrop, .linked.vertical button:only-child:checked:backdrop {
box-shadow: none; }
.linked.vertical combobox box.linked button:focus, .linked.vertical combobox box.linked button:hover, .linked.vertical combobox box.linked button:active, .linked.vertical combobox box.linked button:checked {
box-shadow: 0 -1px #4391d0; }
.linked.vertical combobox box.linked button:focus:backdrop, .linked.vertical combobox box.linked button:hover:backdrop, .linked.vertical combobox box.linked button:active:backdrop, .linked.vertical combobox box.linked button:checked:backdrop {
box-shadow: 0 -1px #cccccc; }
.linked.vertical combobox:first-child box.linked button:focus, .linked.vertical combobox:first-child box.linked button:hover, .linked.vertical combobox:first-child box.linked button:active, .linked.vertical combobox:first-child box.linked button:checked, .linked.vertical combobox:only-child box.linked button:focus, .linked.vertical combobox:only-child box.linked button:hover, .linked.vertical combobox:only-child box.linked button:active, .linked.vertical combobox:only-child box.linked button:checked {
box-shadow: none; }
.linked.vertical combobox:first-child box.linked button:focus:backdrop, .linked.vertical combobox:first-child box.linked button:hover:backdrop, .linked.vertical combobox:first-child box.linked button:active:backdrop, .linked.vertical combobox:first-child box.linked button:checked:backdrop, .linked.vertical combobox:only-child box.linked button:focus:backdrop, .linked.vertical combobox:only-child box.linked button:hover:backdrop, .linked.vertical combobox:only-child box.linked button:active:backdrop, .linked.vertical combobox:only-child box.linked button:checked:backdrop {
box-shadow: none; }
stackswitcher button.text-button {
min-width: 80px; }
/* GTK NAMED COLORS - use responsibly! */
/* widget text/foreground color */
@define-color theme_fg_color #000000;
/* text color for entries, views and content in general */
@define-color theme_text_color #000000;
/* widget base background color */
@define-color theme_bg_color #F0F0F0;
/* text widgets and the like base background color */
@define-color theme_base_color #FFFFFF;
/* base background color of selections */
@define-color theme_selected_bg_color #CCE8FF;
/* text/foreground color of selections */
@define-color theme_selected_fg_color #000000;
/* base background color of insensitive widgets */
@define-color insensitive_bg_color #e4e4e4;
/* text foreground color of insensitive widgets */
@define-color insensitive_fg_color #787878;
/* insensitive text widgets and the like base background color */
@define-color insensitive_base_color #FFFFFF;
/* widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #000000;
/* text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #000000;
/* widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #F0F0F0;
/* text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #FFFFFF;
/* base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #CCE8FF;
/* text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #000000;
/* insensitive color on backdrop windows*/
@define-color unfocused_insensitive_color #b4b4b4;
/* widgets main borders color */
@define-color borders #b4b4b4;
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #b4b4b4;
/* these are pretty self explicative */
@define-color warning_color #FF9900;
@define-color error_color #CC0000;
@define-color success_color #06B025;
/* these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#000000, 1.8);
@define-color wm_unfocused_title #000000;
@define-color wm_highlight #000000;
@define-color wm_borders_edge #b4b4b4;
@define-color wm_bg_a shade(#F0F0F0, 1.2);
@define-color wm_bg_b #F0F0F0;
@define-color wm_shadow alpha(#000000, 0.35);
@define-color wm_border alpha(#000000, 0.18);
@define-color wm_button_hover_color_a shade(#F0F0F0, 1.3);
@define-color wm_button_hover_color_b #F0F0F0;
@define-color wm_button_active_color_a shade(#F0F0F0, 0.85);
@define-color wm_button_active_color_b shade(#F0F0F0, 0.89);
@define-color wm_button_active_color_c shade(#F0F0F0, 0.9);
@define-color content_view_bg #FFFFFF;