/********************************* * theme for ikiwiki * * by Danny Castonguay *********************************/ /* # HSLA(hue, saturation, lightness,alpha) * ## hue * R:0, O:30, Y:60, G:115, cyan:180, B:220, I:260, V:280, pink:300 * ## saturation * 0% is gray, 100% is pure color * ## lightness * 0% is black, 100% is white * ## alpha * 0% is opaque, 100% is transparent * */ #andy { float: right; padding-top: 0px; padding-right: 80px; padding-left: 80px; } /* add a space after the parent links at the top of each page, so the * slash between levels has a space both before and after it */ span.parentlinks a:after { content: " "; } .pageheader { padding: 2em 6em 3em 2em; padding-left: 6em; position: relative; overflow: hidden; background: #edf2f7; border-color: #cccccc; border-style: none none solid none; border-width: 1px; } .pageheader .header { float: left; } .title { color: #1a260d; } .title, h1, h2, h3, h4, h5, h6 { font-weight: bold; } .header { font-size: 150%; } h1 { font-size: 160%; margin-top: 1.2em; margin-bottom: 0em; padding-top: 8px; border-top: 3px solid #cccccc; } h2 { font-size: 130%; margin-top: 1.2em; margin-bottom: 0em; padding-top: 5px; border-top: 2px solid #cccccc; } h3, h4, h5, h6 { font-size: 110%; } #searchform { position: absolute; top: 0.5em; right: 2em; } input#searchbox { border: none; padding: .5em; border-style: solid; border-width: 1px; border-color: #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 2px 2px 2px #1a1a1a; -webkit-box-shadow: inset 2px 2px 2px #1a1a1a; box-shadow: inset 2px 2px 2px #1a1a1a; } .pageheader .actions { position: absolute; bottom: 0; right: 2em; width: 100%; text-align: right; } .pageheader .actions ul { border-style: none; } .actions ul { padding: 1em; border-style: none; } .pageheader .actions ul li { padding: 0; } .pageheader .actions ul li a, input[type="submit"] { margin: 0.2em; padding: 0.2em; font-size: 1.01em; background: #e6e6e6; color: #13136c; border-style: solid; border-width: 1px; border-color: #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .pageheader .actions ul li a:hover, input[type="submit"]:hover { background: #a0a0c4; color: white; } div.toggleable#attachments { margin: 1em; } body { margin: 0; padding: 0; font-family: sans-serif; *font-size: small; line-height: 1.42em; color: black; background: white; font-size: 1.01em; } a { text-decoration: none; color #19198d; } a:hover { text-decoration: underline; color: #1f1fad; } hr { border-style: none; background-color: #cccccc; height: 1px; } code, pre { background-color: #f2f2f2; color: #1a2e05; } pre { padding: .8em; padding-left: 2em; margin-top: 1em; margin-bottom: 1.1em; margin-left: 3em; margin-right: 12em; border-style: solid; border-width: 1px; border-color: #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 2px #1a1a1a; -webkit-box-shadow: 0px 0px 2px #1a1a1a; box-shadow: 0px 0px 2px #1a1a1a; } #content, #comments, #footer { margin: 1em 6em; } #pageinfo { border-color: #cccccc; } #editcontent, #editmessage { width: 90%; background: #f2f2f2; font-size: 1.01em; font-family: Consolas, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; line-height: 1.4em; padding: .5em; border-style: solid; border-width: 1px; border-color: #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #editcontent:hover, #editmessage:hover { background: white; } #editcontent { height: 25em; } label[for="editmessage"] { margin-top: 1em; } #editmessage { margin-bottom: 1em; } .inlinepage { margin: .4em 0; padding: .4em 0; border-style: none; border-top: 1px solid #cccccc; } .inlineheader { font-size: 1.1em; border-top: 2px solid #cccccc; } /* Smaller headings for inline pages */ .inlinepage h1 { font-size: 1.1em; } .inlinepage h2 { font-size: 1.01em; } .inlinepage h3 { font-size: 1.01em; } div.recentchanges { border-style: none; } /* recent change page */ div.recentchanges { background-color: white; } div.metadata { margin-top: 1.5em; border-style: solid; border-width: 1px; border-color: #cccccc; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-style: solid solid none solid; background-color: #f2f2f2; } div.recentchanges div.metadata *, span.pagelinks a { float: none; display: block; } span.pagelinks { width: inherit !important; } span.pagelinks a, span.tags a { margin: 0.2em; padding: 0.2em; font-size: 1.01em; background: #e6e6e6; color: black; border-style: solid; border-width: 1px; border-color: #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } span.pagelinks a:hover, span.tags a:hover { background: #cccccc; color: #1a260d; } div.recentchanges div.changelog { border-style: solid; border-width: 1px; border-color: #cccccc; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-style: none solid solid solid; background-color: #f2f2f2 !important; } span.desc br { display: none !important; } div.titleandtags { border-style: solid; border-width: 1px; border-color: #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #f2f2f2; margin-top: .5em; padding: .4em; } div.titleandtags h3, div.titleandtags span.tags { padding: 0; } div.titleandtags h3 { margin: 0 0 .2em 0; } div.titleandtags span.tags { line-height: 2em; } div.titleandtags div.lastmodified { float: right; } thead th { color: white; background-color: gray; padding: .5em; } td { padding: .2em .4em; } tr:nth-child(odd) { background-color: #f2f2f2; } tr:nth-child(even) { background-color: #d9d9d9; } /* Don't know what these last two do but leaving those there just in case*/ .pagecloud { width: auto; border-color: red; } .sidebar { width: 28ex; border-bottom: 0; border-right: 0; border-top: 0; margin-top: 0.5em; padding: 0 0 0 2ex; border-color: red; }