body { background-image: url(backg.gif); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; text-align: center; margin: 0; padding: 0; font-family: verdana, lucida, arial, helvetica, sans-serif; } #main { background: none; width: 600px; padding: 0px; margin-left: auto; margin-right: auto; } #main h1, h2, h3 { font-family: sans-serif, arial; font-weight: normal; letter-spacing: 0.05em; color: #acacac; font-variant: small-caps; padding: 0 1em; text-align: left; } #main h1 { font-size: 2em; } #main h2 { font-size: 1.5em; } #main h3 { font-size: 1.2em; } #head { width: 600px; height: 120px; margin: 0; padding: 0; background-image: url(antlogo100px.png); background-position: top right; background-attachment: scroll; background-repeat: no-repeat; } #head_green { width: 600px; height: 120px; margin: 0; padding: 0; background-image: url(antlogo100px_green.png); background-position: top right; background-attachment: scroll; background-repeat: no-repeat; } #head_red { width: 600px; height: 120px; margin: 0; padding: 0; background-image: url(antlogo100px_red.png); background-position: top right; background-attachment: scroll; background-repeat: no-repeat; } #development { font-weight: bold; } #content { margin: 0; padding: 0; width: 600px; font-size: 0.9em; min-height: 300px; } #content a { line-height: 1.2em; color: black; text-decoration: none; font-weight: bold; font-size: 0.9em; } #content a:hover { text-decoration: underline; } #content a:visited { color: #acacac; } #content p { font-size: 0.9em; padding: 0 1em; text-align: justify; } #menu { text-align: center; border-top: 1px solid #5e5e5e; border-bottom: 1px solid #5e5e5e; background-color: #ACE149; } #menu a:link, #menu a:visited { color: #5e5e5e; margin: 5px; text-decoration: none; border: none; padding: 4px; font-size: 0.8em; } #menu a:hover { color: #8e8e8e; } #words { width: 565px; padding: 1.1em 0em 1.1em 1.1em; margin-top: 0; } #words h1{ font-size: 1.8em; } #words h2{ font-size: 1.4em; } #words ol, #words ul { font-size: 0.9em; } #words ol li { padding: 0 1em; line-height: 1.7em; } #words ul li { padding: 0 1em; line-height: 1.7em; list-style-image: url(list.gif); } #footer { clear: both; text-align: center; border-top: 1px solid #5e5e5e; border-bottom: 1px solid #5e5e5e; background-color: #ACE149; font-size: 0.8em; color: #5e5e5e; } #footer a:link, #footer a:visited { color: #5e5e5e; margin: 5px; text-decoration: none; border: none; padding: 4px; } #footer a:hover { text-decoration: underline; } #confirmtext span { color: red; font-weight: bold; } /* -------=-=-=- warnings, errors and success messages-=-=-=-------- */ #words div.warning,div.error,div.success { margin-top: 20px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 15px; color: #707070; } #words .warning,.error,.success { border: 1px dashed #808080; text-align: center; color: #5e5e5e; text-decoration: none; font-weight: bold; font-size: 0.9em; padding-left: 40px; padding-right: 40px; } #words .warning { background-color: #f5f5f5; } #words .error { background-color: #f5f5f5; } #words .success { /* nice green color - but no one likes it right? background-color: #90EE90; */ } #words div.warning,div.error,div.success h1,h2 { color: #808080; } #words .warning,.error,.success a { color: #5e5e5e; text-decoration: none; font-weight: bold; font-size: 0.9em; } #words .note { text-align: center; color: #F48659; font-style: italic; } /* ----------------------=-=-=- Forms -=-=-=--------------------- */ /* pretty forms and buttons */ input { border: 1px solid #BFBFBF; color: #949494; background-color: white; padding: 2px 5px 1px 5px; font-size: 1em; } input:hover { border: 1px solid #ACE149; color: #7DA721; background-color: white; font-size: 1em; } textarea { font-family: arial, verdana, helvetica, sans-serif; font-size: 1.1em; border: 1px solid #BFBFBF; color: #949494; padding: 2px 5px 1px 5px; width: 450px; } textarea:hover { color: #7DA721; background-color: white; border: 1px solid #ACE149; } button { color: #5e5e5e; background-color: #ACE149; border: 1px solid #5e5e5e; font-size: 0.8em; font-weight: bold; cursor: pointer; margin: 2px 10px 2px 10px; } button:hover { color: #5e5e5e; background-color: #D0F0A0; border: 1px solid #ACE149; font-size: 0.8em; font-weight: bold; cursor: pointer; } #words form label { min-width: 20em; } #words form p { text-align: center; } /* -------------=-=-=- volume selection -=-=-=-------------- */ #volumes { position: absolute; float: left; right: 5px; left: 5px; width: 140px; } #volumes div { height: 80px; padding: 5px; margin: 5px; background-repeat: no-repeat; background-position: center; } #volumes div.active { background-image: url(disc_red.png); } #volumes div.passive { background-image: url(disc_green.png); } #volumes div.void { background-image: url(disc_gray.png); } #volumes div.current { border-style: dashed; border-width: 2px; border-color: gray; } /* ------------=-=-=- language selection -=-=-=------------- */ #lang { position: absolute; float: right; right: 5px; top: 5px; text-align: right; } #lang a { color: #acacac; font-family: verdana, lucida, arial, helvetica, sans-serif; font-size: smaller; } #lang a:hover { color: #707070; } /* ------------=-=-=- documentation -=-=-=------------- */ #doc ol,ul li { text-align: left; margin-left: 20px; } #doc dl dt { text-align: left; margin-left: 20px; font-style: italic; } #doc h1 { padding-top: 25px; } #doc h2 { padding-top: 20px; } #doc h3 { padding-top: 10px; } /* ------------=-=-=- special things -=-=-=------------- */ #partition_info p, #log p.console { margin-left: 10%; margin-right: 10%; font-family: monospace; text-align: left; } /* ---------=-=-=-=- onscreen help -=-=-=-=--------- */ /* not active anymore */ #words a.popup { line-height: inherit; color: inherit; background-color: inherit; text-decoration: inherit; font-weight: inherit; font-size: inherit; } #words a.popup:hover { text-decoration: inherit; } #words a.popup span { display: none; position: fixed; bottom: 10px; left: 9%; width: 80%; background: #f0f0f0; padding: 10px; border-color: #e0e0e0; border-width: 2px; border-style: solid; margin: 0; } #words a.popup:hover span { display: inline; } #words a.popup span p { text-align: left; } #words a.popup span h3 { color: #909090; margin-top: 0px; } // TODO: move this to the plugin "partition" (inline include with cs) #words div.partition { text-align: center; align: center; } table.partition tr td{ text-align: center }