CSS tweaks to make sidebar fixed (and individually scrollable) in casper.js docs.
Showing
2 changed files
with
38 additions
and
0 deletions
... | @@ -989,3 +989,24 @@ p { | ... | @@ -989,3 +989,24 @@ p { |
989 | .donate .flattr { | 989 | .donate .flattr { |
990 | margin-top: 1.5em; | 990 | margin-top: 1.5em; |
991 | } | 991 | } |
992 | |||
993 | |||
994 | /* Make sidebar fixed to keep it in window when scrolling */ | ||
995 | |||
996 | body { background: #333;} | ||
997 | |||
998 | div.related, div.footer { margin-right: 18rem; width: auto; } | ||
999 | |||
1000 | div.related ul { padding-right: 4px; } | ||
1001 | |||
1002 | div.sphinxsidebar { | ||
1003 | position: fixed; | ||
1004 | right: 0; | ||
1005 | top: 0px; | ||
1006 | height: 100%; | ||
1007 | margin: 0; | ||
1008 | float: none; | ||
1009 | left: auto; | ||
1010 | overflow: auto; | ||
1011 | border-left: 2px solid #ffffff; | ||
1012 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -885,3 +885,20 @@ p { | ... | @@ -885,3 +885,20 @@ p { |
885 | -o-filter: drop-shadow(0 1px 20px rgba(0,0,0,.5)); | 885 | -o-filter: drop-shadow(0 1px 20px rgba(0,0,0,.5)); |
886 | filter: drop-shadow(0 1px 20px rgba(0,0,0,.5)); | 886 | filter: drop-shadow(0 1px 20px rgba(0,0,0,.5)); |
887 | } | 887 | } |
888 | |||
889 | |||
890 | /* Make sidebar fixed to keep it in window when scrolling */ | ||
891 | |||
892 | div.related, div.footer { margin-left: 16rem; width: auto; } | ||
893 | |||
894 | div.sphinxsidebar { | ||
895 | position: fixed; | ||
896 | left: 0; | ||
897 | top: 0px; | ||
898 | height: 100%; | ||
899 | margin: 0; | ||
900 | float: none; | ||
901 | right: auto; | ||
902 | overflow: auto; | ||
903 | border-left: 2px solid #ffffff; | ||
904 | } | ... | ... |
-
Please register or sign in to post a comment