themes/.themes/cathexis-nord/gtk-3.0/gtk-plane.css
/*
los fg son para textos.
nfg_color: el texto de los botones
bg menu:#404040
hover:#282828;
base_color:#ffffff // color base del sistema si el tema es claro aconsejo dejarlo en blanco y si es oscuro del background
nbg_color:#f2f1f0 // background del sistema
ntooltip_bg_color:#000000 // tooltips "consejos" del sistema
nselected_bg_color:#f07746 // objetos seleccionados
ntext_color:#3C3C3C // color del texto de cajas de texto
nfg_color:#4c4c4c // texto en general del sitio.
ntooltip_fg_color:#ffffff //texto de los tooltips "consejos"
nselected_fg_color:#ffffff //texto de los objetos seleccionados
nlink_color:#DD4814 // color de los objetos resaltados
nbg_color_dark:#3c3b37 //color del los backgrounds del sistema cuando se pide en oscuro
nfg_color_dark:#dfdbd2 //color del los textos del sistema cuando se pide en oscuro
*/
/*color de las ventanas y sombras internas de las ventanas
GtkWidget{background:@base_color; box-shadow: inset 0px 0px 48px 48px rgba(44, 44, 44, 0.28);}
GtkWidget:backdrop{background:mix (@bg_color, #FFFFFF, 0.13);}
GtkWidget *,
GtkWidget *:backdrop,
GtkWidget *:insensitive{background:@transparent; box-shadow:none;}
*:insensitive{color:alpha(@fg_color, 0.5); text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.1);}
/*
Fondos negros, descomentar:
background blacks uncomment:
*/
/*****************Botones****************/
.button,
.button:focus,
.button:hover,
.button:hover:focus{
background:url("assets/metal.png") center center;
border:4px solid transparent;
border-image: url("assets/button.png") 6 4 4 4 / 6px 4px 4px 4px stretch;
border-radius:0px;
box-shadow:none;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
}
.button:backdrop,
.button:hover:backdrop,
.button:insensitive,
.button:insensitive:backdrop{
background:url("assets/metal-backdrop.png") center center;
border:4px solid transparent;
border-image: url("assets/backdrop-button.png") 6 4 4 4 / 6px 4px 4px 4px stretch;
background-clip: padding-box;
}
.button:hover{background-color:mix(@selected_bg_color,#000000,0.6);}
.button:hover:focus{background-color:mix(@selected_bg_color,#000000,0.6);}
.button:hover:backdrop{background-color:mix(@selected_bg_color,#000000,0.4);}
.button:active,
.button:active:hover,
.button:active:focus,
.button:active:hover:focus,
.button:active:insensitive{
background:url("assets/metal.png") center center;
background-color:mix(@link_color,#000000,0.4;
border:4px solid transparent;
border-image:url("assets/button-active.png") 6 5 5 5 / 6px 5px 5px 5px stretch;
background-clip: padding-box;
}
.button:active:backdrop,
.button:active:hover:backdrop,
.button:active:insensitive,
.button:active:insensitive:backdrop{
background:url("assets/metal-backdrop.png") center center;
border:4px solid transparent;
border-image: url("assets/button-active-backdrop.png") 6 5 5 5 / 6px 5px 5px 5px stretch;
background-clip: padding-box;
}
.button:active,
.button:active:focus,
.button:active:hover:focus,
.button.default:hover{background-color:mix(@link_color,#000000,0.6);}
.button.default,
.button:focus,
.button.default:hover,
.button.default:focus:hover{
background:url("assets/metal.png") center center;
border:4px solid transparent;
border-image: url("assets/button-default.png") 6 4 4 4 / 6px 4px 4px 4px stretch;
border-radius:0px;
box-shadow:none;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
}
.button.default:focus:hover{background-color:mix(@link_color,#000000,0.6);}
.button.default:active:focus:hover{border-image:url("assets/button-active.png") 6 5 5 5 / 6px 5px 5px 5px stretch;}
.button GtkLabel{background:none; text-shadow: 0px -1px 0px rgba(0,0,0,0.5); box-shadow:none;}
/*****************Botoneras****************/
.primary-toolbar .linked .entry,
.primary-toolbar .linked .button,
.primary-toolbar .linked .button:active,
.primary-toolbar .linked .button:active:hover,
.primary-toolbar .linked .button:insensitive,
.linked .button,
.toolbar .button.raised.linked,
.toolbar .raised.linked .button,
.inline-toolbar.toolbar .button,
.inline-toolbar.toolbar GtkToolButton .button,
.linked .button,
.linked .button:hover,
.linked .button:active:hover,
.linked .button:insensitive,
.linked .button:active:hover:insensitive,
.toolbar .button.raised.linked,
.toolbar .raised.linked .button,
.inline-toolbar.toolbar .button,
.inline-toolbar.toolbar GtkToolButton .button,.linked .button:active,
.toolbar .button.raised.linked:active,
.toolbar .raised.linked .button:active,
.inline-toolbar.toolbar .button:active,
.inline-toolbar.toolbar GtkToolButton .button:active,
.linked .button:insensitive,
.toolbar .button.raised.linked:insensitive,
.toolbar .raised.linked .button:insensitive,
.inline-toolbar.toolbar .button:insensitive,
.inline-toolbar.toolbar GtkToolButton .button:insensitive,
.linked .button:backdrop,
.toolbar .button.raised.linked:backdrop,
.toolbar .raised.linked .button:backdrop,
.inline-toolbar.toolbar .button:backdrop,
.inline-toolbar.toolbar GtkToolButton .button:backdrop,
.linked .button:insensitive:backdrop,
.toolbar .button.raised.linked:insensitive:backdrop,
.toolbar .raised.linked .button:insensitive:backdrop,
.inline-toolbar.toolbar .button:insensitive:backdrop,
.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop{
background:url("assets/metal.png") center center;
background-color:transparent;
border:4px solid transparent;
border-width:4px 0px;
border-image:url("assets/button.png") 6 4 4 4 / 6px 0px 4px 0px stretch;
border-radius:0px;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
box-shadow: inset 2px 0px 0px 0px shade(@fg_color, 0.52),
inset 1px 0px 0px 0px shade(@fg_color, 0.35);
}
.linked .button:first-child,
.linked .button:active:first-child,
.linked .button:active:hover:first-child,
.linked .button:insensitive:first-child,
.linked .button:active:hover:insensitive:first-child,
.linked .button:focus:first-child,
.linked .button:active:focus:first-child,
.toolbar .button.raised.linked:first-child,
.toolbar .button.raised.linked:active:first-child,
.toolbar .raised.linked .button:first-child,
.inline-toolbar.toolbar .button:first-child,
.inline-toolbar.toolbar GtkToolButton:first-child .button,
.primary-toolbar .linked .button:first-child,
.primary-toolbar .linked .button:active:hover:first-child,
.primary-toolbar .button.raised.linked:first-child,
.primary-toolbar .raised.linked .button:active:first-child,
.primary-toolbar .raised.linked .button:active:focus:first-child,
.primary-toolbar .raised.linked .button:first-child
{
background:url("assets/metal.png") center center;
background-color:transparent;
border:4px solid transparent;
border-width:4px 0px 4px 4px;
border-image:url("assets/button.png") 6 4 4 4 / 6px 0px 4px 4px stretch;
border-radius:0px;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
box-shadow: none;
}
.linked .button:last-child,
.linked .button:active:last-child,
.linked .button:active:hover:last-child,
.linked .button:active:hover:insensitive:last-child,
.toolbar .button.raised.linked:last-child,
.toolbar .raised.linked .button:last-child,
.inline-toolbar.toolbar .button:last-child,
.inline-toolbar.toolbar GtkToolButton:last-child .button,
.primary-toolbar .linked .button:last-child,
.primary-toolbar .linked .button:active:hover:last-child,
.primary-toolbar .button.raised.linked:last-child,
.primary-toolbar .raised.linked .button:last-child {
background:url("assets/metal.png") center center;
background-color:transparent;
border:4px solid transparent;
border-width:4px 4px 4px 0px;
border-image:url("assets/button.png") 6 4 4 4 / 6px 4px 4px 0px stretch;
border-radius:0px;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
box-shadow: inset 2px 0px 0px 0px shade(@fg_color, 0.52),
inset 1px 0px 0px 0px shade(@fg_color, 0.35);
}
.linked .button:active,
.primary-toolbar .linked .button:active,
.primary-toolbar .button.raised.linked:active,
.primary-toolbar .raised.linked .button:active,
.primary-toolbar .linked .button:insensitive,
.primary-toolbar .button.raised.linked:insensitive,
.primary-toolbar .raised.linked .button:insensitive,
.primary-toolbar .linked .button:backdrop:last-child,
.primary-toolbar .button.raised.linked:backdrop:last-child,
.primary-toolbar .raised.linked .button:backdrop:last-child{
box-shadow: inset 2px 0px 0px 0px shade(@fg_color, 0.52),
inset 1px 0px 0px 0px shade(@fg_color, 0.35);
}
/* Linked single button */
.primary-toolbar .linked .entry:only-child,
.primary-toolbar .linked .button:only-child,
.primary-toolbar .linked .button:active:only-child,
.primary-toolbar .linked .button:active:hover:only-child,
.primary-toolbar .linked .button:insensitive:only-child {
background:url("assets/metal.png") center center;
background-color:transparent;
border:4px solid transparent;
border-width:4px;
border-image:url("assets/button.png") 6 4 4 4 / 6px 4px 4px 4px stretch;
border-radius:0px;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
box-shadow: none;
}
.linked .button:active,
.linked .button:active:hover,
.linked .button:hover:insensitive,
.linked .button:active:hover:insensitive,
.linked .button:active:first-child,
.linked .button:active:hover:first-child,
.linked .button:hover:insensitive:first-child,
.linked .button:active:hover:insensitive:first-child,
.linked .button:active:last-child,
.linked .button:active:hover:last-child,
.linked .button:hover:insensitive:last-child,
.linked .button:active:hover:insensitive:last-child,
.primary-toolbar .linked .entry:hover:only-child,
.primary-toolbar .linked .button:hover:only-child,
.primary-toolbar .linked .button:active:only-child,
.primary-toolbar .linked .button:active:hover:only-child,
.primary-toolbar .linked .button:active:focus:hover:only-child,
.primary-toolbar .linked .button:focus:hover:only-child,
.primary-toolbar .linked .entry:hover,
.primary-toolbar .linked .button:hover,
.primary-toolbar .linked .button:active:hover,
.primary-toolbar .linked .button:active:hover:hover,
.primary-toolbar .linked .button:insensitive:hover,
.linked .button:hover,
.toolbar .button.raised.linked:hover,
.toolbar .raised.linked .button:hover,
.inline-toolbar.toolbar .button:hover,
.inline-toolbar.toolbar GtkToolButton .button:hover{
background-color:mix(@selected_bg_color,#000000,0.6);
}
/*******************
* check and radio *
*******************/
.check,
.check:hover,
.check:active,
.check:active:hover,
.check:backdrop,
.check:backdrop:active,
.check:backdrop:insensitive,
.check:backdrop:insensitive:active,
.check:backdrop:inconsistent,
.check:backdrop:inconsistent:insensitive,
.check:insensitive,
.check:insensitive:active,
.check:inconsistent,
.check:inconsistent:hover,
.check:inconsistent:insensitive,
.check:inconsistent:insensitive:active{
background:alpha(@fg_color,0.1) url("assets/transparent.png");
border:none;
box-shadow: 0 0 2px 3px alpha(#000000,0.5) inset,
0 0 0px 1px alpha(#FFFFFF,0.2) inset;
}
.check:active,
.check:active:hover{
background:alpha(@fg_color,0.1) url("assets/check-active.png") left center no-repeat;
}
.check:hover,
.check:inconsistent:hover{
background-color: alpha(@selected_bg_color,0.3);
}
.check:active:hover{
background-color: alpha(@selected_bg_color,0.15);
}
.check:insensitive:active,
.check:backdrop:active,
.check:backdrop:insensitive:active{
background:alpha(@fg_color,0.1) url("assets/check-disable.png") left center no-repeat;
}
.check:inconsistent,
.check:inconsistent:hover{
background:alpha(@fg_color,0.1) url("assets/check-mixed.svg") center center no-repeat;
}
.check:inconsistent:hover{
background-color: alpha(@selected_bg_color,0.15);
}
.check:inconsistent:insensitive,
.check:backdrop:inconsistent,
.check:backdrop:inconsistent:insensitive{
background:alpha(@fg_color,0.1) url("assets/check-mixed-disable.svg") center center no-repeat;
}
/*radio*/
.radio,
.radio:hover,
.radio:active,
.radio:active:hover,
.radio:backdrop,
.radio:backdrop:active,
.radio:backdrop:insensitive,
.radio:backdrop:insensitive:active,
.radio:backdrop:inconsistent,
.radio:backdrop:inconsistent:insensitive,
.radio:insensitive,
.radio:insensitive:active,
.radio:inconsistent,
.radio:inconsistent:hover,
.radio:inconsistent:insensitive,
.radio:inconsistent:insensitive:active{
background:alpha(@fg_color,0.1) url("assets/transparent.png");
border:none;
box-shadow: 0 0 2px 3px alpha(#000000,0.5) inset,
0 0 0px 1px alpha(#FFFFFF,0.2) inset;
border-radius:50%;
}
.radio:active,
.radio:active:hover{
background:alpha(@fg_color,0.1) url("assets/radio-active.png") center center no-repeat;
}
.radio:hover,
.radio:inconsistent:hover{
background-color: alpha(@selected_bg_color,0.3);
}
.radio:active:hover{
background-color: alpha(@selected_bg_color,0.15);
}
.radio:insensitive:active,
.radio:backdrop:active,
.radio:backdrop:insensitive:active{
background:alpha(@fg_color,0.1) url("assets/radio-disable.png") center center no-repeat;
}
.radio:inconsistent,
.radio:inconsistent:hover{
background:alpha(@fg_color,0.1) url("assets/check-mixed.svg") center center no-repeat;
}
.radio:inconsistent:hover{
background-color: alpha(@selected_bg_color,0.15);
}
.radio:inconsistent:insensitive,
.radio:backdrop:inconsistent,
.radio:backdrop:inconsistent:insensitive{
background:alpha(@fg_color,0.1) url("assets/check-mixed-disable.svg") center center no-repeat;
}
/****************
* cell and row *
****************/
.cell {
-GtkCheckButton-indicator-size: 16;
-GtkWidget-focus-line-width: 0;
background:none;
border:none;
padding:0px;
box-shadow:none;
}
row:hover,
row:hover:focused{background:mix(@selected_bg_color,@bg_color,0.95); border:none;}
row:selected,
row:active,
row:insensitive,
row:selected:insensitive,
row:selected:backdrop,
row:selected:focused,
row:selected:backdrop{background:mix(@selected_bg_color,#000000,0.35); border:none; }
/*****************
* column-header *
*****************/
column-header .button,
column-header .button:hover,
column-header .button:active,
column-header .button:focus,
column-header .button:hover:focus,
column-header .button:active:focus,
column-header .button:active:hover:focus,
column-header:nth-child(last) .button,
column-header .button:backdrop,
column-header .button:hover:backdrop,
column-header .button:active:backdrop,
column-header .button:focus:backdrop,
column-header .button:hover:focus:backdrop,
column-header .button:active:focus:backdrop,
column-header .button:active:hover:focus:backdrop,
column-header:nth-child(last) .button:backdrop{
background:none;
border:none;
border-image:none;
border-radius:0px;
box-shadow: inset -1px 0 alpha(@fg_color, 0.07),
inset 0 -1px alpha(@fg_color, 0.07);
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
padding: 5px 6px;
}
column-header .button:active,
column-header .button:focus,
column-header .button:active:focus,
column-header .button:active:hover:focus,
column-header .button:hover:focus,
column-header .button:focused{
background:-gtk-gradient (linear, 0 0, 0 1, color-stop(0.84, transparent), color-stop(0.84, mix(@selected_bg_color,#000000,0.35)), color-stop(1, mix(@selected_bg_color,#000000,0.35)));
box-shadow: inset -1px 0 alpha(@fg_color, 0.07),
inset 0 -1px alpha(@fg_color, 0.07);
padding: 5px 6px;
}
column-header .button:hover,
column-header .button:active:hover,
column-header .button:focus:hover{
background:mix(@selected_bg_color,#000000,0.35); border:none;
padding: 5px 6px;
}
column-header:nth-child(last) .button{
border-right:0px;
box-shadow: inset 0 -1px alpha(@fg_color, 0.07);
}
/*********
* entry *
*********/
.entry,
.entry:backdrop,
.entry:focus,
.entry:selected,
.entry:selected:focus,
.entry:focus,
.entry:insensitive,
.entry:insensitive:backdrop,
.primary-toolbar .entry,
.primary-toolbar .entry:focus,
.primary-toolbar .entry.progressbar,
.primary-toolbar .entry.progressbar,
.entry.progressbar{
-GtkWidget-focus-line-width: 0;
background:none;
box-shadow:none;
border:1px solid transparent;
border-radius:0px;
padding: 5px 7px;
color: @text_color;
border-image: url("assets/entry.svg") 0 1 1 1 / 0 1 1 1 stretch;
}
.entry .button{background:none; border:none;}
.entry .button .image{background:#DD1AA8; border:4px solid #E32D2D}
.entry:backdrop{
background-image:none;
color: @backdrop_text_color;
}
.entry:selected,
.entry:selected:focus,
.entry:selected:focused{
background-color:@selected_bg_color;
color: @selected_fg_color;
}
.entry:focused,
.entry:active,
.primary-toolbar .entry:focus{
background-color:none;
border-width:2px;
border-image: url("assets/entry-focus.svg") 0 1 1 1 / 0 1 1 1 stretch;
}
.entry:insensitive{
background-color: none;
background-image: none;
border-image: url("assets/entry-insensitive.svg") 0 1 1 1 / 0 1 1 1 stretch;
color: mix (@text_color, @base_color, 0.4);
}
.entry:insensitive:backdrop {
background-color:none;
border-image: url("assets/entry-insensitive.svg") 0 1 1 1 / 0 1 1 1 stretch;
color: mix (@text_color, @base_color, 0.4);
}
.primary-toolbar .entry.progressbar,
.primary-toolbar .entry.progressbar,
.entry.progressbar {
background-image:none;
border-width: 0;
color: @selected_fg_color;
}
/*****************
* combobox *
*****************/
/*arrow button*/
GtkComboBox.combobox-entry .button *{-unico-arrow-texture: url("assets/combobox-arrow.svg");}
GtkComboBox.combobox-entry .button *:insensitive{-unico-arrow-texture: url("assets/combobox-arrow-disabled.svg");}
GtkComboBox .button *{-unico-arrow-texture:url("assets/transparent.png");}
/*combobox button*/
GtkComboBox .button,
GtkComboBox .button:backdrop,
GtkComboBox .button:insensitive,
GtkComboBox .button:hover,
GtkComboBox .button:active,
GtkComboBox .button:focus,
GtkComboBox .button:hover:focus{
background:none;
border-width: 1px;
border-image: url('assets/combobox.svg') 0 10 10 0 / 0px 10px 10px 0px stretch;
}
GtkComboBox .button:hover{
background:mix(@selected_bg_color,@bg_color,0.65);
}
GtkComboBox .button:active,
GtkComboBox .button:focus{
border-image: url('assets/combobox-active.svg') 0 10 10 0 / 0px 10px 10px 0px stretch;
}
GtkComboBox .button:insensitive{
border-image: url('assets/combobox-insensitive.svg') 0 10 10 0 / 0px 10px 10px 0px stretch;
}
GtkComboBox .separator {
-GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 0;
-GtkWidget-separator-height: 0;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0;
}
/*combobox entry*/
GtkComboBox.combobox-entry .entry,
GtkComboBox.combobox-entry .entry:last-child{
background:none;
border-width:0px 0px 1px 1px;
border-image: url("assets/entry.svg") 0 0 1 1 / 0 0 1 1 stretch;
}
GtkComboBox.combobox-entry .entry:insensitive{
border-image: url("assets/entry-insensitive.svg") 0 0 1 1 / 0 0 1 1 stretch;
}
GtkComboBox.combobox-entry .entry:focus,
GtkComboBox.combobox-entry:active .entry{
border-width:0px 0px 2px 2px;
border-image: url("assets/entry-focus.svg") 0 0 1 1 / 0 0 1 1 stretch;
}
GtkComboBox.combobox-entry .button,
GtkComboBox.combobox-entry .button:backdrop,
GtkComboBox.combobox-entry .button:last-child{
background:none;
border-width:0px 1px 1px 0px;
border-image: url("assets/entry.svg") 0 1 1 0 / 0 1 1 0 stretch;
}
GtkComboBox.combobox-entry .button:insensitive,
GtkComboBox.combobox-entry .button:insensitive:backdrop{
background:none;
border-width:0px 1px 1px 0px;
border-image: url("assets/entry-insensitive.svg") 0 1 1 0 / 0 1 1 0 stretch;
}
GtkComboBox.combobox-entry .button:active{
background:mix(@selected_bg_color,#000000,0.35);
border-width:0px 1px 1px 0px;
border-image: url("assets/entry.svg") 0 1 1 0 / 0 1 1 0 stretch;
border-radius:0px;
padding:4px 6px;
}
/*********
* frame *
*********/
.frame,
.frame:backdrop{
border-radius:0px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: none;
border-image: url("assets/frame.svg") 1 1 0 1 / 1px 1px 0px 1px stretch;
}
.frame GtkLabel{
/*background:alpha(@fg_color, 0.1);*/
color:@fg_color;
text-shadow:0px 0px 1px @bg_color;
padding:1px 4px;
}
/************
* iconview *
************/
GtkIconView.view.cell:selected,
GtkIconView.view.cell:selected:focused {
background:mix(@selected_bg_color,#000000,0.35); border:none;
border:none;
box-shadow:none;
}
/***********
* infobar *
***********/
.info {
background:@info_bg_color;
border:none;
color: @info_fg_color;
box-shadow:none;
}
.warning {
background:@warning_bg_color;
border:none;
color: @warning_fg_color;
box-shadow:none;
}
.question {
background:@question_bg_color;
border:none;
color: @question_fg_color;
box-shadow:none;
}
.error {
background:@error_bg_color;
border:none;
color:@error_fg_color;
box-shadow:none;
}
/*********
* label *
*********/
GtkLabel,
GtkLabel:insensitive {
background-color: transparent;
}
/********
* menu y listas *
********/
.menubar{background:none; padding:0px;}
*.menu,
.toolbar .primary-toolbar .menu,
GtkMenuToolButton.menu,
.primary-toolbar .button .menu,
.menu {
background:#373737;
border:none;
border-image:none;
border:none;
box-shadow:none;
padding:0px;
}
.toolbar .menu,
GtkComboBox .menu {
color:#e3e3e3;
padding:0px;
border-radius:0px;
}
.menuitem {
border-radius:0;
border-style: solid;
border-width:0px;
padding: 3px 2px 3px 2px;
text-shadow: none;
color:mix (@fg_color, #000000, 0.05);
text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover,
.menubar.menuitem:hover,
.menubar .menuitem:hover {
/*background:mix (@bg_color, #33b5e5, 0.15);*/
background:#373737;
border-image:none;
border-radius:0px;
/*border-bottom:4px solid #33b5e5;*/
color:@fg_color;
}
/*separadores en los menus*/
GtkTreeMenu .menuitem.separator,
.toolbar .primary-toolbar .menuitem.separator,
GtkMenuToolButton .menuitem.separator,
.primary-toolbar .button .menuitem.separator,
.menuitem.separator {
border-width: 1px 0 1px 0;
border-image: url("assets/bg-sep-h.png") 1 0 1 0 stretch;
}
/*combox listas desplegables*/
GtkComboBox .menuitem * {
color:#e3e3e3;
border:none;
margin:0px;
background:none;
}
.menuitem:hover,
.menu .menuitem:hover {
background:#00ff00;
border-radius:0px;
border:0px;
background-image:none;
border-image:none;
border-image-width: 0px;
color: @selected_fg_color;
box-shadow:none;
text-shadow:none;
}
GtkComboBox .menuitem *:hover {
color: #efefef;
}
.menuitem GtkCalendar,
.menuitem GtkCalendar.button,
.menuitem GtkCalendar.header,
.menuitem GtkCalendar.view {
background-color:none;
color: @fg_color;
}
.menuitem GtkCalendar {
background-color:none;
background-image: none;
}
/*menu*/
.menubar .menuitem .scale.highlight.left,
.scale.highlight.left,
.progressbar,
.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focused {
border-radius:0px;
border-width:2px 7px 3px 0;
background-image: none;
background-color:inherit;
border-style:inherit;
}
/****************************Tabs************************/
.notebook{background:none; background-clip: border-box; border-radius:0px; border:none; padding:0px;}
.notebook tab{
background:none;
border:none;
box-shadow:none;
-unico-focus-border-color:transparent;
-unico-focus-fill-color:transparent;
-unico-focus-border-width:0px;
padding:10px 0px;
}
.notebook tab GtkLabel{background:none; border:none; padding:0px 35px; text-shadow: 0px 1px 0px rgba(0,0,0,0.5);}
.notebook tab.top{border:none; border-image:url("assets/notebook-tab-active.png") 0 1 0 0 / 10px 1px 10px 0px stretch; padding:10px 0px;}
.notebook tab.top:active {background:-gtk-gradient (linear, 0 0, 0 1, color-stop(0.84, transparent), color-stop(0.84, @selected_bg_color), color-stop(1, @selected_bg_color)); border-left-width:0px; border-image: url("assets/notebook-tab-active.png") 0 1 0 0 / 10px 1px 10px 0px; background-clip: border-box; padding:10px 0px;}
.notebook tab.right{border:none; border-image:url("assets/notebook-tab-active.png") 0 0 1 0 / 0px 10px 1px 10px stretch; padding:8px 0px;}
.notebook tab.right:active {background:-gtk-gradient (linear, 1 0, 0 0, color-stop(0.95, transparent), color-stop(0.95, @selected_bg_color), color-stop(1, @selected_bg_color)); border-left-width:0px; border-image: url("assets/notebook-tab-active.png") 0 0 1 0 / 0px 10px 1px 10px; background-clip: border-box; padding:8px 0px;}
.notebook tab.bottom{border:none; border-image:url("assets/notebook-tab-active.png") 0 1 0 0 / 10px 1px 10px 0px stretch; padding:10px 0px;}
.notebook tab.bottom:active {background:-gtk-gradient (linear, 0 1, 0 0, color-stop(0.84, transparent), color-stop(0.84, @selected_bg_color), color-stop(1, @selected_bg_color)); border-left-width:0px; border-image: url("assets/notebook-tab-active.png") 0 1 0 0 / 10px 1px 10px 0px; background-clip: border-box; padding:10px 0px;}
.notebook tab.left{border:none; border-image:url("assets/notebook-tab-active.png") 0 0 1 0 / 0px 10px 1px 10px stretch; padding:8px 0px;}
.notebook tab.left:active {background:-gtk-gradient (linear, 0 0, 1 0, color-stop(0.95, transparent), color-stop(0.95, @selected_bg_color), color-stop(1, @selected_bg_color)); border-left-width:0px; border-image: url("assets/notebook-tab-active.png") 0 0 1 0 / 0px 10px 1px 10px; background-clip: border-box; padding:8px 0px;}
/*********************
* GtkScale's slider *
*********************/
GtkScale,
GtkProgressBar{
-GtkRange-slider-width: 28;
-GtkRange-trough-border: 0;
-GtkScale-slider-length: 28;
-GtkWidget-focus-line-width: 0;
}
.scale.slider,
.scale.slider.horizontal,
.scale.slider:hover,
.scale.slider:focus,
.scale.slider:focus:hover,
.scale.slider:focused,
.scale.slider:backdrop{
background:url("assets/scale-slider.png");
border:none;
border-radius:0px;
box-shadow:none;
padding:0px;
}
.scale.slider:focus,
.scale.slider:focused{
background:url("assets/scale-slider-focus.png");
}
.scale.slider:hover,
.scale.slider:focus:hover{
background:url("assets/scale-slider-hover.png");
}
.scale.slider:backdrop,
.scale.slider.horizontal:backdrop,
.scale.slider:insensitive,
.scale.slider.horizontal:insensitive{
background:url("assets/scale-slider-disable.png");
}
.scale.trough,
.scale.trough:backdrop,
.scale.trough:insensitive,
.primary-toolbar GtkScale.trough,
.primary-toolbar GtkScale.trough:backdrop,
.menuitem GtkScale.trough{
background-clip: content-box;
background:none;
border:none;
padding:0px;
box-shadow:none;
border-radius:0px;
margin:12px 0px 11px 0px;
border-width:2px 8px 3px 0;
border-image: url("assets/scale-trough.png") 2 8 3 0 / 2px 8px 3px 0px stretch;
}
.scale.trough.highlight.left,
.scale.trough.highlight.left:backdrop,
.scale.trough.highlight.left:insensitive{
background:none;
border:none;
padding:0px;
box-shadow:none;
border-radius:0px;
border-width:2px 0px 3px 8px;
border-image: url("assets/scale-trough-highlight-left.png") 2 0 3 8 / 2px 0px 3px 8px stretch;
}
.scale.trough.highlight.left:insensitive{
border-image: url("assets/scale-trough-disable.png") 2 0 3 8 / 2px 0px 3px 8px stretch;
}
GtkScale.vertical {
-GtkScale-slider-length: 28;
}
.scale.trough.vertical,
.scale.trough.vertical:backdrop,
.scale.trough.vertical:insensitive{
background-clip: content-box;
background:none;
border:none;
padding:0px;
box-shadow:none;
border-radius:0px;
margin:0px 12px 0px 11px;
border-width:9px 2px 0px 3;
border-image: url("assets/scale-trough-v.png") 9 2 0 3 / 9px 2px 0px 3px stretch;
}
.scale.trough.highlight.bottom.vertical,
.scale.trough.highlight.bottom.vertical:backdrop,
.scale.trough.highlight.bottom.vertical:insensitive{
background:none;
border:none;
padding:0px;
box-shadow:none;
border-radius:0px;
border-width:0px 2px 9px 3px;
border-image: url("assets/scale-trough-highlight-left-v.png") 0 2 9 3 / 0px 2px 9px 3px stretch;
}
.scale.trough.highlight.bottom.vertical:insensitive{
border-image: url("assets/scale-trough-disable-v.png") 0 2 9 3 / 0px 2px 9px 3px stretch;
}
/*progressbar*/
.trough,
.trough row,
.trough row:hover,
.trough row:selected,
.trough row:selected:focused {
border:none;
box-shadow:none;
border-radius:0px;
margin:0px;
padding:0px;
background:url("assets/trough.svg") right center no-repeat;
text-shadow:0px 0px 1px #000000;
}
.progressbar,
.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focused,
.progressbar:backdrop,
.progressbar row:backdrop,
.progressbar row:hover:backdrop,
.progressbar row:selected:backdrop,
.progressbar row:selected:focused:backdrop,
.scale.highlight.bottom:backdrop,
.progressbar.vertical:backdrop{
border:5px solid #404040;
border:none;
background:url("assets/progressbar.svg") right center no-repeat;
box-shadow:none;
margin:0px;
}
/**********
* switch *
**********/
GtkSwitch {
border-radius: 0px;
padding: 0;
background:none;
-GtkRange-slider-width: 27;
-GtkRange-trough-border: 0;
-GtkScale-slider-length: 27;
-GtkWidget-focus-line-width: 0;
}
GtkSwitch.trough,
GtkSwitch.trough:active,
GtkSwitch.trough:backdrop,
GtkSwitch.trough:active:backdrop{
background:alpha(@fg_color,0.1);
border:none;
box-shadow: 0 0 2px 3px alpha(#000000,0.4) inset,
0 0 0px 1px alpha(#FFFFFF,0.2) inset;
border-radius:18px;
}
GtkSwitch.trough:insensitive,
GtkSwitch.trough:active:insensitive{
background:alpha(@fg_color,0.05);
border:none;
box-shadow: 0 0 2px 3px alpha(#000000,0.2) inset,
0 0 0px 1px alpha(#FFFFFF,0.1) inset;
border-radius:18px;
}
GtkSwitch.trough:active{
background:alpha(@selected_bg_color,0.2);
}
GtkSwitch.slider,
GtkSwitch.slider:active,
GtkSwitch.slider:backdrop,
GtkSwitch.slider:active:insensitive,
GtkSwitch.slider:insensitive{
padding:1px;
margin:0px;
border-radius:0px;
border:none;
background:@transparent url("assets/switch-off.png") center center no-repeat;
}
GtkSwitch.slider:active {
background-image:url("assets/switch-on.png");
}
GtkSwitch *{-GtkCheckButton-indicator-size: 27}
/**************
Reproductor
* spinbutton *
*************
.spinbutton.button:active,*/
/***********
* toolbar *
***********/
.primary-toolbar.toolbar,
.primary-toolbar.toolbar:backdrop{background:none; border:none; box-shadow:none;}
/* Single button */
.primary-toolbar.toolbar .button:only-child,
.primary-toolbar.toolbar .button:active:only-child,
.primary-toolbar.toolbar .button:focus:only-child,
.primary-toolbar.toolbar .button:focus:active:only-child,
.primary-toolbar.toolbar .button:insensitive:only-child,
.primary-toolbar.toolbar .button:backdrop:only-child,
.primary-toolbar.toolbar .button:backdrop:insensitive:only-child,
.primary-toolbar.toolbar GtkToolButton:only-child .button,
.primary-toolbar.toolbar GtkToolButton:only-child .button:active,
.primary-toolbar.toolbar GtkToolButton:only-child .button:focus,
.primary-toolbar.toolbar GtkToolButton:only-child .button:focus:active,
.primary-toolbar.toolbar GtkToolButton:only-child .button:insensitive,
.primary-toolbar.toolbar GtkToolButton:only-child .button:backdrop,
.primary-toolbar.toolbar GtkToolButton:only-child .button:backdrop:insensitive,
.inline-toolbar.toolbar .button:only-child,
.inline-toolbar.toolbar .button:active:only-child,
.inline-toolbar.toolbar .button:focus:only-child,
.inline-toolbar.toolbar .button:focus:active:only-child,
.inline-toolbar.toolbar .button:insensitive:only-child,
.inline-toolbar.toolbar .button:backdrop:only-child,
.inline-toolbar.toolbar .button:backdrop:insensitive:only-child,
.inline-toolbar.toolbar GtkToolButton:only-child .button,
.inline-toolbar.toolbar GtkToolButton:only-child .button:active,
.inline-toolbar.toolbar GtkToolButton:only-child .button:focus,
.inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active,
.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive,
.inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop,
.inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop:insensitive {
background:url("assets/metal.png") center center;
background-color:transparent;
border:4px solid transparent;
border-width:4px;
border-image:url("assets/button.png") 6 4 4 4 / 6px 4px 4px 4px stretch;
border-radius:0px;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
background-clip: padding-box;
box-shadow: none;
}
/* inline-toolbar */
.inline-toolbar.toolbar {
background:alpha(@fg_color, 0.1);
}
/*Unity*/
.unity-panel{
background-image:#bg_color;
border:none;
border-image:none;
color:mix (@fg_color, #000000, 0.05);
text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
.unity-panel:backdrop,
.unity-panel:active,
.unity-panel:hover,
.unity-panel:focus{background-image:#bg_color; border-image:none;}
/*Nautilus*/
NautilusWindow GtkContainer{background:@base_color; box-shadow: inset 0px 0px 48px 48px rgba(44, 44, 44, 0.28);}
/* darle bg al contenededor
NautilusWindow *{ background-color: #484848;
box-shadow: inset 0px 0px 48px 48px rgba(44, 44, 44, 0.28);}
*/
.nautilus-desktop.nautilus-canvas-item
{ color: @fg_color;
text-shadow: 0px 0px 1px @bg_color;
}
/*buscar en la calculadora el "entry" cambiar el color
maso debe ser asi
GcalctoolWindow .entry,
GcalctoolWindow .entry:focus{background:@bg_color;}
*/
GtkViewport.frame{padding:5px;}
.grip{background:#EE32C9}
