Skip to content

Instantly share code, notes, and snippets.

Last active December 19, 2017 10:53
What would you like to do?
Delayed animation for sidebar and compact "tree style tab" extension tricks
#TabsToolbar {
visibility: collapse !important;
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
#sidebar-box, #sidebar-box *{ max-width:5em; min-width:50px;}
#sidebar-box:hover, #sidebar-box:hover *{ max-width:none!important;}
:root {
--sidebar-normal-width: 150px;
--sidebar-hover-width: 250px;
--background-color: rgb(0,0,0);
#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
min-width: var(--sidebar-normal-width) !important;
max-width: var(--sidebar-normal-width) !important;
-moz-transition: all .2s ease-out .2s !important;
#sidebar-box:hover {
margin-left: calc((var(--sidebar-hover-width) - var(--sidebar-normal-width)) * -1) !important;
min-width: var(--sidebar-hover-width) !important;
-moz-transition: all .2s ease-out 2s !important;
#sidebar-splitter {
display: none !important;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment