/* global configuration *******************************************************/ * { padding: 0; margin: 0; } /* layout *********************************************************************/ .center { position: absolute; overflow: auto; top: 20px; right: 15em; left: 15em; bottom: 20px; } .left { top: 0em; width: 15em; left: 0; bottom: 0; } .right { top: 0em; width: 15em; right: 0; bottom: 0; } .header { position: absolute; height: 20px; left: 15em; right: 15em; top: 0; } .footer { position: absolute; height: 20px; left: 15em; right: 15em; bottom: 0; } .sideBar { position: absolute; overflow: auto; } /* spacing ********************************************************************/ input[type="button"] { padding: 0px; } td, th { padding: 3px; } option { padding: 3px 3px 1px 3px; } .title { padding: 5px 20px; } .title p { margin: 0; } .body { padding: 25px 30px; } .body p { margin: 0 0 0.8em 0; } .sideBar p { margin: 0.2em 0; } .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 { margin: 5px 0px; } .body ul, .body ol { list-style-position: inside; margin: 0 0 0.8em 0; } .body ul ul, .body ul ol, .body ol ul, .body ol ol { margin: 0; } .body li { margin: 3px 5px; } .body li li { margin-left: 20px; } .body dl { margin: 1em 2em; } .body dt { font-weight: bold; } .body dd { margin-left: 3em; margin-top: 0.1em; } .body dd + dt { margin-top: 0.9em; } .sideBar h1 { margin-bottom: 5px; padding: 0px 5px; } .sideBar .content { padding: 20px; } .sideBar p { margin-left: 5px; } .sideBar .outline li { margin-left: 1em; padding: 0; } .sideBar li { padding: 3px; } .sideBar ul, .sideBar ol { list-style-type: none; margin-top: 0.4em; margin-bottom: 0.4em; } .sideBar li + li { margin-top: 0.3em; } .sideBar * + h1 { margin-top: 1.2em; } .sideBar .date { padding: 0.2em 0 0 0; } .sideBar input[type="text"], .sideBar input[type="password"] { width: 97%; padding: 1px; } table.pageEditor { width: 100%; } .pageEditor th { width: 6em; } .pageEditor ul { list-style-type: none; margin: 0; } .pageEditor li { margin: 0; padding: 3px; } .pageEditor input[type="radio"] { margin-right: 10px; } .pageEditor input[type="checkbox"] { margin-right: 5px; } .pageEditor input[type="text"], .pageEditor input[type="password"], .pageEditor input[type="file"], .pageEditor textarea { width: 97%; padding: 3px; } .pageEditor input.smallField { width: 50%; margin-left: 1em; } .pageEditor textarea { height: 5em; } .pageEditor textarea.summary { height: 5em; } .pageEditor textarea.source { height: 30em; } .pageEditor textarea.hexDump { font-size: 70%; font-family: monospace; white-space: pre; height: 10em; } .pageEditor input[type="button"] { margin: 0 2px; } .searchStat { margin-bottom: 1.5em; } .searchResult { margin-bottom: 1.5em; } .pager { width: 20em; margin-left: auto; margin-right: auto; padding: 10px; } .pager a, .pager .currentSection { padding: 4px; } /* color and text *************************************************************/ * { font-family: sans-serif; } .header, .footer { background-color: #0e192d; } .sideBar { background-color: black; color: white; } .body { line-height: 1.3; } .center { background-color: #bbbbbb; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } hr { border-color: #555555; border-width: 1px; border-style: dashed; } th, td { border-color: #777777; border-width: 1px; border-style: solid; } th { background-color: #aaaaaa; font-weight: bold; } td { background-color: #cccccc; } p { text-indent: 1em; } .title { background-color: #0e192d; color: white; background-image: url("./CieloNegro/Moon"); background-repeat: no-repeat; /* (175px - 20px - 136px) / 2 = 9.5px * where * 175px: height of .title * 20px : height of .head * 136px: height of ./CieloNegro/Moon */ background-position: 100% 9.5px; position: relative; height: 165px; border-width: 0 0 10px 0; border-style: double; border-color: #bbbbbb; } #logo { width: 317px; height: 56px; background-image: url("./CieloNegro/Logo"); margin-left: 0px; margin-top: 100px; } .body h1 { font-size: 200%; } .body h2 { font-size: 150%; } .body h3 { font-size: 130%; } .body h4 { font-size: 110%; } .body h5 { font-size: 90%; } .body h1, .body h2, .body h3, .body h4, .body h5 { background-color: #aaaaaa; border-color: #888888; border-width: 1px; border-style: solid; padding: 0 10px; } a { color: #000088; text-decoration: none; } a:hover { text-decoration: underline; } input[type="button"] { background-color: #333333; color: #aaaaff; border-color: #555555; border-width: 2px; border-style: solid; border-radius: 10px; -moz-border-radius: 10px; } input[type="button"]:active { background-color: black; } input[type="button"][disabled] { border-color: #444444; color: #888888; } input[type="button"][disabled]:active { background-color: #444444; } .sideBar h1 { font-size: 120%; } .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 { font-weight: normal; color: #aaaaaa; background-color: #222222; border-color: #111111 #333333 #333333 #111111; border-width: 1px; border-style: solid; } .sideBar a { color: #4e8eff; } .sideBar a:visited { color: #3f73d0; } .sideBar .date { font-size: 70%; white-space: nowrap; color: #999999; } .searchResult .date { font-size: 70%; white-space: nowrap; color: #555555; } .sideBar p { text-indent: 0; } .sideBar .recentUpdates p, .sideBar .trackbacks p { font-size: 90%; } .sideBar .outline li { list-style-type: disc; background-color: inherit; } .sideBar .outline li li { list-style-type: circle; } .sideBar .outline li li li { list-style-type: square; } .sideBar .outline li li li li { list-style-type: disc; } .sideBar .outline li li li li li { list-style-type: circle; } .sideBar li { padding: 3px 5px; background-color: #0e192d; border-radius: 10px; -moz-border-radius: 10px; } .sideBar input[type="text"], .sideBar input[type="password"] { background-color: #333333; border-style: inset; border-width: 1px; border-color: #333333; } .activeField { color: white; } .inactiveField { color: #aaaaaa; } .pageEditor input[type="text"], .pageEditor input[type="password"], .pageEditor input[type="file"], .pageEditor textarea { border-color: #aaaaaa #eeeeee #eeeeee #aaaaaa; border-width: 2px; border-style: solid; background-color: #dddddd; } .searchStat { color: #444444; font-size: 90%; } .searchResult a { font-size: 120%; } .searchResult { border-style: dotted; border-width: 1px 0 0 0; border-color: #444444; } .highlighted { background-color: #ffefd5; } .pager { text-align: center; background-color: #b0b0b0; border-color: #888888; border-width: 1px; border-style: dotted; } .pager .currentSection, .pager a { border-style: solid; border-width: 1px; } .pager .currentSection { background-color: #bbbbbb; border-color: #888888 #bbbbbb #bbbbbb #888888; } .pager a { background-color: #aaaaaa; border-color: #bbbbbb #999999 #999999 #bbbbbb; } /* float **********************************************************************/ h1, h2, h3, h4, h5, h6 { clear: both; } /* image **********************************************************************/ img { border-width: 0; } .inlineImage { margin-top: 5px; margin-bottom: 5px; } .leftFloat { float: left; margin-right: 25px; } .rightFloat { float: right; margin-left: 25px; } .imageFrame { background-color: #999999; padding: 5px; border-color: #888888; border-width: 1px; border-style: solid; margin-top: 5px; margin-bottom: 10px; } .imageFrame p { margin: 0; } .imageData { text-align: center; } .imageCaption { margin-top: 3px; } .sideBar .imageFrame { background-color: #222222; } /* error **********************************************************************/ .error { color: red; background-color: white; font-weight: bold; border-color: #880000; border-width: 3px; border-style: double; padding: 10px; } .error p, .error pre { margin: 0; } .error:before { content: "Error: " } /* waiting message ************************************************************/ .waitingMessageBoard { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; color: white; opacity: 0.7; z-index: 1; } .waitingMessageBoard p { text-align: center; vertical-align: middle; font-size: 200%; position: fixed; bottom: 1em; right: 1em; } /* redirection message ********************************************************/ .redirection { margin: 5px; padding: 2px; font-size: 80%; background-color: #a6a6a6; color: #333333; border-color: #777777; border-width: 1px; border-style: dotted } .redirection input[type="button"] { color: inherit; background-color: #a0a0a0; border-width: 1px; border-radius: 5px; -moz-border-radius: 5px; margin-left: 0.8em; } .redirection input[type="button"]:active { background-color: #888888; } /* preview ********************************************************************/ .preview { background-color: #b5b5b5; margin: 0 0 20px 0; padding: 10px; border-style: solid; border-width: 1px; border-color: #888888; }