/* global configuration */ * { padding: 0; margin: 0; } /* layout */ .center { position: absolute; overflow: auto; top: 20px; right: 15em; left: 15em; bottom: 20px; } .left { top: 0em; width: 15em; left: 0; bottom: 0; } .right { top: 0em; width: 15em; right: 0; bottom: 0; } .header { position: absolute; height: 20px; left: 15em; right: 15em; top: 0; } .footer { position: absolute; height: 20px; left: 15em; right: 15em; bottom: 0; } .side-bar { position: absolute; overflow: auto; } /* spacing */ .body { padding: 25px 30px; } .body ul, .body ol { list-style-position: inside; margin: 1em 0; } .body ul ul, .body ul ol, .body ol ul, .body ol ol { margin: 0; } .body li { margin: 3px 5px; } .body li li { margin-left: 20px; } .body dl { margin: 1em 2em; } .body dt { font-weight: bold; } .body dd { margin-left: 3em; margin-top: 0.1em; } .body dd + dt { margin-top: 0.9em; } .side-bar .content { padding: 20px; } .side-bar li { padding: 3px; } .side-bar ul, .side-bar ol { list-style-type: none; margin-top: 0.4em; } .side-bar li + li { margin-top: 0.2em; } .side-bar ul + h1 { margin-top: 1.2em; } /* color and text */ body { background-color: #white; color: black; } .header, .footer, .side-bar { background-color: #eeeeee; } .side-bar h1 { font-size: 120%; font-weight: bold; } .side-bar a { color: #4e8eff; } .side-bar a:visited { color: #3f73d0; } .side-bar .date { font-size: 70%; white-space: nowrap; } .side-bar .trackbacks p { font-size: 90%; } .side-bar .outline li { list-style-type: circle; margin-left: 1em; padding: 0; background-color: black; } .side-bar .outline li li { list-style-type: disc; } .side-bar .outline li li li { list-style-type: square; }