rsyntaxtree 0.5.0

data/lib/rsyntaxtree/tree_graph.rb

@@ -0,0 +1,433 @@
+#!/usr/bin/env ruby
+# -*- coding: utf-8 -*-
+
+#==========================
+# tree_graph.rb
+#==========================
+#
+# Parses an element list into a (non-SVG) graphical tree.
+#
+# This file is part of RSyntaxTree, which is a ruby port of Andre Eisenbach's
+# excellent program phpSyntaxTree.
+#
+# Copyright (c) 2007-2009 Yoichiro Hasebe <yohasebe@gmail.com>
+# Copyright (c) 2003-2004 Andre Eisenbach <andre@ironcreek.net>
+# 
+# This program is free software; you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation; either version 2 of the License, or
+# (at your option) any later version.
+# 
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+# 
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+
+require 'imgutils'
+require 'elementlist'
+require 'rubygems'
+require 'RMagick'
+include Magick
+
+E_WIDTH   = 60 # Element width
+E_PADD    = 7 # Element height padding
+V_SPACE   = 20
+H_SPACE   = 10
+B_SIDE   =   5
+B_TOPBOT =   5
+
+class TreeGraph
+
+  def initialize(e_list, symmetrize = true, color = true, terminal = "triangle",
+                 font = "Helvetica", font_size = 10, simple = false)
+
+    # Store parameters
+    @e_list     = e_list
+    @font       = font
+    @font_size = font_size
+    @terminal = terminal
+    @symmetrize = symmetrize
+    @simple = simple
+
+    # Element dimensions
+    @e_width   = E_WIDTH
+    
+    # Calculate image dimensions
+    @e_height = @font_size + E_PADD * 2
+    h = @e_list.get_level_height
+    w = calc_level_width(0)
+    w_px = w + B_SIDE * 2
+    h_px = h * @e_height + (h-1) * (V_SPACE + @font_size) + B_TOPBOT * 2
+    @height    = h_px
+    @width     = w_px
+
+    # Initialize the image and colors
+    @im = Image.new(w_px, h_px)
+    @gc = Draw.new
+    @gc.font = @font
+    @gc.pointsize(@font_size)
+
+    @col_bg   = "none"
+    @col_fg   = "black"
+    @col_line = "black"
+    
+    if color
+      @col_node  = "blue"
+      @col_leaf  = "green"
+      @col_trace = "red"
+    else
+      @col_node  = "black"
+      @col_leaf  = "black"
+      @col_trace = "black"
+    end
+  end
+  
+  def destroy
+    @im.destroy!
+  end
+
+  def draw
+    parse_list
+    @gc.draw(@im)
+  end
+
+  def save(filename)
+    draw
+    @im.write(filename)
+  end
+
+  # inspired by the implementation of Gruff
+  # by Geoffrey Grosenbach
+  def to_blob(fileformat='PNG')
+    draw
+    return @im.to_blob do
+       self.format = fileformat
+    end
+  end  
+  
+  :private
+ 
+  # Add the element into the tree (draw it)
+  def draw_element(x, y, w, string, type)
+ 
+    # Calculate element dimensions and position
+    if (type == ETYPE_LEAF) and @terminal == "nothing"
+      top = row2px(y - 1) + (@font_size * 1.5)
+    else 
+      top   = row2px(y)
+    end
+    left   = x + B_SIDE
+    bottom = top  + @e_height
+    right  = left + w
+
+    # Split the string into the main part and the 
+    # subscript part of the element (if any)
+    main = string
+    sub  = ""
+
+    sub_size = (@font_size * 0.7 )
+    parts = string.split("_", 2)
+  
+    if(parts.length > 1 )
+      main = parts[0]
+      sub  = parts[1].gsub(/_/, " ")
+    end
+        
+    # Calculate text size for the main and the 
+    # subscript part of the element
+    main_width = img_get_txt_width(main, @font, @font_size)
+
+    if sub != ""
+      sub_width  = img_get_txt_width(sub.to_s,  @font, sub_size)
+    else
+      sub_width = 0
+    end
+
+    # Center text in the element
+    txt_width = main_width + sub_width
+
+    txt_pos   = left + (right - left) / 2 - txt_width / 2
+  
+    # Select apropriate color
+    if(type == ETYPE_LEAF)
+      col = @col_leaf
+    else
+      col = @col_node      
+    end
+    
+    if(main[0].chr == "<" && main[-1].chr == ">")
+      col = @col_trace
+    end
+
+    @gc.stroke("none")
+    @gc.fill(col)
+
+    # Draw main text
+    @gc.pointsize(@font_size)
+    main_x = txt_pos
+    main_y = top + @e_height - E_PADD
+    @gc.text(main_x.ceil, main_y.ceil, main)
+        
+    # Draw subscript text
+    if (sub.length > 0 )
+      @gc.pointsize(sub_size)
+      sub_x = txt_pos + main_width + (sub_size/8)
+      sub_y = top + (@e_height - E_PADD + sub_size / 2)
+      @gc.text(sub_x.ceil, sub_y.ceil, sub)
+    end
+     
+  end
+
+  # Draw a line between child/parent elements
+  def line_to_parent(fromX, fromY, fromW, toX, toW)
+
+    if (fromY == 0 )
+      return
+    end
+            
+    fromTop  = row2px(fromY)
+    fromLeft = (fromX + fromW / 2 + B_SIDE)
+    toBot    = (row2px(fromY - 1 ) + @e_height)
+    toLeft  = (toX + toW / 2 + B_SIDE)
+
+    @gc.fill("none")
+    @gc.stroke @col_line
+    @gc.stroke_width 1
+    @gc.line(fromLeft.ceil, fromTop.ceil, toLeft.ceil, toBot.ceil)
+  end
+
+  # Draw a triangle between child/parent elements
+  def triangle_to_parent(fromX, fromY, fromW, toX, textW)
+    if (fromY == 0)
+      return
+    end
+      
+    toX = fromX
+    fromCenter = (fromX + fromW / 2 + B_SIDE)
+    
+    fromTop  = row2px(fromY).ceil
+    fromLeft1 = (fromCenter + textW / 2).ceil
+    fromLeft2 = (fromCenter - textW / 2).ceil
+    toBot    = (row2px(fromY - 1) + @e_height)
+    toLeft   = (toX + textW / 2 + B_SIDE * 2)
+  
+    @gc.fill("none")
+    @gc.stroke @col_line
+    @gc.stroke_width 1    
+    @gc.line(fromLeft1, fromTop, toLeft, toBot)
+    @gc.line(fromLeft2, fromTop, toLeft, toBot)
+    @gc.line(fromLeft1, fromTop, fromLeft2, fromTop)
+  end
+
+  # If a node element text is wider than the sum of it's
+  #   child elements, then the child elements need to
+  #   be resized to even out the space. This function
+  #   recurses down the a child tree and sizes the
+  #   children appropriately.
+  def fix_child_size(id, current, target)
+    children = @e_list.get_children(id)
+    @e_list.set_element_width(id, target)
+
+    if(children.length > 0 ) 
+      delta = target - current
+      target_delta = delta / children.length 
+
+      children.each do |child|
+        child_width = @e_list.get_element_width(child)
+        fix_child_size(child, child_width, child_width + target_delta)
+      end
+    end
+  end
+
+  # Calculate the width of the element. If the element is
+  #   a node, the calculation will be performed recursively
+  #   for all child elements.
+  def calc_element_width(e)
+    w = 0
+        
+    children = @e_list.get_children(e.id)
+
+    if(children.length == 0)
+      w = img_get_txt_width(e.content, @font, @font_size) + @font_size
+    else
+      children.each do |child|
+        child_e = @e_list.get_id(child)
+        w += calc_element_width(child_e)
+      end
+
+      tw = img_get_txt_width(e.content, @font, @font_size) + @font_size
+      if(tw > w)
+        fix_child_size(e.id, w, tw)
+        w = tw
+      end
+    end
+
+    @e_list.set_element_width(e.id, w)
+    return w
+  end
+
+  # Calculate the width of all elements in a certain level
+  def calc_level_width(l)
+    w = 0
+    e = @e_list.get_first
+    while e
+      if(e.level == l)
+        w += calc_element_width(e)
+      end
+        e = @e_list.get_next
+    end
+
+    return w
+  end
+
+  def calc_children_width(id)
+    left = 0
+    right = 0
+    c_list = @e_list.get_children(id)
+    return nil if c_list.empty?
+    
+    c_list.each do |c|
+      left =  c.indent if indent == 0 or left > c.indent
+    end
+    c_list.each do |c|
+      right = c.indent + e.width if c.indent + c.width > right
+    end
+    return [left, right]
+  end
+
+  def get_children_indent(id)
+    calc_children_width(id)[0]
+  end
+  
+  def get_children_width(id)
+    calc_children_width(id)[1] - get_children_indent(id)
+  end
+
+  # Parse the elements in the list top to bottom and
+  #   draw the elements into the image.
+  #   As we it iterate through the levels, the element
+  #   indentation is calculated.
+  def parse_list
+
+    # Calc element list recursively....
+    e_arr = @e_list.get_elements
+     
+    h = @e_list.get_level_height
+    h.times do |i|
+      x = 0
+      e_arr.each do |j|
+
+        if (j.level == i)
+          cw = @e_list.get_element_width(j.id)
+          parent_indent = @e_list.get_indent(j.parent)
+          if (x <  parent_indent)
+            x = parent_indent
+          end
+          @e_list.set_indent(j.id, x)
+
+          if !@symmetrize
+            draw_element(x, i, cw, j.content, j.type)
+            if(j.parent != 0 )
+              words = j.content.split(" ")
+              unless @terminal == "nothing" && ETYPE_LEAF == j.type
+                if (@terminal == "triangle" && ETYPE_LEAF == j.type && x == parent_indent && words.length > 1)
+                  txt_width = img_get_txt_width(j.content, @font, @font_size)
+                  triangle_to_parent(x, i, cw, @e_list.get_element_width(j.parent), txt_width)
+                else
+                  line_to_parent(x, i, cw, @e_list.get_indent(j.parent), @e_list.get_element_width(j.parent))
+                end
+              end
+            end
+          end          
+
+          x += cw
+        end
+      end
+    end
+    return true if !@symmetrize
+    h.times do |i|
+      curlevel = h - i - 1
+      indent = 0
+      e_arr.each_with_index do |j, idx|
+        if (j.level == curlevel)
+          # Draw a line to the parent element
+          children = @e_list.get_children(j.id)
+
+          tw = img_get_txt_width(j.content, @font, @font_size)
+          if children.length > 1
+            left, right = -1, -1
+            children.each do |child|          
+              k = @e_list.get_id(child)
+              kw = img_get_txt_width(k.content, @font, @font_size)              
+              left = k.indent + kw / 2 if k.indent + kw / 2 < left or left == -1
+              right = k.indent + kw / 2 if k.indent + kw / 2 > right
+            end
+            draw_element(left, curlevel, right - left, j.content, j.type)
+            @e_list.set_indent(j.id, left + (right - left) / 2 -  tw / 2)
+
+            children.each do |child|
+              k = @e_list.get_id(child)
+              words = k.content.split(" ")
+              dw = img_get_txt_width(k.content, @font, @font_size)
+              unless @terminal == "nothing" && ETYPE_LEAF == k.type
+                if (@terminal == "triangle" && ETYPE_LEAF == k.type && k.indent == j.indent && words.length > 1)
+                  txt_width = img_get_txt_width(k.content, @font, @font_size)
+                  triangle_to_parent(k.indent, curlevel + 1, dw, tw, txt_width)
+                else
+                  line_to_parent(k.indent, curlevel + 1, dw, j.indent, tw)
+                end
+              end
+            end
+            
+          else
+            unless children.empty?
+              k = @e_list.get_id(children[0])
+              kw = img_get_txt_width(k.content, @font, @font_size)              
+              left = k.indent
+              right = k.indent + kw
+              draw_element(left, curlevel, right - left, j.content, j.type)
+              @e_list.set_indent(j.id, left + (right - left) / 2 -  tw / 2)
+            else
+             parent = @e_list.get_id(j.parent)
+             pw = img_get_txt_width(parent.content, @font, @font_size)
+             pleft = parent.indent
+             pright = pleft + pw
+             left = j.indent
+             right = left + tw
+             if pw > tw
+               left = pleft
+               right = pright
+             end
+             draw_element(left, curlevel, right - left, j.content, j.type) 
+             @e_list.set_indent(j.id, left + (right - left) / 2 -  tw / 2)             
+            end
+
+            unless children.empty?
+              k = @e_list.get_id(children[0])
+              words = k.content.split(" ")
+              dw = img_get_txt_width(k.content, @font, @font_size)
+              unless @terminal == "nothing" && ETYPE_LEAF == k.type
+                if (@terminal == "triangle" && ETYPE_LEAF == k.type && words.length > 1)
+                  txt_width = img_get_txt_width(k.content, @font, @font_size)
+                  triangle_to_parent(k.indent, curlevel + 1, dw, 
+                                     @e_list.get_element_width(k.parent), txt_width)
+                else
+                  line_to_parent(k.indent, curlevel + 1, dw, j.indent, tw)
+                end
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+
+  def row2px(row)
+   B_TOPBOT + @e_height * row + (V_SPACE + @font_size) * row
+  end
+  
+end

