Add an improved style sheet (from the ikiwiki site)
authorMichael Meffie <mmeffie@sinenomine.net>
Fri, 2 Nov 2012 03:18:06 +0000 (20:18 -0700)
committerRuss Allbery <rra@stanford.edu>
Fri, 2 Nov 2012 03:18:06 +0000 (20:18 -0700)
local.css [new file with mode: 0644]

diff --git a/local.css b/local.css
new file mode 100644 (file)
index 0000000..e13b364
--- /dev/null
+++ b/local.css
@@ -0,0 +1,296 @@
+/*********************************
+ * 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: 160%;
+  border-top: 5px solid #cccccc; }
+
+h2 {
+  font-size: 130%;
+  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: #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; }