/* ---------------------------------------------------- 000 Page blocks and divs ---------------------------------------------------- */ /* +++ Suchfunktion mit besserer Anzeige, ohne Details +++ */ .fragment{ display:none; } /* +++ 030 LAYOUT of main ID blocks +++ */ #wikibody { } #page, #footer{ margin-left: 0.8em; margin-right:14em;width:760px; } #header .pagename { } .pagename{ display:none; } /* #header .spiegel_pagename { color:#000000; margin-top:-120px; position:relative; font-size:30px; left:705px; width:100px; -moz-transform:rotate(0deg)skew(0deg)skewX(-10deg)skewY(-70deg); -webkit-transform:rotate(180deg); } */ #header .breadcrumbs { clear: both; } #applicationlogo { display:none; } #favorites { position: absolute; left: .5em; right: .5em; width: 12em; padding: .5em .5em .5em .5em; border-right: 1px dotted #000000; top: 300px; } #rightmenu { position: absolute; /*right: .5em; */ left:805px; width: 13em; border-left: none; padding: .5em .5em .5em .5em; top: 300px; } #rightmenu img{ margin-right:0px; margin-left:-2px; } .datum{ font-size:1.3em; font-weight:bold; margin-bottom:10px; } .last{ width:9.2em; overflow:hidden; height:310px; } .leftmenu h3, .leftmenufooter h3, #rightmenu h3 { background-image: url(./images/h3_bg.gif); background-repeat:no-repeat; height:23px;color:#FFFFFF;font-size:1.0em;padding-left:1em;line-height:23px; font-weight:bold; } .leftmenu li, .leftmenufooter li, #rightmenu li { list-style-type: none; margin-left:-1.3 em; } .leftmenu ul, .leftmenufooter ul, #rightmenu ul { margin-left:-20px; } .logo{ margin-top:100px; } .outlink{ display:none; } .ws a{ padding-left:75px; padding-right:75px; padding-top:10px; padding-bottom:50px; background-image: url(./images/ws.gif); background-repeat:no-repeat; color:#FFFFFF; } .ws a:hover{ background-image: url(./images/ws_hover.gif); background-repeat:no-repeat; } .as a{ padding-left:50px; padding-right:50px; padding-top:10px; padding-bottom:50px; background-image: url(./images/as.gif); background-repeat:no-repeat; color:#FFFFFF; } .as a:hover{ background-image: url(./images/as_hover.gif); background-repeat:no-repeat; } .jusi a{ padding-left:50px; padding-right:50px; padding-top:10px; padding-bottom:50px; background-image: url(./images/jusi.gif); background-repeat:no-repeat; color:#FFFFFF; } .jusi a:hover{ background-image: url(./images/jusi_hover.gif); background-repeat:no-repeat; } .nuveon a{ padding-left:83px; padding-right:83px; padding-top:10px; padding-bottom:50px; background-image: url(./images/nuveon.gif); background-repeat:no-repeat; color:#FFFFFF; } .nuveon a:hover{ background-image: url(./images/nuveon_hover.gif); background-repeat:no-repeat; } .right_row .Einleitungstext, .left_row .calendarentry { display:none; } .container_bar{ position:relative; top:50px; height:40px; margin:0px; width:100%; background-image: url(./images/bar_middle_bg.gif); background-repeat:repeat-x; } .bar_left{ height:36px; position:absolute; left:0px; width:200px; background-image: url(./images/bar_left_bg.gif); background-repeat:no-repeat; } .bar_middle{ position:relative; height:36px; float:left; left:200px; } .bar_right{ position:absolute; height:36px; right:0px; width:211px; background-image: url(./images/bar_right_bg.gif); background-repeat:no-repeat; } #actionsTop .quick2Top, #actionsTop .pageInfo { display: none; } #actionsBottom .quick2Bottom { display: none; } .weg li{list-style-type: none;} .weg a:hover:after{display:none;} #footer_cont{} .footer_text{ position:relative; top:0px; left:0px; float:left; } #cci{ position:absolute; color:#000000; left:207px; width:400px; } .revision{ float:right; text-align:right; } #footer {border-top:dashed 1px #d9d9d9;padding-top:5px; margin-left:-1px} #footer .copyright { clear: both; } /* +++ 020 LOOK and FEEL of main blocks with IDs +++ */ #wikibody { margin: 4px 0em 4px 0em; padding: .5em; } #header { } #page { margin-top: 0em; margin-bottom: 1.4em; } #favorites { display:none;} #favorites .pageactions { display:none; } #actionsTop { margin-top:20px;margin-right:5px;display:none;} #actionsRight a { display:block;text-align:left;} #actionsBottom { border-top: 1px solid #D9D9D9; } .pageactions { font-size: 90%; line-height: normal; text-align: right; margin: 0; padding: 0.25em 0;} .pageactions a { line-height: normal; padding: 0.25em 0.5em; } .pageactions .pageInfo a { background: transparent; border: none; margin: 0; padding: 0; } #actionsTop a { border-bottom: none; } #actionsBottom a { border-top: none; } #actionsBottom .quick2Top a, #actionsTop .quick2Bottom a { border: none; background-color: transparent; } .pageactions a:hover { } #actionsBottom .quick2Top a:hover, #actionsTop .quick2Bottom a:hover { background-color: transparent; } #footer { margin-top: 5px; } /* ---------------------------------------------------- 200 Text styles used by all pages ---------------------------------------------------- */ /* +++ 205 Base typefaces +++ Set the default typeface and size for all text here. The default is a body font size of 76% per cross-browser hack at: http://www.thenoodleincident.com/tutorials/typography/index.html */ body { font: small sans-serif; line-height: 1.5em; font-size: 80%; color: #000; background-color: #fff; } * { margin:0; padding: 0; } /* +++ 210 Page titles, headings, and paragraphs +++ */ #cci { font-size: 1.6em; font-weight: bold; margin-left:1em;margin-top:0.3em; } h1 { font-size: 1.8em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; } h2 { font-size: 1.6em; font-weight: normal; margin: 1.2em 0em .8em 0em; border-bottom: 1px #D9D9D9 solid; } h3 { font-size: 1.4em; font-weight: normal; margin: 1.2em 0em .8em 0em; } h4 { font-size: 1.2em; font-weight: bold; margin: 1.2em 0em .8em 0em; } h5 { font-size: 1.0em; font-weight: bold; margin: 1.2em 0em .8em 0em; } h6 { font-size: 0.8em; font-weight: bold; margin: 1.2em 0em .8em 0em; } p { margin: .7em 0 .8em 0; line-height: 1.5em; } p img { margin: 0; } strong, b { font-weight: bold; } /* +++ 220 Lists and bullets +++ */ ol,ul { margin: 0.3em 0 0.3em 1.5em; } ul { padding-left: 1.3em; } li { margin: 0.6em 0.75em; } li > p { margin-top: 0.2em; } dl dt { font-weight: bold; font-size: 1.2em; } dl dd { margin-left: 3em; } /* +++ 230 Horizontal rules +++ */ hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .3em 0 .3em 0; } /* +++ 240 Pre-formatted text blocks and code +++ */ tt { font-size: 1.2em; margin: 0 .2em; } pre { white-space: pre; overflow: auto; margin: .5em 1em .8em 1em; font-size: 1.2em; border: 1px solid #D9D9D9; background: #f9f9f9; margin-top: 1em; margin-bottom: 1em; } /* +++ 250 Hyperlinks +++ */ a { color: #ff9c00; text-decoration: none;} a:link { } a:visited { } a:active { } a:hover { text-decoration: underline; } a.editpage { color: #FF0000; text-decoration: none; border-bottom: 1px dashed red; } a.external img { display:none;} /* External reference */ a.interwiki { } /* Interwiki reference */ a.wikipage { } /* Internal wiki reference */ /* +++ 260 Image styles +++ */ img { border: 0; } img.inline { } img.outlink { } /* +++ 270 Footnotes and small text +++ */ a.footnoteref { font-size: 85%; vertical-align: super; } a.footnote { color: #0044AA; } .small { font-size: 85%; } .strike { text-decoration: line-through; } .sub { font-size: 85%; vertical-align: sub; } .sup { font-size: 85%; vertical-align: super; } /* +++ 280 Convenience styles and info/warning/error dialogs +++ */ .center { text-align: center; } .right { text-align: right; } .center table { margin-left: auto; margin-right: auto; text-align: left; } .information, .warning, .error { display: block; padding: 1em 1em 1em 2.5em; margin: 1em .5em; background-position: .8em .9em; background-repeat: no-repeat; } .information { background-image: url(images/information.png); background-color: #e0e0ff; } .warning { background-image: url(images/error.png); background-color: #ffff80; } .error { background-image: url(images/exclamation.png); background-color: #ffe0e0; } .error * li { margin-left: 0; padding-left: 0; } .ltr { direction: ltr; } .rtl { direction: rtl; } /* +++ 290 Comment boxes (used on some pages) +++ */ .commentbox { float:right; width: 20em; border: 1px solid #D9D9D9; background: #edf3fe; padding: 5px; margin: 2em; } .commentbox ul, .commentbox ol { padding-left: 1em; margin-left: 4px; } /* +++ 300 Wiki tables and zebra tables +++ */ .wikitable { border: 1px solid #666666; margin: 0em 0em 0em 0em; } .wikitable * tr th { font-size: 100%; padding: .5em .7em .5em .7em; background-color: #004d8e; vertical-align: bottom; color: #FFFFFF; empty-cells: show; } .wikitable * tr td { font-size: 95%; padding: .4em .7em .45em .7em; vertical-align: top; empty-cells: show; border:none;} .wikitable * tr.odd td { background-color: #e9e9e9; } .zebra-table th { background: #e0e0e0; } .zebra-table tr.odd td { background: #e9e9e9; } /* +++ 350 Attachments +++ */ #attachments { } #attachments .list { float: left; min-width: 300px; } #attachments .preview { float: right; } #attachments * table { width: 40em; } #attachments h3 { border-bottom: 1px solid grey; } /* ---------------------------------------------------- 400 Styles for specific JSPs ---------------------------------------------------- */ /* +++ 405 AttachmentTab +++ */ #attachImg { margin:0; vertical-align: middle; text-align: center; height: 300px; width: 300px; border: 4px solid #e0e0e0; } #attachSelect { margin: 0.5em 0; } /* +++ 410 CommentContent +++ */ #addcomment { } /* +++ 415 CommentContent and PageContent +++ */ #pagecontent { margin-top:-10px; margin-right:0px; } .for_back_navig{ margin-top:20px; padding-top:20px; } .left_row{ position:relative; float:left; width:475px; margin-right:25px; height:500px; overflow:hidden; padding-left:10px; } .left_row h3 { margin-left:-0.2em; margin-bottom:2em; } .right_row{ position:relative; float:left; width:250px; height:500px; overflow:hidden; } #sectionedit { float:right; font-size:10px; } .inlinednowiki { font-family:monospace; white-space:pre; font-size:110% } # .span { font-size:120%} /* +++ 420 DiffContent and Diff Providers: Traditional and External +++ */ #diffcontent { } td.diffadd { background: #99FF99; font-family: monospace; } td.diffrem { background: #FF9933; font-family: monospace; } td.diff { background: #FFFFFF; font-family: monospace; } /* WICHTIG ++++++++++++++ 425 Edit/EditContent and CommentContent +++ */ body.edit { background-color: #D9E8FF; } /* Edit.jsp BODY element */ body.comment{ background-color: #FFFFFF; margin-bottom:5em; } body.comment #footer{ display:none; } body.comment #pagecontent{ margin-top:2em; } #edithelp { } /* +++ 430 Edit/EditContent +++ */ textarea.editor { } #editcontent { } #searchbar { margin: 1em 0; } #searchbarhelp { } /* +++ 440 Favorites +++ */ .boxtitle { padding: 0.25em; text-align: center; border-bottom: 1px solid black; } .myfavorites { margin-bottom: 1.5ex; border: 1px outset grey; padding: .5em;} .myfavorites .boxtitle { margin-bottom: 0.5ex; margin-top: 0.5ex; font-size: 100%; } .username { font-style: italic; text-align: center; } /* +++ 445 Favorites and Footer +++ */ .wikiversion, .rssfeed { padding: 1em 0; text-align: center; } .rssfeed img{ } .wikiversion { display: none; } /* +++ 450 FindContent +++ */ .graphBars { } .zebra-table { postion:absolute;width:200px;} .graphBar { background: #ff9933; color: #ffffff;width:200px; } .gBar { white-space: nowrap; } /* +++ 455 Footer +++ */ .copyright { } /* +++ 460 Header +++ */ .breadcrumbs { font-size: 90%; padding: 0 1.5em 0.5em 0em; display:none; } /* +++ 465 InfoContent +++ */ #infocontent { overflow: auto; } #infocontent tr { vertical-align: top; } #infocontent th { text-align: left; white-space: nowrap; } #referingto, #referencedby, #versionhistory { } #versionhistory td { white-space: nowrap; } #infocontent .changenote { font-style: italic; } /* +++ 470 PageActions +++ */ .pageInfo { font-style: italic; padding: .5em 0; } .quick2Top a { background-image:url(images/bulletUp.png); background-repeat: no-repeat; background-position: 0 1px; padding: 0 8px 12px 0; text-decoration: none; } .quick2Bottom a { background-image:url(images/bulletDown.png); background-repeat: no-repeat; background-position: 0 0; padding: 0 8px 12px 0; text-decoration: none; } /* +++ 475 PreviewContent - "This is a preview" comment +++ */ .previewcontent { background: #FFFFFF; padding: 1em; } /* +++ 480 PreferencesContent, LoginContent, GroupContent +++ */ div.formcontainer { width: 440px; margin: 20px 0 0 0; } div.formcontainer form { border-bottom: 2px solid silver; } div.formcontainer div.block { vertical-align: top; padding: 10px 0px; border-top: 1px solid silver; } div.formcontainer form label { width: 120px; float: left; padding-top: .25em; margin: 0 10px; } div.formcontainer input { padding: 0.15em; } div.formcontainer input[type='submit'] { width:auto; margin-right: 1em; float:right } div.formcontainer textarea { padding: 0; width:65%; margin: 0 0 0 140px; } div.formcontainer .instructions { margin: 0.5em 0; } div.formcontainer .description { margin: 0.5em 10px 0.5em 140px; font-style: italic; } div.formcontainer .readonly { margin: 0 10px 0.5em 140px; } /* +++ 485 SearchBox +++ */ #searchboxMenu { padding-left: 5px;padding-right: 5px; width:170px; position: absolute; background: white; margin-left:20px; border-left: 1px solid silver; z-index:5; border-right: 1px solid silver; z-index:5; border-bottom: 1px solid silver; z-index:5; -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6); /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; /* zoom: 0; filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=5, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=45, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=90, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=180, Strength=0) progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=225, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=260, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=310, Strength=2); */ } #recentSearches { margin: 0.5em 0 0 0.5em; color: silver; } #recentSearches div { color: black; cursor: pointer;} .searchbox { position:relative; padding-left: 0px; padding-top:0em; width: 260px; height:80px; background-image: url(images/bg_suche.png); background-repeat: no-repeat; margin-top:-90px; margin-left:700px; } .searchbox INPUT { border:none; height:22px; margin-top:22px; margin-bottom:3px; margin-left:20px; font-size:13pt; font-family:arial; width:170px; } /* +++ 490 ViewTemplate +++ */ body.view { background-color: white; } /* Wiki.jsp BODY element */ /* +++ 495 EditorBar in Edit.jsp +++ */ #editorbar { float:right; border-style: solid; border-width: 1px; border-color: #A8A8A8; background: #f0f0f0; padding: 2px; } /* ---------------------------------------------------- 600 JSPWiki plugins ---------------------------------------------------- */ /* +++ 610 Image plugin +++ */ .imageplugin { margin: .5em; } .imageplugin img { border: 0; } .imageplugin caption { } /* +++ 620 Index plugin +++ */ div.index { } div.index .header { padding: 4px; background: #f0f0f0; } div.index .body { } div.index .section a { display: block; padding: 0 0.25em; color:black; font-weight: bold; text-decoration: none; } /* +++ 625 Table of contents plugin +++ */ .toc { background: #edf3fe; padding: 0; } .toc h4 { margin-top: 0px; } .toc ul { list-style-type: none; list-style-image: none;margin-left: 0; padding-left: 0; } .toc li { padding-left: 0; display: block; } .toc li.toclevel-1 { margin-left: 0.5em; } .toc li.toclevel-2 { margin-left: 1.5em; } .toc li.toclevel-3 { margin-left: 2.5em; } /* +++ 630 Weblog and weblogarchive plugins +++ */ .weblog { } .weblogentry { margin: 1em 0 2em 0; margin-left:-0.5em } .weblogentryheading { color: #ff9c00; margin-top: 0.2em; /*border-bottom: 1px #D9D9D9 solid;*/ border:none; text-align:right; padding-right:1em; font-size:11px; padding-top:1em; } .weblogentrytitle { font-size: 1.5em; font-weight: bold; margin-top:-2em; margin-bottom:2em; color:#FFFFFF; width:225px; padding:0.5em; background-color:#ff9c00; text-transform: uppercase; -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); z-index:2; } .weblogentrybody h4{ font-size: 1em; font-weight: bold; margin-top:-3em; margin-left:0.5em; margin-bottom:2em; color:#FFFFFF; width:300px; padding:0.2em; padding-left:0.5em; text-transform: lowercase; background-color:#d9d9d9; -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); z-index:1; } .weblogentrybody { } .weblogentryfooter { font-style: italic; margin-top: 1em; clear: left; margin-bottom:4em; padding-bottom:1em; border-bottom: 1px #D9D9D9 dashed; } .weblogentryfooter a { font-style: normal; margin-left: 0.5em; } .weblogarchive { } .weblogarchive ul { margin-top: 0px; padding: 0px; } .weblogarchive li { display: block; list-style-type: none; margin-left: 1em; } .archiveyear { font-weight: bold; text-decoration: none; margin-left: 0px !important;} .archiveyear:after { content: " n.Chr." } /* +++ 640 RecentChangesPlugin +++ */ .recentchanges { } .recentchanges .changenote { font-style: italic; } /* ---------------------------------------------------- Alternativ 630 Weblog and weblogarchive plugins +++ .weblog { } .weblogentry { margin: 1em 0 2em 0; } .weblogentryheading { color: #999999; margin-top: 2em; border-bottom: 1px #D9D9D9 solid; } .weblogentrytitle { font-size: 1.5em; font-weight: bold; margin: 0.5em 0 .8em 0; } .weblogentrybody { } .weblogentryfooter { font-style: italic; margin-top: 1em; clear: left; } .weblogentryfooter a { font-style: normal; margin-left: 0.5em; } .weblogarchive { } .weblogarchive ul { margin-top: 0px; padding: 0px; } .weblogarchive li { display: block; list-style-type: none; margin-left: 1em; } .archiveyear { font-weight: bold; text-decoration: none; margin-left: 0px !important;} .archiveyear:after { content: " n.Chr." } ---------------------------------------------------- */ /* ---------------------------------------------------- 800 JSPWiki JSP Taglibs ---------------------------------------------------- */ /* +++ 805 CalendarTag +++ */ div.calendar { border: 1px solid #a0a0a0; font-family: monospace; font-size: medium; background-color: snow;} div.calendar a { text-align: middle; ; font-weight: lighter; } div.calendar a.today { color: #000000; } div.calendar a.selected { color: #ffffff; background-color: #a04020; } div.calendar a.exists { color: #000000; background-color: #d0b0a0; } div.calendartitle { background-color: #e0e0e0; } #calendar { text-align: center;width:100%;} #calendar th { border: 1px solid silver; text-align: center; } #calendar td { border: 1px solid silver; padding: 5px; } div.calendarentry { border: 1px solid #a0a0a0; font-size: 9pt; padding: 4px; background-color: snow;} div.calendarentryheader { background-color: #e0e0e0; } div.calendarentryfooter { background-color: #f0f0f0; } div.calendar div.footer { padding-right:4px;} tbody > tr {} table.calendar { background-color: #f0f0f0; font-family: arial; font-size: 15px; font-weight: normal; } table.calendar td { text-align: right; padding: 4px; } table.calendar td.othermonth { color: #707070; } table.calendar td.link { background: #E0E0E0; } table.calendar tr.month { } table.calendar tr.weekdays { color: #FF0000; } /* +++ 810 The CSS Styles for the Contextual diff provider +++ */ .diff-wikitext { margin: 10px; padding: 5px; border-width: thin; border-style:inset; font-family: monospace; } .diff-insertion { background: #ddffdd; text-decoration: none; color: #8000ff; } .diff-deletion { background: #ffdddd; text-decoration: line-through; color: red; } .diff-nextprev { vertical-align: super; text-decoration: none; } /* ---------------------------------------------------- 900 "Special-effects" JavaScript styles ---------------------------------------------------- */ /* +++ 905 Search highlights +++ For the search_highlight.js. This style defines the how the words that have been found look like. If you look for "thingy", you will get these following in the results. thingy */ .searchword { background-color: #FFFF00; color: black; text-decoration: inherit; } /* * For fragments in search results (from FindPage), and the search match * within a fragment. */ .fragment { margin-left: 1em; font-size: 90%; } .fragment_ellipsis { font-weight: bold; } /* .searchmatch { background-color: yellow; } Too strong ? */ .searchmatch { font-weight: bold; } /* +++ 910 Tabbed Pages +++ */ /* use absolute position trick to avoid page bump when inserting tabmenu */ .tabs { margin: 0; padding: 0.25em; border: 1px solid gray; border-top: none; } .tabmenu { margin: 0; padding: 0.1em 0 0.25em 0.1em; border-bottom: 1px solid gray; } .tabmenu span { margin: 0; padding: 0; overflow: hidden; } .tabmenu span a { color: grey; background: #dddddd; margin: 0 0 0 -1px; padding: 0.25em 0.5em; text-decoration: none; cursor: pointer; border: 1px solid gray; border-bottom:none; } .tabmenu .activetab { color: black; background: white; font-weight: bold; border-bottom: 1px solid white; cursor: default; } .edit .tabmenu a { background: white; } .edit .tabmenu .activetab { background: #D9E8FF; border-bottom: 1px solid #d9e8ff;} .tabmenu .alerttab a, .edit .tabmenu .alerttab a { color: white; background: red; } .tabmenu .alerttab .activetab, .edit .tabmenu .alerttab .activetab { color: red; background: #D9E8FF; border-bottom: 1px solid #d9e8ff; } /* +++ 920 Collapsable lists +++ */ div.collapse ul, div.collapse ol { margin-left: 1.5em; padding:0; margin-bottom:-0.2em} div.collapse * ul, div.collapse * ol { margin-left:0 ; padding-left: 0.6em; } div.collapse ul ul li { margin-bottom:-0.2em; } div.collapse li { list-style: none; position: relative; } div.collapse li { list-style: none; position: relative; } /* relative to the containing LI */ .collapseBullet, .collapseOpen, .collapseClose { position: absolute; left: -1.5em; font-weight: bold; color: blue; font-family: Verdana, sans-serif; } .collapseOpen, .collapseClose { cursor: pointer; } .collapseOpen:hover, .collapseClose:hover { background: #FF9933; color: white; } .collapse .collapseBullet, .collapse .collapseOpen, .collapse .collapseClose { left: -1.5em !important; right: auto !important; } /* collapsebox */ .collapsebox { border: 1px dashed #2f6fab; padding: 5px; position:relative; margin: 0;} .collapsebox h2, .collapsebox h3, .collapsebox h4 { margin: 0; padding: 0.25em 0.5em; } .collapsebody { margin: 0.5em 1em; } .toc .collapsebox { border: 0; margin: 0; padding: 0; } .collapsebox .collapseOpen, .collapsebox .collapseClose { top:0; left:auto; right:0.5em; font-size: 13px; } .collapsebox .quicklinks { display: none; } /* +++ 930 Sortable tables +++ */ .sortable .sort, .sortable .sortAscending, .sortable .sortDescending { cursor: pointer; background-color: #f0f0f0; background-repeat: no-repeat; background-position: 0.25em 50%; } .sortable .sortAscending { background-image: url(images/bulletDown.png); } .sortable .sortDescending { background-image: url(images/bulletUp.png); } /* ---------------------------------------------------- 1000 Miscellaneous Cross-Browser Hackery ---------------------------------------------------- */ /* Use as div 'block enclosure' to clear floats properly. This works across browsers (even IE). Also known as the Wyke-Smith/Alsett/Holly 'clearfix' hack */ .block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .block { display: inline-block; } * html .block { height: 1%;} .block { display: block; } /* ---------------------------------------------------- HNDistro Mod ----------------------------------------------------*/ div.creoleEditor { float: left; clear: none; width: 70%; border-style: solid; border-width: 0px; border-color: #A8A8A8; padding: 4px; margin-left: 4px; margin-bottom: 4px; } div.creoleEditorChoice { padding: 4px; } div.creoleHelp { float: left; clear: none; width: 20%; border-style: solid; border-width: 0px; border-color: #A8A8A8; padding: 4px; margin-left: 4px; margin-bottom: 4px; } div.creoleSearch { float: left; clear: none; width: 80%; border-style: solid; border-width: 0px; border-color: #A8A8A8; padding: 4px; margin-left: 4px; margin-bottom: 4px; clear: left; } div.col { float: left; clear: none; width: 37%; border-style: solid; border-width: 0px; border-color: #A8A8A8; padding: 4px; margin-left: 4px; margin-bottom: 4px; } div.mcol { float: left; clear: none; width: 37%; border-style: solid; border-width: 0px; border-color: #A8A8A8; padding: 4px; margin-left: 4px; margin-bottom: 4px; } div.scol { float: left; clear: none; width: 25%; border-style: solid; border-width: 0px; border-color: #A8A8A8; padding: 4px; margin-left: 4px; margin-bottom: 4px; } div.lcol { float: left; clear: none; width: 50%; border-style: solid; border-width: 0px; border-color: #A8A8A8; padding: 4px; margin-left: 4px; margin-bottom: 4px; } div.clear { clear: left; } div.small { font-size: 80%; } div.large { font-size: 120%; } div.logotitle { font-size: 1.8em; font-weight: normal; margin: 0.2em 0em .2em 0em; border-bottom: 1px #D9D9D9 solid; } div.redbox { width: 75%; border-style: solid; border-width: 1px; border-color: #A8A8A8; background: #FFCFCE; padding: 4px; margin-left: 4px; border-color: #a9bdc5; } div.yellowbox { width: 75%; border-style: solid; border-width: 1px; border-color: #A8A8A8; background: #FFFDBD; padding: 4px; margin-left: 4px; border-color: #a9bdc5; } div.greenbox { width: 75%; border-style: solid; border-width: 1px; border-color: #A8A8A8; background: #9CD39C; padding: 4px; margin-left: 4px; border-color: #a9bdc5; } /* css for imagepro plugin */ div.imagepro { background: #ffffff; border: 1px; border-style: solid; border-color: #BBBBBB; padding:3px; margin:10px,0px; } div.imagepro_float_left { background: #ffffff; border: 1px; border-style: solid; border-color: #BBBBBB; padding:3px; margin-left:0px; margin-right:10px; margin-top:20px; margin-bottom:10px; } div.imagepro_float_right { background: #ffffff; border: 1px; border-style: solid; border-color: #BBBBBB; padding:3px; margin-left:10px; margin-right:0px; margin-top:20px; margin-bottom:10px; } div.imagepro_caption { text-align:center; overflow:hidden; padding:3px; } img.imagepro_magnify{ float:right; border:none; background:none; padding:3px; } div.gallerypro_viewport { padding:5px; border:1px; border-style: solid; border-color: #BBBBBB; } div.gallerypro_element { padding:10px; margin:20px; } /* end of imagepro css */ /*----------------------- CSS for Juwi ------------------------------*/ .noborder TABLE, .noborder TABLE TD{ border-width:0px; border-style:none; } .noborder .wikitable { border-spacing: 0; margin: 0em 0em 0em 0em; } .noborder .wikitable * tr.odd td { background-color: #FFFFFF; } /* create links as buttons */ .buttonlink A{ padding: 3px 5px 3px 5px; font-family: Arial, Helvetica, sans-serif; background-color: #4B70AA; color: #FEFEFE; border-top: #FEFEFE 1px solid; border-bottom: #FEFEFE 1px solid; border-left: #FEFEFE 1px solid; border-right: #FEFEFE 1px solid; text-decoration:none; } .buttonlink A:hover{ padding: 3px 5px 3px 5px; font-family: Arial, Helvetica, sans-serif; background-color: #FF8800; color: #FFFFFF; border-top: #FEFEFE 1px solid; border-bottom: #FEFEFE 1px solid; border-left: #FEFEFE 1px solid; border-right: #FEFEFE 1px solid; text-decoration:none; } /* Forms: Button Style */ .submit, .reset { background-color: #4B70AA; color: #FEFEFE; border-top: 3px double #006699; border-right: 3 px solid #006699; border-bottom: 3 px solid #006699; border-left: 3px double #006699; border-color: #FEFEFE; } div.tagcloud { padding: 3px 5px 3px 5px; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #6666FF; border: #6666FF 1px dotted; text-decoration:none; } div.tagcloud div { display: inline; } div.tagcloudT0 { font-size: 50%; } div.tagcloudT1 { font-size: 65%; } div.tagcloudT2 { font-size: 80%; } div.tagcloudT3 { font-size: 95%; } div.tagcloudT4 { font-size: 110%; } div.tagcloudT5 { font-size: 125%; } div.tagcloudT6 { font-size: 140%; } div.tagcloudT7 { font-size: 155%; } div.tagcloudT8 { font-size: 170%; } div.tagcloudT9 { font-size: 195%; } div.tagcloudT10 { font-size: 220%; } .greyout { width: 100%; border: 1px solid #D9D9D9; background:#DFDFDF; filter:alpha(Opacity=50); opacity:0.5; } .jbtn { } .jbtn_pushed { font-weight:bold; } .jbtn_disabled { color : grey; } .reloadButton A { color : black; background-color : #f5f5f5; float : right; font-size : 105%; padding : 0.5em 0.6em 0.5em 0.6em; margin-right : -0.2em; border : 1px outset #ffffff; } .btnstyle1 A { color : black; background-color : #f5f5f5; font-size : 105%; padding : 0.5em 0.6em 0.5em 0.6em; margin-right : -0.2em; border : 1px outset #ffffff; } .btnstyle1 A:hover { color : #ffffff; background-color : #a0522d; font-size : 105%; padding : 0.5em 0.6em 0.5em 0.6em; margin-right : -0.2em; border : 1px inset #ffffff; text-decoration : none; } .btnstyle1_pushed A { color : black; font-weight: bold; background-color : #a0522d; font-size : 105%; padding : 0.5em 0.6em 0.5em 0.6em; margin-right : -0.2em; border : 1px inset #ffffff; text-decoration : none; } .btnstyle1_disabled A { color : grey; background-color : #a0522d; font-size : 105%; padding : 0.5em 0.6em 0.5em 0.6em; margin-right : -0.2em; border : 1px inset #ffffff; text-decoration : none; } /*********** Prototyping Layout Boxes ************/ /* Normales Handy */ .mobile { float:right; width: 240px; background: #ffffff; border: 1px solid #D9D9D9; padding: 5px; margin: 2em; } /* Blackberry oder Pal Treo */ .organizer { float:right; width: 320px; background: #ffffff; border: 1px solid #D9D9D9; padding: 5px; margin: 2em; } .iphone { float:right; width: 480px; background: #ffffff; border: 1px solid #D9D9D9; padding: 5px; margin: 2em; } .n800 { float:right; width: 600px; background: #ffffff; border: 1px solid #D9D9D9; padding: 5px; margin: 2em; } .n810 { float:right; width: 800px; background: #ffffff; border: 1px solid #D9D9D9; padding: 5px; margin: 2em; } /* +++ 225 Forms, Labels, form-values and form-help +++ */ .wikiform { } .wikiform tr { vertical-align:middle; } .wikiform td { } .formvalue { font-weight:bold; } .formhelp { font-style:italic; margin:0.5em 0; } /* textarea, input[type=text] { padding: 1px 0 1px 3px; border: 1px solid #ddd; } */ legend, label { font-weight:bold; white-space:nowrap; padding-right:0.5em; } fieldset { margin:0.5em 0; padding:0.5em; border:1px solid #ddd; } .wikiform input[type='submit'], .wikiform input[type='button'],.wikiform input[type='file'], .wikiform button { cursor:pointer; } .wikiform input, .wikiform option { padding:0 0.25em; } #editcontent form { FLOAT: left; } DIV.creoleEditorChoice { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; margin-top: -10px; margin-left: 10px; } .xlviewport { height:640px; width: 99.5%; overflow-y: scroll; } .lviewport { height:220px; width: 99.5%; overflow-y: scroll; } .mviewport { height:150px; width: 99.5%; overflow-y: scroll; } .sviewport { height:130px; width: 99.5%; overflow-y: scroll; } #navigation .outlink{ display:none; } #navigation { PADDING:0px; margin:0; padding-top:195px; } .navmenu { PADDING-RIGHT: 0px; PADDING-LEFT: 0.4em; Z-INDEX: 15; PADDING-BOTTOM: 0px; WIDTH: 650px; LINE-HEIGHT: 1.5em; /*Vorsicht nur wegen Lupenfunktion gibts ein padding-top:10*/ PADDING-TOP: 10px; POSITION: relative; TOP: 0px; HEIGHT:80px; background-color: transparent; BACKGROUND-IMAGE: url(images/navi_bg_650.png); BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left; } .navmenu UL { PADDING-LEFT: 0em; FONT-SIZE: 12pt; font-weight:bold; MARGIN: 0px; LINE-HEIGHT: 2.9em; LIST-STYLE-TYPE: none; } .navmenu UL LI { DISPLAY: block; FLOAT: left; MARGIN: 0em; COLOR: #ffffff; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: center; border-right:thin solid #FFFFFF; } .navmenu UL LI A { DISPLAY: block; COLOR: #ffffff; TEXT-DECORATION: none; background-color:transparent;padding-left:20px;padding-right:20px; } .navmenu UL LI UL { DISPLAY: block; PADDING-LEFT: 0em; FONT-SIZE: 9pt; Z-INDEX: 16; LEFT: 0em; VISIBILITY: hidden; POSITION: absolute; TOP: 3.8em; background-color: transparent; BACKGROUND-IMAGE: url(images/back.png); -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6); width:150px; } .navmenu UL LI UL LI { DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; COLOR: #ffffff; TEXT-ALIGN: left; border-bottom:solid 1px #FFFFFF;height:30px;line-height:30px; /*border-right:none;*/ } .navmenu UL LI UL LI A { DISPLAY: block; COLOR: #ffffff; TEXT-DECORATION: none } .navmenu UL LI UL LI UL { DISPLAY: block; FONT-SIZE: 9pt; Z-INDEX: 14; LEFT: 150px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px } .navmenu UL LI UL LI UL LI { DISPLAY: none; PADDING-LEFT: FLOAT: none } .navmenu UL LI UL LI UL LI A { DISPLAY: block; COLOR: #ffffff; TEXT-DECORATION: none } .navmenu UL LI A:active { COLOR: #000000 } .navmenu UL LI A:focus { COLOR: #000000 } .navmenu UL LI A:hover { COLOR: #ffffff; BACKGROUND-IMAGE: url(images/hover.png); } .navmenu UL LI UL LI:active { COLOR: #000000 } .navmenu UL LI UL LI:focus { COLOR: #000000 } .navmenu UL LI UL LI A:hover { COLOR: #ffffff; BACKGROUND-COLOR: transparent; BACKGROUND-IMAGE: url(images/hover.png); } .navmenu UL LI:hover UL { VISIBILITY: visible } .navmenu UL LI UL LI:hover UL { VISIBILITY: visible } .navmenu UL LI UL LI:hover UL LI { DISPLAY: block; VISIBILITY: visible } #header{ background-image: url(images/header.gif); background-repeat:no-repeat;background-position:left top; position:relative; height:300px; } .Footer_ll{ text-align:left; background-image: url(images/footer_ll.png); position:relative; height:30px; margin-top:-25px; z-index:3; padding-bottom:20px; } .spiegel_pagename { position:absolute; z-index:1000; min-width:120px; background:#fff; border:1px dashed #666; text-align:left; padding:5px; min-height:1em; text-align:center; font-size:1.5em; color:#FFFFFF; padding-top:12px; border:#FFFFFF solid thin; height:30px; background-color:#000000; /* for IE */ filter:alpha(opacity=30); /* CSS3 standard */ opacity:0.3; margin-top:-240px; margin-left:600px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); } .spiegel_pagename .eck{ margin-top:5px; margin-left:10px; posoition:relative; width:15px; color:#000000; border:none; height:15px; background-color:#000000; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:1; -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); } #page a:hover:after{ position:absolute; z-index:1000; min-width:150px; background:#fff; border:1px dashed #666; text-align:left; text-decoration:none; padding:5px; min-height:1em; text-align:center; color:#FFFFFF; font-weight:bold; padding-top:10px; content: "Lesen Sie mehr" ; border:#FFFFFF solid thin; height:30px; background-color:#999999; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; margin-top:-55px; margin-left:-70px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); } #like{margin-left:30px;} #print{margin-left:55px;} .tweet_this{ float:right; margin-top:-20px; } .tweet_this a, .tweet_this img{ text-decoration:none; border:none; } .share_on{ float:right; margin-top:-15px; margin-right:90px; } .share_on a, .share_on img{ text-decoration:none; border:none; } .for_back_navig a:hover:after{ display:none; } #pagecontent > div.imagepro_float_right{ border:none; margin-top:-30px; } .weblogentrybody > div.imagepro_float_right{ border:none; margin-top:-5px; } #pagecontent{text-align:justify} .imagepro_float_right > span .ipro img{ margi-top:10px; }