280 |
position:fixed; top:66px; |
position:fixed; top:66px; |
281 |
z-index:2; |
z-index:2; |
282 |
width:180px; |
width:180px; |
|
max-height: -moz-calc(100% - 67px); |
|
283 |
max-height: -webkit-calc(100% - 67px); |
max-height: -webkit-calc(100% - 67px); |
284 |
|
max-height: -moz-calc(100% - 67px); |
285 |
max-height: -o-calc(100% - 67px); |
max-height: -o-calc(100% - 67px); |
286 |
max-height: calc(100% - 67px); |
max-height: calc(100% - 67px); |
287 |
overflow:auto; |
overflow:auto; |
490 |
|
|
491 |
article { |
article { |
492 |
display:block; |
display:block; |
|
width: -moz-calc(100% - 181); |
|
493 |
width: -webkit-calc(100% - 181); |
width: -webkit-calc(100% - 181); |
494 |
|
width: -moz-calc(100% - 181); |
495 |
width: -o-calc(100% - 181); |
width: -o-calc(100% - 181); |
496 |
width: calc(100% - 181); |
width: calc(100% - 181); |
497 |
background-color:white; |
background-color:white; |
547 |
font-weight:300; |
font-weight:300; |
548 |
} |
} |
549 |
|
|
550 |
|
article p { |
551 |
|
clear:both; |
552 |
|
} |
553 |
|
|
554 |
|
/* automatically center the 1st paragraph (block) directly after a h1 type header (since that header type is centered as well) */ |
555 |
|
article h1 + p { |
556 |
|
display:table; /*HACK: "block" would stretch the entire page width */ |
557 |
|
margin-left:auto; |
558 |
|
margin-right:auto; |
559 |
|
} |
560 |
|
|
561 |
article a { |
article a { |
562 |
font-weight:400; |
font-weight:400; |
563 |
color:#1ba1dd; |
color:#1ba1dd; |
564 |
text-decoration:none; |
text-decoration:none; |
565 |
outline:none; |
outline:none; |
566 |
border:0; |
border:none; |
567 |
|
} |
568 |
|
|
569 |
|
article a img { |
570 |
|
border:none; |
571 |
|
text-decoration:none; |
572 |
|
} |
573 |
|
|
574 |
|
article li img { |
575 |
|
float:left; |
576 |
} |
} |
577 |
|
|
578 |
article a:hover { |
article a:hover { |
796 |
border-left:solid 10px #898989; |
border-left:solid 10px #898989; |
797 |
margin: 24px auto 27px 43px; |
margin: 24px auto 27px 43px; |
798 |
padding: 15px 18px 15px 18px; |
padding: 15px 18px 15px 18px; |
799 |
max-width:calc(100% - 145px); |
max-width: -webkit-calc(100% - 145px); |
800 |
|
max-width: -moz-calc(100% - 145px); |
801 |
|
max-width: -o-calc(100% - 145px); |
802 |
|
max-width: calc(100% - 145px); |
803 |
|
} |
804 |
|
|
805 |
|
article td > note { |
806 |
|
display:block; /*HACK: override "table" default value assigned above in the context of a table cell, otherwise padding will be ignored */ |
807 |
} |
} |
808 |
|
|
809 |
article note.important { |
article note.important { |
824 |
article p img { |
article p img { |
825 |
display:inline-block; |
display:inline-block; |
826 |
float:left; |
float:left; |
827 |
margin:4px 5px 0; |
margin:4px 20px 19px 0px; |
828 |
padding:0 0 0 0; |
padding:0 0 0 0; |
829 |
/*border:solid 1px #8e8e8e;*/ |
/*border:solid 1px #8e8e8e;*/ |
830 |
border:none; |
border:none; |
865 |
article example { |
article example { |
866 |
display:inline-block; |
display:inline-block; |
867 |
|
|
|
width: -moz-calc(100% - 80px); |
|
868 |
width: -webkit-calc(100% - 80px); |
width: -webkit-calc(100% - 80px); |
869 |
|
width: -moz-calc(100% - 80px); |
870 |
width: -o-calc(100% - 80px); |
width: -o-calc(100% - 80px); |
871 |
width: calc(100% - 80px); |
width: calc(100% - 80px); |
|
width: calc(100% - 80px); |
|
872 |
|
|
873 |
border-top:solid 1px #e5e5e5; |
border-top:solid 1px #e5e5e5; |
874 |
border-right:solid 18px #dedede; |
border-right:solid 18px #dedede; |
878 |
padding:5px 15px 8px 24px; |
padding:5px 15px 8px 24px; |
879 |
} |
} |
880 |
|
|
881 |
|
article dir { |
882 |
|
display:block; |
883 |
|
list-style-type:none; |
884 |
|
background-image:url('../pix/folder.png'); |
885 |
|
background-repeat:no-repeat; |
886 |
|
background-position:2px top; |
887 |
|
padding:0px; |
888 |
|
margin:0px; |
889 |
|
font-family:CRDCour; |
890 |
|
font-size:15px; |
891 |
|
color:#000000; |
892 |
|
} |
893 |
|
|
894 |
|
article > dir, example > dir { |
895 |
|
padding-left:66px; |
896 |
|
background-position:36px top; |
897 |
|
} |
898 |
|
|
899 |
|
article dir > * { |
900 |
|
padding-top:2px; |
901 |
|
padding-bottom:2px; |
902 |
|
padding-left:31px; |
903 |
|
} |
904 |
|
|
905 |
|
article dir file { |
906 |
|
display:block; |
907 |
|
list-style-type:none; |
908 |
|
background-image:url('../pix/file.png'); |
909 |
|
background-repeat:no-repeat; |
910 |
|
background-position:2px top; |
911 |
|
font-family:CRDCour; |
912 |
|
font-size:15px; |
913 |
|
color:#6f6f6f; |
914 |
|
} |
915 |
|
|
916 |
|
|
917 |
|
|
918 |
/* article footer */ |
/* article footer */ |