body { font-size: 120%; } h1 { font-size: 1em; } h2 { font-size: 0.8em; } article { display: none; margin: 6px; clear: both; } .reference { text-align: right; } .visible { display: block; } ul.readings { display: block; clear: both; padding-left: 0; } ul.readings li { display: block; /* font-size: 80%; */ list-style: none; list-style-position: inside; /*width: 50%;*/ } /* ul.readings li:nth-child(even) { float: left; } ul.readings li:nth-child(odd) { float: right; text-align: right; } */ footer.acknowledgment { display: block; font-size: 80%; padding-top: 2ex; } ul.navigation { float:right; display: block; padding: 0; margin: 0; } ul.navigation li { font-weight: bolder; background-color: grey; color: white; display: inline; cursor: pointer; list-style: none; list-style-position: inside; } ul.navigation li:before { content: '['; } ul.navigation li:after { content: ']'; }