mirror of
https://github.com/grassmunk/Chicago95.git
synced 2025-07-27 07:34:36 +02:00
Some more impprovements to notebooks and all notebooks orientations complete
This commit is contained in:
parent
cc205d4379
commit
75278c4460
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user