some refinements
This commit is contained in:
parent
ad9528cf8a
commit
491a594206
|
@ -56,7 +56,6 @@
|
|||
|
||||
.category-label {
|
||||
font-weight: bold;
|
||||
font-size: 1.04em;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
|
|
|
@ -3829,6 +3829,7 @@ headerbar {
|
|||
headerbar button.flat:backdrop {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
color: rgba(255, 255, 255, 0.3); }
|
||||
.titlebar:not(headerbar) .button.linked,
|
||||
.titlebar:not(headerbar) button.linked,
|
||||
|
@ -3838,46 +3839,6 @@ headerbar {
|
|||
headerbar button.linked {
|
||||
border-radius: 0px;
|
||||
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,
|
||||
.header-bar .button:hover,
|
||||
|
@ -3886,7 +3847,18 @@ headerbar {
|
|||
headerbar button:hover {
|
||||
background-image: none;
|
||||
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,
|
||||
|
@ -3972,6 +3944,102 @@ headerbar {
|
|||
headerbar button:insensitive:backdrop image,
|
||||
headerbar button:insensitive:backdrop GtkImage {
|
||||
-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,
|
||||
.header-bar .separator,
|
||||
headerbar .separator {
|
||||
|
@ -5183,6 +5251,7 @@ separator,
|
|||
|
||||
.h4,
|
||||
.category-label {
|
||||
font-size: 12px;
|
||||
padding: 6px;
|
||||
color: mix #4F585C, #A1A8AB, 50%;
|
||||
font-weight: bold;
|
||||
|
@ -7804,7 +7873,7 @@ spinbutton.vertical:drop(active) {
|
|||
.spinbutton.vertical entry,
|
||||
spinbutton.vertical .entry,
|
||||
spinbutton.vertical entry {
|
||||
min-height: 32px;
|
||||
min-height: 24px;
|
||||
min-width: 32px;
|
||||
padding: 0;
|
||||
border-radius: 0; }
|
||||
|
@ -7968,7 +8037,7 @@ switch {
|
|||
color: transparent;
|
||||
padding: 2px;
|
||||
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,
|
||||
switch:insensitive,
|
||||
switch:disabled {
|
||||
|
@ -8405,35 +8474,30 @@ searchbar
|
|||
/************
|
||||
* Tooltips *
|
||||
************/
|
||||
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 {
|
||||
padding: 4px 8px;
|
||||
margin: 4px;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
border-radius: 3px;
|
||||
background-color: #636E73;
|
||||
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,
|
||||
.overlay-bar.background {
|
||||
background-color: #636E73;
|
||||
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 *
|
||||
|
@ -9421,7 +9485,6 @@ YelpWindow .header-bar {
|
|||
***************/
|
||||
.category-label {
|
||||
font-weight: bold;
|
||||
font-size: 1.04em;
|
||||
color: #A1A8AB; }
|
||||
|
||||
/*************
|
||||
|
@ -9654,7 +9717,6 @@ MidoriBrowser .toolbar {
|
|||
***************/
|
||||
.category-label {
|
||||
font-weight: bold;
|
||||
font-size: 1.04em;
|
||||
color: #A1A8AB; }
|
||||
|
||||
/*************
|
||||
|
|
|
@ -3838,6 +3838,7 @@ headerbar {
|
|||
headerbar button.flat:backdrop {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
color: rgba(255, 255, 255, 0.5); }
|
||||
.titlebar:not(headerbar) .button.linked,
|
||||
.titlebar:not(headerbar) button.linked,
|
||||
|
@ -3847,46 +3848,6 @@ headerbar {
|
|||
headerbar button.linked {
|
||||
border-radius: 0px;
|
||||
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,
|
||||
.header-bar .button:hover,
|
||||
|
@ -3895,7 +3856,18 @@ headerbar {
|
|||
headerbar button:hover {
|
||||
background-image: none;
|
||||
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,
|
||||
|
@ -3981,6 +3953,102 @@ headerbar {
|
|||
headerbar button:insensitive:backdrop image,
|
||||
headerbar button:insensitive:backdrop GtkImage {
|
||||
-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,
|
||||
.header-bar .separator,
|
||||
headerbar .separator {
|
||||
|
@ -5192,6 +5260,7 @@ separator,
|
|||
|
||||
.h4,
|
||||
.category-label {
|
||||
font-size: 12px;
|
||||
padding: 6px;
|
||||
color: mix #f7f7f7, #666666, 50%;
|
||||
font-weight: bold;
|
||||
|
@ -7813,7 +7882,7 @@ spinbutton.vertical:drop(active) {
|
|||
.spinbutton.vertical entry,
|
||||
spinbutton.vertical .entry,
|
||||
spinbutton.vertical entry {
|
||||
min-height: 32px;
|
||||
min-height: 24px;
|
||||
min-width: 32px;
|
||||
padding: 0;
|
||||
border-radius: 0; }
|
||||
|
@ -7977,7 +8046,7 @@ switch {
|
|||
color: transparent;
|
||||
padding: 2px;
|
||||
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,
|
||||
switch:insensitive,
|
||||
switch:disabled {
|
||||
|
@ -8431,35 +8500,30 @@ searchbar
|
|||
/************
|
||||
* Tooltips *
|
||||
************/
|
||||
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 {
|
||||
padding: 4px 8px;
|
||||
margin: 4px;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
border-radius: 3px;
|
||||
background-color: #ffffff;
|
||||
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,
|
||||
.overlay-bar.background {
|
||||
background-color: #ffffff;
|
||||
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 *
|
||||
|
@ -9454,7 +9518,6 @@ YelpWindow .header-bar {
|
|||
***************/
|
||||
.category-label {
|
||||
font-weight: bold;
|
||||
font-size: 1.04em;
|
||||
color: #666666; }
|
||||
|
||||
/*************
|
||||
|
@ -9687,7 +9750,6 @@ MidoriBrowser .toolbar {
|
|||
***************/
|
||||
.category-label {
|
||||
font-weight: bold;
|
||||
font-size: 1.04em;
|
||||
color: #666666; }
|
||||
|
||||
/*************
|
||||
|
|
|
@ -233,6 +233,7 @@ headerbar {
|
|||
&:backdrop {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
color: $backdrop_headerbar_fg_color;
|
||||
}
|
||||
}
|
||||
|
@ -242,38 +243,18 @@ headerbar {
|
|||
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 {
|
||||
background-image:none;
|
||||
background-color: transparentize(black, 0.85);
|
||||
color:lighten($headerbar_fg_color, 10%);
|
||||
box-shadow:none;
|
||||
text-shadow:none;
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: $backdrop_headerbar_fg_color;
|
||||
}
|
||||
|
||||
&: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 {
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -58,6 +58,7 @@ separator,
|
|||
|
||||
.h4,
|
||||
.category-label {
|
||||
font-size: 12px;
|
||||
padding: 6px;
|
||||
color: mix ($bg_color, $text_color, 50%);
|
||||
font-weight: bold;
|
||||
|
|
|
@ -19,7 +19,7 @@ switch {
|
|||
padding: 2px;
|
||||
|
||||
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,
|
||||
&:disabled {
|
||||
|
|
|
@ -1,41 +1,27 @@
|
|||
/************
|
||||
* Tooltips *
|
||||
************/
|
||||
tooltip {
|
||||
tooltip,
|
||||
.tooltip,
|
||||
.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-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;
|
||||
background-color: $base_color;
|
||||
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;
|
||||
padding: 2px;
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip,
|
||||
.overlay-bar {
|
||||
&.background {
|
||||
background-color: $base_color;
|
||||
border: none;
|
||||
}
|
||||
|
||||
padding: 4px 8px;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
background-color: $base_color;
|
||||
color: $fg_color;
|
||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.7);
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue