@charset "utf-8"; /****************************************************************************** Debug Section by: Mildred (mildred593 AT online.fr) Description: View all borders under the mouse Apply to: XML Language: CSS 1 ****************************************************************************** / *{ border: solid 1px transparent; } *:hover{ border: solid 1px black; } /****************************************************************************** Default Section by: Mildred (mildred593 AT online.fr) Description: Horizontal Apply to: XHTML 1.x Language: CSS 2 ******************************************************************************/ /******** GENERAL *********/ *:focus{ color: blue; border: solid 1px #ff00ff; } .warning{ color: red; /* text-transform: uppercase; */ } .float1{ float: left; } .float2{ float: right; } .clear{ clear: both; } .clear1{ clear: left; } .clear2{ clear: right; } .fixed{ position: fixed; } .monospace{ font-family: monospace; } /******** DISPLAY TITLE *********/ html>head, html>head>title{ display: block; border-bottom: solid 1px black; background-color: #eee; font-weight: bolder; text-align: left; /* text-align: center; */ position: fixed; left: 0; right: 0; top: 0; opacity: 0.8; } html{ padding-top: 1em; } /******** TABLES *********/ table{ border-collapse: collapse; border: none; /*width: 100%;*/ font-size: 0.8em; border-color: #000080; margin: 1em; } table th{ border-top: solid 1px black; border-bottom: solid 1px black; padding: 0 1em; text-align: center; color: #eeeeff; background-color: #000080; border-color: #000080; } table tr{ background-color: #eeeeee; border-color: #000080; } table td{ border-bottom: solid 1px black; background-color: inherit; padding: 0 1em; text-align: center; border-color: inherit; } table tr:hover{ background-color: #aaffaa; color: blue; } table tr td:first-child{ text-align: left; } /* Use JavaScript instead of this rule /* /* tr.head{ position: fixed; } */ /******** LISTS *********/ dt{ border-top: solid 1px black; border-bottom: solid 1px black; background-color: #eeeeee; } ul.horizontal, ul.horizontal *{ display: inline; padding-left: 0; } /******** FORMS *********/ form{ border-top: solid 1px black; border-bottom: solid 1px black; background-color: #eeeeee; } input, textarea, select{ margin: 1px; color: black; background-color: #eeeeee; border: 1px solid black; } input:hover, textarea:hover, select:hover{ border: solid 1px #008000; color: blue; } textarea{ font-family: monospace; } /* label{ background-color: #eeeeee; } */ /******** LINKS *********/ /* unicode "-->", hex2dec(2192)=8594 => content: "\002192" */ /* unicode "<--", hex2dec(2190)=8592 => content: "\002190" */ /* a:before{ content: "\002192"; } */ a:before{ content: url(?phpurims=pages&page=link.png); } a:link, a:visited, a:active{ text-decoration: none; } a:link, a:visited{ color: inherit; } a:active{ color: red; } a:hover{ color: blue; border-bottom: solid 1px #008000; } a[href^="http://"]:before, a[href^="https://"]:before, a[href^="ftp://"]:before, a[href^="gopher://"]:before, a.external:before{ content: url(?phpurims=pages&page=external.png); } a[href^="mailto:"]:before,{ content: url(?phpurims=pages&page=email.png); } a[href^="#"]:before,{ content: url(?phpurims=pages&page=anchor.png); } a[lang]:after{ content: " [" attr(lang) "]" color: gray; } a[xml:lang]:after{ content: " [" attr(xml:lang) "]" color: gray; } /******** TITLES *********/ h1, h2, h3, h4, h5, h6{ border-top: solid 1px black; border-bottom: solid 1px black; background-color: #ccc; } h1{ font-size: 2em; background-color: #fff9d6; border-color: #8e8143; text-align: center; } h2{ font-size: 1.6em; background-color: #efffcb; border-color: #86ad33; text-align: center; } h3{ font-size: 1.3em; background-color: #f9d2ff; border-color: #ae46c0; text-align: center; } h4{ font-size: 1.1em; background-color: #d5f6ff; border-color: #4a859c; text-align: center; } h5{ font-size: 1em; text-align: center; } h6{ font-size: 0.9em; text-align: center; } /******** MENU *********/ .menu{ float: right; padding: 1em; max-width: 25%; font-size: 0.8em; border-top: solid 1px black; border-bottom: solid 1px black; background-color: #eeffee; border-color: #008000; -moz-border-radius: 1em; } .menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{ -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; padding-left: 0.5em; padding-right: 0.5em; margin-top: 0; border: none; } .menu h1{ font-size: 1.5em; color: #fff9d6; background-color: #8e8143; text-align: center; } .menu h2{ font-size: 1.3em; color: #efffcb; background-color: #86ad33; text-align: center; } .menu h3{ font-size: 1.2em; color: #f9d2ff; background-color: #ae46c0; text-align: center; } .menu h4{ font-size: 1.1em; color: #d5f6ff; background-color: #4a859c; text-align: center; } .menu h5{ font-size: 1em; } .menu h6{ font-size: 0.9em; } /******** TOOLBAR *********/ .main.toolbar{ position: fixed; right: 0; top: 0; /* left: 0; top: 1em;*/ } .toolbar{ background-color: #AAFFAA; -moz-border-radius: 1em; display: inline; opacity: 0.7; margin: 0; padding: 0; border: solid 1px #008800; } .toolbar *{ display: inline; margin: 0; padding: 0; } .toolbar hr{ border: solid 1px #008800; height: 100%; } /******** OTHER *********/ ol>li.file_line{ white-space: pre; font-family: monospace; } .invisible{ width: 0; height: 0; border: none; /*color: transparent;*/ background-color: transparent; } /* p:first-letter{ font-size: 1.5em; } */ .intro{ max-width: 25%; font-style: italic; font-size: 1.2em; } p{ width: 100%; } hr{ border: none; border-top: dotted 2px blue; height: 1px; } /* .footer p:first-letter, a:first-letter{ font-size: inherit; } */ .footer *{ margin: 0; } address, .footer{ margin-top: 1em; background-color: #eee; font-style: normal; border-top: solid 1px black; border-bottom: solid 1px black; text-align: right; font-size: 0.8em; } address + address{ margin-top: 0; border-top: solid 1px #eee; position: relative; bottom: 1px; } q:before{ content: "«"; } q:after{ content: "»"; } /* blockquote:before{ content: "«"; font-size: 1.5em; display: inline; } blockquote:after{ content: "»"; font-size: 1.5em; display: inline; } */ blockquote{ border-top: solid 1px black; border-bottom: solid 1px black; background-color: #eee; } pre{ border-top: solid 1px black; border-bottom: solid 1px black; background-color: #eee; white-space: pre; font-family: monospace; overflow: auto; margin: 1em 40px; } div{ border: dotted 1px black; } .section, section{ border: none; border-left: dotted 1px black; padding-left: 1em; } /********* PRINT *********/ @media print{ .menu, .toolbar{ display: none; } acronym:after{ content: " (" attr(title) ")"; } body:before{ content: "Base Href: http://mildred593.online.fr:80//" } a[href]:after{ content: attr(href); font-size: 0.8em; } a[href^="http://"]:after, a[href^="https://"]:after, a[href^="ftp://"]:after, a[href^="gopher://"]:after, a.external:after{ content: " (" attr(href) ")"; font-size: 0.8em; } a[href^="mailto:"]:before,{ content: " (" attr(href) ")"; font-size: 0.8em; } } /****************************************************************************** End ******************************************************************************/