body, pre { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; } body { background-color: #1d1f21; color: #c5c8c6; } h1 { font: bolder 28px Tahoma; letter-spacing: -2px; } h1, h2 { text-align: center; } article, aside, .popout, .page { background-color: #282a2e; border: 1px solid #393b3f; } .page { padding: 2px; padding-left: 4px; display: inline-block; vertical-align: top; } .popout { display: inline; } article, aside { display: table; border-color: #282a2e; margin: 2px; padding: 4px; } .indent { border-left-color: red; border-left-style: solid; border-radius: 2px; padding-left: 5px; } #selector { padding: 10px; display: block; } article header { font-weight: bolder; } blockquote { margin-top: 2px; } .osufile { width: 100%; line-height: 150%; } .collapse { cursor: pointer; display: inline-block; height: 12px; left: -1px; top: 2px; margin-top: -3px; width: 12px; position:relative; text-align: center; font-weight: normal; border: 1px solid white; border-radius: 50%; transition: background-color 0.5s; transition: color 1s; -webkit-transition: color 1s; -webkit-transition: background-color 0.5s; } .collapse:hover { color: orange; background-color: red; } .collapsed:hover { background-color: green !important; } .osufile:after { cursor: pointer; content: "X"; color: red; transition: color 1s; -webkit-transition: color 1s; margin: -1px; float: right; text-align: right; } .osufile:hover:after { color: white; } #metadata { right: 5px; white-space: nowrap; position: fixed; overflow-y: auto; z-index: 100; } .warning { color: yellow !important; } .warning:before { content: "!"; color: red; margin-right: 5px; font-weight: bolder; transition: color 1s; } .warning:hover:before { color: white; } .metadata { color: white; } .metadata .overlap { color: orange !important; text-decoration: underline; } .meta-dupe { color: orange !important; }