Some more impprovements to notebooks and all notebooks orientations complete

This commit is contained in:
Adriano Moura 2016-11-30 04:22:06 -02:00
parent cc205d4379
commit 75278c4460

View File

@ -833,54 +833,54 @@ menuitem > box > image {
* notebook * * notebook *
************/ ************/
/* Must paint over the notebook.frame top bevel by using the header side, /* Must paint over the notebook.frame top bevel by filling the header and
cant do it any other way... */ using borders or box-shadows on one side of the header > tabs */
notebook.frame,
notebook { notebook {
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
margin: 4px; margin: 4px;
} }
/* Some notebooks use .frame styles, this fixes some unaligments */
notebook.frame {
padding-left: 2px;
padding-right: 0px;
}
notebook > header { notebook > header {
background-color: @bg_color; background-color: @bg_color;
margin-left: -3px;
margin-right: -1px;
} }
notebook > stack{ notebook > stack{
margin: 3px; margin: 3px;
} }
notebook > header > tabs {
margin-left: 2px;
margin-right: 2px;
}
notebook > header > tabs > tab { notebook > header > tabs > tab {
padding-top: 4px; padding-top: 4px;
padding-bottom: 4px; padding-bottom: 4px;
} }
notebook > header > tabs > tab:checked { notebook > header.left > tabs > tab:checked {
padding-top: 5px; padding-top: 6px;
padding-bottom: 7px; padding-bottom: 6px;
} }
notebook > header > tabs > tab label { notebook > header > tabs > tab label {
padding-left: 5px; padding-left: 8px;
padding-right: 5px; padding-right: 8px;
} }
/* Note to self: bottom and right use a newer method better than top and left, update them
in the future... */
/* TOP tabs */ /* TOP tabs */
notebook > header.top {
margin-left: -1px;
margin-right: -1px;
}
notebook > header.top > tabs { notebook > header.top > tabs {
border-style: solid; border-style: solid;
border-width: 1px 1px 0px 1px; border-width: 1px 1px 0px 1px;
border-color: alpha(@bg_color,0.0); border-color: alpha(@bg_color,0.0);
box-shadow: inset 0px 0px shade(white,0.5), box-shadow: inset 0px 0px shade(white,0.5),
inset 0px -1px shade(white,1.0); inset 0px -1px shade(white,1.0);
margin-left: 2px;
margin-right: 2px;
} }
/* raised 2px EXCEPTION */
notebook > header.top > tabs > tab { notebook > header.top > tabs > tab {
/* raised 2px EXCEPTION */
border-bottom: 0px; border-bottom: 0px;
box-shadow: inset 1px 1px shade(white,1.0), box-shadow: inset 1px 1px shade(white,1.0),
inset -1px 0px shade(white,0.5); inset -1px 0px shade(white,0.5);
@ -898,40 +898,117 @@ notebook > header.top > tabs > tab:checked {
margin-left: -3px; margin-left: -3px;
margin-right: -3px; margin-right: -3px;
} }
notebook > header.top > tabs > tab:checked:first-child {
margin-left: -1px;
margin-right: -3px;
}
/* LEFT tabs */ /* LEFT tabs */
notebook > header.left {
margin-top: -1px;
margin-bottom: -1px;
}
notebook > header.left > tabs {
border-style: solid;
border-width: 1px 0px 1px 1px;
border-color: alpha(@bg_color,0.0);
box-shadow: inset 0px 0px shade(white,1.0),
inset -1px 0px shade(white,1.0);
margin-top: 2px;
margin-bottom: 2px;
}
notebook > header.left > tabs > tab { notebook > header.left > tabs > tab {
/* raised 2px EXCEPTION */
border-right: 0px; border-right: 0px;
box-shadow: inset 1px 1px shade(white,1.0), box-shadow: inset 1px 1px shade(white,1.0),
inset 0px -1px shade(white,0.5); inset 0px -1px shade(white,0.5);
padding: 3px; margin-left: 2px;
margin-left: 3px; margin-right: 1px;
border-top-left-radius: 2px 6px;
border-bottom-left-radius: 6px 2px;
}
notebook > header.left > tabs > tab:checked {
margin-left: 0px;
margin-right: 0px;
margin-top: -3px;
margin-bottom: -3px;
} }
/* BOTTOM tabs */ /* BOTTOM tabs */
notebook > header.bottom {
margin-left: 0px;
margin-right: -3px;
margin-bottom: -2px;
}
notebook > header.bottom > tabs {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: shade(white,0.5);
box-shadow: inset 0px 1px shade(white,0.2),
inset 0px 0px shade(white,1.0);
margin-left: 2px;
margin-right: 2px;
}
notebook > header.bottom > tabs > tab { notebook > header.bottom > tabs > tab {
/* raised 2px EXCEPTION */
border-top: 0px; border-top: 0px;
box-shadow: inset 1px 0px shade(white,1.0), box-shadow: inset 1px 0px shade(white,1.0),
inset -1px -1px shade(white,0.5); inset -1px -1px shade(white,0.5);
padding: 3px; margin-top: 0px;
margin-bottom: 3px; margin-bottom: 1px;
border-bottom-left-radius: 2px 6px;
border-bottom-right-radius: 6px 2px;
}
notebook > header.bottom > tabs > tab:checked {
margin-top: -1px;
margin-bottom: -1px;
margin-left: -3px;
margin-right: -3px;
} }
/* RIGHT tabs */ /* RIGHT tabs */
notebook > header.right {
margin-top: 0px;
margin-bottom: -3px;
margin-right: -2px;
}
notebook > header.right > tabs {
border-style: solid;
border-width: 0px 0px 0px 1px;
border-color: shade(white,0.5);
box-shadow: inset 1px 0px shade(white,0.2),
inset 0px 0px shade(white,1.0);
margin-top: 2px;
margin-bottom: 2px;
}
notebook > header.right > tabs > tab { notebook > header.right > tabs > tab {
/* raised 2px EXCEPTION */
border-left: 0px; border-left: 0px;
box-shadow: inset 0px 1px shade(white,1.0), box-shadow: inset 0px 1px shade(white,1.0),
inset -1px -1px shade(white,0.5); inset -1px -1px shade(white,0.5);
padding: 3px; margin-left: 0px;
margin-right: 3px; margin-right: 1px;
border-top-right-radius: 6px 2px;
border-bottom-right-radius: 6px 2px;
} }
notebook > header.right > tabs > tab:checked {
margin-left: -1px;
margin-right: -1px;
margin-top: -3px;
margin-bottom: -3px;
}
/* get the outline into the label... */ /* get the outline into the label... */
notebook tab { notebook tab {