/* @charset "utf-8"; */ /** * file : http://downtown.trilo.de/svn/daftaridev/trunk/htdocs/daftari/css/daftari.css * id : 20080902°2341 * version : 20150223°1451 (20141120°0331 20100822°1321 20081113°0401) * license : The MIT/X11 License * copyright : © 2008 - 2018 Norbert C. Maier (http://www.trilo.de) * authors : * encoding : UTF-8-with-BOM * status : Applicable * note : The following workarounds are applied: * (1) 'text-align:center' in the body makes tables center work in IE This must be * counteracted by 'text-align:left;' in p/li/.. tags then. (workaround 20090208°2301) * (2) Make tables centered in Firefox and Opera with 'margin-left:auto; margin-right:auto;' * (workaround 20110323°2141). See also ref 20150303°1631 * (3) IE does not understand max-width, so as a compromise we give it a width * The matter seems no really fixed, just mitigated. (workaround 20100822°1323) * (4) Workaround 20140128°1331 'monospace size'. * Monospace fonts are sized too small in some browsers. * See http://code.stephenmorley.org/html-and-css/fixing-browsers-broken-monospace-font-handling * (ref 20140128°1332). The fix is to use 'font-family:monospace,monospace; font-size:1em;' * note : * note : Checking this with http://csslint.net, with 'Disallow overqualified * elements' warning switched off yields 8 warnings. (20141028°1211) * note : Remember issue 20141028°1221 'LINT complains "too many font sizes"'. * ref : 20150303°1631 http://www.granneman.com/webdev/coding/css/centertables * ref : http://stackoverflow.com/questions/6107522/is-element-specific-css-selector-bad (20141028°1231) * ref : http://stackoverflow.com/questions/2091168/disable-a-link-using-css (20150223°1321) * note : */ /* --------------------------------------------------- */ /* (X) Provide custom font 'ComicJens' (seq 20140324°0731) */ /* note : Remember issue 20160611°0111 'something wrong with @font-face'. /* ref : Sequence after http://www.netzallee.de/extra/comic-jens (ws 20140324°0711) */ /* ref : Homepage https://www.kutilek.de/comic-jens/free (ws 20170306°0313) */ /* (X.1) Erst für IE, er kennt nur das EOT-Format */ @font-face { font-family: ComicJensWeb; /* src: url(http://fonts.netzallee.de/comicjens/comicjenspro-regular.eot); */ src: url(comicjenspro-regular.eot); } /* (X.2) Dann die TrueType-Datei für andere Browser */ @font-face { font-family: ComicJensWeb; /* src: url(http://fonts.netzallee.de/comicjens/comicjenspro-regular.ttf) format('opentype'); */ src: url(comicjenspro-regular.ttf) format('opentype'); } /* (X.3) Nun das neue WOFF-Format für Firefox */ @font-face { font-family: ComicJensWeb; /* src: url(http://fonts.netzallee.de/comicjens/comicjenspro-regular.woff) format('woff'); */ src: url(comicjenspro-regular.woff) format('woff'); } /* (X.4) Nun kann man die Schrift ganz normal per CSS ansprechen: */ /* body { font-family: ComicJensWeb, sans-serif; } */ /*--------------------------------------------------- */ /* basic body (seq 20080710°231102) (workaround 20090208°2301 'make tables center work in IE'). */ body { background-color:#fafafa; font-family:verdana,sans-serif; /* font-family:arial,helvetica,sans-serif; */ text-align:center; } /* rule 20080710°2311 */ /* some predefined body colors */ body.apps { background-color:#80ffb0; } /* rule 20111225°1531 squeak green */ body.BodyFaceGreenSqueakLight { background-color:#c0ffd0; } /* rule 20150303°1511 */ body.daftarix { background-color:Turquoise; } /* #40e0d0 rule 20140501°1051 */ body.BodyFaceAquamarine { background-color:Aquamarine; } /* #7fffd4 rule 20140128°0512 */ body.downtown { background-color:#eaeaea; } /* rule 20111225°1532 */ body.epslightsalmon { background-color:#ffd4f4; } /* rule 20111225°1521 LightSalmon */ body.epsinside { background-color:#80ffb0; } /* rule 20111225°1522 */ body.epsmediumpink { background-color:#f8c8e8; } /* rule 20111225°1523 MediumPink */ body.BodyFaceLavender { background-color:Lavender; } /* #e6e6fa */ /* rule 20140502°1911 */ body.BodyFaceLightgreen { background-color:#c0ffc0; } /* rule 20110424°0112 */ body.BodyFaceLightergreen { background-color:#d8ffd8; } /* rule 20120814°1551 */ body.BodyFaceNormal { background-color:#a4e4ec; } /* #d4d4d4; *//* rule 20170925°0321 */ body.BodyFaceTurkwoise { background-color:#a4e4ec; } /* rule 20111225°1524 */ body.BodyFaceTurkwoiseSky { background-color:#cceaf4; } /* rule 20150303°1511 */ body.BodyFaceWafailiGreen { background-color:#80ff80; } /* rule 20111225°1533 */ /* +++++++++++++++++ Chapter Panels +++++++++++++++++ */ /* note : IE does not understand max-width, so as a compromise, we apply the elements a width as well (after workaround 20100822°1323). */ div.ChapterFaceNormal { margin:0 auto; max-width:780px; width:84%; background-color:#fcfcfc; padding:0.9em; margin-top:0.9em; margin-bottom:1.1em; } /* #f8f8f8; (rule 20160617°0211) */ /* ref 20170306°0411 http://stackoverflow.com/questions/1250973/css-style-inheritance */ /* note : 'margin:0 auto;' seems wanted to have the div centered instead of leftside */ div.ChapterFaceDarker { margin:0 auto; max-width:780px; width:84%; background-color:#d8d8d8; padding:0.9em; margin-top:0.6em; margin-bottom:0.6em; } /* (rule 20170306°0351 inheriting 20160617°0211) */ div.ChapterFaceLogin { margin:0 auto; max-width:780px; width:84%; background-color:#f8f8f8; padding:0.9em; margin-top:0.6em; margin-bottom:0.6em; } /* (rule 20120827°0133 inheriting 20160617°0211) */ div.chapterapps { margin:0 auto; max-width:780px; width:80%; background-color:#f8f8f8; padding:0.9em; margin-top:1em; margin-bottom:3em; } /* (rule 20100822°1332) */ div.chapterlog { margin:0 auto; max-width:780px; width:80%; padding:1em; margin-top:1em; border:1px solid; } /* (rule 20100822°1334) */ div.cptwide { width:99%; } /* rule 20150209°1621 expand above class one */ div.chapterwide { margin:1em; padding:1em; background-color:#f8f8f8; } /* turquoise */ /* ELIMINATE? (20120827°0133) for Daftari Login Form only */ /* +++++++++++++++++ end Page Panels +++++++++++++++++ */ /* +++++++++++++++++ Globals +++++++++++++++++ */ /* (seq 20140302°0621 for workaround 20090208°2301) counteract 'text-align:center' for IE in body */ li { text-align:left; } /* (rule 20140302°0622) */ p { text-align:left; } /* (rule 20140302°0623) */ td { text-align:left; } /* (rule 20140302°0624) */ /* (seqence 20100826°2131) */ ol { text-indent:0.0; text-align:left; } /* (rule 20100826°2131) */ /* cssling.net tells not to use units with zero, so instead of '0.0em' use '0.0' */ ul { text-indent:0.0; text-align:left; } /* (rule 20100826°2132) */ li { margin-top:0.4em; margin-bottom:0.4em; } /* (rule 20100826°2133) */ /* (seq 20140302°0631 for workaround 20140128°1331 'monospace size' */ /* note : 'text-align:left' counteracts 'text-align:center' for IE in body (workaround 20090208°2301) */ pre { font-family:monospace,monospace; font-size:1.0em; text-align:left; padding:0.5em; } /* (rule 20090208°0511) */ tt { font-family:monospace,monospace; font-size:1.0em; } /* (rule 20140131°0911) note: tidy.exe complains as obsolete, so better use class="typewrite" */ /* +++++++++++++++++ end Globals +++++++++++++++++ */ /* spans et all */ /* paragraphs for navigation header (do not use 'p.topnavi1' but just '.topnavi1', otherwise LINT will complain 'overqualified' */ .topnavi1 { border-bottom:0px solid gray; padding-bottom:0; margin-top:0; margin-bottom:0; border-top:transparent; } /* (rule 20080711°0531) */ .topnavi2 { border-bottom:0px solid white; padding-bottom:0; margin-top:0; margin-bottom:0; font-size:0.88em; } /* (rule 20080711°0532) */ .topnavi3 { border-bottom:1px solid white; padding-bottom:0; margin-top:0; margin-bottom:0; font-size:0.77em; } /* (rule 20080711°0533) */ .topnavi4 { border-bottom:1px solid white; padding-bottom:0; margin-top:0; margin-bottom:0; font-size:0.77em; } /* (rule 20080711°0534) */ .topnavi5 { border-bottom:1px solid white; padding-bottom:0; margin-top:0; margin-bottom:0; font-size:0.77em; } /* (rule 20080711°0535) */ /* flag 20141117°1121 */ div.topNaviBox { border:1px solid white; padding:0.3em; } /* rule 20141129°0521 ELIMINATE-THIS */ div.TopNaviBox1Norm { border:1px solid white; padding:0.3em; } /* prototype in http://www.trekta.biz/svn/demoscs/trunk/htdocs/arrays.html */ div.TopNaviBox2Gray { border:1px solid white; padding:0.3em; background-color:#f8f8e0; } div.TopNaviBox3None { border:1px solid white; padding:0.3em; display:none; } .topNaviLine { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; } /* (rule 20141117°0511 (20080711°0531) */ .topNaviLineSmall { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; font-size:small; } /* rule 20150304°1111 */ td.topNaviArrows { text-align:left; width:136px; } /* 134px seems minimum */ /* rule 20150215°1711 (used e.g. with breadcrumbsmanu) */ p.topNaviArrowsBox { position:absolute; top:0.6em; right:0.6em; width:131px; height:25px; z-index:1; margin-top:0.1em; text-align:left; } /* rule 20141119°0431 */ /* rule set to eliminate */ a.topNaviLine { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; } /* ELIMINATE (rule 20141117°051202) */ a.topNaviLink { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; } /* ELIMINATE (rule 20141117°0512) */ /* rule set 20150302°1531 (three of them are used by daftari.js) */ /* This is meant for cakecrumbs */ a.topNaviLinkActive { color:Green; border:0.01em solid transparent; padding:0.1em; margin-bottom:0.1em; margin-top:0.1em; margin-right:0.2em; margin-left:0.2em; } /* (rule 20141117°0512) */ a.topNaviLinkChild { color:Green; border:0.1em solid transparent; padding:0.1em; margin:0.1em; } /* (rule 20150814°0751) */ a.topNaviLinkExtern { color:#98d898; /* ~PaleGreenGray */ border:0.01em solid transparent; padding:0.1em; margin-bottom:0.1em; margin-top:0.1em; margin-right:0.2em; margin-left:0.2em; padding-left:12px; background-image:url(./../js/img/20091221o152103.extern.png); background-position:left center; background-repeat:no-repeat;} /* (rule 20150302°1532) */ a.topNaviLinkGrandpa { color:Turquoise; border:0.1em solid transparent; padding:0.1em; margin-bottom:0.1em; margin-top:0.1em; margin-right:0.02em; margin-left:0.02em; font-size:0.88em; } /* (rule 20150814°0711) */ a.topNaviLinkPale { color:Lightgray; border:0.01em solid transparent; padding:0.01em; margin:0.01em; } /* (rule 20150221°0631) */ a.topNaviLinkParent { color:Green; border:0.1em solid transparent; padding:0.1em; margin-bottom:0.1em; margin-top:0.1em; margin-right:0.2em; margin-left:0.2em; font-weight:bold; } /* (rule 20150302°1533) */ a.topNaviLinkPending { color:LightGreen; border:0.1em solid transparent; padding:0.1em; margin-bottom:0.1em; margin-top:0.1em; margin-right:0.2em; margin-left:0.2em; font-style:italic; pointer-events:none; cursor:default; text-decoration:none; } /* (id20150302°1534) */ a.topNaviLinkSelf { color:Green; border:0.1em solid transparent; padding:0.1em; margin-bottom:0.1em; margin-top:0.1em; margin-right:0.2em; margin-left:0.2em; font-weight:bold; pointer-events:none; cursor:default; text-decoration:none; } /* (id20150302°1534) */ /* rule set 20150221°0621 'general more or less solid links' */ a.crumbActive { padding-left:0.25em; padding-right:0.25em; } /* (rule 20150221°0622) */ a.crumbPassive { color:#c8c8c8; padding-left:0.25em; padding-right:0.25em; } /* (rule 20150221°0623) */ a.crumbSelf { text-decoration:none; font-weight:bold; padding-left:0.25em; padding-right:0.25em; } /* (rule 20150221°0624) */ a.crumbuncle { color:#c0c0c0; } /* (rule 20100828.1423) ELIMINATE THIS? */ /* rule set 20150304°1211 */ /* note : Use z-index=1 to garantee priority over e.g. matrixPoleRight with z-index=0. */ p.topLogoRightPlain { clear:right; } /* rule 20150304°1212 */ p.topLogoRightPlain canvas { float:right; } /* rule 20150304°1213 */ p.topLogoRightPlain img { float:right; } /* rule 20150304°1214 */ p.topLogoRight { text-align:right; float:right; z-index:1; } /* ELIMINATE */ /* rule 20150304°121602 */ p.topLogoRightZind1 { text-align:right; float:right; z-index:1; } /* ELIMINATE */ /* rule 20150304°1216 */ /* above rules are for before the chapter div, below are rules for inside the chapter div */ /* general header cascade */ h1 { text-align:center; color:#0000f0; font-size:2.10em; } /* (rule 20080711°0511) */ h2 { text-align:center; color:#3000c0; font-size:1.85em; } /* (rule 20080711°0512) */ h3 { text-align:center; color:#600090; font-size:1.60em; } /* (rule 20080711°0513) */ h4 { text-align:center; color:#900060; font-size:1.35em; } /* (rule 20080711°0514) */ /* rule set 20080711°0521 */ /* classes 'toptitlecrumbs' and 'toptitle' are one pair -- ELIMINATE_THIS */ h1.toptitle { margin-top:0.2em; } /* (rule 20080711°0522) ELIMINATE_THIS */ p.toptitlecrumbs { color:#0000f0; font-size:1.20em; margin-bottom:0.2em; margin-top:0.2em; text-align:center; } /* (rule 20080711°0523) */ /* rule set 20150321°0431 ELIMINATE_THIS in favour of 20150313°1411 */ h1.topTitleCaption { margin-top:0.2em; } /* (rule 20171226°1041) */ p.topTitleCrumbs { text-align:center; font-size:1.20em; margin-bottom:0.2em; margin-top:0.2em; } /* (rule 20150321°0432 after 20080711°0523) */ p.topTitleCrumbs > a { color:Green; margin-left:0.6em; margin-right:0.6em; } /* rule 20150321°0433 */ p.topTitleCrumbs > span > a { color:Green; margin-left:0.6em; margin-right:0.6em; } /* rule 20150321°0434 */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* rule set 20150313°1411 */ /* The box holds three elements (1) div for logo (2) p for breadcrumbs, (3) h1 for title */ /* note : Reference chapters for this rule is e.g. Thr_0800.html */ /* note 20150313°141102 : Curiously, without the 'border:1px solid', the image will */ /* not position top right but bottom right! (e.g. chapter Software Comp.html) */ div.topTitleBox > p { color:Green; font-size:large; margin-bottom:0.2em; margin-top:0.2em; text-align:center; } /* rule 20150313°1416 */ div.topTitleBox > p > a { color:Green; font-size:large; margin-bottom:0.2em; margin-top:0.2em; text-align:center; } /* rule 20150313°141602 */ div.topTitleBox > p > span > a { color:Green; font-size:large; margin-bottom:0.2em; margin-top:0.2em; text-align:center; } /* rule 20150313°141603 */ div.topTitleBox > div > img { float:right; padding:2px; } /* fallback for img */ /* rule 20150313°1413 */ div.topTitleBox > div > canvas { float:right; padding:2px; border:1px solid LightGray; } /* rule 20150320°0432 */ div.topTitleBox > h1 { color:Blue; /* color:#0000f0; */ } /* rule 20150313°1417 */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* rules for manual breadcrumbs like in features.html (note 20150211°1433) */ p.breadcrumbscentered { text-align:center;margin-top:0.1em; } /* rule 20150211°1411 */ p.breadcrumbsmanu1 { font-size:100%; margin-bottom:0.1em; margin-top:-0.1em; border:1px; } /* border:1px solid lightgray; */ /* rule 20150211°1431 breadcrumbs.html */ p.breadcrumbsmanu2 { font-size:87%; margin-bottom:0.1em; margin-top:0.1em; } /* border:1px solid lightgray; */ /* rule 20150211°1432 breadcrumbs.html */ p.breadcrumbsmanu3 { font-size:87%; margin-bottom:0.1em; margin-top:0.1em; border-top:1px dashed Gray; } /* border:1px solid lightgray; */ /* rule 20150211°1432 breadcrumbs.html */ /* id 20150209°0821 page header line for fileprotocol views, can be manually filled or from js */ div.toptitlecrumstatic { /* outline:1px solid invert; */ background-color:PaleGreen; /* */ font-family: ComicJensWeb, Arial; /* always watch whether the font is working */ font-size:83%; margin:2px; padding:2px; text-align:left; } /* id 20150814°1141 (20150209°0821) different background */ div.toptitlecrumbstatic_epsmediumpink { background-color:#f8c8e8; /* epsmediumpink */ border:2px solid HotPink; } /* +++++++++++++++ Simple Rules +++++++++++++++ */ /* This are for ubiquitous formats like spans and characters. */ /* Flashy monospace with workaround 20140128°1331 applied */ .attention { font-family:monospace,monospace; font-weight:bold; color:Crimson; font-size:1.20em; } /* (rule 20100826°2101) */ .attentionSmall { font-family:monospace,monospace; font-weight:bold; color:Crimson; font-size:0.9em; } /* (rule 20100826°2102) */ /* note : Padding is not 0.1em but 0.9 em, otherwise e.g. an underline in the line above will be covered means invisible (20140209°0551) */ .code { font-family:monospace,monospace; font-size:1.00em; padding:0.09em; background:#fff0f0; } /* (rule 20140128°1331) (after http://code.stephenmorley.org/html-and-css/fixing-browsers-broken-monospace-font-handling 20140128°1332) */ .codesmall { font-family:monospace,monospace; font-size:0.88em; padding:0.09em; background:#fff0f0; } /* (rule 20140128°1332) */ .codetiny { font-family:monospace,monospace; font-size:0.77em; padding:0.09em; background:#fff0f0; } /* (rule 20140128°1333) */ .codemicro { font-family:monospace,monospace; font-size:0.66em; padding:0.09em; background:#fff0f0; } /* (rule 20140128°1334) */ /* seq shutdown 20180330°0624 because it is redundant with above rule 20090208°0511 */ /* note : 'text-align:left' counteracts 'text-align:center' for IE in body (workaround 20090208°2301) */ /* pre.code { font-family:monospace,monospace; font-size:1.00em; text-align:left; padding:0.5em; background:#fff0f0; } */ /* (rule 20090208°0512) - #ffe8ff; */ /* pre.codesmall { font-family:monospace,monospace; font-size:0.88em; text-align:left; padding:0.5em; background:#fff0f0; } */ /* (rule 20090208°0513) - #ffe8ff; */ /* pre.codetiny { font-family:monospace,monospace; font-size:0.77em; text-align:left; padding:0.5em; background:#fff0f0; } */ /* (rule 20090208°0514) - #ffe8ff; */ /* pre.codemicro { font-family:monospace,monospace; font-size:0.66em; text-align:left; padding:0.5em; background:#fff0f0; } */ /* (rule 20090208°0515) - #ffe8ff; */ /* rule set 20150321°0341 general font properties */ .fontLarge { font-size:large; } /* 20150321°0342 */ .fontLargeBold { font-size:large; font-weight:bold; } /* 20150321°0343 */ .fontLargest { font-size:x-large; } /* 20150321°0344 */ .fontLargestBold { font-size:x-large; font-weight:bold; } /* 20150321°0345 */ .fontSmall { font-size:small; } /* 20150321°0346 */ .fontSmallest { font-size:x-small; } /* 20150321°0347 */ /* ruleset 20160516°0253 (shall replace 'spans inside paragraphs' */ .hrefSmall { font-size:small; } /* rule 20160516°0254 */ .hrefSmaller { font-size:x-small; } /* rule 20160516°0255 */ .hrefSmallest { font-size:xx-small; } /* rule 20160516°0256 */ /* rule 20150209°1351 e.g. for obsolete paragraphs, which shall be shifted to the archives */ .invisible { display:none; } /* OBSOLET for spans inside paragraphs (shall be replaced by 20160516°0253) */ .linksmaller { font-size:0.88em; } /* ERADICATE */ /* in flowtext, long links are too long, make them more unobtrusive (rule 20110902°184102) */ a.linkSmaller { font-size:0.88em; } /* in flowtext, long links are too long, make them more unobtrusive (rule 20110902°1841) */ /* rule 20170306°0441 */ /* span.linkCpt { font-family:arial,helvetica,sans-serif; } */ span.linkCpt { /* font-family:Times, "Times New Roman", Georgia, serif; */ } /* links to empty chapters */ .NotYetFilled { color:LightGray; } /* (rule 20141124°1731) */ a.NotYetFilled { color:LightGray; } /* (rule 20141119°1313) */ .Outcommented { color:LightGray; font-style:italic; } /* color:Gainsboro; */ /* (rule 20141116°0912) note : May already exists in other file */ a.Outcommented { color:LightGray; font-style:italic; } /* (rule 20141116°0913) */ .OutcommentedPale { color:#e8e8e8; font-style:italic; } /* (rule 20141116°0921) */ a.OutcommentedPale { color:#e8e8e8; font-style:italic; } /* (rule 20141116°0922) */ .OutcommentedSolid { color:Gray; font-style:italic; } /* (rule 20141116°0931) */ a.OutcommentedSolid { color:Gray; font-style:italic; } /* (rule 20141116°0932) */ .phraseBelowIs { color:DarkCyan; font-size:0.83em; } /* Blue (rule 20170306°0332) */ .phraseReferTo { color:DeepSkyBlue; font-size:0.83em; } /* SlateBlue (rule 20170306°0331) */ .qnaanswer { text-indent:1em; color:#004040; margin-top:0; } /* OBSOLET 20170306°0321 */ /* (rule 20100826°212302) */ .qnaquestion { color:#006000; margin-bottom:0; font-weight:bold; } /* OBSOLET 20170306°0322 */ /* (rule 20100826°212202) */ .qnaQuestion { color:#006000; margin-bottom:0; font-weight:bold; } /* (rule 20100826°2122) */ .qnaAnswer { text-indent:1em; color:#004040; margin-top:0; } /* (rule 20100826°2123) */ .timestamp { color:PowderBlue; font-size:x-small; font-family: ComicJensWeb, sans-serif; } /* PowderBlue Turquoise */ /* (rule 20100826°2121) */ .todo { color:Red; font-size:0.77em; } /* (rule 20110924°1321) */ /* Replacements for '', which tidy.exe complains as obsolet. Has applied workaround 20140128°1331 'Monospace size' */ .typewrite { font-family:monospace,monospace; font-size:1.00em; padding-left:0.2em; padding-right:0.2em; } /* rule 20140217°061102 REPLACE THIS */ .FontTypewrite { font-family:monospace,monospace; font-size:1.00em; padding-left:0.2em; padding-right:0.2em; } /* after 20140217°061103 REPLACE THIS ) */ .fontTypewrite { font-family:monospace,monospace; padding-left:0.2em; padding-right:0.2em; } /* rule 20140217°0611 */ .fontTypewriteSmall { font-family:monospace,monospace; font-size:small; padding-left:0.2em; padding-right:0.2em; } /* rule 20140217°0612 */ .fontTypewriteMedium { font-family:monospace,monospace; font-size:medium; padding-left:0.2em; padding-right:0.2em; } /* rule 20140217°0613 */ .fontTypewriteLarge { font-family:monospace,monospace; font-size:large; padding-left:0.2em; padding-right:0.2em; } /* rule 20140217°0614 */ .ttyFilename { font-family:monospace,monospace; font-size:1.10em; padding-left:0.2em; padding-right:0.2em; } /* (rule 20150304°1411) */ .ttySmall { font-family:monospace,monospace; font-size:small; padding-left:0.2em; padding-right:0.2em; } /* (rule 20150304°1412) */ .ttyLogEntry { color:Green; font-size:small; } /* behind bye, Green like in the faq */ /* 20150304°1421 recoverd from 'typewrite-logentry'*/ /* +++++++++++++++ end Simple Rules +++++++++++++++ */ /* rule 20150318°0511 after 20100826°2121 and 20150313°1421 */ /* summary : This style shall provide an unobtrusive timestamp display. */ /* todo 20150318°0521 : Provide this class via JS as bubble.. */ /* todo 20150318°0531 : On mouseover switch font to size large. */ .stampTimestampBlock { /* fontstyle 20100826°2121 */ color:Turquoise; font-size:xx-small; font-family: ComicJensWeb, sans-serif; /* compress 20150313°1421 (This does not work with IE8.) */ /* span.loFontStretch { */ display:inline-block; transform:scale(0.11,1); /* W3C */ -webkit-transform:scale(0.11,1); /* Safari and Chrome */ -moz-transform:scale(0.11,1); /* Firefox */ -ms-transform:scale(0.11,1); /* IE9 */ -o-transform:scale(0.11,1); /* Opera */ } /* ********************************************************* */ /* specific flowtext paragraphs */ /* ********************************************************* */ /* (block 20100826°2113) usage e.g. :

*/ p.image { text-align:center; color:Blue; } /* ELIMINATE in favour of 'imagecenter' (rule 20100826°211102) */ p.imagecenter { text-align:center; color:Green; } /* ELIMINATE in favour of 'imageCenter' (rule 20100826°211103) */ p.imageCenter { text-align:center; margin-left:auto; margin-right:auto; color:Green; } /* (rule 20100826°2111) */ p.pictureCenter { text-align:center; margin-left:auto; margin-right:auto; color:Green; } /* (rule 20100826°2111) */ p.pictureSelf { text-align:center; text-indent:1em; color:DarkGreen; margin-bottom:0; } /* (rule 20080711°0541) */ p.pictureSub { text-align:center; text-indent:1em; margin-top:0; } /* (rule 20080711°0542) */ p.session { text-align:right; font-size:0.77em; font-style:italic; color:#808080; } /* (rule 20100826°2112) */ p.textfileobject { background-color:#fefefe; margin-left:6%; margin-right:6%; width:100%; } /* (rule 20080711°0621) only for active-x textfile include */ p.ParaSmallGreen { font-size:0.77em; color:DarkGreen; } /* rule 20160611o0231 after obsolete style 'notez' */ p.answer { text-indent:1em; margin-top:0; } /* (rule 20080711°0552) */ p.question { text-indent:1em; color:#00B000; margin-bottom:0; } /* (rule 20080711°0551) */ p.phperror { background-color:Red; font-size:1.35em; font-weight:bold; padding:0.6em; } /* for php echo lines in Daftari debug mode (rule 20111002°1951) */ /* footer paragraphs (rule set 20150211°0511) */ p.goodbye { font-family: ComicJensWeb, sans-serif; margin-top:2.1em; font-size:small; clear:both; } /* (rule 20080710°2314) */ p.footerUpdate { color:Green; font-size:small; margin-bottom:-4.0em; margin-left:1.1em; margin-top:2.7em; text-align:left; font-family:ComicJensWeb, sans-serif; } /* rule 20180511°1541 optional */ p.footerImprint { color:#808080; font-size:small; margin-bottom:-0.4em; margin-right:1.9em; margin-top:2.4em; text-align:right; } /* (rule 20080710°2313) */ p.imprint { color:#808080; font-size:0.77em; margin-bottom:0.1em; margin-right:1.1em; margin-top:2.4em; text-align:right; } /* (rule 20080710°231302) */ p.footerImprint a { color:#505050; } /* (rule 20141129°0511) */ p.imprint a { color:#505050; } /* (rule 20141129°051102) */ p.footer { border-top:1px solid; color:#505050; font-size:small; margin-bottom:1.6em; padding-top:0.2em; } /* (rule 20080710°2312) */ span.footerCopy { margin-left:0.6em; } /* ELIMINATE (rule 20141116°051202) */ span.footerCopyright { margin-left:0.6em; } /* (rule 20141116°0512) */ span.footerFile { margin-left:0.6em; } /* ELIMINATE (rule 20141116°051102) */ span.footerFileUrl { margin-left:0.6em; } /* (rule 20141116°0511) */ span.footerFileUrl a { color:#505050; } /* (rule 20141129°0512) */ /* span.footerImprint { margin-top:-1.6em; margin-left:0.6em; } */ /* (rule 20150211°0512) */ span.footerLastUpdate { font-family:ComicJensWeb, sans-serif; font-size:1.11em; margin-left:1.1em; margin-right:1.1em; color:green; } /* (rule 20150210°1611) */ span.footerLicense { margin-left:0.6em; } /* (rule 20150211°0513) */ span.footerLicense a { color:#505050; } /* (rule 20150211°0514) */ span.footerTimst { font-family: ComicJensWeb, sans-serif; font-size:0.77em; margin-left:0.9em; } /* ELIMINATE (rule 20141116°051302) */ span.footerTimestamp { font-family: ComicJensWeb, sans-serif; font-size:0.77em; margin-left:0.9em; } /* (rule 20141116°0513) */ span.footerVersions { display:none; font-size:small; margin-left:0.9em; } /* (rule 20150409°1921) */ /* ********************************************************* */ /* table appearances /* ********************************************************* */ /* note : Make tables centered in Firefox and Opera with */ /* "margin-left:auto; margin-right:auto;" (sequence 20110323°2141) */ table.folien { margin-left:auto; margin-right:auto; border:10px solid red; } /* (rule 20110323°2151) */ table.reposprofile { margin-left:1%; margin-right:auto; border-collapse:collapse; } /* (rule 20110323°2152) */ table.zenter { margin-left:auto; margin-right:auto; border-collapse:collapse; } /* (rule 20110323°2153) table for a block with links */ table.zenter80p { width:80%; margin-left:10%; margin-right:10%; border-collapse:collapse; border:0; } /* (rule 20110323°2154) two-column-table for a block with links, pretty similar to the chapters-table */ table.summary { margin-left:1%; margin-right:auto; border-collapse:collapse; } /* (rule 20140503°0351) e.g. /daftari/index.html */ table.box { border-collapse:collapse; width:80%; margin-bottom:0.6em; } /* (rule 20100826°2141) */ td.box { border-width:1px; border-color:#a0a0a0; border-style:solid; } /* (rule 20100826°2142) */ caption.box { border-width:1px; border-color:#a0a0a0; border-style:solid; } /* (rule 20100826°2143) */ /* rule set 20140726°1131 for link lists being bulleted with logos */ /* usage prototype on page 20170924°0911 http://www.trekta.biz/svn/demosps/trunk/pages/links.html */ p.iconFloatLeft { clear:left; margin-left:48px; text-align:left; padding:0.1em; } /* rule 20140726°1132 */ p.iconFloatLeft img { float:left; margin:0 20px 20px 0; margin-left:-56px; } /* rule 20140726°1133 */ p.iconFloatLeft canvas { float:left; margin:0 20px 20px 0; margin-left:-56px; } /* rule 20140726°1134 */ /* (feature 20150223°1921) Link lists with icons on the left, working equally with ordinary images and with CanvasGear */ /* note : See CanvasGear issue 20150223°1821 'canvas inside paragraph does not work with IE' */ /* todo 20150223°1923 : Make a div containing the both of them, working like columns, without hardcoding the icon width here. */ div.iconFloatLeft { float:left; padding:0.4em; } /* border:1px solid gray; */ /* (rule 20150223°1841) */ p.iconFloatLeft2 { margin-left:4em; padding:0.4em; } /* border:1px solid gray; */ /* rule 20150223°1922 */ /* sequence 20160109°1211 for prototype see http://www.trekta.biz/svn/demoscs/trunk/htdocs/books.html */ div.iconFloatLeftBook { float:left; margin-bottom:0.3em; margin-top:0.3em; padding:0.3em; width:99%; background-color:#d0fff4; } /* border:1px solid gray; */ /* (rule 20150223°1841) */ div.iconFloatLeftBook p { float:left; padding-right:0.4em; } /* rule 20160108°0122 */ div.iconFloatLeftBook ul li { list-style-type:none; } /* rule 20160108°0121 */ span.iconFloatLeftBookColheader { font-family:monospace,monospace; font-size:0.77em; padding-right:0.1em; color:Maroon; } /* (rule 20160109°1111 20140217°0611) */ /* rule set 20150317°0751 'provide div for reference with icon' */ /* used e.g. in Thr_0800.html */ div.listIconFloatLeft1 { float:left; padding:0.4em; } div.listIconFloatLeft1 > img { float:left; margin:1px 20px 20px 1px; } /* top right bottom left*/ div.listIconFloatLeft1 > a > img { float:left; margin:1px 20px 20px 1px; } /* top right bottom left*/ div.listIconFloatLeft1 > p { margin-left:48px; text-align:left; /* background-color:Pink; */ } /* rule set 20150317°0811 'provide p for reference with icon' */ /* note : A paragraph seems easiest for this purpose, but then a div is more universal */ p.listIconFloatLeft2 { padding:0.4em; background-color:Pink; } p.listIconFloatLeft2 > img { float:left; margin:1px 20px 20px 1px; } /* top right bottom left*/ p.listIconFloatLeft2 > a > img { float:left; margin:1px 20px 20px 1px; } /* top right bottom left*/ /* * For the Tigra Tree Menu, a class for 'td' seems not work. The table generator seems * not to transport any style. So just keep the plain td suitable for the Tigra Tree Menue! */ /* td { text-align:left; vertical-align:top; border:1px solid lightgray; padding:0.2em; } */ /* (rule 20111227°0125) */ td { text-align:left; vertical-align:top; padding:0.2em; } /* (rule 20111227°0125) */ td.treemenu { text-align:left; vertical-align:top; border:0; padding:0; font-size:11px; font-family:Tahoma,Verdana; } /* counteract default borders (rule 20120826°1222) */ /* becomes superfluous after we made the default td with a border (rule 20081109°2301) */ td.normal { vertical-align:top; border:1px solid gray; padding:0.4em; } td.folie { text-align:center; border:0; padding:0.4em; } /* (rule 20080711°0633) */ td.linklogo { padding:0.6em; vertical-align:top; background:#e0ffff; border-bottom:0.1em solid #fafafa; } /* (rule 20080711°0641) */ /* td.linkkUrl { padding:0.6em; vertical-align:top; width:40%; background:#e0ffff; border-bottom:0.4em solid #fafafa; } */ /* ELIMINATE THIS - have link tables only with three columns */ /* (rule 20080711°0642) */ td.linkdescr { padding:0.6em; vertical-align:top; background:#e0ffff; border-bottom:0.1em solid #fafafa; } /* (rule 20080711°0643) */ td.linkstatus { padding:0.6em; vertical-align:top; background:#e0ffff; border-bottom:0.1em solid #fafafa; } /* (rule 20080711°0644) */ td.zenter { text-align:center; vertical-align:top; border:1px solid gray; padding:0.4em; } /* (rule 20080711°0631) */ td.zenternoborder { text-align:center; vertical-align:top; border:0; padding:0.4em; padding-bottom:2em; } /* (rule 20080711°0632) */ /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* Styles for listing subchapters, typically used on those subchapters frontpage */ /* ruleset 20160515°0351 for the prototype usage see id19110203o0141 in */ /* http://downtown.trilo.de/svn/app.gipsydrive/trunk/pages/editors.html */ /* note : This shall replace the other chapter-list rulesets */ div.chaptersList { /* background-color:#eef; */ } /* #ddf; #dfd */ /* rule 20160515°0352 */ /* div.chaptersList p:first-child { */ /* Pink */ /* rule 20160515°0353 */ div.chaptersList h2 { /* Pink */ /* rule 20160515°0354 */ float:left; font-size:1.5em; color:DarkViolet; font-weight: bold; /* width:46%; */ width:33%; background-color:Transparent; /* LightGray Transparent */ text-align:right; padding-right:0.6em; line-height:0.1em; } div.chaptersList p { /* color:DarkGreen; */ background-color:Transparent; padding-top:0.9em; } /* border:1px solid gray; DarkGreen Lavender */ /* rule 20160515°0355 */ div.chaptersListClear { clear:left; } /* rule 20160515°0356 */ /* ruleset 20170306°2021 (after 20160515°0351 chaptersList) */ /* This rule must be applied once for each subchapter */ /* note : For the prototype usage see id20170306o2121 in */ /* http://downtown.trilo.de/svn/daftaridev/trunk/htdocs/daftari/help/styles.html */ div.subchaps3Panel { border:1px solid Transparent; margin-left:3%; margin-right:3%; } /* #ddf; #dfd */ /* rule 20170306°2022 (after 20160515°0352) */ div.subchaps3Entry { background-color:Transparent; border:1px solid Transparent; } /* #eef #ddf #dfd */ /* rule 20170306°2022 (after 20160515°0352) */ div.subchaps3Entry img { float:left; width:111px; padding:0.1em; } /* rule 20170306°2023 */ div.subchaps3Entry h2 { /* Pink */ /* rule 20170306°2024 (after 20160515°0354) */ float:left; font-size:1.4em; color:DarkViolet; font-weight: bold; width:32%; background-color:Transparent; /* Transparent LightGray */ text-align:right; padding-right:0.6em; margin-top:0.2em; /* line-height:1.2em; */ } div.subchaps3Entry p { color:DarkGreen; background-color:Transparent; } /* DarkGreen Lavender */ /* rule 20170306°2025 (after 20160515°0355) */ div.subchaps3Clear { clear:both; } /* rule 20170306°2026 (after 20160515°0356) */ /* rule set 20180511°0231 */ div.Subchaps2List { padding-top:1.3em; } /* rule 20180511°0232 */ div.Subchaps2List > div { border:1px solid transparent; clear:both; } /* rule 20180511°0233 */ /* orange transparent */ div.Subchaps2List > div > h2 { float:left; width:44%; margin-top:-0.3em; padding-right:0.6em; text-align:right; font-size:1.4em; } /* rule 20180511°0234 */ div.Subchaps2List > div > h2 > img { float:left; } /* rule 20180511°0235 */ div.Subchaps2List > div > h2 > a { display:block; margin-top:-0.1em; } /* rule 20180511°0236 */ div.Subchaps2List > div > p { margin-top:-0.1em; } /* rule 20180511°0237 */ div.Subchaps2List > div > ul { display:block; margin-left:44%; } /* rule 20180511°0238 used on page 20170306°1711 http://localhost/work/downtown/wakati/trunk/pages/index.html */ /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* (rule set 20150302°1221) e.g. for the DemoMatrix book reference tables */ table.tblBookReference { font-family:monospace,monospace; font-size:91%; border-collapse:collapse; margin-bottom:1.9em; } /* rule 20150302°1222 */ table.tblBookReference td { padding-top:0; padding-bottom:0; } /* rule 20150302°1223 */ /* new style names (20141115°1741) */ table.subchapsTable { margin-left:5%; margin-right:5%; border:1px;} /* (rule 20080711°0711) */ td.subchapsTabTitle { font-size:1.35em; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } /* (rule 20080711°0712) */ td.subchapsTabText { border:40px red; padding:0.7em; vertical-align:top; } /* (rule 20080711°0715) */ td.subchapsTabLogo { border:40px transparent; text-align:center; vertical-align:top; padding-top:0.7em; } /* (rule 20080711°0716) */ /* 20141117°0513 */ td.subchapsCol1Title { font-size:1.35em; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } /* (rule 20080711°0712) */ td.subchapsCol2Logo { border:40px transparent; text-align:center; vertical-align:top; padding-top:0.7em; } /* (rule 20080711°0716) */ td.subchapsCol3Text { border:40px red; padding:0.7em; vertical-align:top; } /* (rule 20080711°0715) */ /* flag 20141117°1611 singular names */ table.subchapTable { margin-left:5%; margin-right:5%; border:1px;} /* (rule 20080711°0711) */ td.subchapCol1Title { font-size:1.35em; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } /* (rule 20080711°0712) */ a.subchapCol1Title { font-size:1.35em; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } /* rule 20141117°1621 (20080711°0712) */ td.subchapCol2Logo { border:40px transparent; text-align:center; vertical-align:top; padding-top:0.7em; } /* (rule 20080711°0716) */ td.subchapCol3Text { border:40px red; padding:0.7em; vertical-align:top; } /* (rule 20080711°0715) */ /* set 20141115°1742 old names, eliminate this block */ table.chapters { margin-left:5%; margin-right:5%; border:0;} /* (rule 20080711°0711) */ /* td.chapter { font-size:1.35em; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } */ /* (rule 20080711°0712) OBSOLET */ td.chaptertitle { font-size:1.35em; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } /* (rule 20080711°0712) */ td.chaptertext { border:40px red; padding:0.7em; vertical-align:top; } /* (rule 20080711°0715) */ td.chapterlogo { border:40px transparent; text-align:center; vertical-align:top; padding-top:0.7em; } /* (rule 20080711°0716) */ /* set 20170901°1431 new names */ table.CptTblChapters { margin-left:5%; margin-right:5%; border:0;} /* (rule 20080711°0711) */ td.CptTblCellLogo { border:40px transparent; text-align:center; vertical-align:top; padding-top:0.7em; } /* (rule 20080711°0716) */ td.CptTblCellTitle { font-size:1.35em; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } /* (rule 20080711°0712) */ td.CptTblCellText { border:40px red; padding:0.7em; vertical-align:top; } /* (rule 20080711°0715) */ /* rule set 20150213°0311 for div controlled chapter overview */ /* This is a prototypical sequence for experiments while switching from tables to divs */ p.chapTab1Chapter { float:left; font-size:155%; margin:0.6em 0.6em 0.6em 1.6em; width:7em; } /* rule 20150213°0312 */ p.chapTab2Summary { margin:0.6em 0.6em 0.6em 0.6em; } /* rule 20150213°0313 */ div.chapTab1Chapter { float:left; font-size:155%; margin:0.6em 0.6em 0.6em 1.6em; width:7em; background-color:Yellow; } /* rule 20151118°0331 experimentally used in file 20151114°1011 cpp3072*/ div.chapTab2Summary { margin:0.6em 0.6em 0.6em 0.6em; overflow: hidden; } /* rule 20151118°0332 experimentally used in file 20151114°1011 cpp3072*/ p.chapTab3Clear { clear:left; } /* rule 20150213°0314 °/ /*---------------------------------------------------------- */ /* (rule 20121111°1911) e.g. for the Daftari Help Page */ hr.fatturquoise { color:#b0f8f0; border:0.2em solid; margin-top:0.7em; margin-bottom:0.9em; } /** * Links */ /** * title : 'link-with-target-blank' (rule 20120725°1151) * ref : http://www.peterkroener.de/links-mit-target_blank-gesondert-markieren (20120725°1141) * note : This style eliminates the need for class 'extern', the target * attribute in the link is sufficient. But it is complained 'slow' by LINT. * note : Find out, whether it is slow only if really used on a page, * or even if it just exists in the stylesheet here. */ a[target^="_blank"] { padding-left:11px; background-image:url(./../img/20141115o1731.extern.png); background-position:left center; background-repeat:no-repeat; color:DarkViolet; /* background-color:#ffffa0; */ } a[target^="_blank"]:hover { /* (rule 20120725°1152) */ background-color:Yellow; /* #ffd0a0 */ /* background-color:LightPink; */ /* #ffb6c1 */ } /** * rule 20100315°1943 'extern link with icon' */ a.extern { padding-left:12px; background-image:url(./../js/img/20091221o152103.extern.png); background-position:left center; background-repeat:no-repeat; } /* extern link without icon (rule 20100315°1944) */ a.extern:hover { background-color:LemonChiffon; /* fffacd */ } /* ruleset 20160516°0313 ELIMINATE-THIS */ /* rule 20160516°0314 (20100315°1943) decorate externall link with icon */ a.hrefExtern { padding-left:12px; background-image:url(./../js/img/20091221o152103.extern.png); background-position:left center; background-repeat:no-repeat; } /* rule 20160516°0315 (20100315°1944) ELIMINATE-THIS */ a.hrefExtern:hover { background-color:PaleTurquoise; /* LemonChiffon LightCyan PaleTurquoise */ } /* ruleset 20150326°0311 for idiom 20150308°0951 */ /* usage prototype on page 20150302°1511 http://www.trekta.biz/svn/demoscs/trunk/htdocs/books.html */ /* experiment 20180428°0311 on http://www.trekta.biz/svn/demoshtml/trunk/pages/characters.html */ p.pageMark { clear:both; float:right; margin-bottom:-0.9em; margin-top:-0.9em; padding-right:1.6em; } /* (rule 20150326°0312) */ p.pageMark > a { color:SkyBlue; font-family: ComicJensWeb, sans-serif; text-decoration:none; } /* SkyBlue PowderBlue Moccasin (rule 20150326°0313) */ /* ELIMINATE? (rule 20111012°1221) in demos.html */ a.noborder img { border:none; } /* rule 20150303°1611 this is to remove the blue borders in IE8 */ a img.imgNoBorder { border:0; } a.extern2:hover { background-color:#ffd0d0; } /* (rule 20100325°1741) */ a.intern:hover { background-color:LightGreen; } /* (rule 20100325°1742) */ /* --------------------------------------------- */ /* ruleset 20100923°1101 */ p.onthispage { text-align:center; color:#0000f0; border: solid lightgray 2px; } /* (rule 20100923°1102) */ p.onthispage > a { color:Maroon; margin-left:0.3em; margin-right:0.3em; } /* (rule 20100923°1103) */ /* alternative for normal h1 header lines (rule 20101104°1611) */ p.headerbar { border-bottom:0; border-top:0; margin-top:0; margin-bottom:0; padding-top:.9em; padding-bottom:0.9em; background-color:#a4e4ec; text-align:center; font-size:1.75em; font-weight:bold; color:Blue; } div.headerbar { border-bottom:0; border-top:0; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; background-color:#c4f8fc; text-align:center; } /* rule 20140712°2011 */ /* ##################################################### */ table.topNaviTable { width:100%; margin:0.3em; } /* (20150304°1141) prototypical in Downtown */ table.breadcrumbs { width:100%; margin:0.3em; font-size:118%; } /* ELIMINATE (20120827°0135) for Daftari Login Form */ table.topNaviTableBig { width:100%; margin:0.3em; font-size:118%; } /* (20120827°0135) for Daftari Login Form */ td.login { border:none; } /* (20120827°0136) for Daftari Login Form */ /* ------------------------------------ * Styles for the Page Menu and the Element Menus (seq 20110810°1611) * ref 20110810°1542 : http://javascript-array.com/scripts/simple_drop_down_menu * only much simplyfied, most definitions there are no more wanted here * ------------------------------------ */ #sddm { margin: 0; padding: 0; z-index: 30; } /* #sddm li { margin: 0; padding: 0; list-style: none; float: left; font: bold 11px arial; } */ /* #sddm li a { display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 60px; background: #5970B2; color: #FFF; text-align: center; text-decoration: none; } */ /* #sddm li a:hover { background: #49A3FF } */ #sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2; } #sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #EAEBD8; color: #2875DE; font: 11px arial; } #sddm div a:hover { background: #49A3FF; color: #FFF; } /** The lingos styles (seq 20110810°1612) note : This rules are wanted be written here just to avoid NetBeans complaining 'class not found'. Otherwise, this styles are maintained by Daftari JavaScript. */ .langeng { } /* color:Green; */ .langara { } .langchi { } .langcze { } .langdan { } .langfin { } .langfre { } /* color:Red; */ .langger { } /* color:Blue; */ .langgre { } .langhin { } .langita { } .langjpn { } .langnep { } .langpol { } .langrus { } /* color:DarkOrange; */ .langspa { } .langswa { } .langtur { } .langall { } /* rule set 20150317°1211 for generating html portions */ /* div.jsiOutputDebugMessage { border:3px solid Magenta; margin-top:0.1em; font-size:small; color:Magenta; } */ /* rule 20150317°1214 */ p.jsiSitemap { border:3px solid Pink; color:green; font-weight:bold; margin-bottom:1%; /* margin-bottom:1.6em; */ margin-top:0.1%; } /* rule 20150317°1215 */ div.jsiSitemap { border:3px solid Pink; } /* rule 20150317°1212 */ div.jsiSitemap > p { border:3px solid Yellow; margin-top:0.1em; } /* rule 20150317°1213 */ /* rule set 20150317°1431 */ div.boxWhatsNew { background-color:#ffff80; /* Yellow */ display:table; /* make background-color over complete hight */ margin-left:10%; margin-top:0; margin-bottom:0; width:80%; } div.boxWhatsNew > p { text-align:left; margin-bottom:0.4em; margin-top:0.4em; } /* rule set 20150315°0511 */ /* used e.g. in file 20150313°1611 */ div.boxImageFloat { display:block; float:left; padding:0.3em; background-color:white; margin:0.3em; } /* rule 20150315°0512 */ div.boxImageFloat > p { text-align:center; margin:0.1em; } /* rule 20150315°0513 */ /* rule set 20150318°1211 */ /* used e.g. in file 20150313°1611 */ div.boxImageFloat8em { display:block; float:left; padding:0.3em; background-color:white; margin:0.3em; max-width:8em; min-width:2em; /* border:1px solid LightGray; */ } /* rule 20150318°1212 */ div.boxImageFloat8em > p { text-align:center; margin:0.1em; } /* rule 20150318°1213 */ /* rule set 20150320°0421 */ /* note : Copied from rule style boxChapterTwo */ div.loBoxFloatingLeftParagraphs { float:left; padding:0.3em; margin:0.3em; margin-right:10%; } /* background-color:#ffe0e0; */ /* border:3px solid HotPink; */ /* rule 20150317°1445 */ div.loBoxFloatingLeftParagraphs > div { float:left; border:1px solid HotPink; } /* border:1px solid HotPink; */ /* rule 20150318°0352 */ div.loBoxFloatingLeftParagraphs > p { float:left; text-align:left; margin-top:0.2em; margin-bottom:0.2em; } /* background-color:Gold; */ /* border:1px solid LightGray; */ /* rule */ div.loBoxFloatingLeftParagraphs > div > canvas { float:right; } /* rule 20150320°0551 */ /* rule 20150321°0241 debug output box */ /* used in dafstart.js seq 20150325°0311 standard output console */ /* div.boxDebugOutput { */ div.dafBoxDebugOutput { background-color:LemonChiffon; font-family:monospace,monospace; /* font-size:1.0em; */ font-size:small; text-align:left; border:2px solid Gold; } /* rule set 20150321°0351 (after rule 20150221°0327 matrixLinkUndefined) */ a.linkDead { pointer-events:none; text-decoration:none; cursor:default; } /* rule 20150321°0353 */ a.linkDeadGray { pointer-events:none; cursor:default; text-decoration:none; color:Gray; } /* rule 20150321°0352 */ /* rule set 20171226°1031 */ /* note : above a.linkDead does deactivate the link for the user, but not */ /* for the link tester like XenuLink. Thus I want some other earmark, */ /* one to place a small sized manual comment about the situation. */ span.TextDeadLinkSmall { font-size:small; color:FireBrick;} /* rule 20171226°1032 */ span.TextDeadLinkMedium { color:FireBrick;} /* rule 20171226°1033 */ /* ------------------------- */ /* ruleset 20160621°0331 for the breadcrumbs area */ div.DafFurnitureCakecrumbs_Bag { } /* rule 20160621°0332 */ div.DafSitmapCake_Arrows_Div { color:Gray; } /* formerly with 'float:right;' (rule 20160620°0212) for var sCAKE_ARROWS_DIV_CLASSNAME */ /* ------------------------- */ div.DafFurnitureShowAlertBox { border:6px solid Red; background-color:Yellow; text-align:center; } /* rule 20160622°0251 */ /* eof */