diff options
Diffstat (limited to '.themes/FlatColor/gtk-3.20/widgets/notebook.css')
| -rw-r--r-- | .themes/FlatColor/gtk-3.20/widgets/notebook.css | 254 |
1 files changed, 254 insertions, 0 deletions
diff --git a/.themes/FlatColor/gtk-3.20/widgets/notebook.css b/.themes/FlatColor/gtk-3.20/widgets/notebook.css new file mode 100644 index 0000000..e04539d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/notebook.css @@ -0,0 +1,254 @@ +/************* + * Notebooks * + *************/ + +notebook>header { + background-color: shade(@bg_color, 1.2); + background-clip: border-box; +} + +notebook>header.top { + border-bottom-style: solid; + padding-top: 4px; + border-radius: 2px 2px 0 0; +} + +notebook>header.top>tabs>tab:not(.reorderable-page) { + border-radius: 3px 3px 0 0; +} + +notebook>header.top>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset 0 -3px @selected_bg_color; +} + +notebook>header.top>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset 0 -3px @text_color_disabled; +} + +notebook>header.bottom { + border-top-style: solid; + padding-bottom: 4px; + border-radius: 0 0 2px 2px; +} + +notebook>header.bottom>tabs>tab:not(.reorderable-page) { + border-radius: 0 0 3px 3px; + +} + +notebook>header.bottom>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset 0 3px @selected_bg_color; +} + +notebook>header.bottom>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset 0 3px @text_color_disabled; +} + +notebook>header.left { + border-right-style: solid; + padding-left: 4px; + border-radius: 2px 0 0 2px; +} + +notebook>header.left>tabs>tab:not(.reorderable-page) { + border-radius: 3px 0 0 3px; + +} + +notebook>header.left>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset -3px 0 @selected_bg_color; +} + +notebook>header.left>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset -3px 0 @text_color_disabled; +} + +notebook>header.right { + border-left-style: solid; + padding-right: 4px; + border-radius: 0 2px 2px 0; +} + +notebook>header.right>tabs>tab:not(.reorderable-page) { + border-radius: 0 3px 3px 0; +} + +notebook>header.right>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset 3px 0 @selected_bg_color; +} + +notebook>header.right>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset 3px 0 @text_color_disabled; +} + +notebook>header.top>tabs>arrow { + border-top-style: none; +} + +notebook>header.bottom>tabs>arrow { + border-bottom-style: none; +} + +notebook>header.top>tabs>arrow, +notebook>header.bottom>tabs>arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook>header.top>tabs>arrow.down, +notebook>header.bottom>tabs>arrow.down { + margin-left: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook>header.top>tabs>arrow.up, +notebook>header.bottom>tabs>arrow.up { + margin-right: -8px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook>header.left>tabs>arrow { + border-left-style: none; +} + +notebook>header.right>tabs>arrow { + border-right-style: none; +} + +notebook>header.left>tabs>arrow, +notebook>header.right>tabs>arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook>header.left>tabs>arrow.down, +notebook>header.right>tabs>arrow.down { + margin-top: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook>header.left>tabs>arrow.up, +notebook>header.right>tabs>arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook>header>tabs>arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook>header tab { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; + min-height: 24px; + min-width: 24px; + padding: 6px 12px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + color: @selected_fg_color; + font-weight: 500; +} + +notebook>header tab:checked { + color: @selected_fg_color; +} + +notebook>header tab:checked.reorderable-page { + border-color: @selected_bg_color; + background-color: @text_color_disabled; +} + +notebook>header tab:disabled { + color: @text_color_disabled +} + +notebook>header tab:hover { + color: @text_color_disabled +} + +notebook>header tab:hover:disabled { + color: @text_color_disabled +} + +/*notebook>header tab:hover:not(.reorderable-page) { + animation: ripple 0.6s ease-in-out; +}*/ + +notebook>header tab:hover.reorderable-page { + border-color: rgba(0, 0, 0, 0.1); + background-color: @text_color_disabled; +} + +notebook>header tab button.flat { + min-width: 24px; + min-height: 24px; + padding: 0; +} + +notebook>header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook>header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook>header.top tabs, +notebook>header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +notebook>header.top tabs:not(:only-child):first-child, +notebook>header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook>header.top tabs:not(:only-child):last-child, +notebook>header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook>header.top tabs tab.reorderable-page, +notebook>header.bottom tabs tab.reorderable-page { + margin: 0 -1px; + border-style: none solid; +} + +notebook>header.left tabs, +notebook>header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +entry.chrome { + background-color: blue; +} + +notebook>header.left tabs:not(:only-child):first-child, +notebook>header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook>header.left tabs:not(:only-child):last-child, +notebook>header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook>header.left tabs tab.reorderable-page, +notebook>header.right tabs tab.reorderable-page { + margin: -1px 0; + border-style: solid none; +} + +notebook>stack:not(:only-child) { + background-color: @tooltip_bg_color; +} + +notebook>stack { + background-color: @tooltip_bg_color; +}
\ No newline at end of file |