fanforce-app-factory 0.40.1 → 1.0.0

data/fanforce-app-factory.gemspec

@@ -36,8 +36,8 @@ Gem::Specification.new do |gem|
   gem.add_runtime_dependency 'bugsnag',         '~> 1.5.2'
   gem.add_runtime_dependency 'rack-jsonr',      '~> 0.2.6'
 
-  gem.add_runtime_dependency 'fanforce',            '~> 0.18'
-  gem.add_runtime_dependency 'fanforce-api',        '~> 0.20'
+  gem.add_runtime_dependency 'fanforce',            '~> 0.20'
+  gem.add_runtime_dependency 'fanforce-api',        '~> 0.30'
+  gem.add_runtime_dependency 'fanforce-worker',     '~> 0.31'
   gem.add_runtime_dependency 'fanforce-exceptions', '~> 0.5'
-  gem.add_runtime_dependency 'fanforce-worker',     '~> 0.20'
 end

data/lib/fanforce/app_factory.rake

@@ -6,23 +6,7 @@ require_relative 'app_factory/sprockets/hacks'
 require_relative 'app_factory/sprockets/compiler'
 require_relative 'app_factory/version'
 
-def load_env_from_file(file)
-  File.open(file, 'rb') do |file|
-    contents = file.read
-    lines = contents.gsub('export ', '').split(/\n\r?/).reject{|line| line.blank?}
-    lines.each do |line|
-      keyValue = line.split("=", 2)
-      next unless keyValue.count == 2
-      ENV[keyValue.first] = keyValue.last.gsub("'",'').gsub('"','')
-    end
-  end
-end
-
-if (!ENV['RACK_ENV'] or ENV['RACK_ENV'] == 'development')
-  load_env_from_file("#{FanforceApp.config.root_dir}/.powenv") if File.exists?("#{FanforceApp.config.root_dir}/.powenv")
-  load_env_from_file("#{FanforceApp.config.root_dir}/.appenv") if File.exists?("#{FanforceApp.config.root_dir}/.appenv")
-end
-
+FanforceApp.config.load_env
 FanforceApp.config.load_redis
 
 namespace :assets do

data/lib/fanforce/app_factory.rb

@@ -14,14 +14,10 @@ if ENV['RACK_ENV'] == 'development'
   require_relative 'app_factory/sprockets/compiler'
 end
 
-caller[0].split(':')[0] =~ /^(.+(config\.ru|Rakefile))$/ ? ROOT_DIR = File.dirname($1) : nil
+ROOT_DIR ||= (caller[0].split(':')[0] =~ /^(.+(config\.ru|Rakefile))$/) ? File.dirname($1) : $BaseDir
 
 module FanforceApp
 
-  def self.enqueue(queue_name, payload)
-    Fanforce::Worker.enqueue "#{config._id}-#{queue_name}", payload
-  end
-
   def self.config(&block)
     config = @@config ||= FanforceApp::CoreConfig.new(ROOT_DIR)
     if block.present?

data/lib/fanforce/app_factory/_init_sinatra.rb

@@ -5,6 +5,7 @@ require 'bugsnag'
 class FanforceApp::Sinatra < Sinatra::Base
   require_relative 'config/_error_handling'
   require_relative 'config/helpers/assets'
+  require_relative 'config/helpers/ractive'
   require_relative 'config/helpers/json'
   require_relative 'config/helpers/fanforce'
 
@@ -12,6 +13,7 @@ class FanforceApp::Sinatra < Sinatra::Base
   use Bugsnag::Rack
 
   helpers Sinatra::AssetHelpers
+  helpers Sinatra::RactiveHelpers
   helpers Sinatra::JSONHelpers
   helpers Sinatra::FanforceHelpers
   helpers Sinatra::ContentFor
@@ -26,11 +28,16 @@ class FanforceApp::Sinatra < Sinatra::Base
   def page(page, options={})
     current_dir = File.expand_path('../', __FILE__)
     if !File.exists?("#{settings.views}/#{page}.haml")
-      rel_path = Pathname.new(current_dir).relative_path_from(Pathname.new(settings.views))
-      page = :"#{rel_path}/views/#{page}"
+      if File.exists?("#{settings.views}/#{options[:com_dir]}/#{page}.haml")
+        page_path = :"#{options[:com_dir]}/#{page}"
+      else
+        rel_path = Pathname.new(current_dir).relative_path_from(Pathname.new(settings.views))
+        page_path = :"#{rel_path}/views/#{page}" if File.exists?("#{rel_path}/views/#{page}.haml")
+      end
     end
+    page_path ||= page
 
-    if options[:layout] and FanforceApp.config.respond_to?(:"layout_for_#{page}") and FanforceApp.config.method(:"layout_for_#{page}").call
+    if options[:layout] and FanforceApp.config.has_layout_for(page)
       if File.exists?("#{settings.views}/../layouts/#{options[:layout]}.haml")
         options[:layout] = :"../layouts/#{options[:layout]}"
       else
@@ -40,7 +47,7 @@ class FanforceApp::Sinatra < Sinatra::Base
     else
       options[:layout] = false
     end
-    haml page, options
+    haml page_path, options
   end
 
   configure do

data/lib/fanforce/app_factory/assets/css/add_edit_initiative.scss

@@ -0,0 +1 @@
+@import 'common/layouts/add_edit_initiative';

data/lib/fanforce/app_factory/assets/css/add_source.scss

@@ -0,0 +1 @@
+@import 'common/layouts/add_source';

data/lib/fanforce/app_factory/assets/css/convert_pending_initiative.scss

@@ -0,0 +1 @@
+@import 'common/layouts/convert_pending_initiative';

data/lib/fanforce/app_factory/assets/css/engage.scss

@@ -0,0 +1 @@
+@import 'common/layouts/engage';

data/lib/fanforce/app_factory/assets/css/new_message.scss

@@ -0,0 +1 @@
+@import 'common/layouts/new_message';

data/lib/fanforce/app_factory/assets/css/source_details.scss

@@ -0,0 +1 @@
+@import 'common/layouts/source_details';

data/lib/fanforce/app_factory/assets/js/add_edit_initiative.js

@@ -0,0 +1 @@
+//= require common/layouts/add_edit_initiative

data/lib/fanforce/app_factory/assets/js/add_source.js

@@ -0,0 +1 @@
+//= require common/layouts/add_source

data/lib/fanforce/app_factory/assets/js/convert_pending_initiative.js

@@ -0,0 +1 @@
+//= require common/layouts/convert_pending_initiative

data/lib/fanforce/app_factory/assets/js/new_message.js

@@ -0,0 +1 @@
+//= require common/layouts/new_message

data/lib/fanforce/app_factory/assets/lib/common/_bootstrap-overrides.scss

@@ -0,0 +1,16 @@
+body { padding:0; font-size:12px;
+  .btn-primary { background:#48739c; @include ff-gradient(#6a93bb, #48739c); border:1px solid #324e69; @include box-shadow(inset 1px 1px 0 #98badc); color:#ffffff; text-shadow:-1px -1px 1px #2d4963;
+    &:hover, &:active, &:focus, &.disabled, &[disabled] { background:#3f6890; @include ff-gradient(#5c85ad, #3f6890); text-decoration:none; }
+  }
+
+  textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
+    border: 1px solid #CCCCCC;
+    @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset);
+  }
+
+  select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
+    @include border-radius(4px);
+  }
+
+}
+.btn { padding: 2px 10px; color: #666666; border-radius: 3px; font-size: 11.05px; background-color: #F5F5F5; @include ff-gradient(#FFFFFF, #E6E6E6); border-color: #CCCCCC #CCCCCC #B3B3B3; @include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05)); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }

data/lib/fanforce/app_factory/assets/lib/common/_mixins.scss

@@ -94,4 +94,4 @@
 @mixin reset-ul {
     list-style-type: none; list-style-position:outside; text-indent:0; padding-left:0; margin-left:0; line-height:inherit;
     li { margin:0; }
-}
+}

data/lib/fanforce/app_factory/assets/lib/common/_module-add-initiative-footer.scss

