fix some responsive issues in sidebar

现在的站点一到电脑上就不忍直视了，所以fix了一把。。主要是修复sidebar的响应性，现在应该能适应绝大多数尺寸的屏幕了吧。
看到main.css被注释掉了 直接写在layout里了。
下一个提交应该可以把main.css擦除然后把这些css再重新写回去吧。