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; } #volume_pane table, td { padding: 0px; margin: 0px; } #volume_pane td.pane_top_left, td.pane_top_right { height: 39px; width: 10px; } #volume_pane td.pane_bottom_left, td.pane_bottom_right { height: 10px; width: 10px; } #volume_pane td.pane_top_left { background-image: url(pane_top_left.png); } #volume_pane td.pane_top_right { background-image: url(pane_top_right.png); } #volume_pane td.pane_bottom_left { background-image: url(pane_bottom_left.png); } #volume_pane td.pane_bottom_right { background-image: url(pane_bottom_right.png); } #volume_pane td.pane_left { background-image: url(pane_side_left.png); } #volume_pane td.pane_bottom { background-image: url(pane_side_bottom.png); } #volume_pane td.pane_right { background-image: url(pane_side_right.png); } #volume_pane td.pane_top { background-image: url(pane_side_top.png); } #volume_pane .volume_plugin_active { background-image: url(register_active.png); text-align: center; vertical-align: middle; width: 120px; } #volume_pane .volume_plugin_passive { background-image: url(register_passive.png); text-align: center; vertical-align: middle; width: 120px; } #words div.unavailable_action { border: 1px dashed #808080; text-align: center; background-color: #f0f0f0; padding: 10px; margin: 20px; font-size: 1.1em; } /* -------=-=-=- warnings, errors and success messages-=-=-=-------- */ div.warning,div.success { width: 200px; margin: 5px; padding: 5px; position: absolute; float: right; right: 5px; bottom: 5px; /* TODO: adapt warning color of text and border */ border: 3px dashed #808080; /* RFC: maybe this needs some improvement [lars] */ outline-width: 2px; outline-style: solid; outline-color: white; } div.warning p, div.success p{ color: #5e5e5e; font-weight: bold; font-size: 0.9em; padding-left: 40px; padding-right: 40px; } .warning { /* background-color: #f5e0e0; light red color :) */ background-color: #f5f5f5; } .success { /* RFC: nice green color - but no one likes it right? [unknown author] background-color: #90EE90; */ background-color: #f5f5f5; } .warning a,.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; } /* -------------=-=-=- plugin icons -=-=-=--------------- */ div.plugin_main, div.plugin_system, div.plugin_volume { text-align: center; float: left; padding: 10px; margin: 5px; } div.plugin_main { width: 80px; height: 100px; } div.plugin_main img { width: 64px; height: 64px; } div.plugin_system { width: 64px; height: 80px; } div.plugin_system img { width: 48px; height: 48px; } div.plugin_volume { width: 48px; height: 64px; } div.plugin_volume img { width: 32px; height: 32px; }