From fe51d0cfb6cb2d7490fddf5f9b3e71d12d01ba0f Mon Sep 17 00:00:00 2001 From: Kent Overstreet Date: Tue, 21 Mar 2017 17:25:17 -0800 Subject: new css --- local.css | 338 ++++++++++++++++++++++++++++++++++++++++++++++++++--------- sidebar.mdwn | 6 +- 2 files changed, 290 insertions(+), 54 deletions(-) diff --git a/local.css b/local.css index 3aaf4e9..362daa5 100644 --- a/local.css +++ b/local.css @@ -1,60 +1,296 @@ -body { - font-family: Verdana, Arial; - background-color: #EFEFE7; -} +/********************************* + * rndtaxcredit 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 + * */ +.pageheader { + padding: 2em 2em 3em 2em; + position: relative; + overflow: hidden; + background: #f2f7ed; + 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: 24px; -} + font-size: 160%; + border-top: 5px solid #cccccc; } h2 { - font-size: 18px; -} + font-size: 130%; + border-top: 2px solid #cccccc; } -h3 { - font-size: 17px; -} +h3, h4, h5, h6 { + font-size: 110%; } -header nav { - padding: 40px 0 10px 0; -} +#searchform { + position: absolute; + top: 0.5em; + right: 2em; } -.actions.navbar-default { - border: none; - background: none; -} +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; } -.wiki-logo { - margin-top: -50px; -} +.pageheader .actions { + position: absolute; + bottom: 0; + right: 2em; + width: 100%; + text-align: right; } -.title { - text-transform: capitalize; -} - -.navbar-nav>li>span { - color: rgb(119, 119, 119); - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -} - -@media (min-width: 768px) -.navbar-nav>li>span { - padding-top: 15px; - padding-bottom: 15px; -} - -.nav>li>span { - line-height: 20px; - position: relative; - display: block; - padding: 15px 15px; -} - -.spacer { - height: 10px; - padding: 10px 0; -} - -.recentchanges-table { - table-layout: fixed; -} +.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: #136c13; + 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: #1fad1f; + color: white; } + +div.toggleable#attachments { + margin: 1em; } + +body { + margin: 0; + padding: 0; + font-family: helvetica,arial,freesans,clean,sans-serif; + *font-size: small; + color: black; + background: white; + font-size: 1.01em; } + +a { + text-decoration: none; + color: #136c13; } + +a:hover { + color: #1fad1f; } + +hr { + border-style: none; + background-color: #cccccc; + height: 1px; } + +code, pre { + background-color: #f2f2f2; + color: #1a2e05; } + +pre { + padding: .5em; + margin: 1em; + 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 2em; } + +#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; } diff --git a/sidebar.mdwn b/sidebar.mdwn index e9d0ce6..34f2926 100644 --- a/sidebar.mdwn +++ b/sidebar.mdwn @@ -1,4 +1,4 @@ -[[About]] -[[FAQ]] -[[Architecture]] +* [[About]] +* [[FAQ]] +* [[Architecture]] -- cgit v1.2.3