diff --git a/css/main.css b/css/main.css index 91a4e78..fd66b0c 100644 --- a/css/main.css +++ b/css/main.css @@ -4,6 +4,7 @@ @import "markdown.css"; @import "callouts.css"; @import "movement.css"; +@import "reveals-rotates.css"; @import "flipswitch.css"; @import "buttons.css"; @import "fixes.css"; diff --git a/css/movement.css b/css/movement.css index 024df85..54d2a92 100644 --- a/css/movement.css +++ b/css/movement.css @@ -80,11 +80,13 @@ a:visited { .sidebar-dirlist { opacity: 0; + visibility: visible; + width: 250px; padding-top: 0px; margin-left: 7px; max-height: 0; overflow: hidden; - transition: padding 0.3s ease, max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s step-start; + transition: background-color 0.3s ease-in-out, padding 0.3s ease, max-height 0.3s ease, opacity 0.3s ease-in-out, visibility 0.3s step-start; } .sidebar-dirlist-chevron { @@ -93,28 +95,4 @@ a:visited { padding: 0px; margin: 0px; transition: transform 0.3s ease; -} - -.normal-reveal { - display: block; - overflow: hidden; - opacity: 1; - transition: padding 0.3s ease, max-height 0.3s ease, opacity 0.3s ease-in-out, visibility 0.3s step-start; -} - -.width-reveal { - background-color: #f0f0f0f0; - z-index: 1000; - display: block !important; - opacity: 1 !important; - transition: background-color 0.3s ease-in-out, padding 0.3s ease, max-width 0.3s ease, opacity 0.3s ease-in-out, visibility 0.3s step-start; -} - -.force-rotate-right { - transform: rotate(90deg); - transition: transform 0.3s ease; -} -.force-rotate-left { - transform: rotate(-90deg); - transition: transform 0.3s ease; } \ No newline at end of file diff --git a/css/reveals-rotates.css b/css/reveals-rotates.css new file mode 100644 index 0000000..a69a362 --- /dev/null +++ b/css/reveals-rotates.css @@ -0,0 +1,23 @@ +.normal-reveal { + display: block; + overflow: hidden; + opacity: 1; + transition: background-color 0.3s ease-in-out, padding 0.3s ease, max-height 0.3s ease, opacity 0.3s ease-in-out, visibility 0.3s step-start; +} + +.width-reveal { + background-color: #f0f0f0f0; + z-index: 1000; + display: block !important; + opacity: 1 !important; + transition: background-color 0.3s ease-in-out, padding 0.3s ease, max-width 0.3s ease, opacity 0.3s ease-in-out, visibility 0.3s step-start; +} + +.force-rotate-right { + transform: rotate(90deg); + transition: transform 0.3s ease; +} +.force-rotate-left { + transform: rotate(-90deg); + transition: transform 0.3s ease; +} \ No newline at end of file