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