wiki/local.css

/*********************************
 *  public wiki 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
 *  */
/* variables copy pasted from the corporate website */
.pageheader {
  padding: 2em 2em 3em 2em;
  position: relative;
  overflow: hidden;
  background: #404040;
  border-color: gray;
  border-style: none none solid none;
  border-width: 1px; }

.pageheader .header {
  float: left; }

.title {
  color: #b3b3b3;
  font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: gray; }

.header {
  font-size: 200%; }

h1 {
  font-size: 160%;
  border-top: 5px solid gray; }

h2 {
  font-size: 130%;
  border-top: 2px solid gray; }

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: 2px;
  border-color: gray;
  -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: gray;
  color: black;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .pageheader .actions ul li a:hover, input[type="submit"]:hover {
    background: #e68019;
    color: white; }

div.toggleable#attachments {
  margin: 1em; }

body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
  *font-size: small;
  color: black;
  background: white;
  font-size: 1.01em; }

a {
  text-decoration: none;
  color: #f27f0d; }

a:hover {
  color: #ad661f; }

hr {
  border-style: none;
  background-color: gray;
  height: 1px; }

code, pre {
  background-color: #f2f2f2;
  color: #2e1a05; }

pre {
  padding: .5em;
  margin: 1em;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  -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: gray; }

#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: 2px;
  border-color: gray;
  -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 gray; }

.inlineheader {
  font-size: 1.1em;
  border-top: 2px solid gray; }

/* 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.recentchanges div.metadata {
    margin-top: 1.5em;
    border-style: solid;
    border-width: 2px;
    border-color: gray;
    -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;
    padding: .7em; }
  div.recentchanges div.changelog {
    padding: .7em 2em; }

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: 2px;
  border-color: gray;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  span.pagelinks a:hover, span.tags a:hover {
    background: #cccccc;
    color: black; }

div.recentchanges div.changelog {
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  -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: 2px;
  border-color: gray;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #f2f2f2;
  margin-top: 1.5em;
  padding: .8em; }
  div.titleandtags h3, div.titleandtags span.tags {
    padding: 0; }
  div.titleandtags h3 {
    margin: 0 0 .5em 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; }