some refinements
This commit is contained in:
parent
ad9528cf8a
commit
491a594206
|
@ -55,9 +55,8 @@
|
||||||
***************/
|
***************/
|
||||||
|
|
||||||
.category-label {
|
.category-label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.04em;
|
color: $fg_color;
|
||||||
color: $fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -3829,6 +3829,7 @@ headerbar {
|
||||||
headerbar button.flat:backdrop {
|
headerbar button.flat:backdrop {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
|
text-shadow: none;
|
||||||
color: rgba(255, 255, 255, 0.3); }
|
color: rgba(255, 255, 255, 0.3); }
|
||||||
.titlebar:not(headerbar) .button.linked,
|
.titlebar:not(headerbar) .button.linked,
|
||||||
.titlebar:not(headerbar) button.linked,
|
.titlebar:not(headerbar) button.linked,
|
||||||
|
@ -3838,46 +3839,6 @@ headerbar {
|
||||||
headerbar button.linked {
|
headerbar button.linked {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
.titlebar:not(headerbar) .button.titlebutton,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton,
|
|
||||||
.header-bar .button.titlebutton,
|
|
||||||
.header-bar button.titlebutton,
|
|
||||||
headerbar .button.titlebutton,
|
|
||||||
headerbar button.titlebutton {
|
|
||||||
min-height: 16px;
|
|
||||||
min-width: 16px;
|
|
||||||
padding: 1px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: transparent;
|
|
||||||
box-shadow: none;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none; }
|
|
||||||
.titlebar:not(headerbar) .button.titlebutton:hover,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton:hover,
|
|
||||||
.header-bar .button.titlebutton:hover,
|
|
||||||
.header-bar button.titlebutton:hover,
|
|
||||||
headerbar .button.titlebutton:hover,
|
|
||||||
headerbar button.titlebutton:hover {
|
|
||||||
background-color: transparent;
|
|
||||||
color: rgba(255, 255, 255, 0.8); }
|
|
||||||
.titlebar:not(headerbar) .button.titlebutton:backdrop,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton:backdrop,
|
|
||||||
.header-bar .button.titlebutton:backdrop,
|
|
||||||
.header-bar button.titlebutton:backdrop,
|
|
||||||
headerbar .button.titlebutton:backdrop,
|
|
||||||
headerbar button.titlebutton:backdrop {
|
|
||||||
background-color: transparent;
|
|
||||||
color: rgba(255, 255, 255, 0.3); }
|
|
||||||
.titlebar:not(headerbar) .button.titlebutton:active,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton:active,
|
|
||||||
.header-bar .button.titlebutton:active,
|
|
||||||
.header-bar button.titlebutton:active,
|
|
||||||
headerbar .button.titlebutton:active,
|
|
||||||
headerbar button.titlebutton:active {
|
|
||||||
background-color: rgba(255, 255, 255, 0.8);
|
|
||||||
color: #3B4245;
|
|
||||||
border-radius: 50%;
|
|
||||||
box-shadow: none; }
|
|
||||||
.titlebar:not(headerbar) .button:hover,
|
.titlebar:not(headerbar) .button:hover,
|
||||||
.titlebar:not(headerbar) button:hover,
|
.titlebar:not(headerbar) button:hover,
|
||||||
.header-bar .button:hover,
|
.header-bar .button:hover,
|
||||||
|
@ -3886,7 +3847,18 @@ headerbar {
|
||||||
headerbar button:hover {
|
headerbar button:hover {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(0, 0, 0, 0.15);
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
box-shadow: none; }
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button:backdrop,
|
||||||
|
.titlebar:not(headerbar) button:backdrop,
|
||||||
|
.header-bar .button:backdrop,
|
||||||
|
.header-bar button:backdrop,
|
||||||
|
headerbar .button:backdrop,
|
||||||
|
headerbar button:backdrop {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
color: rgba(255, 255, 255, 0.3); }
|
||||||
.titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked,
|
.titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked,
|
||||||
.titlebar:not(headerbar) button:active,
|
.titlebar:not(headerbar) button:active,
|
||||||
.titlebar:not(headerbar) button:checked,
|
.titlebar:not(headerbar) button:checked,
|
||||||
|
@ -3972,6 +3944,102 @@ headerbar {
|
||||||
headerbar button:insensitive:backdrop image,
|
headerbar button:insensitive:backdrop image,
|
||||||
headerbar button:insensitive:backdrop GtkImage {
|
headerbar button:insensitive:backdrop GtkImage {
|
||||||
-gtk-image-effect: dim; }
|
-gtk-image-effect: dim; }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton,
|
||||||
|
.header-bar .button.titlebutton,
|
||||||
|
.header-bar button.titlebutton,
|
||||||
|
headerbar .button.titlebutton,
|
||||||
|
headerbar button.titlebutton {
|
||||||
|
min-height: 16px;
|
||||||
|
min-width: 16px;
|
||||||
|
padding: 1px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
-gtk-icon-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton:hover,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton:hover,
|
||||||
|
.header-bar .button.titlebutton:hover,
|
||||||
|
.header-bar button.titlebutton:hover,
|
||||||
|
headerbar .button.titlebutton:hover,
|
||||||
|
headerbar button.titlebutton:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
color: rgba(255, 255, 255, 0.8); }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton:backdrop,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton:backdrop,
|
||||||
|
.header-bar .button.titlebutton:backdrop,
|
||||||
|
.header-bar button.titlebutton:backdrop,
|
||||||
|
headerbar .button.titlebutton:backdrop,
|
||||||
|
headerbar button.titlebutton:backdrop {
|
||||||
|
background-color: transparent;
|
||||||
|
color: rgba(255, 255, 255, 0.3); }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton:active,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton:active,
|
||||||
|
.header-bar .button.titlebutton:active,
|
||||||
|
.header-bar button.titlebutton:active,
|
||||||
|
headerbar .button.titlebutton:active,
|
||||||
|
headerbar button.titlebutton:active {
|
||||||
|
background-color: rgba(255, 255, 255, 0.8);
|
||||||
|
color: #3B4245;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button,
|
||||||
|
.titlebar:not(headerbar) button.menu-button,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button,
|
||||||
|
.header-bar .button.menu-button,
|
||||||
|
.header-bar .button.title-menu-button,
|
||||||
|
.header-bar button.menu-button,
|
||||||
|
.header-bar button.title-menu-button,
|
||||||
|
headerbar .button.menu-button,
|
||||||
|
headerbar .button.title-menu-button,
|
||||||
|
headerbar button.menu-button,
|
||||||
|
headerbar button.title-menu-button {
|
||||||
|
padding: 1px;
|
||||||
|
background-color: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
-gtk-icon-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover,
|
||||||
|
.titlebar:not(headerbar) button.menu-button:hover,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button:hover,
|
||||||
|
.header-bar .button.menu-button:hover,
|
||||||
|
.header-bar .button.title-menu-button:hover,
|
||||||
|
.header-bar button.menu-button:hover,
|
||||||
|
.header-bar button.title-menu-button:hover,
|
||||||
|
headerbar .button.menu-button:hover,
|
||||||
|
headerbar .button.title-menu-button:hover,
|
||||||
|
headerbar button.menu-button:hover,
|
||||||
|
headerbar button.title-menu-button:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
|
color: rgba(255, 255, 255, 0.8); }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop,
|
||||||
|
.titlebar:not(headerbar) button.menu-button:backdrop,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button:backdrop,
|
||||||
|
.header-bar .button.menu-button:backdrop,
|
||||||
|
.header-bar .button.title-menu-button:backdrop,
|
||||||
|
.header-bar button.menu-button:backdrop,
|
||||||
|
.header-bar button.title-menu-button:backdrop,
|
||||||
|
headerbar .button.menu-button:backdrop,
|
||||||
|
headerbar .button.title-menu-button:backdrop,
|
||||||
|
headerbar button.menu-button:backdrop,
|
||||||
|
headerbar button.title-menu-button:backdrop {
|
||||||
|
background-color: transparent;
|
||||||
|
color: rgba(255, 255, 255, 0.3); }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active,
|
||||||
|
.titlebar:not(headerbar) button.menu-button:active,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button:active,
|
||||||
|
.header-bar .button.menu-button:active,
|
||||||
|
.header-bar .button.title-menu-button:active,
|
||||||
|
.header-bar button.menu-button:active,
|
||||||
|
.header-bar button.title-menu-button:active,
|
||||||
|
headerbar .button.menu-button:active,
|
||||||
|
headerbar .button.title-menu-button:active,
|
||||||
|
headerbar button.menu-button:active,
|
||||||
|
headerbar button.title-menu-button:active {
|
||||||
|
background-color: #23282a;
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
box-shadow: none; }
|
||||||
.titlebar:not(headerbar) .separator,
|
.titlebar:not(headerbar) .separator,
|
||||||
.header-bar .separator,
|
.header-bar .separator,
|
||||||
headerbar .separator {
|
headerbar .separator {
|
||||||
|
@ -5183,6 +5251,7 @@ separator,
|
||||||
|
|
||||||
.h4,
|
.h4,
|
||||||
.category-label {
|
.category-label {
|
||||||
|
font-size: 12px;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
color: mix #4F585C, #A1A8AB, 50%;
|
color: mix #4F585C, #A1A8AB, 50%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -7804,7 +7873,7 @@ spinbutton.vertical:drop(active) {
|
||||||
.spinbutton.vertical entry,
|
.spinbutton.vertical entry,
|
||||||
spinbutton.vertical .entry,
|
spinbutton.vertical .entry,
|
||||||
spinbutton.vertical entry {
|
spinbutton.vertical entry {
|
||||||
min-height: 32px;
|
min-height: 24px;
|
||||||
min-width: 32px;
|
min-width: 32px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
@ -7968,7 +8037,7 @@ switch {
|
||||||
color: transparent;
|
color: transparent;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); }
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); }
|
||||||
GtkSwitch:insensitive, GtkSwitch:disabled,
|
GtkSwitch:insensitive, GtkSwitch:disabled,
|
||||||
switch:insensitive,
|
switch:insensitive,
|
||||||
switch:disabled {
|
switch:disabled {
|
||||||
|
@ -8405,35 +8474,30 @@ searchbar
|
||||||
/************
|
/************
|
||||||
* Tooltips *
|
* Tooltips *
|
||||||
************/
|
************/
|
||||||
tooltip {
|
tooltip,
|
||||||
padding: 4px;
|
|
||||||
/* not working */
|
|
||||||
border-radius: 2px;
|
|
||||||
box-shadow: none;
|
|
||||||
text-shadow: none; }
|
|
||||||
tooltip.background {
|
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: none; }
|
|
||||||
tooltip decoration {
|
|
||||||
background-color: transparent; }
|
|
||||||
tooltip * {
|
|
||||||
padding: 4px;
|
|
||||||
background-color: transparent;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.tooltip,
|
.tooltip,
|
||||||
.overlay-bar {
|
.overlay-bar {
|
||||||
padding: 4px 8px;
|
margin: 4px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 2px;
|
border-radius: 3px;
|
||||||
background-color: #636E73;
|
background-color: #636E73;
|
||||||
color: #A1A8AB;
|
color: #A1A8AB;
|
||||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
|
||||||
|
tooltip.background,
|
||||||
.tooltip.background,
|
.tooltip.background,
|
||||||
.overlay-bar.background {
|
.overlay-bar.background {
|
||||||
background-color: #636E73;
|
background-color: #636E73;
|
||||||
border: none; }
|
border: none; }
|
||||||
|
tooltip decoration,
|
||||||
|
.tooltip decoration,
|
||||||
|
.overlay-bar decoration {
|
||||||
|
background-color: transparent; }
|
||||||
|
tooltip *,
|
||||||
|
.tooltip *,
|
||||||
|
.overlay-bar * {
|
||||||
|
padding: 2px;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #A1A8AB; }
|
||||||
|
|
||||||
/**********************
|
/**********************
|
||||||
* Touch Copy & Paste *
|
* Touch Copy & Paste *
|
||||||
|
@ -9421,7 +9485,6 @@ YelpWindow .header-bar {
|
||||||
***************/
|
***************/
|
||||||
.category-label {
|
.category-label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.04em;
|
|
||||||
color: #A1A8AB; }
|
color: #A1A8AB; }
|
||||||
|
|
||||||
/*************
|
/*************
|
||||||
|
@ -9654,7 +9717,6 @@ MidoriBrowser .toolbar {
|
||||||
***************/
|
***************/
|
||||||
.category-label {
|
.category-label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.04em;
|
|
||||||
color: #A1A8AB; }
|
color: #A1A8AB; }
|
||||||
|
|
||||||
/*************
|
/*************
|
||||||
|
|
|
@ -3838,6 +3838,7 @@ headerbar {
|
||||||
headerbar button.flat:backdrop {
|
headerbar button.flat:backdrop {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
|
text-shadow: none;
|
||||||
color: rgba(255, 255, 255, 0.5); }
|
color: rgba(255, 255, 255, 0.5); }
|
||||||
.titlebar:not(headerbar) .button.linked,
|
.titlebar:not(headerbar) .button.linked,
|
||||||
.titlebar:not(headerbar) button.linked,
|
.titlebar:not(headerbar) button.linked,
|
||||||
|
@ -3847,46 +3848,6 @@ headerbar {
|
||||||
headerbar button.linked {
|
headerbar button.linked {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
.titlebar:not(headerbar) .button.titlebutton,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton,
|
|
||||||
.header-bar .button.titlebutton,
|
|
||||||
.header-bar button.titlebutton,
|
|
||||||
headerbar .button.titlebutton,
|
|
||||||
headerbar button.titlebutton {
|
|
||||||
min-height: 16px;
|
|
||||||
min-width: 16px;
|
|
||||||
padding: 1px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: transparent;
|
|
||||||
box-shadow: none;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none; }
|
|
||||||
.titlebar:not(headerbar) .button.titlebutton:hover,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton:hover,
|
|
||||||
.header-bar .button.titlebutton:hover,
|
|
||||||
.header-bar button.titlebutton:hover,
|
|
||||||
headerbar .button.titlebutton:hover,
|
|
||||||
headerbar button.titlebutton:hover {
|
|
||||||
background-color: transparent;
|
|
||||||
color: white; }
|
|
||||||
.titlebar:not(headerbar) .button.titlebutton:backdrop,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton:backdrop,
|
|
||||||
.header-bar .button.titlebutton:backdrop,
|
|
||||||
.header-bar button.titlebutton:backdrop,
|
|
||||||
headerbar .button.titlebutton:backdrop,
|
|
||||||
headerbar button.titlebutton:backdrop {
|
|
||||||
background-color: transparent;
|
|
||||||
color: rgba(255, 255, 255, 0.5); }
|
|
||||||
.titlebar:not(headerbar) .button.titlebutton:active,
|
|
||||||
.titlebar:not(headerbar) button.titlebutton:active,
|
|
||||||
.header-bar .button.titlebutton:active,
|
|
||||||
.header-bar button.titlebutton:active,
|
|
||||||
headerbar .button.titlebutton:active,
|
|
||||||
headerbar button.titlebutton:active {
|
|
||||||
background-color: #ffffff;
|
|
||||||
color: #636E73;
|
|
||||||
border-radius: 50%;
|
|
||||||
box-shadow: none; }
|
|
||||||
.titlebar:not(headerbar) .button:hover,
|
.titlebar:not(headerbar) .button:hover,
|
||||||
.titlebar:not(headerbar) button:hover,
|
.titlebar:not(headerbar) button:hover,
|
||||||
.header-bar .button:hover,
|
.header-bar .button:hover,
|
||||||
|
@ -3895,7 +3856,18 @@ headerbar {
|
||||||
headerbar button:hover {
|
headerbar button:hover {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: rgba(0, 0, 0, 0.15);
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
box-shadow: none; }
|
color: white;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button:backdrop,
|
||||||
|
.titlebar:not(headerbar) button:backdrop,
|
||||||
|
.header-bar .button:backdrop,
|
||||||
|
.header-bar button:backdrop,
|
||||||
|
headerbar .button:backdrop,
|
||||||
|
headerbar button:backdrop {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
color: rgba(255, 255, 255, 0.5); }
|
||||||
.titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked,
|
.titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked,
|
||||||
.titlebar:not(headerbar) button:active,
|
.titlebar:not(headerbar) button:active,
|
||||||
.titlebar:not(headerbar) button:checked,
|
.titlebar:not(headerbar) button:checked,
|
||||||
|
@ -3981,6 +3953,102 @@ headerbar {
|
||||||
headerbar button:insensitive:backdrop image,
|
headerbar button:insensitive:backdrop image,
|
||||||
headerbar button:insensitive:backdrop GtkImage {
|
headerbar button:insensitive:backdrop GtkImage {
|
||||||
-gtk-image-effect: dim; }
|
-gtk-image-effect: dim; }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton,
|
||||||
|
.header-bar .button.titlebutton,
|
||||||
|
.header-bar button.titlebutton,
|
||||||
|
headerbar .button.titlebutton,
|
||||||
|
headerbar button.titlebutton {
|
||||||
|
min-height: 16px;
|
||||||
|
min-width: 16px;
|
||||||
|
padding: 1px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
-gtk-icon-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton:hover,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton:hover,
|
||||||
|
.header-bar .button.titlebutton:hover,
|
||||||
|
.header-bar button.titlebutton:hover,
|
||||||
|
headerbar .button.titlebutton:hover,
|
||||||
|
headerbar button.titlebutton:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
color: white; }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton:backdrop,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton:backdrop,
|
||||||
|
.header-bar .button.titlebutton:backdrop,
|
||||||
|
.header-bar button.titlebutton:backdrop,
|
||||||
|
headerbar .button.titlebutton:backdrop,
|
||||||
|
headerbar button.titlebutton:backdrop {
|
||||||
|
background-color: transparent;
|
||||||
|
color: rgba(255, 255, 255, 0.5); }
|
||||||
|
.titlebar:not(headerbar) .button.titlebutton:active,
|
||||||
|
.titlebar:not(headerbar) button.titlebutton:active,
|
||||||
|
.header-bar .button.titlebutton:active,
|
||||||
|
.header-bar button.titlebutton:active,
|
||||||
|
headerbar .button.titlebutton:active,
|
||||||
|
headerbar button.titlebutton:active {
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #636E73;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button,
|
||||||
|
.titlebar:not(headerbar) button.menu-button,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button,
|
||||||
|
.header-bar .button.menu-button,
|
||||||
|
.header-bar .button.title-menu-button,
|
||||||
|
.header-bar button.menu-button,
|
||||||
|
.header-bar button.title-menu-button,
|
||||||
|
headerbar .button.menu-button,
|
||||||
|
headerbar .button.title-menu-button,
|
||||||
|
headerbar button.menu-button,
|
||||||
|
headerbar button.title-menu-button {
|
||||||
|
padding: 1px;
|
||||||
|
background-color: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
-gtk-icon-shadow: none; }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover,
|
||||||
|
.titlebar:not(headerbar) button.menu-button:hover,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button:hover,
|
||||||
|
.header-bar .button.menu-button:hover,
|
||||||
|
.header-bar .button.title-menu-button:hover,
|
||||||
|
.header-bar button.menu-button:hover,
|
||||||
|
.header-bar button.title-menu-button:hover,
|
||||||
|
headerbar .button.menu-button:hover,
|
||||||
|
headerbar .button.title-menu-button:hover,
|
||||||
|
headerbar button.menu-button:hover,
|
||||||
|
headerbar button.title-menu-button:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
|
color: white; }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop,
|
||||||
|
.titlebar:not(headerbar) button.menu-button:backdrop,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button:backdrop,
|
||||||
|
.header-bar .button.menu-button:backdrop,
|
||||||
|
.header-bar .button.title-menu-button:backdrop,
|
||||||
|
.header-bar button.menu-button:backdrop,
|
||||||
|
.header-bar button.title-menu-button:backdrop,
|
||||||
|
headerbar .button.menu-button:backdrop,
|
||||||
|
headerbar .button.title-menu-button:backdrop,
|
||||||
|
headerbar button.menu-button:backdrop,
|
||||||
|
headerbar button.title-menu-button:backdrop {
|
||||||
|
background-color: transparent;
|
||||||
|
color: rgba(255, 255, 255, 0.5); }
|
||||||
|
.titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active,
|
||||||
|
.titlebar:not(headerbar) button.menu-button:active,
|
||||||
|
.titlebar:not(headerbar) button.title-menu-button:active,
|
||||||
|
.header-bar .button.menu-button:active,
|
||||||
|
.header-bar .button.title-menu-button:active,
|
||||||
|
.header-bar button.menu-button:active,
|
||||||
|
.header-bar button.title-menu-button:active,
|
||||||
|
headerbar .button.menu-button:active,
|
||||||
|
headerbar .button.title-menu-button:active,
|
||||||
|
headerbar button.menu-button:active,
|
||||||
|
headerbar button.title-menu-button:active {
|
||||||
|
background-color: #4b5458;
|
||||||
|
color: #ffffff;
|
||||||
|
box-shadow: none; }
|
||||||
.titlebar:not(headerbar) .separator,
|
.titlebar:not(headerbar) .separator,
|
||||||
.header-bar .separator,
|
.header-bar .separator,
|
||||||
headerbar .separator {
|
headerbar .separator {
|
||||||
|
@ -5192,6 +5260,7 @@ separator,
|
||||||
|
|
||||||
.h4,
|
.h4,
|
||||||
.category-label {
|
.category-label {
|
||||||
|
font-size: 12px;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
color: mix #f7f7f7, #666666, 50%;
|
color: mix #f7f7f7, #666666, 50%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -7813,7 +7882,7 @@ spinbutton.vertical:drop(active) {
|
||||||
.spinbutton.vertical entry,
|
.spinbutton.vertical entry,
|
||||||
spinbutton.vertical .entry,
|
spinbutton.vertical .entry,
|
||||||
spinbutton.vertical entry {
|
spinbutton.vertical entry {
|
||||||
min-height: 32px;
|
min-height: 24px;
|
||||||
min-width: 32px;
|
min-width: 32px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
@ -7977,7 +8046,7 @@ switch {
|
||||||
color: transparent;
|
color: transparent;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.8); }
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.8); }
|
||||||
GtkSwitch:insensitive, GtkSwitch:disabled,
|
GtkSwitch:insensitive, GtkSwitch:disabled,
|
||||||
switch:insensitive,
|
switch:insensitive,
|
||||||
switch:disabled {
|
switch:disabled {
|
||||||
|
@ -8431,35 +8500,30 @@ searchbar
|
||||||
/************
|
/************
|
||||||
* Tooltips *
|
* Tooltips *
|
||||||
************/
|
************/
|
||||||
tooltip {
|
tooltip,
|
||||||
padding: 4px;
|
|
||||||
/* not working */
|
|
||||||
border-radius: 2px;
|
|
||||||
box-shadow: none;
|
|
||||||
text-shadow: none; }
|
|
||||||
tooltip.background {
|
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: none; }
|
|
||||||
tooltip decoration {
|
|
||||||
background-color: transparent; }
|
|
||||||
tooltip * {
|
|
||||||
padding: 4px;
|
|
||||||
background-color: transparent;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.tooltip,
|
.tooltip,
|
||||||
.overlay-bar {
|
.overlay-bar {
|
||||||
padding: 4px 8px;
|
margin: 4px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 2px;
|
border-radius: 3px;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
|
||||||
|
tooltip.background,
|
||||||
.tooltip.background,
|
.tooltip.background,
|
||||||
.overlay-bar.background {
|
.overlay-bar.background {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border: none; }
|
border: none; }
|
||||||
|
tooltip decoration,
|
||||||
|
.tooltip decoration,
|
||||||
|
.overlay-bar decoration {
|
||||||
|
background-color: transparent; }
|
||||||
|
tooltip *,
|
||||||
|
.tooltip *,
|
||||||
|
.overlay-bar * {
|
||||||
|
padding: 2px;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #666666; }
|
||||||
|
|
||||||
/**********************
|
/**********************
|
||||||
* Touch Copy & Paste *
|
* Touch Copy & Paste *
|
||||||
|
@ -9454,7 +9518,6 @@ YelpWindow .header-bar {
|
||||||
***************/
|
***************/
|
||||||
.category-label {
|
.category-label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.04em;
|
|
||||||
color: #666666; }
|
color: #666666; }
|
||||||
|
|
||||||
/*************
|
/*************
|
||||||
|
@ -9687,7 +9750,6 @@ MidoriBrowser .toolbar {
|
||||||
***************/
|
***************/
|
||||||
.category-label {
|
.category-label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.04em;
|
|
||||||
color: #666666; }
|
color: #666666; }
|
||||||
|
|
||||||
/*************
|
/*************
|
||||||
|
|
|
@ -233,6 +233,7 @@ headerbar {
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
|
text-shadow: none;
|
||||||
color: $backdrop_headerbar_fg_color;
|
color: $backdrop_headerbar_fg_color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -242,38 +243,18 @@ headerbar {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.titlebutton {
|
|
||||||
min-height: 16px;
|
|
||||||
min-width: 16px;
|
|
||||||
padding: 1px;
|
|
||||||
border-radius:50%;
|
|
||||||
background-color:transparent;
|
|
||||||
box-shadow: none;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color:transparent;
|
|
||||||
color:lighten($headerbar_fg_color, 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:backdrop {
|
|
||||||
background-color:transparent;
|
|
||||||
color:$backdrop_headerbar_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background-color:$headerbar_fg_color;
|
|
||||||
color:$headerbar_bg_color;
|
|
||||||
border-radius:50%;
|
|
||||||
box-shadow:none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-image:none;
|
background-image:none;
|
||||||
background-color: transparentize(black, 0.85);
|
background-color: transparentize(black, 0.85);
|
||||||
|
color:lighten($headerbar_fg_color, 10%);
|
||||||
box-shadow:none;
|
box-shadow:none;
|
||||||
|
text-shadow:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
color: $backdrop_headerbar_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
|
@ -317,6 +298,63 @@ headerbar {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Title Button
|
||||||
|
&.titlebutton {
|
||||||
|
min-height: 16px;
|
||||||
|
min-width: 16px;
|
||||||
|
padding: 1px;
|
||||||
|
border-radius:50%;
|
||||||
|
background-color:transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color:transparent;
|
||||||
|
color:lighten($headerbar_fg_color, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
background-color:transparent;
|
||||||
|
color:$backdrop_headerbar_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color:$headerbar_fg_color;
|
||||||
|
color:$headerbar_bg_color;
|
||||||
|
border-radius:50%;
|
||||||
|
box-shadow:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Menu Button
|
||||||
|
&.menu-button,
|
||||||
|
&.title-menu-button {
|
||||||
|
padding: 1px;
|
||||||
|
background-color:transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: transparentize(black, 0.9);
|
||||||
|
color:lighten($headerbar_fg_color, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
background-color:transparent;
|
||||||
|
color:$backdrop_headerbar_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color:darken($headerbar_bg_color,10%);
|
||||||
|
color:$headerbar_fg_color;
|
||||||
|
box-shadow:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Suggested Action Butotn
|
||||||
&.suggested-action {
|
&.suggested-action {
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -58,6 +58,7 @@ separator,
|
||||||
|
|
||||||
.h4,
|
.h4,
|
||||||
.category-label {
|
.category-label {
|
||||||
|
font-size: 12px;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
color: mix ($bg_color, $text_color, 50%);
|
color: mix ($bg_color, $text_color, 50%);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
@ -19,7 +19,7 @@ switch {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
|
|
||||||
background-color: transparentize(black, 0.9);
|
background-color: transparentize(black, 0.9);
|
||||||
box-shadow: inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight;
|
box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight;
|
||||||
|
|
||||||
&:insensitive,
|
&:insensitive,
|
||||||
&:disabled {
|
&:disabled {
|
||||||
|
|
|
@ -1,41 +1,27 @@
|
||||||
/************
|
/************
|
||||||
* Tooltips *
|
* Tooltips *
|
||||||
************/
|
************/
|
||||||
tooltip {
|
tooltip,
|
||||||
&.background {
|
|
||||||
// background-color needs to be set this way otherwise it gets drawn twice
|
|
||||||
// see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
|
|
||||||
background-color: transparentize(black, 0.2);
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
padding: 4px; /* not working */
|
|
||||||
border-radius: 2px;
|
|
||||||
box-shadow: none; // otherwise it gets inherited by windowframe.csd
|
|
||||||
text-shadow: none;
|
|
||||||
|
|
||||||
// FIXME: we need a border or tooltips vanish on black background.
|
|
||||||
decoration { background-color: transparent; }
|
|
||||||
|
|
||||||
* { // Yeah this is ugly
|
|
||||||
padding: 4px;
|
|
||||||
background-color: transparent;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tooltip,
|
.tooltip,
|
||||||
.overlay-bar {
|
.overlay-bar {
|
||||||
|
|
||||||
|
margin: 4px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: $base_color;
|
||||||
|
color: $fg_color;
|
||||||
|
box-shadow: 0 2px 2px 0 transparentize(black, 0.7);
|
||||||
|
|
||||||
&.background {
|
&.background {
|
||||||
background-color: $base_color;
|
background-color: $base_color;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
padding: 4px 8px;
|
decoration { background-color: transparent; }
|
||||||
border: none;
|
|
||||||
border-radius: 2px;
|
* { // Yeah this is ugly
|
||||||
background-color: $base_color;
|
padding: 2px;
|
||||||
color: $fg_color;
|
background-color: transparent;
|
||||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.7);
|
color: $fg_color;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue