/* 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; } .sideBar { position: absolute; overflow: auto; } /* spacing ********************************************************************/ .title { padding: 5px 20px; } .title p { margin: 0; } .body { padding: 25px 30px; } .body p { margin: 0 0 0.8em 0; } .sideBar p { margin: 0.2em 0; } .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 { margin: 5px 0px; } .body ul, .body ol { list-style-position: inside; margin: 0 0 0.8em 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; } .sideBar h1 { margin-bottom: 5px; padding: 0px 5px; } .sideBar .content { padding: 20px; } .sideBar p { margin-left: 5px; } .sideBar .outline li { margin-left: 1em; padding: 0; } .sideBar li { padding: 3px; } .sideBar ul, .sideBar ol { list-style-type: none; margin-top: 0.4em; margin-bottom: 0.4em; } .sideBar li + li { margin-top: 0.3em; } .sideBar * + h1 { margin-top: 1.2em; } .sideBar .date { padding: 0.2em 0 0 0; } table.pageEditor { width: 100%; } .pageEditor td, .pageEditor th { padding: 3px; } .pageEditor th { width: 6em; } .pageEditor ul { list-style-type: none; margin: 0; } .pageEditor li { margin: 0; padding: 3px; } .pageEditor input[type="radio"] { margin-right: 10px; } .pageEditor input[type="text"], .pageEditor input[type="file"], .pageEditor textarea { width: 97%; padding: 3px; } .pageEditor textarea { height: 30em; } .pageEditor input[type="button"] { margin: 0 2px; } /* color and text *************************************************************/ * { font-family: sans-serif; } body { background-color: white; color: black; } .body { line-height: 1.3; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } hr { border-color: #bbbbbb; border-width: 1px; border-style: dashed; } th, td { border-color: #dddddd; border-width: 1px; border-style: solid; } th { background-color: #eeeeee; font-weight: bold; } td { background-color: #fafafa; } .title { background-color: #fafafa; border-color: #cccccc; border-width: 0 0 1px 0; border-style: solid; font-size: 1.2em; } .body h1 { font-size: 200%; } .body h2 { font-size: 150%; } .body h3 { font-size: 130%; } .body h4 { font-size: 110%; } .body h5 { font-size: 90%; } .body h1, .body h2, .body h3, .body h4, .body h5 { background-color: #fafafa; border-color: #dddddd; border-width: 1px; border-style: solid; padding: 0 10px; } a { color: #008800; text-decoration: none; } a:hover { text-decoration: underline; } input[type="button"] { background-color: #eeeeee; border-color: #fafafa #dddddd #dddddd #fafafa; border-width: 2px; border-style: solid; } input[type="button"]:active { background-color: white; border-color: #dddddd #fafafa #fafafa #dddddd; } .header, .footer, .sideBar { background-color: #eeeeee; } .sideBar h1 { font-size: 120%; } .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 { font-weight: normal; color: #555555; background-color: #fafafa; border-color: #dddddd white white #dddddd; border-width: 1px; border-style: solid; } .sideBar .date { font-size: 70%; white-space: nowrap; color: #666666; } .sideBar .recentUpdates p, .sideBar .trackbacks p { font-size: 90%; } .sideBar .outline li { list-style-type: disc; background-color: inherit; } .sideBar .outline li li { list-style-type: circle; } .sideBar .outline li li li { list-style-type: square; } .sideBar .outline li li li li { list-style-type: disc; } .sideBar .outline li li li li li { list-style-type: circle; } .sideBar li { padding: 3px 5px; background-color: #f5f5f5; } .sideBar .recentUpdates li, .sideBar .trackbacks li { background-color: #e0e0e0; } .pageEditor input[type="text"], .pageEditor input[type="file"], .pageEditor textarea { border-color: #dddddd #fafafa #fafafa #dddddd; border-width: 2px; border-style: solid; background-color: white; } /* float **********************************************************************/ h1, h2, h3, h4, h5, h6 { clear: both; } /* image **********************************************************************/ img { border-width: 0; } .inlineImage { margin-top: 5px; margin-bottom: 5px; } .leftFloat { float: left; margin-right: 25px; } .rightFloat { float: right; margin-left: 25px; } .imageFrame { background-color: #eeeeee; padding: 5px; border-color: #cccccc; border-width: 1px; border-style: solid; margin-top: 5px; margin-bottom: 10px; } .imageFrame p { margin: 0; } .imageData { text-align: center; } .imageCaption { margin-top: 3px; } /* error **********************************************************************/ .error { color: red; background-color: white; font-weight: bold; border-color: #880000; border-width: 3px; border-style: double; padding: 10px; } .error p, .error pre { margin: 0; } .error:before { content: "Error: " } /* waiting message ************************************************************/ .waitingMessageBoard { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: white; color: black; opacity: 0.7; z-index: 1; } .waitingMessageBoard p { text-align: center; vertical-align: middle; font-size: 200%; position: fixed; bottom: 1em; right: 1em; }