Basic text formatting

2010-10-25 14:46:52 -07:00
parent 60901ddd75
commit 3b6b06a599
3 changed files with 225 additions and 1 deletions
@@ -0,0 +1,68 @@
+/*
+  gollum.css
+  A basic stylesheet for Gollum
+*/
+
+/* @section core */
+body, html {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 10px; /* -> 1em */
+  margin: 0;
+  padding: 0;
+}
+
+#wiki-wrapper {
+  margin: 0 auto;
+  overflow: visible;
+  width: 80%;
+}
+
+
+/* @section head */
+#head {
+  border-bottom: 1px solid #ccc;
+  margin: 4.5em 0 0.5em;
+  padding: 0.5em 0;
+  overflow: hidden;
+}
+
+  #head h1 {
+    font-size: 3.3em;
+    float: left;
+    line-height: normal;
+    margin: 0;
+    padding: 0;
+  }
+
+  #head ul.actions {
+    display: block;
+    float: right;
+    list-style-type: none;
+    overflow: hidden;
+    padding: 0.6em 0 0;
+  }
+  
+  #head ul.actions li {
+    float: left;
+    font-size: 1.2em;
+    margin-left: 0.6em;
+  }
+  
+  
+/* @section content */
+#wiki-content {
+  height: 1%;
+  overflow: visible;
+}
+
+  /* @section comments */
+  #wiki-body #inline-comment {
+    display: none; /* todo */
+  }
+
+  /* @section body */
+  #wiki-body {
+    float: left;
+    margin-right: 5%;
+    width: 70%;
+  }
@@ -0,0 +1,122 @@
+/*
+  template.css
+  Wiki content formatting
+*/
+
+#template {
+  margin-bottom: 4em; /* Give it some breathing room */
+}
+
+#template p {
+  font-size: 1.4em;
+  line-height: 1.6em;
+}
+
+  /* See http://webtypography.net/Rhythm_and_Proportion/ */
+  #template p + p {
+    margin: -0.75em 0 0;
+    text-indent: 1em;
+  }
+  
+  /* Everybody loves type ornaments */
+  #template p:last-child:after {
+    color: #999;
+    content: " ❈";
+    font-size: 0.8em;
+  }
+  
+  
+#template ul, #template ol {
+  margin: 1.0em 0;
+  padding: 0;
+}
+
+#template p + ul, #template p + ol,
+#template ul li > ul, #template ol li > ol {
+  margin: 0;
+}
+
+  #template ul {
+    list-style-type: square;
+  }
+  
+  #template ol li > ol li {
+    font-size: 1.0em !important;
+    list-style-type: lower-roman;
+    list-style-position: inside;
+  }
+  
+  #template ol li > ol li > ol li {
+    list-style-type: lower-alpha;
+  }
+  
+  #template ol li > ol li > ol li > ol li {
+    list-style-type: lower-greek;
+  }
+
+#template ul li, #template ol li {
+  font-size: 1.4em;
+  line-height: 1.6em;
+  padding-top: 0.1em; /* Line up ordinals */
+}
+
+#template blockquote {
+  margin: 0 4.0em 0 2.0em;
+  padding: 0;
+}
+
+  #template blockquote p {
+    color: #888;
+    font-style: italic;
+  }
+
+
+/* Headings */
+#template h1, #template h2, #template h3,
+#template h4, #template h5, #template h6 {
+  margin: 0;
+  padding: 0.5em 0 0;
+}
+
+#template h1 {
+  font-size: 2.6em;
+  font-weight: bold;
+}
+
+#template h2 {
+  font-size: 2.2em;
+  font-weight: bold;
+}
+
+#template h3 {
+  font-size: 2.0em;
+  font-weight: bold;
+}
+
+#template h4 {
+  font-size: 1.8em;
+  font-weight: bold;
+}
+
+#template h5 {
+  font-size: 1.6em;
+  font-weight: bold;
+
+}
+
+#template h6 {
+  font-size: 1.4em;
+  font-weight: bold;
+  margin-top: 1.0em;
+  text-transform: uppercase; /* all caps */
+}
+
+
+/* Code-related */
+#template p code {
+  background-color: #f7f7f7;
+  border: 1px solid #ddd;
+  color: #222; /* This is a little heavy when #000 */
+  font-family: Consolas, Monaco, "Courier New", monospace;
+  padding: 0.15em 0.3em;
+}