Improved aspect for libadwaita
This commit is contained in:
Néstor Andreu
parent
554b1d6b24
commit
4c44a0aae6
100
gtk-4.0/gtk.css
100
gtk-4.0/gtk.css
|
|
@ -29,6 +29,8 @@ image:disabled { -gtk-icon-filter: opacity(0.5); }
|
|||
|
||||
.view, iconview, textview > text { color: #EDF0F5; background-color: #323232; }
|
||||
|
||||
row .view, row iconview, row textview > text { background-color: unset; }
|
||||
|
||||
.view:disabled, iconview:disabled, textview > text:disabled { color: #7b7b7b; background-color: #494949; }
|
||||
|
||||
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
|
||||
|
|
@ -95,7 +97,7 @@ label.error { color: #CC0000; }
|
|||
|
||||
label.error:disabled { color: rgba(204, 0, 0, 0.5); }
|
||||
|
||||
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
|
||||
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
|
||||
|
||||
window.assistant .sidebar { padding: 5px; border-top: 1px solid #595757; }
|
||||
|
||||
|
|
@ -138,77 +140,81 @@ spinner:checked:disabled { opacity: 0.5; color: #7b7b7b; }
|
|||
.caption { font-weight: 400; font-size: 9pt; }
|
||||
|
||||
/**************** Text Entries * */
|
||||
spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; }
|
||||
spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
|
||||
spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
|
||||
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { outline-color: #769830; outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #323232; background-color: #EDF0F5; }
|
||||
spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left, .entry > image.left { margin-right: 6px; }
|
||||
|
||||
spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
|
||||
spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right, .entry > image.right { margin-left: 6px; }
|
||||
|
||||
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #769830; }
|
||||
spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor, .entry > text > block-cursor { color: #323232; background-color: #EDF0F5; }
|
||||
|
||||
spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
|
||||
spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat, .entry.flat:focus-within, .entry.flat:backdrop, .entry.flat:disabled, .entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
|
||||
|
||||
spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #7b7b7b; border-color: #626262; background-color: #494949; }
|
||||
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #769830; }
|
||||
|
||||
spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(101, 102, 98, 0.7); color: transparent; }
|
||||
spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder, .entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
|
||||
|
||||
spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(118, 152, 48, 0.3); color: #EDF0F5; }
|
||||
spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled, .entry:disabled { color: #7b7b7b; border-color: #626262; background-color: #494949; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection, .entry > text > selection { background-color: rgba(101, 102, 98, 0.7); color: transparent; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within, .entry > text > selection:focus-within { background-color: rgba(118, 152, 48, 0.3); color: #EDF0F5; }
|
||||
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; }
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #CC0000; }
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; }
|
||||
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection, .entry.error > selection { background-color: #CC0000; }
|
||||
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; }
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #c8cace; }
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; }
|
||||
|
||||
spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #EDF0F5; }
|
||||
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection, .entry.warning > selection { background-color: #f57900; }
|
||||
|
||||
spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #769830; }
|
||||
spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image, .entry > image { color: #c8cace; }
|
||||
|
||||
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #838386; }
|
||||
spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover, .entry > image:hover { color: #EDF0F5; }
|
||||
|
||||
spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; }
|
||||
spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active, .entry > image:active { color: #769830; }
|
||||
|
||||
.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px black; }
|
||||
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator, .entry.password image.caps-lock-indicator { color: #838386; }
|
||||
|
||||
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #66cbec; border-color: #769830; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); }
|
||||
spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active), .entry:drop(active):focus-within, .entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; }
|
||||
|
||||
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #4384b3; border-color: #66cbec; background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; }
|
||||
.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry, .osd .entry { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px black; }
|
||||
|
||||
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
|
||||
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within, .osd .entry:focus-within { color: #66cbec; border-color: #769830; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #769830; border-style: solid; box-shadow: none; }
|
||||
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled, .osd .entry:disabled { color: #4384b3; border-color: #66cbec; background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; }
|
||||
|
||||
spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #33d17a; }
|
||||
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress, .entry > progress { margin-bottom: 2px; }
|
||||
|
||||
spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; }
|
||||
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress, .entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #769830; border-style: solid; box-shadow: none; }
|
||||
|
||||
spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #3e3d3d; }
|
||||
spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + .entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .entry, .linked:not(.vertical) > .entry:drop(active) + button, .linked:not(.vertical) > .entry:drop(active) + menubutton > button, .linked:not(.vertical) > .entry:drop(active) + dropdown > button, .linked:not(.vertical) > .entry:drop(active) + colorbutton > button, .linked:not(.vertical) > .entry:drop(active) + fontbutton > button, .linked:not(.vertical) > .entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > .entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry, .linked:not(.vertical) > entry:drop(active) + .entry, spinbutton.vertical.linked:not(.vertical) > .entry:drop(active) + text, .linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > .entry:drop(active) + entry, .linked:not(.vertical) > .entry:drop(active) + .entry { border-left-color: #33d17a; }
|
||||
|
||||
spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; }
|
||||
spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > .entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > .entry:not(:disabled) + text:not(:disabled), .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; }
|
||||
|
||||
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; }
|
||||
spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled, spinbutton.vertical.linked > .entry:disabled + text:disabled, .linked.vertical > .entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > .entry:disabled + entry:disabled { border-top-color: #3e3d3d; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; }
|
||||
spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child), spinbutton.vertical.linked > .entry + text:drop(active):not(:only-child), .linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > .entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; }
|
||||
|
||||
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo, spinbutton.vertical.linked > .entry:drop(active):not(:only-child) + text, .linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > .entry:drop(active):not(:only-child) + entry, .linked.vertical > .entry:drop(active):not(:only-child) + button, .linked.vertical > .entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > .entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; }
|
||||
|
||||
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; }
|
||||
|
||||
|
|
@ -351,13 +357,13 @@ stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-
|
|||
|
||||
stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
|
||||
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; }
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; }
|
||||
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; }
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; }
|
||||
|
||||
.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; }
|
||||
.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; }
|
||||
|
||||
.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; }
|
||||
.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; }
|
||||
|
||||
button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat arrow:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
|
|
@ -533,8 +539,10 @@ windowcontrols button.close:not(:backdrop):hover { border-color: currentColor; }
|
|||
|
||||
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; }
|
||||
|
||||
windowcontrols button > image { background-color: unset; }
|
||||
|
||||
/*************** Header bars * */
|
||||
.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
|
||||
.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
|
||||
|
||||
.titlebar:backdrop:not(headerbar), headerbar:backdrop, windowhandle:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; }
|
||||
|
||||
|
|
@ -558,6 +566,8 @@ windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769
|
|||
|
||||
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr), .solid-csd windowhandle:backdrop:dir(rtl), .solid-csd windowhandle:backdrop:dir(ltr), .solid-csd windowhandle:dir(rtl), .solid-csd windowhandle:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
|
||||
|
||||
headerbar { padding: 0 6px; }
|
||||
|
||||
headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
|
||||
|
||||
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
|
||||
|
|
@ -774,6 +784,8 @@ notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin
|
|||
/************** Scrollbars * */
|
||||
scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
|
||||
scrollbar:not(:hover) { opacity: 0.5; }
|
||||
|
||||
scrollbar.top { border-bottom: 1px solid #595757; }
|
||||
|
||||
scrollbar.bottom { border-top: 1px solid #595757; }
|
||||
|
|
@ -782,7 +794,9 @@ scrollbar.left { border-right: 1px solid #595757; }
|
|||
|
||||
scrollbar.right { border-left: 1px solid #595757; }
|
||||
|
||||
scrollbar > range > trough > slider { padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #585858; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
|
||||
scrollbar > range > trough { outline-style: none; }
|
||||
|
||||
scrollbar > range > trough > slider { padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #585858; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; outline-style: none; }
|
||||
|
||||
scrollbar > range > trough > slider:hover { background-color: #677844; color: #a1a1a1; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
|
||||
|
||||
|
|
|
|||
|
|
@ -39,6 +39,8 @@ image:disabled {
|
|||
%view {
|
||||
color: $text_color;
|
||||
background-color: $base_color;
|
||||
|
||||
row & { background-color: unset;}
|
||||
|
||||
&:disabled {
|
||||
color: $insensitive_fg_color;
|
||||
|
|
@ -278,7 +280,8 @@ spinner {
|
|||
****************/
|
||||
|
||||
%entry,
|
||||
entry {
|
||||
entry,
|
||||
.entry {
|
||||
%entry_basic, & {
|
||||
min-height: 32px;
|
||||
padding-left: 1px;
|
||||
|
|
@ -290,7 +293,7 @@ entry {
|
|||
|
||||
@include entry(normal);
|
||||
|
||||
//@include focus-ring($focus-state: 'focus-within');
|
||||
@include focus-ring($focus-state: 'focus-within');
|
||||
|
||||
> image { // icons inside the entry
|
||||
&.left { margin-right: 6px; }
|
||||
|
|
@ -1482,6 +1485,9 @@ windowcontrols {
|
|||
&:active {@include button(active, $close_button_bg);}
|
||||
}
|
||||
}
|
||||
& > image {
|
||||
background-color: unset; //for libadwaita
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1492,7 +1498,7 @@ windowcontrols {
|
|||
%titlebar,
|
||||
headerbar,
|
||||
windowhandle {
|
||||
padding: 0 6px;
|
||||
padding: 0 0px;
|
||||
min-height: 46px;
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
|
|
@ -1585,6 +1591,7 @@ windowhandle {
|
|||
}
|
||||
|
||||
headerbar {
|
||||
padding: 0 6px;
|
||||
> windowhandle > box {
|
||||
&,
|
||||
> box.start,
|
||||
|
|
@ -2102,6 +2109,13 @@ menubar {
|
|||
|
||||
@import '../common/notebook.scss';
|
||||
|
||||
// TODO:
|
||||
// for libadwaita: taboverview
|
||||
// tabbar, tabbox, tabboxchild, tabview,
|
||||
// tabgrid, tabgridchild, tabthumbnail
|
||||
// (to find out: GTK_DEBUG=interactive adwaita-1-demo)
|
||||
|
||||
|
||||
|
||||
/**************
|
||||
* Scrollbars *
|
||||
|
|
@ -2113,15 +2127,23 @@ scrollbar {
|
|||
$_scrollbar_transition: all 300ms $ease-out-quad;
|
||||
$_fine-tune_slider_border: $_slider_width - 3; //#3672
|
||||
|
||||
|
||||
background-color: $scrollbar_bg_color;
|
||||
transition: $_scrollbar_transition;
|
||||
|
||||
&:not(:hover) {
|
||||
opacity: 0.5; //sometimes transient scrollbars appear on top of content!
|
||||
}
|
||||
// scrollbar border
|
||||
&.top { border-bottom: 1px solid $borders_color; }
|
||||
&.bottom { border-top: 1px solid $borders_color; }
|
||||
&.left { border-right: 1px solid $borders_color; }
|
||||
&.right { border-left: 1px solid $borders_color; }
|
||||
|
||||
> range > trough {
|
||||
outline-style: none; //libadwaita
|
||||
}
|
||||
|
||||
> range > trough > slider {
|
||||
@extend %button_basic;
|
||||
padding: 0;
|
||||
|
|
@ -2136,6 +2158,8 @@ scrollbar {
|
|||
background-color: $scrollbar_slider_color;
|
||||
transition: $_scrollbar_transition;
|
||||
@include draggable_bg_image($button_bg);
|
||||
|
||||
outline-style: none; //for libadwaita
|
||||
|
||||
|
||||
&:hover {
|
||||
|
|
@ -3901,4 +3925,4 @@ menubutton {
|
|||
}
|
||||
|
||||
@import '../common/undershoot.scss';
|
||||
@import '../common/stack_switcher.scss';
|
||||
@import '../common/stack_switcher.scss';
|
||||
|
|
|
|||
|
|
@ -29,6 +29,8 @@ image:disabled { -gtk-icon-filter: opacity(0.5); }
|
|||
|
||||
.view, iconview, textview > text { color: #EDF0F5; background-color: #323232; }
|
||||
|
||||
row .view, row iconview, row textview > text { background-color: unset; }
|
||||
|
||||
.view:disabled, iconview:disabled, textview > text:disabled { color: #7b7b7b; background-color: #494949; }
|
||||
|
||||
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
|
||||
|
|
@ -95,7 +97,7 @@ label.error { color: #CC0000; }
|
|||
|
||||
label.error:disabled { color: rgba(204, 0, 0, 0.5); }
|
||||
|
||||
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
|
||||
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
|
||||
|
||||
window.assistant .sidebar { padding: 5px; border-top: 1px solid #595757; }
|
||||
|
||||
|
|
@ -138,77 +140,81 @@ spinner:checked:disabled { opacity: 0.5; color: #7b7b7b; }
|
|||
.caption { font-weight: 400; font-size: 9pt; }
|
||||
|
||||
/**************** Text Entries * */
|
||||
spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; }
|
||||
spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #EDF0F5; border-color: #575859; background-color: #323232; box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 0 0 transparent; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
|
||||
spinbutton.vertical > text, spinbutton:not(.vertical), entry, .entry { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
|
||||
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { outline-color: #769830; outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #323232; background-color: #EDF0F5; }
|
||||
spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left, .entry > image.left { margin-right: 6px; }
|
||||
|
||||
spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
|
||||
spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right, .entry > image.right { margin-left: 6px; }
|
||||
|
||||
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #769830; }
|
||||
spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor, .entry > text > block-cursor { color: #323232; background-color: #EDF0F5; }
|
||||
|
||||
spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
|
||||
spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat, .entry.flat:focus-within, .entry.flat:backdrop, .entry.flat:disabled, .entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
|
||||
|
||||
spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #7b7b7b; border-color: #626262; background-color: #494949; }
|
||||
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within, .entry:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #769830; }
|
||||
|
||||
spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(101, 102, 98, 0.7); color: transparent; }
|
||||
spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder, .entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
|
||||
|
||||
spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(118, 152, 48, 0.3); color: #EDF0F5; }
|
||||
spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled, .entry:disabled { color: #7b7b7b; border-color: #626262; background-color: #494949; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection, .entry > text > selection { background-color: rgba(101, 102, 98, 0.7); color: transparent; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within, .entry > text > selection:focus-within { background-color: rgba(118, 152, 48, 0.3); color: #EDF0F5; }
|
||||
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; }
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #CC0000; }
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within, .entry.error:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #CC0000; }
|
||||
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection, .entry.error > selection { background-color: #CC0000; }
|
||||
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; }
|
||||
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #c8cace; }
|
||||
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within, .entry.warning:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #f57900; }
|
||||
|
||||
spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #EDF0F5; }
|
||||
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection, .entry.warning > selection { background-color: #f57900; }
|
||||
|
||||
spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #769830; }
|
||||
spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image, .entry > image { color: #c8cace; }
|
||||
|
||||
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #838386; }
|
||||
spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover, .entry > image:hover { color: #EDF0F5; }
|
||||
|
||||
spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; }
|
||||
spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active, .entry > image:active { color: #769830; }
|
||||
|
||||
.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px black; }
|
||||
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator, .entry.password image.caps-lock-indicator { color: #838386; }
|
||||
|
||||
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #66cbec; border-color: #769830; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); }
|
||||
spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active), .entry:drop(active):focus-within, .entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; }
|
||||
|
||||
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #4384b3; border-color: #66cbec; background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; }
|
||||
.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry, .osd .entry { color: #66cbec; border-color: #66cbec; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px black; }
|
||||
|
||||
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
|
||||
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within, .osd .entry:focus-within { color: #66cbec; border-color: #769830; background-color: rgba(102, 203, 236, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.3); }
|
||||
|
||||
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #769830; border-style: solid; box-shadow: none; }
|
||||
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled, .osd .entry:disabled { color: #4384b3; border-color: #66cbec; background-color: rgba(39, 75, 133, 0.5); background-clip: padding-box; }
|
||||
|
||||
spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #33d17a; }
|
||||
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress, .entry > progress { margin-bottom: 2px; }
|
||||
|
||||
spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; }
|
||||
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress, .entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #769830; border-style: solid; box-shadow: none; }
|
||||
|
||||
spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #3e3d3d; }
|
||||
spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + .entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .entry, .linked:not(.vertical) > .entry:drop(active) + button, .linked:not(.vertical) > .entry:drop(active) + menubutton > button, .linked:not(.vertical) > .entry:drop(active) + dropdown > button, .linked:not(.vertical) > .entry:drop(active) + colorbutton > button, .linked:not(.vertical) > .entry:drop(active) + fontbutton > button, .linked:not(.vertical) > .entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > .entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry, .linked:not(.vertical) > entry:drop(active) + .entry, spinbutton.vertical.linked:not(.vertical) > .entry:drop(active) + text, .linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > .entry:drop(active) + entry, .linked:not(.vertical) > .entry:drop(active) + .entry { border-left-color: #33d17a; }
|
||||
|
||||
spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; }
|
||||
spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > .entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > .entry:not(:disabled) + text:not(:disabled), .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3e3d3d; }
|
||||
|
||||
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; }
|
||||
spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled, spinbutton.vertical.linked > .entry:disabled + text:disabled, .linked.vertical > .entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > .entry:disabled + entry:disabled { border-top-color: #3e3d3d; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; }
|
||||
spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child), spinbutton.vertical.linked > .entry + text:drop(active):not(:only-child), .linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > .entry + entry:drop(active):not(:only-child) { border-top-color: #33d17a; }
|
||||
|
||||
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo, spinbutton.vertical.linked > .entry:drop(active):not(:only-child) + text, .linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > .entry:drop(active):not(:only-child) + entry, .linked.vertical > .entry:drop(active):not(:only-child) + button, .linked.vertical > .entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > .entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; }
|
||||
|
||||
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; }
|
||||
|
||||
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; }
|
||||
|
||||
|
|
@ -351,13 +357,13 @@ stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-
|
|||
|
||||
stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
|
||||
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; }
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > .entry:dir(rtl):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > .entry:dir(ltr):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0px; }
|
||||
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; }
|
||||
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > .entry:dir(rtl):not(:first-child), notebook > header tabs.linked:not(.vertical) > tab:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), columnview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), treeview.view > header.linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > .entry:dir(ltr):not(:last-child), notebook > header tabs.linked:not(.vertical) > tab:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), columnview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), treeview.view > header.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; }
|
||||
|
||||
.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; }
|
||||
.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > .entry:not(:first-child), notebook > header tabs.linked.vertical > tab:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), columnview.view > header.linked.vertical > button:not(:first-child), treeview.view > header.linked.vertical > button:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; }
|
||||
|
||||
.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; }
|
||||
.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > .entry:not(:last-child), notebook > header tabs.linked.vertical > tab:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), columnview.view > header.linked.vertical > button:not(:last-child), treeview.view > header.linked.vertical > button:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; }
|
||||
|
||||
button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat arrow:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
|
|
@ -533,8 +539,10 @@ windowcontrols button.close:not(:backdrop):hover { border-color: currentColor; }
|
|||
|
||||
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; }
|
||||
|
||||
windowcontrols button > image { background-color: unset; }
|
||||
|
||||
/*************** Header bars * */
|
||||
.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
|
||||
.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
|
||||
|
||||
.titlebar:backdrop:not(headerbar), headerbar:backdrop, windowhandle:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; }
|
||||
|
||||
|
|
@ -558,6 +566,8 @@ windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769
|
|||
|
||||
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr), .solid-csd windowhandle:backdrop:dir(rtl), .solid-csd windowhandle:backdrop:dir(ltr), .solid-csd windowhandle:dir(rtl), .solid-csd windowhandle:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
|
||||
|
||||
headerbar { padding: 0 6px; }
|
||||
|
||||
headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
|
||||
|
||||
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
|
||||
|
|
@ -774,6 +784,8 @@ notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin
|
|||
/************** Scrollbars * */
|
||||
scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
|
||||
scrollbar:not(:hover) { opacity: 0.5; }
|
||||
|
||||
scrollbar.top { border-bottom: 1px solid #595757; }
|
||||
|
||||
scrollbar.bottom { border-top: 1px solid #595757; }
|
||||
|
|
@ -782,7 +794,9 @@ scrollbar.left { border-right: 1px solid #595757; }
|
|||
|
||||
scrollbar.right { border-left: 1px solid #595757; }
|
||||
|
||||
scrollbar > range > trough > slider { padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #585858; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
|
||||
scrollbar > range > trough { outline-style: none; }
|
||||
|
||||
scrollbar > range > trough > slider { padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #585858; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; outline-style: none; }
|
||||
|
||||
scrollbar > range > trough > slider:hover { background-color: #677844; color: #a1a1a1; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue