Skip to content

Instantly share code, notes, and snippets.

Last active Dec 19, 2017
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