@@ -0,0 +1,17 @@
+.module-add-initiative-footer { position:absolute; bottom:0; left:0; padding:0 3px; @include box-sizing(border-box); text-align:left; width:100%; margin:0px; overflow:hidden;
+  &.disabled .footer { pointer-events: none;
+    label { @include opacity(.5); }
+    .input-wrapper { @include opacity(.5); cursor: not-allowed; }
+    button { @include opacity(.5); background: #c9d5e1; border-color: #a6b4c1; text-shadow: none; }
+  }
+  .footer { @include box-shadow(#ffffff 0 1px 0 inset); padding: 5px 0; border-top: 1px solid #e1e1e1;
+    label { font-weight:100; color:#666666; text-shadow:1px 1px 0 #ffffff; margin-left:20px; }
+    .input-wrapper { cursor: text; position:relative; display: inline-block; color: #555555; background: rgba(255, 255, 255, 0.75); @include border-radius(4px); border: 1px solid #CCCCCC; @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset);
+      .prefix { pointer-events: none; font-size: 12px; font-weight: normal; line-height: 1.5; height:28px; vertical-align: middle; padding: 5px 0 0 8px; display:inline-block; }
+      input { font-size: 12px; font-weight: normal; background: transparent; padding-left: 0px; border:none; height:28px; @include box-shadow(none); min-width:250px; width:auto; display:inline-block; vertical-align: middle; }
+    }
+    button { margin-top: 0; margin-left: 2px; padding-top: 5px; padding-bottom: 5px;
+      i { margin-right: 5px; }
+    }
+  }
+}

data/lib/fanforce/app_factory/assets/lib/common/_module-error.scss

@@ -0,0 +1,11 @@
+$module_path: "/assets/common/module-error";
+/////////////////////////////////////////////////////////////////////////////////////////
+
+.module-error { position:relative; color:#ffffff; font-size:12; @include min-height(30px); @include border-radius(1px); line-height:30px; background:#e70000;
+  .msg { background:url(#{$module_path}/icon-error.png) 7px 7px no-repeat; padding:0px 13px 0 30px; }
+}
+
+.module-error-bubble { position:absolute; top:0; right:-240px;
+  .arrow-left { position:absolute; left:-9px; top:11px; width:11px; height:20px; background:url(#{$module_path}/arrow-left.png) left top no-repeat; }
+  .error { width:200px; @include border-radius(2px); background:#fd4141; border:#ff0000 1px solid; @include box-shadow(#bcbcbc 1px 1px 2px, #fe7474 1px 1px 0 inset); color:#ffffff; padding:12px; padding-bottom:10px; }
+}

data/lib/fanforce/app_factory/assets/lib/common/_module-initiative-searcher.scss

@@ -0,0 +1,63 @@
+$module_path: '/assets/common/module-initiative-searcher';
+/////////////////////////////////////////////////////////////////////////////////////////
+
+.module-initiative-searcher { position:relative; width:100%; padding:20px 20px 15px; overflow:hidden;
+  &.supreme { @include ff-box(); }
+  .header { padding:0 0 5px;  max-width:900px;
+    h2 { color:#505a62; text-shadow:#ffffff 1px 1px 0; margin-top:0; padding-bottom:5px; }
+    .form-row { position:relative; margin:0; padding:0; z-index:5;
+      .gigantic-input { width:auto;
+        input { width:100%; font-size:15px; height:30px; padding-left:5px; }
+        label.inputhint { font-size:15px; color:#666666; line-height: 27px; padding-top:2px; padding-left:8px; cursor: text; font-weight:normal; }
+        .icon { position:absolute; width:14px; height:18px; top:6px; right:0px; padding-left:6px; border-left: 1px solid #CCCCCC; background:url(#{$module_path}/icon-search.png) 6px center no-repeat; }
+      }
+    }
+  }
+  .searching { padding: 20px 0; font-weight: normal; color: #afb7c8;
+    .spinner { width:20px; height:20px; background:url(#{$module_path}/spinner.gif) 0 0 no-repeat; float:left; margin-right:10px; }
+  }
+  .results-empty { padding:0 0 25px; max-width:900px; position:relative; clear:both;
+    .module-error { padding-top:3px; top:-8px; position: absolute; width:100%; }
+    .module-featuretip { position:absolute; width:400px; top:-10px; left:25px; .arrow { left:100px; } }
+    button.primary { padding:5px 20px; }
+  }
+  .results-found { padding:0 0 25px; max-width:900px;
+    .module-error { clear:both; }
+    .search-results { overflow:hidden; position:relative; background:#e3eef8; @include border-radius(5px); margin-top:-34px; padding-top:40px; padding-bottom:7px; margin-bottom:20px;
+      .prev-page, .next-page { position:absolute; top:44px; cursor:pointer; display:block; width:25px; height:67px; margin-top:10px; background:url(#{$module_path}/sprite-arrows.png) 0 0 no-repeat; }
+      .prev-page { left:0;
+        &:hover { background-position:0 -71px; }
+        &.disabled { background-position:0 -142px; cursor:default; }
+      }
+      .next-page { right:0; background-position: -25px 0;
+        &:hover { background-position:-25px -71px; }
+        &.disabled { background-position:-25px -142px; cursor:default; }
+      }
+      ul.video-list { @include reset-ul(); overflow:hidden; margin:0 20px;
+        li { float:left; width:20%; min-width: 150px; color:#666666; position:relative; height:110px;
+          .result { cursor:pointer; position:absolute; position:absolute; height:87px; width:148px; top:0; left:50%; margin-left:-74px; @include opacity(0.3);
+            &.selected, &:hover {
+              @include opacity(1);
+            }
+            .module-video-thumbnail { border:5px solid #b4c9da; }
+            .title { width:138px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-size:$font-size-small; text-align:center; }
+          }
+        }
+      }
+    }
+    .selected-result { float:left; width:100%; }
+    .meta { position:relative; height:274px; margin-left: 500px;
+      > .title,.desc,.added { margin-bottom:5px; }
+      > .title { font-weight:bold; font-size:$font-size-large + 2; }
+      .desc, .added { color:#505a62; font-size:$font-size-small; line-height:$line-height; margin-bottom:15px; }
+      .desc { max-height:170px; overflow:hidden; }
+      .buttons-row { position:absolute; bottom:0; left:0; display:inline-block;
+        button.primary { padding:5px 20px; float:left; }
+        .module-featuretip { position:absolute; bottom:-20px; right:-284px; .arrow { top:60%; } }
+        .module-error { float:left; white-space:nowrap; margin-left:5px; }
+      }
+    }
+    .video { float:left; margin-right:20px; min-height:274px; background:#000000; }
+    .page { float:left; margin-right:20px; min-height:274px; width:480px; background:#666666; @include box-shadow(1px 1px 3px #999999); margin:1px; }
+  }
+}

data/lib/fanforce/app_factory/assets/lib/common/_module-page-loading.scss

@@ -0,0 +1 @@
+.module-page-loading { color:#cccccc; font-size:15px; text-align: center; padding-top:45px; }

data/lib/fanforce/app_factory/assets/lib/common/_module-saving-initiative.scss

@@ -0,0 +1,6 @@
+$module_path: "/assets/common/module-saving-initiative";
+/////////////////////////////////////////////////////////////////////////////////////////
+
+.module-saving-initiative { text-align: center; height:100px; position:absolute; left:0; margin-top:80px; width:100%; color:#b9cddc; text-shadow:#ffffff 1px 1px 0; display:none; text-align:center;
+  .spinner { width:64px; height:64px; background:url(#{$module_path}/spinner.gif) 0 0 no-repeat; margin:0 auto 20px; }
+}

data/lib/fanforce/app_factory/assets/lib/common/_module-start-here.scss

@@ -0,0 +1,6 @@
+$module_path: '/assets/common/module-start-here';
+/////////////////////////////////////////////////////////////////////////////////////////
+.module-start-here { padding: 10px 0 0 30px; position:relative;
+  .arrow { width: 114px; height: 61px; background:url(#{$module_path}/arrow.png) 6px center no-repeat;}
+  .text { color: #afb7c8; font-weight: bold; position:absolute; top: 60px; left: 155px; }
+}

data/lib/fanforce/app_factory/assets/lib/common/_module-video-thumbnail.scss

@@ -0,0 +1,15 @@
+$module_path: '/assets/common/module-video-thumbnail';
+/////////////////////////////////////////////////////////////////////////////////////////
+
+.module-video-thumbnail { display:inline-block; position:relative;
+  .video-thumb { vertical-align:bottom; height:77px; width:138px; overflow:hidden; @include border-radius(2px); display:inline-block; position:relative;
+    img { top:0; min-height:77px; min-width:138px; display:block; position:absolute; left:0; }
+  }
+  .video-time { position:absolute; right:2px; bottom:2px; padding:0 4px; @include opacity(.75); line-height:14px; height:14px; font-weight:bold; font-size:11px; color:#ffffff; @include border-radius(3px); background:#000000; }
+  .play { width:55px; height:35px; position:absolute; left:50%; margin-left:-23px; top:50%; margin-top:-17px; display:none; background:url(#{$module_path}/icon-play.png) 0 0 no-repeat; z-index:5;
+    &:hover { background-position:0 -35px; }
+  }
+  &:hover {
+    .play { display:block; cursor:pointer; cursor:hand; }
+  }
+}

data/lib/fanforce/app_factory/assets/lib/common/_tags.scss

@@ -1,83 +1 @@
-@import 'variables';
-//////////////////////////////////////////////////////////////////////////////////////////////////
-// COMMON TAGS
-//////////////////////////////////////////////////////////////////////////////////////////////////
-html {  }
-body { font-family:$font-family; font-size:$font-size-normal; line-height:$line-height; }
-
-h1, .h1 { font-size: 30px; font-weight:bold; margin:10px 0; line-height:1em; }
-h2, .h2 { font-size:20px; font-weight:bold; margin:8px 0; line-height:1em; }
-h3, .h3 { font-size:17px; font-weight:bold; margin:6px 0; line-height:1em; }
-h4, .h4 { font-size:14px; font-weight:bold; margin:4px 0; line-height:1em; }
-h5, .h5 { font-size:$font-size-large; font-weight:bold; margin:2px 0; line-height:1em; }
-h6, .h6 { font-size:$font-size-normal; font-weight:bold; margin:2px 0; line-height:1em; }
-h7, .h7 { font-size:$font-size-small; font-weight:bold; margin:2px 0; line-height:1em; }
-
-p, .p { line-height:$line-height; margin-bottom:10px; }
-a { text-decoration:none; color:$link-color;
-    &:hover { text-decoration:underline; }
-}
-strong, .strong { font-weight:bold; }
-emphasis, .emphasis { font-style:italic; }
-
-
-ul { list-style-type: square; list-style-position:outside; padding:0; margin-left:0; line-height:$line-height;
-    li { margin-top:5px; margin-left:1em; }
-}
-
-ol { list-style-type:decimal; list-style-position:outside; padding:0; margin-left:0; line-height:$line-height;
-    li { margin-top:5px; margin-left:1.5em; }
-}
-
-pre { font-family:"Courier New", Courier, monospace, sans-serif; color: #555; line-height: 1.6em; }
-
-//////////////////////////////////////////////////////////////////////////////////////////////////
-// HELPER CLASSES
-//////////////////////////////////////////////////////////////////////////////////////////////////
-
-.hide { display:none !important; }
-
-input[type='text'], input[type="password"], textarea { @include border-radius(5px); @include box-shadow(inset #dddddd 1px 1px 0); border:1px solid #aaaaaa; padding-top:0; padding-bottom:0; padding-left:6px; font-family:$font-family; font-size:$font-size-normal; height:27px; line-height:27px; }
-textarea { padding:4px 0 0 5px; line-height:1.3em; height:auto; }
-.form-row { clear:both; margin-bottom:10px; position:relative; }
-.form-buttons {  }
-
-label.fLabel { color:#999999; font-family:$font-family; line-height:23px; margin:3px 0 0 8px; }
-
-
-//////////////////////////////////////////////////////////////////////////////////////////////////
-// BASE BUTTON STYLES
-//////////////////////////////////////////////////////////////////////////////////////////////////
-button,input[type=button],input[type=submit],input[type=reset],.button{ position:relative; @include border-radius(3px); @include box-shadow(inset 1px 1px 0 #ffffff); @include user-select(none); background:#e7e7e7; @include ff-gradient(#fafafa, #e7e7e7); border:1px solid #b0b5bb; color:#1e659b; cursor:pointer; cursor:hand; display:inline-block; font-size:12px; padding:3px 8px 3px 8px; line-height:15px; text-align:center; text-decoration:none; text-shadow:1px 1px 0 #ffffff;
-    &:hover, &.hover{ background:#d7d7d7; @include ff-gradient(#eeeeee, #d7d7d7); text-decoration:none; }
-    &:active,&.active{ @include box-shadow(inset 1px 1px 1px #c9cacb); text-shadow:none; }
-    &:disabled,&.disabled{ opacity:0.5; cursor:default; text-shadow:none; pointer-events:none; }
-    img { vertical-align:middle; }
-
-    /* large */
-    &.super{ font-size:13px; font-weight:bold; padding:5px 10px 5px 10px; }
-
-    /* large */
-    &.large{ font-size:12px; font-weight:bold; }
-
-    /* small */
-    &.small{ font-size:11px; padding:1px 5px 1px 5px; }
-
-    /* toolbar */
-    &.toolbar { font-size:11px; padding:0 3px 0 3px; background:#e4e4e4; @include ff-gradient(#f7f7f7, #e4e4e4); border:1px solid #a0a0a0; color:#444444; text-shadow:1px 1px 0 #ffffff;
-        &:hover,&.hover { background:#dbdde0; @include ff-gradient(#f1f2f3, #dbdde0); text-decoration:none; }
-    }
-
-    /* primary */
-    &.primary { background:#48739c; @include ff-gradient(#6a93bb, #48739c); border:1px solid #324e69; @include box-shadow(inset 1px 1px 0 #98badc); color:#ffffff; text-shadow:-1px -1px 1px #2d4963;
-        &:hover,&.hover { background:#3f6890; @include ff-gradient(#5c85ad, #3f6890); text-decoration:none; }
-        &:disabled,&.disabled{ @include ff-gradient(#e7e7e7, #e7e7e7); border:1px solid #b0b5bb; @include box-shadow(none); text-shadow:none; color:#999999; }
-    }
-
-    /* secondary */
-    &.secondary { background:#d5e7f6; @include ff-gradient(#eaf3fb, #c3dcf1); border:1px solid #a3aab0; color:#4777a4; text-shadow:#ffffff 1px 1px 0;
-        &:hover,&.hover { background:#b9d3e9; @include ff-gradient(#e1ebf5, #b9d3e9); text-decoration:none; }
-    }
-}
-
 

data/lib/fanforce/app_factory/assets/lib/common/_variables.scss

@@ -4,7 +4,7 @@
 //////////////////////////////////////////////////////////////////////////////////////////////////
 $link-color:       #1861a8;
 $action-color:     #ffb400;
-$true-fan-color:        #72c14b;
+$true-fan-color:   #72c14b;
 $error-color:      #e70000;
 
 $font-family:      'Helvetica', Arial, sans-serif;

data/lib/fanforce/app_factory/assets/lib/common/layouts/_add_edit_initiative.scss

@@ -0,0 +1,27 @@
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMPASS AND BOOTSTRAP
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'compass/css3';
+@import 'compass/utilities';
+@import 'vendors/bootstrap/css/bootstrap.min.css';
+@import 'vendors/font-awesome/css/font-awesome.min.css';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMMON
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'common/mixins';
+@import 'common/variables';
+@import 'common/bootstrap-overrides';
+
+@import 'common/module-page-loading';
+@import 'common/module-saving-initiative';
+@import 'common/module-add-initiative-footer';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// BASE STYLES (AS FEW AS POSSIBLE)
+//////////////////////////////////////////////////////////////////////////////////////////////////
+
+body { overflow:hidden; background: #F4F8FC;
+  .hide { display:none !important; }
+  .dropdown-menu { @include border-radius(4px); border:1px solid #aec7dd; @include box-shadow(1px 1px 3px rgba(0, 0, 0, 0.2), #ffffff 1px 1px 0 inset); background:#f7fafd; }
+}

data/lib/fanforce/app_factory/assets/lib/common/layouts/_add_source.scss

@@ -0,0 +1,18 @@
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMPASS AND BOOTSTRAP
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'compass/css3';
+@import 'compass/utilities';
+@import 'vendors/bootstrap/css/bootstrap.min.css';
+@import 'vendors/font-awesome/css/font-awesome.min.css';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMMON
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'common/mixins';
+@import 'common/variables';
+@import 'common/bootstrap-overrides';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// BASE STYLES (AS FEW AS POSSIBLE)
+//////////////////////////////////////////////////////////////////////////////////////////////////