formol 0.0.4

data/app/assets/stylesheets/formol/admin/categories.css.scss

@@ -0,0 +1,30 @@
+/**
+*= require 'formol/categories'
+**/
+
+.formol_categories {
+  padding: 5px;
+  position: relative;
+}
+
+ol {
+  margin: 0;
+  
+  ol {
+    margin-left: 10px;
+    
+    &:empty {
+      padding: 10px 0;
+    }
+    
+    > li {
+      margin-top: 4px;
+    }
+  }
+}
+
+.formol_forum {
+  ul {
+    display: none;
+  }
+}

data/app/assets/stylesheets/formol/admin/forums.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/formol/categories.css.scss

@@ -0,0 +1,3 @@
+//= require formol/partials/breadcrumb
+//= require formol/partials/formol_lists
+//= require formol/partials/categories/list

data/app/assets/stylesheets/formol/development.css

@@ -0,0 +1,4 @@
+.translation_missing {
+    border-left: 2px solid #afafaf;
+    background-color: palegoldenrod;
+}

data/app/assets/stylesheets/formol/forums.css.scss

@@ -0,0 +1,3 @@
+//= require formol/partials/formol_lists
+//= require formol/partials/forums/list
+//= require formol/partials/breadcrumb

data/app/assets/stylesheets/formol/mixins/after_clear.css.scss

@@ -0,0 +1,7 @@
+@mixin after_clear {
+    visibility: hidden;
+    clear: both;
+    display: block;
+    height: 0;
+    content: '.';
+}

data/app/assets/stylesheets/formol/partials/breadcrumb.css.scss

@@ -0,0 +1,9 @@
+.breadcrumb {
+  li {
+    display: inline-block;
+    margin-right: 4px;
+  }
+    
+  padding: 0;
+  margin: 10px 0;
+}

data/app/assets/stylesheets/formol/partials/categories/list.css.scss

@@ -0,0 +1,101 @@
+@import "formol/mixins/after_clear";
+
+.forums {
+  padding: 0;
+  list-style-type: none;
+  margin: 0;
+}
+
+.formol_category {
+    margin-bottom: 10px;
+    
+    h2 {
+      margin: 0;
+      margin-bottom: 0.7em;
+      padding: 0.1em 0.2em;
+      border-bottom: 1px solid #a5a5a5;
+            
+      a {
+        text-decoration: none;
+        color: black;
+      }
+    }
+  }
+
+.formol_category_forums {
+  min-width: 650px;
+  margin-left: 15px;
+  
+  .forums .unread .metas {
+      background-image: url('/assets/formol/unread.png');
+  }
+  
+  .formol_forum {
+    margin-bottom: 5px;
+  }
+  
+  .head {
+    > span {
+      float: left;
+      
+      &:first-letter {
+        text-transform: capitalize;
+      }
+    }
+    
+    .label {
+      width: 51%;
+      padding-right: 30px;
+    }
+    
+    &:after {
+      @include after_clear;
+    }
+  }
+  
+  .formol_forum {
+    &:after {
+      @include after_clear;
+    }
+    
+    > span {
+      float: left;
+    }
+    
+    .metas {
+      width: 51%;
+      padding-left: 30px;
+      background: transparent url('/assets/formol/read.png') no-repeat scroll left 7px;
+      height: 38px;
+    }
+    
+    .label {
+      display: block;
+    }
+    
+    .description {
+      color: #777;
+      padding-left: 4px;
+      font-style: italic;
+    }
+  }
+  
+  .topics_count,
+  .posts_count {
+    width: 9%;
+    text-align: center;
+  }
+  
+  .last_post {
+    width: 25%;
+    
+    .created_by {
+      display: block;
+    }
+    
+    time {
+      color: #aaa;
+      font-style: italic;
+    }
+  }
+}

data/app/assets/stylesheets/formol/partials/formol_lists.css.scss

@@ -0,0 +1,6 @@
+ol.list {
+  min-width: 650px;
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}

data/app/assets/stylesheets/formol/partials/forums/list.css.scss

@@ -0,0 +1,97 @@
+@import "formol/mixins/after_clear";
+
+hgroup {
+  h2 {
+    &:first-letter {
+      text-transform: capitalize;
+    }
+    
+    margin-bottom: 0;
+  }
+  
+  h4 {
+    margin-top: 0;
+    padding-left: 10px;
+    color: #aaa;
+    font-style: italic;
+  }
+}
+
+.forum_tools {
+  list-style-type: none;
+  padding: 0;
+  
+  li {
+    display: inline-block;
+  }
+}
+
+.formol_forum_topics {
+  .topics .unread .meta {
+      background-image: url('/assets/formol/unread.png');
+  }
+  
+  .head {
+    &:after {
+      @include after_clear;
+    }
+    
+    > span {
+      &:first-letter {
+        text-transform: capitalize;
+      }
+      
+      float: left;
+    }
+    
+    .title {
+      width: 51%;
+      padding-right: 30px;
+    }
+  }
+  
+  .formol_topic {
+    &:after {
+      @include after_clear;
+    }
+    
+    > span {
+      float: left;
+    }
+  }
+  
+  .topics {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+  }
+  
+  .meta {
+    width: 51%;
+    padding-left: 30px;
+    background: transparent url('/assets/formol/read.png') no-repeat scroll left 7px;
+    
+    .title {
+      display: block;
+    }
+  }
+  
+  .posts_count,
+  .views_count {
+    width: 9%;
+    text-align: center;
+  }
+  
+  .last_post {
+    width: 25%;
+    
+    .created_by {
+      display: block;
+    }
+    
+    time {
+      color: #aaa;
+      font-style: italic;
+    }
+  }
+}

