/* ************************************************************** * file : daftari/daftarijs/css/daftari.css * id : 20080902°2341 * version : 20150223°1451 (20141120°0331 20100822°1321 20081113°0401) * license : The MIT/X11 License * copyright : © 2008 - 2015 Norbert C. Maier (http://www.trilo.de) * authors : * 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) * 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 : ************************************************************** */ /*---------------------------------------------------*/ /* Provide custom font 'ComicJens' (seq 20140324°0731) */ /* Sequence after http://www.netzallee.de/extra/comic-jens (20140324°0711) */ /* 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); } /* 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'); } /* 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'); } /* Nun kann man die Schrift ganz normal per CSS ansprechen: */ /* body { font-family: ComicJensWeb, sans-serif; } */ /*---------------------------------------------------*/ /* basic body (seq 20080710°2311) (workaround 20090208°2301 'make tables center work in IE'). */ body { background-color:#fafafa; font-family:arial,helvetica,sans-serif; text-align:center; } /* some predefined body colors */ body.apps { background-color:#80ffb0; } /* squeak green */ /* rule 20111225°1531 */ body.greenSqueakLight { background-color:#c0ffd0; } /* rule 20150303°1511 */ body.daftarix { background-color:Turquoise; } /* #40e0d0 */ /* rule 20140501°1051 */ body.demosruby { 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.lavendero { background-color:Lavender; } /* #e6e6fa */ /* rule 20140502°1911 */ body.lightgreen { background-color:#c0ffc0; } /* rule 20110424°0112 */ body.lightergreen { background-color:#d8ffd8; } /* rule 20120814°1551 DemoJS */ body.login { background-color:#b0f8f0; } /* rule 20120827°0131 for Daftari native pages */ body.turkwoise { background-color:#a4e4ec; } /* rule 20111225°1524 */ body.turkwoiseSky { background-color:#cceaf4; } /* rule 20150303°1511 */ body.wafaili { background-color:#80ff80; } /* rule 20111225°1533 */ /* some predefined page panels */ /* note : IE doesn't understand max-width, so as a compromise we give it a width (after workaround 20100822°1323) */ div.chapter { margin:0 auto; max-width:780px; width:80%; background-color:#f8f8f8; padding:0.9em; margin-top:0.9em; margin-bottom:1.1em; } /* (rule 20100822°1331) */ 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.chaptervv { margin:0 auto; max-width:780px; width:80%; background-color:#f8f8f8; padding:0.9em; margin-top:1em; margin-bottom:3em; } /* (rule 20100822°1333) */ div.cptwide { width:99%; } /* rule 20150209°1621 expand above class one */ /* div.loginform { margin:1em; padding:1em; background-color:#f8f8f8; } */ /* turquoise */ /* ELIMINATE? (20120827°0133) for Daftari Login Form */ div.chapterwide { margin:1em; padding:1em; background-color:#f8f8f8; } /* turquoise */ /* ELIMINATE? (20120827°0133) for Daftari Login Form */ div.chapterloginpage { margin:1em; padding:1em; background-color:#f8f8f8; } /* turquoise */ /* (rule 20150209°1621 expand above class one) (20120827°0133 for Daftari Login Form)*/ /* (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' */ pre { font-family:monospace,monospace; font-size:1.00em; text-align:left; padding:0.5em; } /* (rule 20090208°0511) */ tt { font-family:monospace,monospace; font-size:1.00em; } /* (rule 20140131°0911) note: tidy.exe complains as obsolete, so better use class="typewrite" */ /* spans et all */ /* vertical matrix bar for DemoMatrix - this are the link types used in the bar */ a.matrixLinkActivePg { } /* rule 20150221°0321 */ a.matrixLinkActiveSq { font-style:italic; } /* rule 20150221°0322 */ a.matrixLinkNever { pointer-events:none; cursor:default; text-decoration:none; color:#eaeaea; } /* rule 20150221°0323 */ a.matrixLinkPendingPg { pointer-events:none; cursor:default; text-decoration:none; color:gray; } /* rule 20150221°0324 */ a.matrixLinkPendingSq { pointer-events:none; cursor:default; text-decoration:none; color:gray; font-style:italic; } /* rule 20150221°0325 */ a.matrixLinkSelf { pointer-events:none; cursor:default; text-decoration:none; font-weight:bold; } /* rule 20150221°0326 (ref 20150223°1321) */ a.matrixLinkUndefined { pointer-events:none; cursor:default; text-decoration:none; color:lightgray; } /* rule 20150221°0327 (ref 20150223°1321) */ /* vertical matrix bar - this paragraph appears vertical on the right side of the page (feature 20150221°0611) */ /* ref : About the opacity in IE8, see http://stackoverflow.com/questions/1948176/opacity-css-not-working-in-ie8 (20150223°2011) */ /* For IE8 it is '-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";', for others exist other expressions */ p.matrixPoleRight { position:absolute; top:9.0em; right:1em; width:2.3em; font-size:88%; line-height:1.6em; text-align:right; background-color:Honeydew; opacity:0.6; padding:0.3em; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } /* rule 20150217°1331 */ p.matrixPoleRightIdle { position:absolute; top:9.0em; right:1em; width:2.3em; font-size:88%; line-height:1.6em; text-align:right; opacity:0.6; padding:0.3em; color:lightgray; } /* rule 20150217°1331 */ /* 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 */ .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:right; width:131px; } /* rule 20150215°1711 (used e.g. with breadcrumbsmanu) ELIMINATE */ td.topNaviArrows { text-align:left; width:131px; } /* 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) */ a.topNaviLinkPale { color:Lightgray; border:0.01em solid transparent; padding:0.01em; margin:0.01em; } /* (rule 20150221°0631) */ /* rule set 20150302°1531 */ a.topNaviLinkActive { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; } /* (rule 20141117°0512) */ a.topNaviLinkExtern { color:#98d898; /* ~PaleGreenGray */ border:0.01em solid transparent; padding:0.01em; margin:0.01em; padding-left:12px; background-image:url(./../img/20091221o152103.extern.png); background-position:left center; background-repeat:no-repeat;} /* (rule 20150302°1532) */ a.topNaviLinkParent { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; font-weight:bold; } /* (rule 20150302°1533) */ a.topNaviLinkSelf { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; font-weight:bold; pointer-events:none; cursor:default; text-decoration:none; } /* (id20150302°1534) */ a.topNaviLinkPending { color:Green; border:0.01em solid transparent; padding:0.01em; margin:0.01em; font-style:italic; pointer-events:none; cursor:default; text-decoration:none; } /* (id20150302°1534) */ /* 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°0621) */ a.crumbSelf { text-decoration:none; font-weight:bold; padding-left:0.25em; padding-right:0.25em; } /* (rule 20150221°0623) */ a.crumbpassive { color:#c8c8c8; } /* (rule 20100828.1422) ELIMINATE THIS */ a.crumbuncle { color:#c0c0c0; } /* (rule 20100828.1423) ELIMINATE THIS */ p.topLogoRight { text-align:right; float:right; } /* rule 20150304°1211 */ /* above was 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) */ /* classes 'toptitlecrumbs' and 'toptitle' are one pair */ h1.toptitle { margin-top:0.2em; } /* (rule 20080711°0521) */ p.toptitlecrumbs { color:#0000f0; font-size:1.20em; margin-bottom:0.2em; margin-top:0.2em; text-align:center; } /* (rule 20080711°0522) */ /* 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-top:0.1em; } /* 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; font-size:83%; margin:2px; padding:2px; text-align:left; } /* rule 20150209°1351 e.g. for obsolete paragraphs, which shall be shifted to the archives */ .invisible { display:none; } /* links to empty chapters */ .NotYetFilled { color:LightGray; } /* (rule 20141124°1731) */ a.NotYetFilled { color:LightGray; } /* (rule 20141119°1313) */ /* .hrefChapterEmpty { color:LightGray; } */ /* (rule 20141119°1312) */ /* a.hrefChapterEmpty { color:LightGray; } */ /* (rule 20141119°1311) */ /* ELIMINATE (20141119°1314)*/ p.typewrite-comment { color:Green; font-size:0.88em; } /* ELIMINATE */ /* (rule 20080711°0615) behind bye, green like in the faq */ p.typewrite-comment-header { color:Green; font-size:0.88em; margin-top:3em;; border-top:1px none; } /* ELIMINATE */ /*(rule 20080711°0616) behind bye, green like in the faq */ p.typewrite-comment-body { color:Green; font-size:0.88em; } /* ELIMINATE */ /* (rule 20080711°0617) same as comment */ .typewriteSmallNote { color:Green; font-size:0.88em; } /* ELIMINATE */ /* (rule 20080711°0615) behind bye, green like in the faq */ /* (naming style 20141124o1721) */ .typewriteSmallNoteHeader { color:Green; font-size:0.88em; margin-top:3em;; border-top:1px none; } /* ELIMINATE */ /*(rule 20080711°0616) behind bye, green like in the faq */ /* (naming style 20141124o1721) */ /* Replacements for '', which tidy.exe complains as obsolet. Has applied workaround 20140128°1331 'Monospace size' */ /* .filename { font-family:monospace,monospace; font-size:1.00em; padding-left:0.2em; padding-right:0.2em; } */ /* (rule 20140217°0612) */ .typewrite { font-family:monospace,monospace; font-size:1.00em; padding-left:0.2em; padding-right:0.2em; } /* (rule 20140217°0611) */ .ttyFilename { font-family:monospace,monospace; font-size:1.10em; padding-left:0.2em; padding-right:0.2em; } /* (rule 20150304°1411) */ .ttyLogEntry { color:gray; font-size:small; } /* behind bye, green like in the faq */ /* 20150304°1421 recoverd from 'typewrite-logentry'*/ /*.typewriteCommentBig { font-family:monospace,monospace; font-size:1.0em; padding-left:0.3em; padding-right:0.3em; color:Green; } */ /* (rule 20141116°0911) */ /* .TTY { font-family:monospace,monospace; font-size:1.00em; padding-left:0.2em; padding-right:0.2em; } */ /* (rule 20140217°061102) */ /* .TTYCommentBig { font-family:monospace,monospace; font-size:1.0em; padding-left:0.3em; padding-right:0.3em; color:Green; } */ /* (rule 20141116°0911) */ /* .TTYFilename { font-family:monospace,monospace; font-size:1.00em; padding-left:0.2em; padding-right:0.2em; } */ /* (rule 20140217°0612) */ /* .Outcommented { color:LightGray; font-style:italic; } */ /* color:Gainsboro; */ /* (rule 20141116°0912) note : May already exists in other file */ .Outcommented { color:LightGray; } /* color:Gainsboro; */ /* (rule 20141116°0912) note : May already exists in other file */ a.Outcommented { color:LightGray; } /* (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) */ /* Flashy monospace with workaround 20140128°1331 applied */ .attention { font-family:monospace,monospace; font-weight:bold; color:Crimson; font-size:1.20em; } /* (rule 20100826°2101) */ /* .timestamp { color:Turquoise; font-size:0.55em; font-family:Comic Sans MS,Arial } */ /* (rule 20100826°2121) */ .timestamp { color:Turquoise; font-size:xx-small; font-family: ComicJensWeb, sans-serif; } /* (rule 20100826°2121) */ .todo { color:Red; font-size:0.77em; } /* (rule 20110924°1321) */ /* ********************************************************* */ /* specific flowtext paragraphs */ /* ********************************************************* */ /* 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.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.imagecenter { text-align:center; color:Green; } /* ELIMINATE (rule 20100826°211102) */ p.pictureCenter { text-align:center; color:Green; } /* (rule 20100826°2111) */ p.image { text-align:center; color:Blue; } /* ELIMINATE in favour of 'imagecenter' (rule 20100826°211102) */ p.session { text-align:right; font-size:0.77em; font-style:italic; color:#808080; } /* (rule 20100826°2112) */ p.notez { font-size:0.77em; color:DarkGreen; } /* (rule 20111228°1131) */ p.textfileobject { background-color:#fefefe; margin-left:6%; margin-right:6%; width:100%; } /* (rule 20080711°0621) only for active-x textfile include */ 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-bottom:1.5em; margin-top:1.5em; font-size:0.88em; } */ /* (rule 20080710°2314) */ p.goodbye { font-family: ComicJensWeb, sans-serif; margin-top:2.1em; font-size:small; } /* (rule 20080710°2314) */ 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°2313) */ a.imprintHref { color:#808080; } /* (rule 20141129°0511) */ p.footer { border-top:1px solid; color:#808080; font-size:0.77em; margin-bottom:1.6em; margin-top:0.1%; } /* (rule 20080710°2312) */ .footerCopy { margin-left:0.6em; } /* (rule 20141116°0512) */ .footerFile { margin-left:0.6em; } /* (rule 20141116°0511) */ .footerImprint { margin-top:-1.6em; margin-left:0.6em; } /* (rule 20150211°0512) */ .footerLastUpdate { font-family: ComicJensWeb, sans-serif; font-size:1.11em; margin-left:1.2em; color:green; } /* (rule 20150210°1611) */ .footerLicense { margin-top:-1.6em; margin-left:0.6em; } /* (rule 20150211°0513) */ .footerTimst { font-family: ComicJensWeb, sans-serif; font-size:0.77em; margin-left:0.9em; } /* (rule 20141116°0513) */ a.footerFileHref { color:#808080; } /* (rule 20141129°0512) */ /* 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; */ /* 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) */ /* ********************************************************* */ /* 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 for link lists being bulleted with logos */ p.iconfloatleft { clear:left; margin-left:48px; text-align:left; } /* rule 20140726°113302 DISCARD THIS */ p.iconFloatLeft { clear:left; margin-left:48px; text-align:left; } /* rule 20140726°1133 */ img.iconfloatleft { float:left; margin:0 20px 20px 0; margin-left:-48px; } /* rule 20140726°113102 DISCARD THIS */ img.iconFloatLeft { float:left; margin:0 20px 20px 0; margin-left:-48px; } /* rule 20140726°1131 */ canvas.iconfloatleft { float:left; margin:0 20px 20px 0; margin-left:-48px; } /* rule 20140726°113202 DISCARD THIS */ canvas.iconFloatLeft { float:left; margin:0 20px 20px 0; margin-left:-48px; } /* rule 20140726°1132 DISCARD THIS? */ /* (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 */ /* * 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) */ /*---------------------------------------------------------- */ /* two- or three-columns table for listing subchapters, typically used on the subchapters frontpage */ /* (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) */ /* old names, eliminate this block (20141115°1742) */ 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) */ /* rule set 20150213°0311 for ~div controlled chapter overview */ /* This is a prototypical sequence for experiments about changing 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 */ p.chapTab3Clear { clear:left; } /* rule 20150213°0314 °/ /*---------------------------------------------------------- */ /* ********************************************************* */ /* Miscellaneous */ /* ********************************************************* */ /* (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; } /* ********************************************************* */ /* Link appearances */ /* ********************************************************* */ /* 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 */ } /* link decorated with icon, not attributed 'target="_blank"' (rule 20100315°1943) */ a.extern { padding-left:12px; background-image:url(./../img/20091221o152103.extern.png); background-position:left center; background-repeat:no-repeat; } /* link without icon (rule 20100315°1944) */ a.extern:hover { background-color:LemonChiffon; /* fffacd */ } /* for 'a name' links to be shown inty on the right magin */ /* .pagemark { color:Gold; float:right; font-size:0.77em; } */ /* (rule 20140202°1551) */ .pagemark { color:Gold; float:right; font-size:x-small; } /* (rule 20140202°1551) */ a.noborder img { border:none; } /* ELIMINATE? (rule 20111012°1221) in demos.html */ a img.imgNoBorder { border:0; } /* rule 20150303°1611 this is to remove the blue boxes in IE8*/ /* a img { border:0; } */ /* rule 20150303°1612 this may be a bit more than wanted */ a.extern2:hover { background-color:#ffd0d0; } a.intern:hover { /* (rule 20100325°1741) */ background-color:LightGreen; } /* --------------------------------------------- */ p.onthispage { text-align:center; color:#0000f0; border: solid lightgray 2px; } /* (rule 20100923°1101) */ a.onthispage { color:Blue; } /* (rule 20100923°1102) */ /* 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 */ /* ********************************************************* */ /* ubiquitous formats (spans and characters) /* ********************************************************* */ /* spans inside paragraphs */ .linksmaller { font-size:0.88em; } /* in flowtext, long links are too long, make them more unobtrusive (rule 20110902°1841) */ .qnaquestion { color:#006000; margin-bottom:0; font-weight:bold; } /* (rule 20100826°2122) */ .qnaanswer { text-indent:1em; color:#004040; margin-top:0; } /* (rule 20100826°2123) */ /*-----------------------------------------------------------*/ /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* lingo accessoires (seq 20120827°0132) */ div.loginform { margin:1em; padding:1em; background-color:#f8f8f8; } /* turquoise */ /* ELIMINATE? (20120827°0133) for Daftari Login Form */ h1.loginform { font-size:127%; text-align:center; margin-bottom:0.0em; margin-top:0.0em; } /* ELIMINATE? (20120827°0134) for Daftari Login Form */ 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 */ /* ------------------------------------ * Stlyes 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 to avoid NetBeans complaining 'class not found' */ .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 { } /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* (note 20141028°1221) Try to fight LINT complaining 'too many font sizes'. LINT recommends to use classes for the sizes. But a class is not what I want, beacuse it cannot be used inside other classes, only in the HTML itself. So I to restrict the numerical font sizes here to less than 11. But this is also not what LINT means. So I just live with the LINT warning so far. Anyway, use only the following font sizes in the definitions: - font-size:0.55em; - font-size:0.66em; - font-size:0.77em; - font-size:0.88em; - font-size:1.00em; - font-size:1.20em; toptitlecrumbs attention - font-size:1.35em; // font-size:1.35em; - font-size:1.60em; // font-size:1.70em; - font-size:1.85em; // font-size:2.05em; - font-size:2.10em; // font-size:2.40em; - font-size:11px; */ /* eof */