/** This CSS is the concatenation of the stylefiles from pim.kde.org, * so that includes: KDE standard CSS by Olaf Schmidt, new_pim.css by * Adriaan de Groot and new_standard.css by Adriaan de Groot. The combined * stylefile is not a normal one, and could use a great deal of editing. */ /** * based on code by Sebastian Faubel * modified by Christoph Cullmann and Olaf Schmidt */ /* common (X)HTML formats */ body { font-size: 100%; line-height: 1.2em; /* Note: it is inherited as is, not recalculated! */ background-color: white; color: black; font-family: sans-serif; padding: 0; margin: 0; } table, td, th { font-family: sans-serif; padding: 0; margin: 0; text-align: left; } input, select { font-size: 0.8em; line-height: 1em; } form { margin: 0; padding: 0; } optgroup { font-style: normal; } a:link { color: #0000C0; text-decoration: none; } a:visited { color: #800080; text-decoration: none; } a:hover { text-decoration: underline; } /* navigation header, this is the combined area with logo and section links */ #nav_header_top { height: 52px; text-align: right; background-color: #418ade; border-bottom: 1px solid #000000; } #nav_header_bottom { padding: 6px 6px 6px 84px; background-color: #dfe7f3; border-bottom: 1px solid #000000; text-align: left; } #nav_header_logo { float: left; padding: 10px; } #nav_header_logo a img { width: 64px; height: 64px; } #nav_header_logo_right { float: right; padding: 10px; } /* title text */ #nav_header_title { position: absolute; top: 12px; left: 86px; border: 0px; font-size: 32px; font-weight: bold; color: white; white-space: nowrap; line-height: 36px; } /* location combo */ #nav_header_location { position: absolute; top: 12px; right: 8px; border: 0px; color: #444; vertical-align: middle; white-space: nowrap; font-size: 14px; } /* location URL */ #nav_header_bottom_left { vertical-align: middle; font-size: 0.8em; line-height: 1.1em; } /* place for the links to contact, sitemap, ... s*/ #nav_header_bottom_right { float: right; vertical-align: middle; font-size: 0.8em; line-height: 1.1em; } /* main color definitions */ .menuheader { height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0; } #leftmenu, #rightmenu { width: 20%; } #leftmenu h2, #rightmenu h2 { font-size: 1em; padding-left: 1em; vertical-align: middle; background-color: #418ade; border-top: 0.3em solid #418ade; border-bottom: 0.3em solid #418ade; color: white; margin-top: 0; } #rightmenu h3 { padding: 0.3em 0.8em; font-size: 1em; margin-bottom: 0; } #leftmenu ul, #rightmenu ul { margin: 0; padding-left: 0.5em; padding-bottom: 1em; } #leftmenu ul { list-style-type: none; } #rightmenu ul { list-style-type: none; } #leftmenu li, #rightmenu li { font-size: 0.8em; } #leftmenu li { margin-left: 1em; } #rightmenu li { margin-left: 1.5em; } #leftmenu ul ul, #rightmenu ul ul { margin: 0; padding-left: 0; } #leftmenu li li, #rightmenu li li { font-size: 0.8em; margin-left: 2em; } li.here a:link, li.here a:visited, li.here li.here a:link, li.here li.here a:visited { text-decoration: underline; } li.here li a:link, li.here li a:visited { text-decoration: none; } li.here a:hover, li.here li a:hover, li.here li.here a:hover { text-decoration: underline; } /** * page footer */ /* background + border at top */ #footer { border-top: 1px solid #000000; background-image: url(../images/footer_bg.png); background-repeat: repeat-x; width: 100%; height: 100px; bottom:0px; } /* right footer, contains the wave image */ #footer_right { position: absolute; right: 0px; text-align: right; z-index: 5; } /* left footer, contains the text */ #footer_left { position: absolute; left: 0px; text-align: left; padding: 1em 1.5em 0em 1.5em; clear: both; z-index: 10; } /* classes */ #main, #content { clear: both; } #content { background-color: white; padding: 0.5em 0.7em 1.5em 0.7em; text-align: justify; } #content td, #content th { font-family: sans-serif; padding: 0.25em; margin: 0; text-align: left; } #content h4, #content h3, #content h2, #content h1 { color: #418ade; text-align: left; line-height: 1em; /* without this lines stick in each other for headings */ } #quicklinks { background-color: #E6F0F9; font-size: 1em; padding: 1em; text-align: center; margin-top: 1em; margin-left: 0.5em; margin-bottom: 0.5em; margin-right: 0.5em; } #leftmenu, #rightmenu { background-color: white; color: #036; } .menu_box { border-top: 8px solid white; border-right: 8px solid white; border-left: 8px solid white; background-color: #dfe7f3; } #search { text-align: center; padding: 0.2em 0.2em 0.2em 0.2em; } #search label { display: none; } #search input, #search select { width: 95%; margin-bottom: 2px; } #hotspot { font-size: 0.8em; line-height: 1em; text-align: center; padding: 0 0 0.8em 0; } .newsbox1 { background-color: #E6F0F9; margin-top: 1em; margin-bottom: 0.5em; } .newsbox2 { background-color: white; margin-top: 1em; margin-bottom: 0.5em } /* common style for tables used in the page */ .table_box { background-color: #dfe7f3; border: 0; padding: 0; margin: 0; border-spacing: 0; } .table_box th { background-color: #418ade; color: white; } /* needed for edu.kde.org */ .contentheader, #content h4.contentheader { font-size: 1em; font-weight: bold; line-height: 1.2em; padding: 0.1em 0 0.2em 1em; vertical-align: middle; background-color: #418ade; color: white; margin: 0; } /* hidden stuff */ .doNotDisplay { display: none; } @media aural { .doNotDisplay { display: inline; }} /* Stylesheet that handles PIM-specific classes and layout */ #content h1 { display: none; } li.here { font-weight: bold; list-style-type: disc; } .shellcode { font-family: monospace; font-size: small; white-space: pre; margin-left: 3em; margin-right: 3em; margin-bottom: 1ex; padding-left: 6px; } td.indexkey { vertical-align: top; background: #dfe7f3; } #content td.memItemLeft { text-align: right; } #leftmenu ul ul { padding: 0px; margin-left: 1em; } .newsshort { float: right; margin: 0px 0px 1ex 1em; padding: 0px; border: 1px solid black; width: 40%; } #content .newsshort h2 { margin-top: 0px; font-size: 100%; } #footer { border-top: 1px solid #000000; background-image: none; background-repeat: x-repeat; width: 100%; } #footer_left { color: black; } #footer_right img { display: none; } .table_box { background: transparent; } .newsshort ul { list-style-type: none; margin: 0px; padding: 0px; } .newsshort li { margin-bottom: 1ex; padding-left: 1em; padding-right: 1em; } .newsshort li.text { padding-left: 0px; padding-right: 1em; } .newsshort .date { display: run-in; padding-right: 1em; } .newsbox1, .newsbox2 { background-color: transparent; vertical-align: top; } .newslong .item { margin-bottom: 2ex; } .newslong .date { float: left; font-weight: bold; margin-right: 2em; } .newslong .title { width: 100%; font-weight: bold; } .newslong .text { padding-left: 2em; } .iconlist td { vertical-align: top; } .iconlist p { margin: 0px 4px 0px 64px; } .iconlist img { float: left; border: none; } .minipage { margin: 2ex 2em; padding: 1ex 1em; } p.people { clear: both; margin: 1ex 0px; } p.people img { float: left; border: 0px; margin: 0ex 1em 1ex 0px; } /** * Color scheme -- Standard KDE PIM scheme */ a:link, a:visited, a:hover, a:active { color: #000080; font-weight: bold; } /* navigation header, this is the combined area with logo and section links */ #nav_header_top { background-color: #000080; border-bottom: 1px solid #000000; } #nav_header_bottom { background-color: #c1cfea; border-bottom: 1px solid #000000; } #nav_header_title { color: white; } /* location combo */ #nav_header_location { color: #c1cfea; } .menu_box { background-color: #c1cfea; border: 1px solid white; margin: 7px; } #leftmenu h2, #rightmenu h2 { background-color: #000080; border: none; color: white; } #footer { background-color: #c1cfea; } /* classes */ #content { background-color: white; } #content h2 { background-color: #000080; color: white; padding: 0.2ex 1em; font-size: 100%; font-weight: bold; } #content h3 { background-color: #c1cfea; color: black; padding: 0.2ex 1em; font-size: 100%; font-weight: bold; } #quicklinks { background-color: #c1cfea; } #content td.memItemLeft { text-align: right; } .groupHeader { font-size: large; color: #418ADE; }