homes/graphic/.themes/dorian-theme-3.10/gtk-3.0/nautilus-pathbar-round.css
2013-12-16 01:09:10 +01:00

324 lines
10 KiB
CSS

/*****************PathBar Linked Buttons**************************/
NautilusPathBar.linked .button,
NautilusPathBar .button {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.08),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 98%,
rgba(255,255,255,0.16)
);
border-width: 1px;
border-radius: 17px;
border-style: solid;
border-color: transparent;
/* border and inset */
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.08) inset,
0 3px alpha(black, 0.08) inset,
inset 1px 0 alpha(black, 0.1);
background-color:alpha(black,0.28);
border-image: none;
color: shade(@theme_fg_dark_color, 0.90);
transition: 60ms ease-out;
background-repeat: no-repeat;
background-position: bottom;
}
NautilusPathBar.linked .button:nth-child(even),
NautilusPathBar .button:nth-child(even) {
background-color:alpha(black,0.325);
}
NautilusPathBar.linked .button:hover {
background-image: linear-gradient(to bottom,
rgba(0,0,0,0.12),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 98%,
rgba(0,0,0,0.12)
);
background-color:alpha(black,0.32);
background-image: -gtk-gradient (radial,
center 1.5, 0,
center 1.3, 0.7,
from(rgba(255,255,255,0.6)),
to(transparent));
border-image: none;
border-color: transparent;
border-radius: 17px;
border-width: 1px;
border-style: solid;
border-color: transparent;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(@theme_selected_bg_color, 0.94) inset,
0 3px alpha(black, 0.08) inset,
1px 0 alpha(black, 0.18) inset;
}
NautilusPathBar.linked .button:hover:nth-child(even) {
background-color:alpha(black,0.365);
}
NautilusPathBar.linked .button:active{
background-image: url("assets/arrow-up-hover-arrow.svg");
background-color:alpha(black,0.46);
/*background-color: mix(shade(@theme_base_color, 0.8), shade(@theme_selected_bg_color, 1.0),0.02);*/
border-image: none;
border-color: transparent;
border-radius: 17px;
border-width: 1px;
border-style: solid;
border-color: transparent;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.1) inset,
0 3px alpha(black, 0.08) inset,
inset -1px 0 alpha(black, 0.14);
background-image: url("assets/arrow-up-hover-arrow.svg"),
linear-gradient(to bottom,
rgba(0,0,0,0.08),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 98%,
rgba(255,255,255,0.18)
);
transition: 60ms ease-out;
border-image: none;
background-repeat: no-repeat;
background-position: bottom;
}
NautilusPathBar.linked .button:active:hover {
background-image: url("assets/arrow-up-hover-arrow.svg");
background-color: mix(shade(@theme_bg_color, 0.5), shade(@theme_selected_bg_color, 1.0),0.03);
border-image: none;
border-color: transparent;
border-radius: 17px;
border-width: 1px;
border-style: solid;
border-color: transparent;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.1) inset,
0 3px alpha(black, 0.08) inset,
inset -1px 0 alpha(black, 0.14);
background-image: url("assets/arrow-up-hover-arrow.svg"),
-gtk-gradient (radial,
center 1.5, 0,
center 1.3, 0.7,
from(rgba(255,255,255,0.6)),
to(transparent)),
linear-gradient(to bottom,
rgba(0,0,0,0.08),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 98%,
rgba(255,255,255,0.2)
);
transition: 60ms ease-out;
border-image: none;
background-repeat: no-repeat;
background-position: bottom;
}
NautilusPathBar.linked .button *:active,
NautilusPathBar.linked .button *:active:hover {
/*color: shade(@theme_fg_dark_color, 0.95);*/
text-shadow: 1px 1px @theme_shadow_dark_color;
}
NautilusPathBar.linked .button:insensitive{
background-image: url("assets/stripe-3.png"),
linear-gradient(to bottom,
rgba(0,0,0,0.08),
rgba(0,0,0,0.0) 20%,
rgba(0,0,0,0.0) 90%,
rgba(0,0,0,0.12)
);
background-color:alpha(white, 0.01);
border-image: none;
border-color: transparent;
border-radius: 17px;
border-width: 1px;
border-style: solid;
border-color: transparent;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.06) inset,
0 3px alpha(black, 0.08) inset,
-1px 0 alpha(black, 0.14) inset;
background-size: 6px;
background-repeat: repeat;
background-position: top left;
}
/* Middle toolbar-button */
NautilusPathBar.linked .button:nth-child(even),
NautilusPathBar.linked .button,
NautilusPathBar.linked .button:hover,
NautilusPathBar.linked .button:hover:focus,
NautilusPathBar.linked .button:active,
NautilusPathBar.linked .button:active:hover,
NautilusPathBar.linked .button:insensitive,
NautilusPathBar.linked .button:focus,
NautilusPathBar.linked .button:active:focus {
border-right-width: 0px;
border-left-width: 0px;
border-radius: 0;
/*padding-left: 6px;
padding-right: 6px;*/
border-image-width: 0;
}
/* Leftmost toolbars-button */
NautilusPathBar.linked .button:first-child,
NautilusPathBar.linked .button:hover:first-child,
NautilusPathBar.linked .button:active:first-child,
NautilusPathBar.linked .button:active:hover:first-child,
NautilusPathBar.linked .button:focus:first-child,
NautilusPathBar.linked .button:active:focus:first-child,
NautilusPathBar.linked .button:insensitive:first-child {
/* padding-left: 10px;
padding-right: 6px;*/
border-left-width: 1px;
border-right-width: 0;
border-image-width: 0;
border-radius: 17px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.08) inset,
0 3px alpha(black, 0.08) inset;
}
/* Leftmost toolbars-button normal */
NautilusPathBar.linked .button:hover:first-child,
NautilusPathBar.linked .button:focus:hover:first-child{
border-image-width: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(@theme_selected_bg_color, 0.94) inset,
0 3px alpha(black, 0.08) inset;
}
/* Leftmost toolbars-button active */
NautilusPathBar.linked .button:active:first-child,
NautilusPathBar.linked .button:active:hover:first-child {
border-image-width: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.1) inset,
0 3px alpha(black, 0.08) inset;
}
/* Leftmost toolbars-button insensitive */
NautilusPathBar.linked .button:insensitive:first-child,
NautilusPathBar.linked .button:insensitive:first-child:backdrop {
border-image-width: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.06) inset,
0 3px alpha(black, 0.08) inset;
}
/* Rightmost toolbar-button */
NautilusPathBar.linked .button:last-child:nth-child(even),
NautilusPathBar.linked .button:last-child,
NautilusPathBar.linked .button:hover:last-child,
NautilusPathBar.linked .button:active:last-child,
NautilusPathBar.linked .button:active:hover:last-child,
NautilusPathBar.linked .button:focus:last-child,
NautilusPathBar.linked .button:active:focus:last-child,
NautilusPathBar.linked .button:insensitive:last-child {
/*padding-left: 6px;
padding-right: 10px;*/
border-left-width: 0;
border-image-width: 0;
border-width: 1px 1px 1px 0;
border-radius: 17px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.08) inset,
0 3px alpha(black, 0.08) inset,
inset 1px 0 alpha(black, 0.14);
}
/* Rightmost toolbar-button normal */
NautilusPathBar.linked .button:hover:last-child,
NautilusPathBar.linked .button:focus:hover:last-child {
border-image-width: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(@theme_selected_bg_color, 0.94) inset,
0 3px alpha(black, 0.08) inset,
1px 0 alpha(black, 0.18) inset;
}
/* Rightmost toolbar-button active */
NautilusPathBar.linked .button:active:last-child,
NautilusPathBar.linked .button:active:hover:last-child {
border-image-width: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.1) inset,
0 3px alpha(black, 0.08) inset,
inset -1px 0 alpha(black, 0.14);
}
/* Rightmost toolbar-button insensitive */
NautilusPathBar.linked .button:insensitive:last-child,
NautilusPathBar.linked .button:insensitive:last-child:backdrop {
border-image-width: 0;
box-shadow: 0 1px alpha(black, 0.26) inset,
0 -1px alpha(white, 0.06) inset,
0 3px alpha(black, 0.08) inset,
-1px 0 alpha(black, 0.14) inset;
}
/* Linked single toolbar-button */
NautilusPathBar.linked .button:only-child,
NautilusPathBar.linked .button:hover:only-child,
NautilusPathBar.linked .button:active:only-child,
NautilusPathBar.linked .button:active:hover:only-child,
NautilusPathBar.linked .button:focus:only-child,
NautilusPathBar.linked .button:focus:hover:only-child,
NautilusPathBar.linked .button:insensitive:only-child {
padding-left: 10px;
padding-right: 10px;
border-right-width: 1px;
border-left-width: 1px;
border-radius: 17px;
border-image-width: 0;
}
/* Linked single toolbar-button normal */
NautilusPathBar.linked .button:hover:only-child,
NautilusPathBar.linked .button:hover:focus:only-child{
border-image-width: 0;
}
/* Linked single toolbar-button active */
NautilusPathBar.linked .button:active:only-child,
NautilusPathBar.linked .button:active:hover:only-child {
border-image-width: 0;
}
/* Linked single toolbar-button insensitive */
NautilusPathBar.linked .button:insensitive:only-child,
NautilusPathBar.linked .button:insensitive:only-child:backdrop {
border-image-width: 0;
}