data/app/assets/stylesheets/formol/partials/polls/poll.css.scss

@@ -0,0 +1,9 @@
+.formol_poll {
+  width: 50%;
+  margin: 0 auto;
+  
+  ol {
+    list-style-type: none;
+    padding: 0;
+  }
+}

data/app/assets/stylesheets/formol/partials/posts/post.css.scss

@@ -0,0 +1,116 @@
+@import "formol/mixins/after_clear";
+
+.last_fives {
+  .actions {
+    display: none;
+  }
+}
+
+li.formol_post {
+  background-color: #e1ebf2;
+  padding: 10px;
+  padding-bottom: 25px;
+  margin-bottom: 10px;
+  position: relative;
+  min-width: 885px;
+  
+  &:after {
+    @include after_clear;
+  }
+  
+  .metas {
+    float: left;
+    width: 12%;
+    
+    .links {
+      margin-bottom: 5px;
+    }
+    
+    figure {
+      margin: 5px 0;
+    }
+    
+    span {
+      display: block;
+    }
+    
+    .posts_count {
+      &:first-letter {
+        text-transform: uppercase;
+      }
+    }
+  }
+  
+  .content {
+    width: 88%;
+    float: left;
+    
+    .highlight {
+      clear: left;
+      padding: 10px;
+      margin-bottom: 1em;
+      background-color: #fcfcfc;
+      
+      .lineno {
+        color: #cacaca;
+      }
+    }
+    
+    .highlight_title {
+      background-color: #FAFAFA;
+      float: left;
+      font-family: monospace;
+      font-weight: bold;
+      padding: 3px 4px 0;
+    }
+    
+    pre, blockquote {
+      margin: 0;
+    }
+    
+    blockquote {
+      margin-bottom: 5px;
+      
+      p:last-child {
+        margin-bottom: 0;
+      }
+    }
+    
+    pre {
+      line-height: 120%;
+    }
+  }
+  
+  .created_at {
+    left: 12%;
+    bottom: 5px;
+    position: absolute;
+    font-style: italic;
+    color: #888;
+
+    &:first-letter {
+      text-transform: uppercase;
+    }
+  }
+  
+  .actions {
+    position: absolute;
+    margin: 0;
+    bottom: 5px;
+    right: 10px;
+    
+    li {
+      display: inline-block;
+    }
+  }
+}
+
+blockquote {
+  border: 1px solid #dddddd;
+  background-color: #eaeaea;
+  padding: 5px;
+  
+  blockquote {
+    background-color: #efefef;
+  }
+}

data/app/assets/stylesheets/formol/posts.css.scss

@@ -0,0 +1,8 @@
+//= require markitup/skins/simple/style
+//= require markitup/sets/markdown/style
+//= require formol/partials/posts/post
+//= require formol/partials/breadcrumb
+
+h2:first-letter {
+  text-transform: capitalize;
+}

data/app/assets/stylesheets/formol/topics.css.scss

@@ -0,0 +1,42 @@
+//= require formol/partials/formol_lists
+//= require formol/partials/posts/post
+//= require formol/partials/breadcrumb
+//= require formol/partials/polls/poll
+//= require "markitup/skins/simple/style"
+//= require "markitup/sets/markdown/style"
+
+h2 {
+  &:first-letter {
+    text-transform: uppercase;
+  }
+}
+
+.topic_tools {
+  margin: 0;
+  padding: 0;
+  margin-bottom: 5px;
+  
+  li {
+    display: inline-block;
+    margin-right: 5px;
+  }
+}
+
+form {
+  fieldset.poll {
+    padding-left: 60px;
+    padding-top: 10px;
+    
+    > legend {
+      margin-left: 40px;
+    }
+    
+    fieldset.answers {
+      padding-left: 20px;
+      
+      > legend {
+        margin-left: 60px;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/markitup/sets/markdown/style.css

@@ -0,0 +1,57 @@
+/* -------------------------------------------------------------------
+// markItUp!
+// By Jay Salvat - http://markitup.jaysalvat.com/
+// ------------------------------------------------------------------*/
+.markItUp .markItUpButton1 a {
+	background-image:url(images/h1.png); 
+}
+.markItUp .markItUpButton2 a {
+	background-image:url(images/h2.png); 
+}
+.markItUp .markItUpButton3 a {
+	background-image:url(images/h3.png); 
+}
+.markItUp .markItUpButton4 a {
+	background-image:url(images/h4.png); 
+}
+.markItUp .markItUpButton5 a {
+	background-image:url(images/h5.png); 
+}
+.markItUp .markItUpButton6 a {
+	background-image:url(images/h6.png); 
+}
+
+.markItUp .markItUpButton7 a {
+	background-image:url(images/bold.png);
+}
+.markItUp .markItUpButton8 a {
+	background-image:url(images/italic.png);
+}
+
+.markItUp .markItUpButton9 a {
+	background-image:url(images/list-bullet.png);
+}
+.markItUp .markItUpButton10 a {
+	background-image:url(images/list-numeric.png);
+}
+
+.markItUp .markItUpButton11 a {
+	background-image:url(images/picture.png); 
+}
+.markItUp .markItUpButton12 a {
+	background-image:url(images/link.png);
+}
+
+.markItUp .markItUpButton13 a	{
+	background-image:url(images/quotes.png);
+}
+.markItUp .markItUpButton14 a	{
+	background-image:url(images/block_code.png);
+}
+.markItUp .markItUpButton15 a	{
+	background-image:url(images/code.png);
+}
+
+.markItUp .preview a {
+	background-image:url(images/preview.png);
+}