interpret 0.1.1

data/public/stylesheets/interpret_style.css

@@ -0,0 +1,542 @@
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+
+  Licensed under GPL and MIT.
+*/
+
+/* =Containers
+--------------------------------------------------------------------------------*/
+
+#container
+{
+  width: 92%;
+  margin-left: 4%;
+  margin-right: 4%;
+}
+
+/* =Grid >> Global
+--------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16
+{
+  display: inline;
+  float: left;
+  margin-left: 1%;
+  margin-right: 1%;
+}
+
+#container .grid_4
+{
+  width: 23%;
+}
+
+#container .grid_8
+{
+  width: 48%;
+}
+
+#container .grid_12
+{
+  width: 73%;
+}
+
+#container .grid_16
+{
+  width: 98%;
+}
+
+/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
+--------------------------------------------------------------------------------*/
+
+.alpha
+{
+  margin-left: 0;
+}
+
+.omega
+{
+  margin-right: 0;
+}
+
+
+/* =Grid >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+#container .grid_1
+{
+  width: 4.25%;
+}
+
+#container .grid_2
+{
+  width: 10.5%;
+}
+
+#container .grid_3
+{
+  width: 16.75%;
+}
+
+#container .grid_5
+{
+  width: 29.25%;
+}
+
+#container .grid_6
+{
+  width: 35.5%;
+}
+
+#container .grid_7
+{
+  width: 41.75%;
+}
+
+#container .grid_9
+{
+  width: 54.25%;
+}
+
+#container .grid_10
+{
+  width: 60.5%;
+}
+
+#container .grid_11
+{
+  width: 66.75%;
+}
+
+#container .grid_13
+{
+  width: 79.25%;
+}
+
+#container .grid_14
+{
+  width: 85.5%;
+}
+
+#container .grid_15
+{
+  width: 91.75%;
+}
+
+/* =Prefix Extra Space >> Global
+--------------------------------------------------------------------------------*/
+
+#container .prefix_4
+{
+  padding-left: 25%;
+}
+
+#container .prefix_8
+{
+  padding-left: 50%;
+}
+
+#container .prefix_12
+{
+  padding-left: 75%;
+}
+
+/* =Prefix Extra Space >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+#container .prefix_1
+{
+  padding-left: 6.25%;
+}
+
+#container .prefix_2
+{
+  padding-left: 12.5%;
+}
+
+#container .prefix_3
+{
+  padding-left: 18.75%;
+}
+
+#container .prefix_5
+{
+  padding-left: 31.25%;
+}
+
+#container .prefix_6
+{
+  padding-left: 37.5%;
+}
+
+#container .prefix_7
+{
+  padding-left: 43.75%;
+}
+
+#container .prefix_9
+{
+  padding-left: 56.25%;
+}
+
+#container .prefix_10
+{
+  padding-left: 62.5%;
+}
+
+#container .prefix_11
+{
+  padding-left: 68.75%;
+}
+
+#container .prefix_13
+{
+  padding-left: 81.25%;
+}
+
+#container .prefix_14
+{
+  padding-left: 87.5%;
+}
+
+#container .prefix_15
+{
+  padding-left: 93.75%;
+}
+
+/* =Suffix Extra Space >> Global
+--------------------------------------------------------------------------------*/
+
+#container .suffix_4
+{
+  padding-right: 25%;
+}
+
+#container .suffix_8
+{
+  padding-right: 50%;
+}
+
+#container .suffix_12
+{
+  padding-right: 75%;
+}
+
+
+/* =Suffix Extra Space >> 16 Columns
+--------------------------------------------------------------------------------*/
+
+#container .suffix_1
+{
+  padding-right: 6.25%;
+}
+
+#container .suffix_2
+{
+  padding-right: 16.5%;
+}
+
+#container .suffix_3
+{
+  padding-right: 18.75%;
+}
+
+#container .suffix_5
+{
+  padding-right: 31.25%;
+}
+
+#container .suffix_6
+{
+  padding-right: 37.5%;
+}
+
+#container .suffix_7
+{
+  padding-right: 43.75%;
+}
+
+#container .suffix_9
+{
+  padding-right: 56.25%;
+}
+
+#container .suffix_10
+{
+  padding-right: 62.5%;
+}
+
+#container .suffix_11
+{
+  padding-right: 68.75%;
+}
+
+#container .suffix_13
+{
+  padding-right: 81.25%;
+}
+
+#container .suffix_14
+{
+  padding-right: 87.5%;
+}
+
+#container .suffix_15
+{
+  padding-right: 93.75%;
+}
+
+/* =Clear Floated Elements
+--------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+html body * span.clear,
+html body * div.clear,
+html body * li.clear,
+html body * dd.clear
+{
+  background: none;
+  border: 0;
+  clear: both;
+  display: block;
+  float: none;
+  font-size: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+/* http://www.positioniseverything.net/easyclearing.html */
+
+.clearfix:after
+{
+  clear: both;
+  content: '.';
+  display: block;
+  visibility: hidden;
+  height: 0;
+}
+
+.clearfix
+{
+  display: inline-block;
+}
+
+* html .clearfix
+{
+  height: 1%;
+}
+
+.clearfix
+{
+  display: block;
+}
+
+body {
+  font-family: Helvetica;
+}
+
+#container {
+  border: .3em solid #333;
+}
+
+#header {
+  padding: 0 1em;
+  margin-top: 1em;
+  color: #FFF;
+  background-color: #666;
+}
+
+table {
+ border-collapse:collapse;
+ width: 100%;
+ border-right: 1px solid #444;
+ border-left: 1px solid #444;
+}
+
+td, th {
+  color: #363636;
+  padding: .4em;
+}
+
+td:first-child, td:first-child {
+  width: 50%;
+}
+
+td:last-child, td:last-child {
+  width: 50%;
+}
+
+tr {
+  border-bottom:1px solid gray;
+  cursor: hand;
+  cursor: pointer;
+}
+
+
+tr:hover {
+  background-color: #DDD;
+  height: 6.5em;
+  -moz-transition: background .4s linear;
+  -o-transition: background .4s linear;
+  -webkit-transition: background .4s linear;
+}
+
+tr.header {
+  background-color: #555;
+  color: white;
+  height: 2em;
+  cursor: default;
+}
+tr.header:hover {
+  background: #555;
+  -moz-transition: none;
+  -o-transition: none;
+  -webkit-transition: none;
+  height: 2em;
+}
+tr.header th {
+  color: #EEE;
+}
+
+tbody td a {
+  color:#363636;
+  text-decoration:none;
+}
+
+.menu {
+  margin-top: 10px;
+}
+
+.menu a.current {
+  font-weight: bold;
+}
+
+/* Search Page */
+
+#search {
+  border: 1px solid #CCC;
+  padding-left: 3em;
+}
+#search label {
+  font-size: 1.4em;
+}
+
+#search input {
+  width: 40%;
+  font-size: 1.2em;
+  height: 2em;
+  margin: 1em 0;
+  border: .2em solid #CCC;
+  padding-left: .4em;
+}
+
+#search input:focus {
+  border: .2em solid #555;
+}
+
+#search input[type="submit"] {
+  width: 15em;
+  margin-top: 2em;
+  margin-left: 4%;
+}
+
+#search input[type="submit"]:hover {
+  background-color: #444;
+  color: #FFF;
+  cursor: hand;
+  cursor: pointer;
+}
+
+/* Sidebar for Search page */
+
+#side_search {
+  border: 1px solid #CCC;
+  padding: .4em 0 .4em .8em;
+}
+#side_search label {
+  font-size: .8em;
+}
+
+#side_search input {
+  width: 90%;
+  font-size: .9em;
+  height: 1.5em;
+  margin: .5em 0;
+  border: .2em solid #CCC;
+  padding: .2em;
+}
+
+#side_search input:focus {
+  border: .2em solid #555;
+}
+
+#side_search input[type="submit"] {
+  width: 94%;
+  margin-top: 1.2em;
+  height: 2em;
+}
+
+#side_search input[type="submit"]:hover {
+  background-color: #444;
+  color: #FFF;
+  cursor: hand;
+  cursor: pointer;
+}
+
+.best_in_place textarea {
+  width: 100%;
+  height: 6em;
+  border: transparent;
+  font-size: .9em;
+}
+
+#tree_sidebar ul{
+  margin: 0;
+  padding: .4em;
+}
+#tree_sidebar li {
+  list-style-image: url("/stylesheets/plus_icon.gif");
+  font-weight: normal;
+}
+
+
+#tree_sidebar li.current {
+  list-style-image: url("/stylesheets/minus_icon.gif");
+}
+
+#tree_sidebar li.current  {
+  font-weight: bold;
+}
+
+#tree_sidebar a {
+  text-decoration: none;
+  color: #222;
+}
+#tree_sidebar a:hover {
+  text-decoration: underline;
+}
+
+#loading_sidebar {
+  display: none;
+}

data/test_app/Gemfile

@@ -0,0 +1,11 @@
+source 'http://rubygems.org'
+
+gem 'rails', '~> 3.0.0'
+gem 'interpret', :path => ".."
+gem 'haml-rails'
+
+group :development, :test do
+  gem 'sqlite3-ruby', :require => 'sqlite3'
+end
+
+