CSS Slideout Page style type text css media screen box sizing border box body min height 300px slideout position fixed top 40px left 0 width 30px padding 12px 0 text align center background lightgreen webkit transition duration 0 3s moz transition duration 0 3s o transition duration 0 3s transition duration 0 3s webkit border radius 0 5px 5px 0 moz border radius 0 5px 5px 0 border radius 0 5px 5px 0 slideout inner position fixed top 40px left calc 500px background lightgreen width 500px padding 25px height 100 webkit transition duration 0 3s moz transition duration 0 3s o transition duration 0 3s transition duration 0 3s text align left webkit border radius 0 0 5px 0 moz border radius 0 0 5px 0 border radius 0 0 5px 0 slideout inner textarea width 100 height 100px margin bottom 6px slideout hover left calc 500px slideout hover slideout inner left 0 style div id slideout div id slideout inner form textarea textarea input type submit value Post Note input form div div link rel stylesheet href https cdnjs cloudflare com ajax libs font awesome 4 7 0 css font awesome min css style type text css media screen box sizing border box body min height 300px slideout position fixed top 40px left 0 width 30px padding 12px 0 text align center background lightgreen webkit transition duration 0 3s moz transition duration 0 3s o transition duration 0 3s transition duration 0 3s webkit border radius 0 5px 5px 0 moz border radius 0 5px 5px 0 border radius 0 5px 5px 0 slideout inner position fixed top 40px left calc 500px background lightgreen width 500px padding 25px height 100 webkit transition duration 0 3s moz transition duration 0 3s o transition duration 0 3s transition duration 0 3s text align left webkit border radius 0 0 5px 0 moz border radius 0 0 5px 0 border radius 0 0 5px 0 slideout inner textarea width 100 height 100px margin bottom 6px slideout hover left calc 500px slideout hover slideout inner left 0 style div id slideout style top 40px z index 99 i class fa fa home i div id slideout inner style z index 999 form textarea textarea input type submit value Post Note input form div div div id slideout style top 80px z index 99 i class fa fa bars i div id slideout inner style z index 999 form textarea textarea input type submit value Post Note input form div div
slideout position fixed top 40px left 0 width 30px padding 12px 0 text align center background lightgreen webkit transition duration 0 3s moz transition duration 0 3s o transition duration 0 3s transition duration 0 3s webkit border radius 0 5px 5px 0 moz border radius 0 5px 5px 0 border radius 0 5px 5px 0 slideout inner position fixed top 40px left calc 500px background lightgreen width 500px padding 25px height 100 webkit transition duration 0 3s moz transition duration 0 3s o transition duration 0 3s transition duration 0 3s text align left webkit border radius 0 0 5px 0 moz border radius 0 0 5px 0 border radius 0 0 5px 0 slideout inner textarea width 100 height 100px margin bottom 6px slideout hover left calc 500px slideout hover slideout inner left 0 style div id slideout style top 40px z index 99 i class fa fa home i div id slideout inner style z index 999 form textarea textarea input type submit value Post Note input form div div div id slideout style top 80px z index 99 i class fa fa bars i div id slideout inner style z index 999 form textarea textarea input type submit value Post Note input form div div