data/lib/rsyntaxtree/version.rb

@@ -0,0 +1,4 @@
+module RSyntaxTree
+  VERSION = "0.5.0"
+end
+

data/public/bootstrap/css/bootstrap-responsive.css

@@ -0,0 +1,581 @@
+/*!
+ * Bootstrap Responsive v2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before, .clearfix:after {
+  display: table;
+  content: "";
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+@media (max-width: 480px) {
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+  .page-header h1 small {
+    display: block;
+    line-height: 18px;
+  }
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    min-height: 28px;
+    /* Make inputs at least the height of their button counterpart */
+  
+    /* Makes inputs behave like true block-level elements */
+  
+    -webkit-box-sizing: border-box;
+    /* Older Webkit */
+  
+    -moz-box-sizing: border-box;
+    /* Older FF */
+  
+    -ms-box-sizing: border-box;
+    /* IE8 */
+  
+    box-sizing: border-box;
+    /* CSS3 spec*/
+  
+  }
+  .input-prepend input[class*="span"], .input-append input[class*="span"] {
+    width: auto;
+  }
+  input[type="checkbox"], input[type="radio"] {
+    border: 1px solid #ccc;
+  }
+  .form-horizontal .control-group > label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
+  }
+  .form-horizontal .controls {
+    margin-left: 0;
+  }
+  .form-horizontal .control-list {
+    padding-top: 0;
+  }
+  .form-horizontal .form-actions {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  .modal {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+  }
+  .modal.fade.in {
+    top: auto;
+  }
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
+  }
+  .carousel-caption {
+    position: static;
+  }
+}
+@media (max-width: 767px) {
+  .container {
+    width: auto;
+    padding: 0 20px;
+  }
+  .row-fluid {
+    width: 100%;
+  }
+  .row {
+    margin-left: 0;
+  }
+  .row > [class*="span"], .row-fluid > [class*="span"] {
+    float: none;
+    display: block;
+    width: auto;
+    margin: 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 979px) {
+  .row {
+    margin-left: -20px;
+    *zoom: 1;
+  }
+  .row:before, .row:after {
+    display: table;
+    content: "";
+  }
+  .row:after {
+    clear: both;
+  }
+  [class*="span"] {
+    float: left;
+    margin-left: 20px;
+  }
+  .span1 {
+    width: 42px;
+  }
+  .span2 {
+    width: 104px;
+  }
+  .span3 {
+    width: 166px;
+  }
+  .span4 {
+    width: 228px;
+  }
+  .span5 {
+    width: 290px;
+  }
+  .span6 {
+    width: 352px;
+  }
+  .span7 {
+    width: 414px;
+  }
+  .span8 {
+    width: 476px;
+  }
+  .span9 {
+    width: 538px;
+  }
+  .span10 {
+    width: 600px;
+  }
+  .span11 {
+    width: 662px;
+  }
+  .span12, .container {
+    width: 724px;
+  }
+  .offset1 {
+    margin-left: 82px;
+  }
+  .offset2 {
+    margin-left: 144px;
+  }
+  .offset3 {
+    margin-left: 206px;
+  }
+  .offset4 {
+    margin-left: 268px;
+  }
+  .offset5 {
+    margin-left: 330px;
+  }
+  .offset6 {
+    margin-left: 392px;
+  }
+  .offset7 {
+    margin-left: 454px;
+  }
+  .offset8 {
+    margin-left: 516px;
+  }
+  .offset9 {
+    margin-left: 578px;
+  }
+  .offset10 {
+    margin-left: 640px;
+  }
+  .offset11 {
+    margin-left: 702px;
+  }
+  .row-fluid {
+    width: 100%;
+    *zoom: 1;
+  }
+  .row-fluid:before, .row-fluid:after {
+    display: table;
+    content: "";
+  }
+  .row-fluid:after {
+    clear: both;
+  }
+  .row-fluid > [class*="span"] {
+    float: left;
+    margin-left: 2.762430939%;
+  }
+  .row-fluid > [class*="span"]:first-child {
+    margin-left: 0;
+  }
+  .row-fluid > .span1 {
+    width: 5.801104972%;
+  }
+  .row-fluid > .span2 {
+    width: 14.364640883%;
+  }
+  .row-fluid > .span3 {
+    width: 22.928176794%;
+  }
+  .row-fluid > .span4 {
+    width: 31.491712705%;
+  }
+  .row-fluid > .span5 {
+    width: 40.055248616%;
+  }
+  .row-fluid > .span6 {
+    width: 48.618784527%;
+  }
+  .row-fluid > .span7 {
+    width: 57.182320438000005%;
+  }
+  .row-fluid > .span8 {
+    width: 65.74585634900001%;
+  }
+  .row-fluid > .span9 {
+    width: 74.30939226%;
+  }
+  .row-fluid > .span10 {
+    width: 82.87292817100001%;
+  }
+  .row-fluid > .span11 {
+    width: 91.436464082%;
+  }
+  .row-fluid > .span12 {
+    width: 99.999999993%;
+  }
+  input.span1, textarea.span1, .uneditable-input.span1 {
+    width: 32px;
+  }
+  input.span2, textarea.span2, .uneditable-input.span2 {
+    width: 94px;
+  }
+  input.span3, textarea.span3, .uneditable-input.span3 {
+    width: 156px;
+  }
+  input.span4, textarea.span4, .uneditable-input.span4 {
+    width: 218px;
+  }
+  input.span5, textarea.span5, .uneditable-input.span5 {
+    width: 280px;
+  }
+  input.span6, textarea.span6, .uneditable-input.span6 {
+    width: 342px;
+  }
+  input.span7, textarea.span7, .uneditable-input.span7 {
+    width: 404px;
+  }
+  input.span8, textarea.span8, .uneditable-input.span8 {
+    width: 466px;
+  }
+  input.span9, textarea.span9, .uneditable-input.span9 {
+    width: 528px;
+  }
+  input.span10, textarea.span10, .uneditable-input.span10 {
+    width: 590px;
+  }
+  input.span11, textarea.span11, .uneditable-input.span11 {
+    width: 652px;
+  }
+  input.span12, textarea.span12, .uneditable-input.span12 {
+    width: 714px;
+  }
+}
+@media (max-width: 979px) {
+  body {
+    padding-top: 0;
+  }
+  .navbar-fixed-top {
+    position: static;
+    margin-bottom: 18px;
+  }
+  .navbar-fixed-top .navbar-inner {
+    padding: 5px;
+  }
+  .navbar .container {
+    width: auto;
+    padding: 0;
+  }
+  .navbar .brand {
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 0 0 0 -5px;
+  }
+  .navbar .nav-collapse {
+    clear: left;
+  }
+  .navbar .nav {
+    float: none;
+    margin: 0 0 9px;
+  }
+  .navbar .nav > li {
+    float: none;
+  }
+  .navbar .nav > li > a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > .divider-vertical {
+    display: none;
+  }
+  .navbar .nav .nav-header {
+    color: #999999;
+    text-shadow: none;
+  }
+  .navbar .nav > li > a, .navbar .dropdown-menu a {
+    padding: 6px 15px;
+    font-weight: bold;
+    color: #999999;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+  }
+  .navbar .dropdown-menu li + li a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
+    background-color: #222222;
+  }
+  .navbar .dropdown-menu {
+    position: static;
+    top: auto;
+    left: auto;
+    float: none;
+    display: block;
+    max-width: none;
+    margin: 0 15px;
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  }
+  .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
+    display: none;
+  }
+  .navbar .dropdown-menu .divider {
+    display: none;
+  }
+  .navbar-form, .navbar-search {
+    float: none;
+    padding: 9px 15px;
+    margin: 9px 0;
+    border-top: 1px solid #222222;
+    border-bottom: 1px solid #222222;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  }
+  .navbar .nav.pull-right {
+    float: none;
+    margin-left: 0;
+  }
+  .navbar-static .navbar-inner {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  .btn-navbar {
+    display: block;
+  }
+  .nav-collapse {
+    overflow: hidden;
+    height: 0;
+  }
+}
+@media (min-width: 980px) {
+  .nav-collapse.collapse {
+    height: auto !important;
+  }
+}
+@media (min-width: 1200px) {
+  .row {
+    margin-left: -30px;
+    *zoom: 1;
+  }
+  .row:before, .row:after {
+    display: table;
+    content: "";
+  }
+  .row:after {
+    clear: both;
+  }
+  [class*="span"] {
+    float: left;
+    margin-left: 30px;
+  }
+  .span1 {
+    width: 70px;
+  }
+  .span2 {
+    width: 170px;
+  }
+  .span3 {
+    width: 270px;
+  }
+  .span4 {
+    width: 370px;
+  }
+  .span5 {
+    width: 470px;
+  }
+  .span6 {
+    width: 570px;
+  }
+  .span7 {
+    width: 670px;
+  }
+  .span8 {
+    width: 770px;
+  }
+  .span9 {
+    width: 870px;
+  }
+  .span10 {
+    width: 970px;
+  }
+  .span11 {
+    width: 1070px;
+  }
+  .span12, .container {
+    width: 1170px;
+  }
+  .offset1 {
+    margin-left: 130px;
+  }
+  .offset2 {
+    margin-left: 230px;
+  }
+  .offset3 {
+    margin-left: 330px;
+  }
+  .offset4 {
+    margin-left: 430px;
+  }
+  .offset5 {
+    margin-left: 530px;
+  }
+  .offset6 {
+    margin-left: 630px;
+  }
+  .offset7 {
+    margin-left: 730px;
+  }
+  .offset8 {
+    margin-left: 830px;
+  }
+  .offset9 {
+    margin-left: 930px;
+  }
+  .offset10 {
+    margin-left: 1030px;
+  }
+  .offset11 {
+    margin-left: 1130px;
+  }
+  .row-fluid {
+    width: 100%;
+    *zoom: 1;
+  }
+  .row-fluid:before, .row-fluid:after {
+    display: table;
+    content: "";
+  }
+  .row-fluid:after {
+    clear: both;
+  }
+  .row-fluid > [class*="span"] {
+    float: left;
+    margin-left: 2.564102564%;
+  }
+  .row-fluid > [class*="span"]:first-child {
+    margin-left: 0;
+  }
+  .row-fluid > .span1 {
+    width: 5.982905983%;
+  }
+  .row-fluid > .span2 {
+    width: 14.529914530000001%;
+  }
+  .row-fluid > .span3 {
+    width: 23.076923077%;
+  }
+  .row-fluid > .span4 {
+    width: 31.623931624%;
+  }
+  .row-fluid > .span5 {
+    width: 40.170940171000005%;
+  }
+  .row-fluid > .span6 {
+    width: 48.717948718%;
+  }
+  .row-fluid > .span7 {
+    width: 57.264957265%;
+  }
+  .row-fluid > .span8 {
+    width: 65.81196581200001%;
+  }
+  .row-fluid > .span9 {
+    width: 74.358974359%;
+  }
+  .row-fluid > .span10 {
+    width: 82.905982906%;
+  }
+  .row-fluid > .span11 {
+    width: 91.45299145300001%;
+  }
+  .row-fluid > .span12 {
+    width: 100%;
+  }
+  input.span1, textarea.span1, .uneditable-input.span1 {
+    width: 60px;
+  }
+  input.span2, textarea.span2, .uneditable-input.span2 {
+    width: 160px;
+  }
+  input.span3, textarea.span3, .uneditable-input.span3 {
+    width: 260px;
+  }
+  input.span4, textarea.span4, .uneditable-input.span4 {
+    width: 360px;
+  }
+  input.span5, textarea.span5, .uneditable-input.span5 {
+    width: 460px;
+  }
+  input.span6, textarea.span6, .uneditable-input.span6 {
+    width: 560px;
+  }
+  input.span7, textarea.span7, .uneditable-input.span7 {
+    width: 660px;
+  }
+  input.span8, textarea.span8, .uneditable-input.span8 {
+    width: 760px;
+  }
+  input.span9, textarea.span9, .uneditable-input.span9 {
+    width: 860px;
+  }
+  input.span10, textarea.span10, .uneditable-input.span10 {
+    width: 960px;
+  }
+  input.span11, textarea.span11, .uneditable-input.span11 {
+    width: 1060px;
+  }
+  input.span12, textarea.span12, .uneditable-input.span12 {
+    width: 1160px;
+  }
+  .thumbnails {
+    margin-left: -30px;
+  }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
+}