/* global configuration */ * { padding: 0; margin: 0; list-style-type: none; } /* 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; } .side-bar .content { padding: 20px; } .side-bar li { padding: 3px; } .side-bar ul, .side-bar ol { 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; }