spontaneous 0.1.0.alpha1 → 0.2.0.alpha1

data/Gemfile

@@ -1,49 +1,54 @@
 source :rubygems
 
+gemspec
 
-gem 'rake', '~> 0.8.7'
-gem 'activesupport', '~> 3.0.4'
-gem 'home_run', '~> 1.0.0'
-gem 'sequel', '~> 3.20'
-gem 'yajl-ruby', '~> 0.7'
-gem 'erubis', '~> 2.6'
-gem 'tenjin', '~> 0.6.1'
-gem 'sinatra', '~> 1.1.2'
-gem 'rack', '~> 1.3.beta'
-gem 'thin', '~> 1.2'
-gem 'less', '~> 1.2'
-gem 'sass', '~> 3.1.4'
-gem 'stringex', '~> 1.1'
-gem 'mini_magick', '~> 3.3'
-gem 'fire_and_forget', '~> 0.3.2'
-gem 'thor', '~> 0.14.6'
-gem 'hwia', '~> 1.0.2'
-gem 'base58', '~> 0.1.0'
-# markdown
-gem 'kramdown', '~> 0.13.3'
-gem 'launchy', '~> 0.4.0'
-gem 'shine', '~> 0.6'
-#gem 'xapian-full', '~> 1.2.3'
+# gem 'rake', '~> 0.9.2'
+# gem 'rdoc', '~> 3.9.4'
+# gem 'activesupport', '~> 3.0.4'
+# gem 'home_run', '~> 1.0.0'
+# gem 'sequel', '~> 3.27'
+# gem 'yajl-ruby', '~> 0.7'
+# gem 'erubis', '~> 2.6'
+# gem 'tenjin', '~> 0.6.1'
+# gem 'sinatra', '~> 1.3.0'
+# gem 'rack', '~> 1.3.4'
+# gem 'thin', '~> 1.2'
+# gem 'less', '~> 1.2'
+# gem 'sass', '~> 3.1.4'
+# gem 'stringex', '~> 1.1'
+# gem 'mini_magick', '~> 3.3'
+# gem 'thor', '~> 0.14.6'
+# gem 'base58', '~> 0.1.0'
+# # markdown
+# gem 'kramdown', '~> 0.13.3'
+# gem 'launchy', '~> 0.4.0'
+# gem 'shine', '~> 0.6'
+# gem 'foreman', '~> 0.22.0'
+gem 'simultaneous', :path => "/Users/garry/Dropbox/Development/spontaneous3/simultaneous"
+# gem 'rack-async', :git => "git://github.com/matsadler/rack-async.git"
 
+# gem 'xapian-full', '~> 1.2.3'
+# gem 'xapian-fu', '~> 1.3'
+
+gem "mysql2", "~> 0.3.7", :git => "git://github.com/brianmario/mysql2.git", :ref => "d3a96b8"
 group :development do
-  gem 'minitest', '~> 2.1.0'
-  gem 'mysql2', '~> 0.2'
-  # gem 'pg', '~> 0.9.0'
-  gem 'jeweler', '~> 1.5'
-  gem 'jnunemaker-matchy', '~> 0.4'
-  gem 'shoulda', :git => 'https://github.com/dasch/shoulda.git', :branch => 'minitest'
+  # gem 'minitest', '~> 2.1.0'
+  # # gem 'pg', '~> 0.9.0'
+  # gem 'jeweler', '~> 1.5'
+  # gem 'jnunemaker-matchy', '~> 0.4'
+  gem 'shoulda', '~> 2.11.3', :git => 'https://github.com/dasch/shoulda.git', :branch => 'minitest'
   # gem 'mini_shoulda',    '~> 0.3.0'
-  gem 'timecop',    '~> 0.3'
-  gem 'mocha',      '~> 0.9'
-  gem 'rack-test',  '~> 0.5'
-  gem 'leftright',  '~> 0.9'
-  gem 'stackdeck',  '~> 0.2'
+  # gem 'timecop',    '~> 0.3'
+  # gem 'mocha',      '~> 0.9'
+  # gem 'rack-test',  '~> 0.5'
+  # gem 'leftright',  '~> 0.9'
+  # gem 'stackdeck',  '~> 0.2'
   gem 'selenium-client', '~> 1.2.18', :platforms => [:mri_18]
   # gem 'Selenium', '~> 1.1.14'
   gem 'johnson',    '2.0.0.pre3', :platforms => [:mri_18]
   gem 'harmony',    '~> 0.5', :platforms => [:mri_18]
   gem 'ruby-debug', :platforms => [:mri_18]
-  gem 'reek'
+  # gem 'reek'
   gem 'locat', :path => '/Users/garry/Dropbox/Development/spontaneous3/locat'
 end
 

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2011 Garry Hill <garry@magnetised.net>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be included
+in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -49,18 +49,10 @@ task :default => :test
 
 require 'rake/testtask'
 
-$test_glob = nil
-if p = ARGV.index('-')
-  filenames = ARGV[(p+1)..-1]
-  ARGV.slice!((p)..-1)
-  $test_glob = filenames.map { |f| "test/**/test_#{f}.rb" }
-end
-
 Rake::TestTask.new(:test) do |test|
   test.libs << 'test'
   test.ruby_opts << '-rubygems'
-  test.pattern = $test_glob || 'test/{unit,slow,functional,experimental}/test_*.rb'
-  # test.pattern = $test_glob || 'test/**/test_*.rb'
+  test.pattern = 'test/{unit,slow,functional,experimental}/test_*.rb'
   test.verbose = false
 end
 
@@ -121,7 +113,8 @@ task :coverage do
 end
 
 require 'rdoc/task'
-Rake::RDocTask.new do |rdoc|
+
+RDoc::Task.new do |rdoc|
   rdoc.rdoc_dir = 'rdoc'
   rdoc.title = "#{name} #{version}"
   rdoc.rdoc_files.include('README*')
@@ -169,12 +162,14 @@ namespace :gem do
   task :build => :gemspec do
     sh "mkdir -p pkg"
     sh "gem build #{gemspec_file}"
+    sh "mkdir -p #{@project_dir}/pkg"
+    sh "cp #{gem_file} #{@project_dir}/pkg"
     sh "mv #{gem_file} pkg"
   end
 
 
   desc "Generate #{gemspec_file}"
-  task :gemspec => :validate do
+  task :gemspec => :assets do
     # read spec file and split out manifest section
     spec = File.read(gemspec_file)
     head, manifest, tail = spec.split("  # = MANIFEST =\n")
@@ -202,40 +197,11 @@ namespace :gem do
     spec = [head, manifest, tail].join("  # = MANIFEST =\n")
     File.open(gemspec_file, 'w') { |io| io.write(spec) }
     puts "Updated #{gemspec_file}"
-  end
-
-  desc "Validate #{gemspec_file}"
-  task :validate => :generate do
-    libfiles = Dir['lib/*'] - ["lib/#{name}.rb", "lib/#{name}"]
-    unless libfiles.empty?
-      puts "Directory `lib` should only contain a `#{name}.rb` file and `#{name}` dir."
-      # exit!
-    end
-    unless Dir['VERSION*'].empty?
-      puts "A `VERSION` file at root level violates Gem best practices."
-      # exit!
-    end
-  end
-
-  desc "Generate the gemspec file from a template"
-  task :generate => :assets do
-    template = File.read('spontaneous.gemspec.tmpl')
-    require 'bundler'
-
-    File.open('spontaneous.gemspec', 'w') do |gemspec|
-      bundler = Bundler.load
-      dependencies = bundler.dependencies_for(:default, :runtime).map do |dependency|
-        %{s.add_dependency('#{dependency.name}', [#{dependency.requirement.as_list.map { |d| d.inspect }.join(', ')}])}
-      end
-      development_dependencies = bundler.dependencies_for(:development).map do |dependency|
-        %{s.add_development_dependency('#{dependency.name}', [#{dependency.requirement.as_list.map { |d| d.inspect }.join(', ')}])}
-      end
-      gemspec.write(template % [dependencies.join("\n  "), development_dependencies.join("\n  ")])
-    end
+    FileUtils.cp('spontaneous.gemspec', @project_dir)
   end
 
   desc "Bundle & compress assets"
-  task :assets => :setup do
+  task :assets => :validate do
     app_dir = Spontaneous.application_dir
     bundles = {}
     [Spontaneous::Rack::Assets::JavaScript, Spontaneous::Rack::Assets::CSS].each do |mod|
@@ -272,6 +238,37 @@ namespace :gem do
     File.open(module_path, 'w') { |file| file.write(converted.join) }
   end
 
+  desc "Validate #{gemspec_file}"
+  task :validate => :generate do
+    libfiles = Dir['lib/*'] - ["lib/#{name}.rb", "lib/#{name}"]
+    unless libfiles.empty?
+      puts "Directory `lib` should only contain a `#{name}.rb` file and `#{name}` dir."
+      # exit!
+    end
+    unless Dir['VERSION*'].empty?
+      puts "A `VERSION` file at root level violates Gem best practices."
+      # exit!
+    end
+  end
+
+  desc "Generate the gemspec file from a template"
+  task :generate => :setup do
+    # template = File.read('spontaneous.gemspec.tmpl')
+    # require 'bundler'
+
+    # File.open('spontaneous.gemspec', 'w') do |gemspec|
+      # bundler = Bundler.load
+      # dependencies = bundler.dependencies_for(:default, :runtime).map do |dependency|
+      #   %{s.add_dependency('#{dependency.name}', [#{dependency.requirement.as_list.map { |d| d.inspect }.join(', ')}])}
+      # end
+      # development_dependencies = bundler.dependencies_for(:development).map do |dependency|
+      #   %{s.add_development_dependency('#{dependency.name}', [#{dependency.requirement.as_list.map { |d| d.inspect }.join(', ')}])}
+      # end
+    #   gemspec.write(template)
+    # end
+  end
+
+
   task :setup do
     @build_dir = Dir.tmpdir + "/spontaneous"
     FileUtils.rm_r(@build_dir) if File.directory?(@build_dir)

data/Readme.markdown

@@ -4,4 +4,159 @@ Spontaneous is a revolutionary new content management system that brings the bes
 
 This is version 2 of an existing (closed source) CMS that has been in active production use for over 6 years. For more information about that, and to see the sites that it powers, please go to [magnetised's homepage](http://magnetised.info/spontaneous).
 
+## INTRODUCTION
+
+Spontaneous uses a powerful hierarchical system to organise your information. This breaks out of the bonds of the traditional "title, slug, text" model of CMS content and instead allows content authors to build complex, highly styled pages out of simple, easily editable blocks.
+
+- Ruby 1.9
+- Using classes instead of db for metadata
+  - Versioning of metadata
+  - Keeps the developer in the text editor
+  - Simplifies the interface for the site editor
+  - Clear separation of content from schema - changing the site metadata
+  - Carefully thought out deployment/upgrade process
+  - Interaction between code and db content kept to a bare minimum and separated from normal site editing functions (a 'developer view')
+- Built to deliver fast sites
+  - Pages render to static HTML if possible
+  - Compression of JS & CSS assets
+- Proper workflow
+  - Save != publish
+  - Site editors can make sweeping changes and then make them live together
+- Multiple outputs
+  - Publish the same content to multiple formats (e.g. HTML, RSS, ATOM, JSON, PDF\*, EPUB\*)
+- Sophisticated user managment
+  - Customisable per-site roles to determine visibility & editabilty of site content
+  - Give specified users access to only specific parts of the site\*
+- HTML5 goodness
+  - Drag & drop
+  - Resumable uploads
+  - Responsive
+  - Attractive
+  - Simple
+- Powerful hierarchical data
+  - Layout is done by the templates not the editor
+  - Frees you up to do intricate designs
+  - Minimises the risk of breaking the site design (consistent branding)
+- Custom, page based, controllers
+  - Define custom actions on particular page types
+
+\* Features currently only sketched out awaiting full implementation
+
+### The Content Hierarchy
+
+A Spontaneous site is composed of pages. Within those pages are zero or more 'Boxes'. Each of those Boxes can be configured to accept the addition of zero or more types of object. These object types can either be Pages -- creating a page hierarchy -- or Pieces that are displayed as the page's content.
+
+A Spontaneous site is composed of a set of 'Pages', 'Boxes' and 'Pieces'. Each
+'page' in the system maps to a webpage, accessible through a URL. Within that page are a set of Boxes, Pieces and sub-Pages that combine together to form its content.
+
+To use a concrete example, imagine a page in a site dedicated to publishing recipes.
+
+If you think about how you'd go about describing a recipe you might come up
+with a list resembling the following:
+
+- The title of the recipe
+- A brief introduction to it telling you why you should cook it
+- An image of the finished dish
+- A list of ingredients. Each ingredient would have
+	- A name
+	- An amount (in grams, cups, whatever)
+- A set of cooking steps. Each step consists of a description and perhaps an
+	image
+
+In a traditional CMS system most of the above would have to be constructed using
+a rich-text editor. Using Spontaneous however you are able to map all of the
+elements above into discrete editable blocks.
+
+The recipe page would have the following fields:
+
+- 'title' a simple unformatted string
+- 'introduction' a piece of formatted text
+- 'photo' an image of the finished dish
+
+Along with these fields it would also have the following boxes:
+
+- 'ingredients' this box will hold the list of ingredients. It is configured to
+	allow the addition of any number of 'Ingredient' pieces. Each 'Ingredient'
+	piece has 2 fields:
+	- 'name' a simple string to hold the ingredient name
+	- 'amount' another simple string to hold the amount needed
+
+- 'steps' this box will hold the list of cooking steps involved in making the
+	dish. It is configured to accept any number of 'Step' pieces. Each 'Step'
+	piece has the following fields:
+	- 'method' a rich text string describing the actual cooking step
+	- 'image' an optional image showing the result of the step
+
+In order to create a new recipe page the site editor simply needs to work
+through the recipe adding the ingredients and steps needed and filling in their
+details. At no point do they need to worry about the layout of the final page as
+this will be completely handled by the CMS when the page is displayed.
+
+The configuration of Spontaneous's 'schema' (the list of Page, Piece and Box
+types needed to describe the site contents) is done using simple Ruby classes.
+For instance, in order to describe the content types described above you would
+need the following Ruby code:
+
+    class RecipePage < Page
+      field :title
+      field :introduction, :richtext
+      field :image
+
+      box :ingredients do
+        allow :Ingredient
+      end
+
+      box :steps do
+        allow :Step
+      end
+    end
+
+    class Ingredient < Piece
+      field :name,   :string
+      field :amount, :string
+    end
+
+    class Step < Piece
+      field :method, :richtext
+      field :image
+    end
+
+This will generate the following interface for the site editors:
+
+<img src="https://github.com/SpontaneousCMS/spontaneous/raw/master/docs/recipe-interface-screenshot.png" alt="Spontaneous interface" width="800" height="577" />
+
+, meaning that as well as writing copy and selecting images
+the person writing the page also has to spend a lot of effort on the layout of
+the page.
+each of which will be laid out
+automatically into pre-defined templates, leaving the editor to concentra
+
+The only difference between a 'page' and a 'piece' is that pages are directly
+publicly accessible through a URL, whereas pieces are only visible within the
+context of a page.
+
+
+Each of the objects in the content hierarchy -- pages, boxes & pieces -- can
+have zero or more fields. These are where the actual content of the site, such
+as text or images, will be entered by the site editors.
+
+Each
+or 'piece' has zero or more 'boxes' defined. Each of those boxes can be
+configured to accept the addition of zero or more types of page or piece
+
+
+The creation of the various relationships is done using normal Ruby code. Every
+element in the content hierarchy has an associated Ruby class which has
+configuration information about the fields
+
+## GETTING STARTED
+
+RVM
+Ruby 1.9
+gem install spontaneous
+spot create site.com
+cd site.com
+bundle install
+spot init
+spot server
 

data/application/css/definitions.scss

@@ -36,6 +36,9 @@ $dialogue-width: 980px;
 $corner-radius: 4px;
 $radius: $corner-radius;
 
+$slot-addable-colour: #ddd;
+$entry-background-colour: #eee;
+
 @mixin rounded($radius: 4px) {
   -webkit-border-radius: $radius;
   -moz-border-radius: $radius;

data/application/css/editing.scss

@@ -25,9 +25,10 @@ $text-edit-width: 621px;
 
 	}
 	.editing-toolbar {
+		@include rounded($radius $radius 0 0);
 		// background-color: $editing-1;
 		// background: $editing-1 url(/@spontaneous/static/editing-1-noise.png) 0 0 repeat;
-    background-color: rgba(0, 0, 0, 0.3);
+    background-color: rgba(0, 0, 0, 0.2);
 		padding: $unit/2 $unit*2;
 		.indent {
 
@@ -62,9 +63,13 @@ $text-edit-width: 621px;
 				width: 128px;
 			}
 		}
-		&.bottom .buttons {
-			// padding-bottom: $unit/2;
-			padding-top: 0;
+		&.bottom {
+			@include rounded( 0 0 $radius $radius);
+
+			.buttons {
+				// padding-bottom: $unit/2;
+				padding-top: 0;
+			}
 		}
 	}
 	.field-group-bg {

data/application/css/min/565d4c25e82148acb01c45c8d675b37a08676d77.css

@@ -0,0 +1 @@
+.shadow{-webkit-box-shadow:0px 3px 30px #cccccc;-moz-box-shadow:0px 3px 30px #cccccc}.clearfix:after,#outer #login form .inputs .submit:after{content:".";display:block;height:0;clear:both;visibility:hidden}.box-flexible{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}.no-select,.interface,.button,#outer #login form .inputs label span,#outer #login form .inputs button{-moz-user-select:none;-webkit-user-select:none}.interface,.button,#outer #login form .inputs label span,#outer #login form .inputs button{font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Roman","Frutiger LT Std";-webkit-font-smoothing:antialiased;text-transform:uppercase;font-size:10px;font-weight:bold}.button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important}.button:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.button:hover{background-color:#ff6c03 !important;color:white !important}.button .key-combo{opacity:0.5;margin-left:4px}.button.cancel{background-color:#6b6b6b;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#787878), to(#5e5e5e));background-image:-moz-linear-gradient(top, #787878, #5e5e5e)}.button.cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.controls-gradient{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#222));background-image:-moz-linear-gradient(top, #404040, #222)}body,h1,h2,h3,h4,h5,h6,dd,dt,ul,ol,li{margin:0;padding:0;font-weight:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin-bottom:300px;background-color:white;font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std 45 Light"}ul,ol{list-style-type:none}a{text-decoration:none}#outer{width:400px;margin:0 auto;top:100px;position:relative}#outer h1{margin:0;padding:0;padding-left:8px;font-weight:100;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std";-webkit-font-smoothing:antialiased;font-size:24px;line-height:28px;color:#666}#outer #login{position:relative}#outer #login #splash{display:none;width:100px;height:108px;background:url(/@spontaneous/static/spot.svg) 0 0 no-repeat;-moz-background-size:100% 100%;-o-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;left:-108px;top:-5px}#outer #login form{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#eee;border:solid 3px #fafafa;font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std 45 Light"}#outer #login form p{position:relative;margin-top:0;margin-bottom:4px}#outer #login form p.error{-webkit-font-smoothing:antialiased;-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;border-top-right-radius:8px;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(red), to(#f00000));background-image:-moz-linear-gradient(top, red, #f00000);padding:8px;color:#fff}#outer #login form .inputs{padding:8px}#outer #login form .inputs input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none;font-size:14px;font-weight:bold;padding:4px;width:376px;font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std 45 Light";outline-color:#10b2fe}#outer #login form .inputs label{position:relative}#outer #login form .inputs label span{position:absolute;left:8px;top:4px;color:#666}#outer #login form .inputs label span.faded{opacity:0.5}#outer #login form .inputs .submit{margin-bottom:0}#outer #login form .inputs button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important;border:none;float:right;width:96px}#outer #login form .inputs button:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}

data/application/css/min/84dbe894ea96eafd321c30823d630817bfc4b03b.css

@@ -0,0 +1 @@
+@charset "UTF-8";.shadow{-webkit-box-shadow:0px 3px 30px #cccccc;-moz-box-shadow:0px 3px 30px #cccccc}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.box-flexible{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}.no-select,.interface,.button{-moz-user-select:none;-webkit-user-select:none}.interface,.button{font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Roman","Frutiger LT Std";-webkit-font-smoothing:antialiased;text-transform:uppercase;font-size:10px;font-weight:bold}.button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important}.button:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.button:hover{background-color:#ff6c03 !important;color:white !important}.button .key-combo{opacity:0.5;margin-left:4px}.button.cancel{background-color:#6b6b6b;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#787878), to(#5e5e5e));background-image:-moz-linear-gradient(top, #787878, #5e5e5e)}.button.cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.controls-gradient{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#222));background-image:-moz-linear-gradient(top, #404040, #222)}body,h1,h2,h3,h4,h5,h6,dd,dt,ul,ol,li{margin:0;padding:0;font-weight:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin-bottom:300px;background-color:white;font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std 45 Light"}ul,ol{list-style-type:none}a{text-decoration:none}body{background:url(/@spontaneous/static/texture.png) repeat;color:#fff;font-size:16px}#container{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:rgba(0,0,0,0.2);width:700px;margin:0 auto;margin-top:100px;padding:32px}#container h1{font-size:24px;margin-top:0}#container .src{color:#999;font-size:12px}#container .src a{color:#999}#container .src a:hover,#container .src a:hover strong{color:#ff6c03}#container .changes{font-size:14px}#container .changes li:before{content:"— "}#container .actions{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:rgba(0,0,0,0.2);padding:32px;list-style-position:outside}#container .actions li{margin-bottom:8px}#container .actions li form{margin:0;padding:0}#container .actions li p{margin:0;display:block;margin-left:32px;padding:8px;padding-bottom:32px}#container .actions li p .button{width:50px}#container .actions li p button{border:none}#container .actions li:last-child{margin-bottom:0}#container .actions li:last-child p{margin-bottom:0}#container .actions a{color:#10b2fe;cursor:pointer}#container .actions a strong{font-weight:bold}#container .actions a em{font-style:normal}#container .actions a:hover,#container .actions a:hover strong{color:#ff6c03}

data/application/css/min/d1b54ff4847c613618267ca1c15658e2aee0a4e5.css

@@ -0,0 +1 @@
+.shadow,#page-slots.slots .slot-entries .entry-wrap .dialogue,#page-slots.slots .slot-entries .entry-wrap.ui-sortable-helper > .entry-contents,#dialogue-wrap #dialogue-outer,#editing,#status-bar,.pop-over,.editing-panel .field-group.image .field .value img{-webkit-box-shadow:0px 3px 30px #cccccc;-moz-box-shadow:0px 3px 30px #cccccc}.clearfix:after,#top:after,.fields-preview:after,.fields-preview-text li:after,.fields-preview-image:after,#page-slots.slots .slot-tabs:after,#page-slots.slots .slot-entries .entry-wrap:after,#page-slots.slots .slot-entries .entry-wrap .entry-inner:after,#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs:after,#editing:after,.editing-panel .editing-fields:after,#editing #content-panel .tabs:after,#editing #content-panel #content-wrapper .facet-allowed .type-list:after{content:".";display:block;height:0;clear:both;visibility:hidden}.box-flexible,.pop-over > header > h3,.pop-over #popover-delete a,.editing-panel .field-group.image{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}.no-select,.interface,.button,.preview-label,.fields-preview-text .name,.fields-preview-image li .name,#top #navigation li select,#top #switch-mode,#top #open-publish,#page-content #page-info .path,#page-content #page-info .path h3,#page-content #page-info .path h3.developer a,#page-content #page-info .buttons .status,#page-slots.slots .slot-tabs li,#page-slots.slots .slot-addable a,#page-slots.slots .slot-entries .entry-wrap .title-bar,#page-slots.slots .slot-entries .entry-wrap .dialogue .buttons a,#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li,#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable,#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable a,#create-home-dialogue .instructions,#publishing-dialogue .change-list .actions,#publishing-dialogue .change-set .add span,#editing .field-group .name,.pop-over > header > h3,.pop-over .button.close,.pop-over .button.cancel,.pop-over .pop-insert-link label,.pop-over .link-page-browser .page-list .page,.pop-over .link-page-browser .page-ancestors ul li,.pop-over #popover-delete a.ok,.pop-over #popover-delete a.cancel,.editing-panel .editing-toolbar .buttons .save,.editing-panel .editing-toolbar .buttons .cancel,.editing-panel .field-group .name,.editing-panel .field-group.image .field .value .info,.field .markdown-editor .md-toolbar a,#conflicted-fields-dialogue .instructions,#conflicted-fields-dialogue .labels .diff,#add-alias-dialogue .instructions,.fields-preview-image li .value img{-moz-user-select:none;-webkit-user-select:none}.interface,.button,.preview-label,.fields-preview-text .name,.fields-preview-image li .name,#top #navigation li select,#top #switch-mode,#top #open-publish,#page-content #page-info .path,#page-content #page-info .path h3,#page-content #page-info .path h3.developer a,#page-content #page-info .buttons .status,#page-slots.slots .slot-tabs li,#page-slots.slots .slot-addable a,#page-slots.slots .slot-entries .entry-wrap .title-bar,#page-slots.slots .slot-entries .entry-wrap .dialogue .buttons a,#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li,#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable,#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable a,#create-home-dialogue .instructions,#publishing-dialogue .change-list .actions,#publishing-dialogue .change-set .add span,#editing .field-group .name,.pop-over > header > h3,.pop-over .button.close,.pop-over .button.cancel,.pop-over .pop-insert-link label,.pop-over .link-page-browser .page-list .page,.pop-over .link-page-browser .page-ancestors ul li,.pop-over #popover-delete a.ok,.pop-over #popover-delete a.cancel,.editing-panel .editing-toolbar .buttons .save,.editing-panel .editing-toolbar .buttons .cancel,.editing-panel .field-group .name,.editing-panel .field-group.image .field .value .info,.field .markdown-editor .md-toolbar a,#conflicted-fields-dialogue .instructions,#conflicted-fields-dialogue .labels .diff,#add-alias-dialogue .instructions{font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Roman","Frutiger LT Std";-webkit-font-smoothing:antialiased;text-transform:uppercase;font-size:10px;font-weight:bold}.button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important}.button:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.button:hover{background-color:#ff6c03 !important;color:white !important}.button .key-combo{opacity:0.5;margin-left:4px}.button.cancel{background-color:#6b6b6b;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#787878), to(#5e5e5e));background-image:-moz-linear-gradient(top, #787878, #5e5e5e)}.button.cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.controls-gradient,#top,#dialogue-wrap #dialogue-outer #dialogue-title,#status-bar,.pop-over > header{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#222));background-image:-moz-linear-gradient(top, #404040, #222)}body,h1,h2,h3,h4,h5,h6,dd,dt,ul,ol,li{margin:0;padding:0;font-weight:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin-bottom:300px;background-color:white;font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std 45 Light"}ul,ol{list-style-type:none}a{text-decoration:none}.preview-label,.fields-preview-text .name,.fields-preview-image li .name{color:#333333}.preview-value,.fields-preview-text .value{font-size:11px;font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std 45 Light";line-height:13px;color:#666666;font-weight:normal}.container-padding,#top,#page-content #page-info,#page-content #page-fields .fields-preview,#page-slots.slots .fields-preview.depth-box,#page-slots.slots .slot-addable,#status-bar{padding-left:64px;padding-right:64px}img.missing{width:100%;height:50px;background:url("/@spontaneous/static/missing.png") 50% 50% no-repeat;border:none}.clear{clear:both}#top{display:-webkit-box;display:-moz-box;display:box;box-align:center;-webkit-box-align:center;-moz-box-align:center;position:fixed;height:31px;top:0;right:0;left:0}#top #navigation{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:11px;font-weight:bold;color:#999999;width:100%}#top #navigation li{padding-left:10px;padding-right:15px;background:url("/@spontaneous/static/location-arrow.png") right 0 no-repeat;float:left;display:block;font-weight:bold}#top #navigation li select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-transform:none;font-size:11px;-webkit-appearance:none;cursor:pointer;display:block;background:url("/@spontaneous/static/select-arrow.png") 95% 50% no-repeat;border:none;outline:none;position:relative;padding-top:0px;padding-right:25px;height:31px;color:#ccc;font-weight:bold;width:100%}#top #navigation li select.unselected{color:#888;font-weight:normal;font-style:italic;max-width:80px}#top #navigation li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;color:#ddd;height:31px;padding-top:9px;display:block;background:url("/@spontaneous/static/select-arrow.png") right 50% no-repeat;padding-right:20px}#top #navigation li a:hover,#top #navigation li select:hover{color:white}#top #navigation li.root a{background-image:none;padding-right:5px}#top #navigation li:first-child{background-image:url("/@spontaneous/static/spontaneous.png"),url("/@spontaneous/static/location-arrow.png");background-position:0 70%, right 0;background-repeat:no-repeat;padding-right:12px}#top #navigation li:first-child a{padding-right:28px}#top #switch-mode,#top #open-publish{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important;display:-webkit-box;display:-moz-box;display:box;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-align:center;-webkit-box-align:center;-moz-box-align:center;margin:0;width:64px}#top #switch-mode:hover,#top #open-publish:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}#top #open-publish{position:relative;margin-right:8px}#top #open-publish #publish-progress{position:absolute;left:4px;top:1px}#top #open-publish.progress{padding-left:20px;padding-right:20px;width:124px;background-color:#666;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#737373), to(#595959));background-image:-moz-linear-gradient(top, #737373, #595959);color:#999999}#top #open-publish.progress:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}#content{position:fixed;overflow:auto;top:31px;right:0;bottom:0px;left:0}#content #data_pane,#content #preview_pane{border:none;display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}#page-content #page-info{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a3a), to(#222));background-image:-moz-linear-gradient(top, #3a3a3a, #222);height:54px;padding-top:10px;position:relative}#page-content #page-info h1,#page-content #page-info h3{position:relative}#page-content #page-info h1{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std";font-weight:100;color:white;font-size:24px;line-height:21px}#page-content #page-info h1 span{color:#888888}#page-content #page-info .path,#page-content #page-info .path h3,#page-content #page-info .path h3.developer a{cursor:pointer;color:#c1c1c1;font-size:11px;line-height:12px;text-transform:none}#page-content #page-info .path .uid,#page-content #page-info .path .developer{margin-left:32px;opacity:0.5}#page-content #page-info .path .uid.missing,#page-content #page-info .path .developer.missing{opacity:0.5}#page-content #page-info > .path{display:-webkit-box;display:-moz-box;display:box;position:absolute;bottom:12px}#page-content #page-info .path .edit{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-align:center;-webkit-box-align:center;-moz-box-align:center}#page-content #page-info .path .edit .input-error{display:block;position:relative;top:0;vertical-align:top;margin-left:8px}#page-content #page-info .path .edit .input-error input[type="text"],#page-content #page-info .path .edit .input-error span{height:16px;padding:4px}#page-content #page-info .path .edit .input-error input[type="text"]{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-weight:bold;width:400px;border:none;outline:none;vertical-align:top}#page-content #page-info .path .edit .input-error span{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;padding-left:8px;padding-right:8px;background-color:red;position:absolute;right:-1px;top:0;color:white}#page-content #page-info .path .edit input[type="text"].error{color:red}#page-content #page-info .path .edit .input-error.uid-input input[type="text"]{padding-left:1.05em;width:200px}#page-content #page-info .path .edit .button{display:block;margin-left:8px;padding-left:32px;padding-right:32px}#page-content #page-info .path .edit .button.cancel{padding-left:10px;padding-right:10px}#page-content #page-info .path .edit span,#page-content #page-info .path .edit a.path{display:block;position:relative}#page-content #page-info .path .edit a.path{color:#c1c1c1;margin-right:1px}#page-content #page-info .path .edit a.path:hover{color:white}#page-content #page-info .path .edit span{color:#bbbbbb;margin-right:1px}#page-content #page-info .path .edit .hash{color:#666;position:absolute;left:4px;font-weight:bold;padding-top:5px}#page-content #page-info .path h3:hover{color:white}#page-content #page-info .buttons{position:absolute;right:64px;top:16px}#page-content #page-info .buttons .button.publish{width:120px;height:32px;padding-top:8px;background-color:#666666;font-size:12px;position:relative}#page-content #page-info .buttons .button.publish:hover{background-color:#ff6c03}#page-content #page-info .buttons .status{vertical-align:top;display:inline-block;text-transform:none;font-weight:normal;margin:0;padding:0;color:#666666;font-size:10px;line-height:11px;position:relative;top:5px;margin-right:8px}#page-content #page-info .buttons .status strong{display:block;text-transform:uppercase}#page-content #page-fields .fields-preview{padding-top:8px;padding-bottom:8px;position:relative}#page-content #page-fields .fields-preview .overlay{position:absolute;left:0;right:0;top:0;bottom:0;border-style:solid;border-width:2px;border-color:transparent}#page-content #page-fields .fields-preview.hover .overlay{border-color:#10b2fe}.fields-preview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;cursor:pointer}.fields-preview .value p{margin:0 0 8px 0;padding:0}.fields-preview .value p:last-child{margin-bottom:0}.fields-preview .fields-preview-text{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fields-preview-text{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:580px;float:left;padding-right:100px;margin-right:16px}.fields-preview-text.empty{display:none}.fields-preview-text li{border-bottom:solid 1px #eee;padding-top:3px;padding-bottom:3px;display:block;line-height:13px;font-size:11px;font-family:"HelveticaNeue","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std 45 Light";float:left;width:100%;position:relative;padding-left:100px}.fields-preview-text li .name,.fields-preview-text li .value{float:left}.fields-preview-text li:last-child{border-bottom:none}.fields-preview-text .name{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100px;right:100px;margin-left:-100px;padding-right:8px}.fields-preview-text .value a{color:#ff6c03}.fields-preview-text .value h1,.fields-preview-text .value h2{font-size:1.2em;font-weight:bold;margin-bottom:1em}.fields-preview-text .value h2{font-size:1em}.fields-preview-text .value ul,.fields-preview-text .value ol{display:block;padding-left:1.4em;margin-bottom:8px}.fields-preview-text .value ul li,.fields-preview-text .value ol li{display:list-item;list-style-position:outside;border:none;margin:0;padding:0;float:none}.fields-preview-text .value ul{list-style-type:disc !important}.fields-preview-text .value ol{list-style-type:decimal !important}.fields-preview-image{float:left;width:300px}.fields-preview-image.empty{display:none}.fields-preview-image li{float:left;display:block;margin-right:4px;margin-bottom:4px;position:relative}.fields-preview-image li .name{opacity:0.7;color:black;padding-left:4px;padding-top:2px;background-color:#efefef;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;right:0;bottom:0;top:auto;height:16px;z-index:4}.fields-preview-image li .value{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#efefef;max-height:90px;min-height:45px;min-width:90px;cursor:pointer;text-align:center;position:relative}.fields-preview-image li .value .waiting{position:absolute;display:block;left:0;right:0;text-align:center;top:30%;height:16px;z-index:3}.fields-preview-image li .value .image-drop{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:100;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center}.fields-preview-image li .value .image-drop .drop-upload-outer{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px white;position:absolute;margin:4px;height:6px;left:0;right:0;bottom:50%;padding:0 1px}.fields-preview-image li .value .image-drop .drop-upload-outer .drop-upload-inner{position:relative;margin-right:2px;top:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:white;height:4px}.fields-preview-image li .value .image-drop.drop-active{border:solid 2px #10b2fe;cursor:copy}.fields-preview-image li .value .image-drop.drop-invalid{cursor:no-drop}.fields-preview-image li .value .image-drop.uploading{background-color:rgba(0,0,0,0.5)}.fields-preview-image li .value img{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;max-height:90px}#page-slots.slots{height:100%}#page-slots.slots .slot-tabs{height:32px;vertical-align:top;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#4d4d4d));background-image:-moz-linear-gradient(top, #666, #4d4d4d)}#page-slots.slots .slot-tabs li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:11px;color:#dddddd;display:block;float:left;height:100%;padding-left:16px;width:160px;padding-top:9px;cursor:pointer;border-left:solid 1px transparent;border-right:solid 1px #494949;position:relative}#page-slots.slots .slot-tabs li .down{display:none}#page-slots.slots .slot-tabs li:hover,#page-slots.slots .slot-tabs li.active{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7d14), to(#ff6c03));background-image:-moz-linear-gradient(top, #ff7d14, #ff6c03);background-color:#ff6c03;color:white;border-right-color:#ff6c03}#page-slots.slots .slot-tabs li:hover .down,#page-slots.slots .slot-tabs li.active .down{position:absolute;display:block;left:0;right:0;bottom:-7px;height:7px;background:url("/@spontaneous/static/orange-down-arrow.png") 50% 0 no-repeat;z-index:100;display:none}#page-slots.slots .slot-tabs li:first-child{padding-left:64px;width:224px}#page-slots.slots .slot-tabs li:first-child.active .down{padding-left:64px}#page-slots.slots .slot-tabs li.active + li:hover{border-left-color:#ea5700}#page-slots.slots .fields-preview.depth-box{background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));background-image:-moz-linear-gradient(top, #eee, #ddd);display:-webkit-box;display:-moz-box;display:box;border-top:solid 1px #CCC;position:relative;padding-top:12px;padding-bottom:5px}#page-slots.slots .fields-preview.depth-box .overlay{position:absolute;left:0;right:0;top:-1px;bottom:0;border-style:solid;border-width:2px;border-color:transparent}#page-slots.slots .fields-preview.depth-box.hover .overlay{border-color:#10b2fe}#page-slots.slots .fields-preview.depth-box .value{color:#555555}#page-slots.slots .fields-preview.depth-box .fields-preview-text{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:60%}#page-slots.slots .fields-preview.depth-box .fields-preview-image{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:40%}#page-slots.slots .slot-addable{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("/@spontaneous/static/diagonal-texture.png");border-top:solid 1px #cccccc;text-align:center;height:40px;padding-top:8px;position:relative}#page-slots.slots .slot-addable a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important;padding-right:16px;padding-left:16px;margin-right:4px;margin-left:4px}#page-slots.slots .slot-addable a:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}#page-slots.slots .slot-addable .alias{font-style:italic}#page-slots.slots .slot-addable .down{position:absolute;display:block;left:0;right:0;bottom:-18px;height:18px;background:url("/@spontaneous/static/slot-down-arrow.png") 50% 0 no-repeat;display:none}#page-slots.slots .slot-addable.floating{background:none;border-top:0;padding-left:10px;padding-right:10px;padding-top:5px;text-align:center;background:url("/@spontaneous/static/plus-box.png") 10px 7px no-repeat}#page-slots.slots .slot-addable.floating .down{display:none}#page-slots.slots .slot-instructions{font-weight:100;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std";-webkit-font-smoothing:antialiased;position:absolute;left:0;right:0;top:64px;display:none;text-align:center;color:#ccc}#page-slots.slots .slot-addable.drop-active{outline:solid 2px #10b2fe}#page-slots.slots .slot-content.empty .slot-instructions{display:block}#page-slots.slots .slot-entries{padding-top:32px;padding-bottom:50%;position:relative}#page-slots.slots .slot-entries .fields-preview{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px;background:none;background-color:white}#page-slots.slots .slot-entries .entry-wrap{position:relative;margin-left:64px;margin-right:64px}#page-slots.slots .slot-entries .entry-wrap .entry-contents{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#eee;padding:2px}#page-slots.slots .slot-entries .entry-wrap .entry-spacer{height:32px;position:relative}#page-slots.slots .slot-entries .entry-wrap .entry-spacer.add-entry{background:url("/@spontaneous/static/diagonal-texture.png");margin:0 4px;cursor:pointer}#page-slots.slots .slot-entries .entry-wrap .entry-inner{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}#page-slots.slots .slot-entries .entry-wrap .title-bar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;background-color:transparent;width:20px;color:rgba(255,255,255,0.4);padding-top:4px;text-transform:none;font-weight:normal;cursor:ns-resize;position:absolute;left:auto;right:-20px;top:-3px;height:auto}#page-slots.slots .slot-entries .entry-wrap .title-bar .actions{display:-webkit-box;display:-moz-box;display:box;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;top:4px}#page-slots.slots .slot-entries .entry-wrap .title-bar .actions a{background:url("/@spontaneous/static/item-buttons-highlight.png") 0 0 no-repeat;display:block;width:15px;height:15px;cursor:pointer}#page-slots.slots .slot-entries .entry-wrap .title-bar .actions .delete{background-position:-61px 0}#page-slots.slots .slot-entries .entry-wrap .title-bar .actions .delete:hover{background-position:-61px -20px}#page-slots.slots .slot-entries .entry-wrap .title-bar .actions .visibility{background-position:-32px 0}#page-slots.slots .slot-entries .entry-wrap .title-bar .actions .visibility:hover{background-position:-32px -20px}#page-slots.slots .slot-entries .entry-wrap .dialogue{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;position:absolute;top:20px;left:4px;right:4px;background-color:rgba(0,0,0,0.9);z-index:30;padding:32px;color:white}#page-slots.slots .slot-entries .entry-wrap .dialogue .buttons a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#ccc;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9d9d9), to(#bfbfbf));background-image:-moz-linear-gradient(top, #d9d9d9, #bfbfbf);color:white !important;padding-left:16px;padding-right:16px}#page-slots.slots .slot-entries .entry-wrap .dialogue .buttons a:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}#page-slots.slots .slot-entries .entry-wrap .dialogue .buttons a + a{margin-left:8px}#page-slots.slots .slot-entries .entry-wrap .dialogue .buttons a.default{background-color:#10b2fe}#page-slots.slots .slot-entries .entry-wrap .white-bg,#page-slots.slots .slot-entries .entry-wrap .grey-bg{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0px;right:40%;top:0;bottom:0px;margin:0;background-color:white;z-index:1}#page-slots.slots .slot-entries .entry-wrap .white-bg{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;border-width:2px;border-color:transparent;border-style:solid}#page-slots.slots .slot-entries .entry-wrap .white-bg.active{border-color:#10b2fe}#page-slots.slots .slot-entries .entry-wrap .grey-bg{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;left:auto;width:40%;right:0;background-color:#eee;margin-left:0}#page-slots.slots .slot-entries .entry-wrap .entry{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:2;float:left}#page-slots.slots .slot-entries .entry-wrap .entry .fields-preview{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px;background:none;border-color:white}#page-slots.slots .slot-entries .entry-wrap .entry .fields-preview-text{width:100%;position:relative;margin-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#page-slots.slots .slot-entries .entry-wrap .entry .fields-preview-text li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#page-slots.slots .slot-entries .entry-wrap .slots{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;padding-left:0;float:left;width:40%;z-index:2;left:1px}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:24px;display:block;margin-right:1px;width:100%;background:none}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;width:25%;height:100%;display:block;padding-left:8px;padding-top:6px;cursor:pointer;border-right:solid 1px #b7b7b7;background-color:#c4c4c4;color:#666666}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li:nth-child(4){float:right;position:relative;border-right:none}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li:hover{background-color:#ff6c03;border-right-color:#ff6c03;color:#fff}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li.active:hover,#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li.active{background:#ddd none;border-right:solid 1px #ddd;color:#666666}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li:hover + li:nth-child(4){border-left-color:#ff6c03}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li:last-child{border-right:none}#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs li .down{display:none}#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;background:none;background-color:#ddd;height:33px;padding:8px 8px 0 8px}#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#6b6b6b;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#787878), to(#5e5e5e));background-image:-moz-linear-gradient(top, #787878, #5e5e5e);color:white !important;padding-left:8px;padding-right:8px}#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable a:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable a + a{margin-left:8px}#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable .alias{font-style:italic}#page-slots.slots .slot-entries .entry-wrap .slots .slot-addable .down{display:none}#page-slots.slots .slot-entries .entry-wrap .slots .slot-entries{padding-top:8px}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2{margin-left:8px;margin-right:20px;margin-bottom:8px}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .white-bg{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:auto;right:0}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .grey-bg{display:none}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry-contents{padding:0}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry-spacer{height:8px}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2:last-child .entry-spacer{outline:solid 1px red;display:none}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:100%}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry .fields-preview{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px;background:none;width:100%;display:block}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry .fields-preview .fields-preview-text{width:100%;margin-bottom:0}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry .fields-preview .fields-preview-image{float:none;width:100%;margin-left:0;margin-top:4px;padding-top:4px}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry .fields-preview .fields-preview-text.empty + .fields-preview-image{margin-top:0}#page-slots.slots .slot-entries .entry-wrap .slots .entry-wrap.depth-2 .entry + .entry{margin-top:8px}#page-slots.slots .slot-entries .entry-wrap .alias-target{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;padding:4px;background-color:#444;color:white;font-size:14px;font-style:italic}#page-slots.slots .slot-entries .entry-wrap .alias-target.no-fields{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#page-slots.slots .slot-entries .entry-wrap .alias-target:hover{color:#ff6c03}#page-slots.slots .slot-entries .entry-wrap .alias-target .icon-wrap,#page-slots.slots .slot-entries .entry-wrap .alias-target a{display:inline-block;vertical-align:top;cursor:pointer}#page-slots.slots .slot-entries .entry-wrap .alias-target .icon-wrap{margin-right:8px}#page-slots.slots .slot-entries .entry-wrap.no-boxes .white-bg{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;right:0}#page-slots.slots .slot-entries .entry-wrap.no-boxes .grey-bg{display:none}#page-slots.slots .slot-entries .entry-wrap.no-boxes .entry{width:100%}#page-slots.slots .slot-entries .entry-wrap.no-boxes .entry .fields-preview{display:-webkit-box;display:-moz-box;display:box}#page-slots.slots .slot-entries .entry-wrap.no-boxes .entry .fields-preview .fields-preview-text{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:60%;padding-right:0}#page-slots.slots .slot-entries .entry-wrap.no-boxes .entry .fields-preview .fields-preview-image{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:40%}#page-slots.slots .slot-entries .entry-wrap.hidden{opacity:0.4 !important}#page-slots.slots .slot-entries .entry-wrap.editing.hidden{opacity:1 !important}#page-slots.slots .slot-entries .entry-wrap.page .white-bg{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;right:0}#page-slots.slots .slot-entries .entry-wrap.page .page-title{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;background-color:#444;padding:4px}#page-slots.slots .slot-entries .entry-wrap.page .page-title a{cursor:pointer;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std";font-weight:100;color:#fff;font-size:16px;line-height:normal}#page-slots.slots .slot-entries .entry-wrap.page .page-title a:hover{color:#ff6c03}#page-slots.slots .slot-entries .entry-wrap.boxes.depth-1 .entry{width:60%}#page-slots.slots .slot-entries .entry-wrap.boxes.depth-1 .entry .fields-preview.depth-1 .fields-preview-text{margin-right:-110px;padding-right:110px}#page-slots.slots .slot-entries .entry-wrap.boxes.depth-1 .entry .fields-preview.depth-1 .fields-preview-image{width:94px;float:right}#page-slots.slots .slot-entries .entry-wrap.boxes.depth-1 .entry .fields-preview.depth-1 .fields-preview-image img{max-width:94px}#page-slots.slots .slot-entries .entry-wrap.boxes.depth-1 .entry .fields-preview.depth-1 .fields-preview-image li{margin-right:0}#page-slots.slots .slot-entries .entry-wrap.boxes.depth-1 .entry .fields-preview.depth-1 .fields-preview-image li:last-child{margin-bottom:0}#dialogue-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.9);z-index:1000}#dialogue-wrap{position:fixed;left:0;right:0;bottom:0;top:0;overflow:auto;z-index:1001}#dialogue-wrap #dialogue-outer{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:-webkit-box;display:-moz-box;display:box;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;background-color:#222;position:relative;top:50px;margin:0 auto;margin-bottom:50px}#dialogue-wrap #dialogue-outer #dialogue-title{font-weight:100;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std";-webkit-font-smoothing:antialiased;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;height:26px;color:#fff;padding:0 8px 0 10px;padding-top:6px}#dialogue-wrap #dialogue-outer #dialogue-body{overflow:auto;margin:0 2px;background-color:#fff}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls{position:relative}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions{display:-webkit-box;display:-moz-box;display:box}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .spacer{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .button{display:block;width:128px;margin:8px 0}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .button + .button{margin-left:8px}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .button:last-child{margin-right:8px}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .cancel{background-color:#6b6b6b;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#787878), to(#5e5e5e));background-image:-moz-linear-gradient(top, #787878, #5e5e5e)}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .save{background-color:#10b2fe;float:right}#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .disabled,#dialogue-wrap #dialogue-outer #dialogue-control-wrap #dialogue-controls .dialogue-actions .disabled:hover{background-color:#333333 !important;color:#6b6b6b !important}.dialogue-wrapper,#editing{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;background-color:#cccccc;width:980px}#create-home-dialogue .instructions{margin:0;background-color:#f2f2f2;color:#666;padding:4px 8px;margin-bottom:8px}#create-home-dialogue .instructions .button{padding-left:2px;padding-right:2px}#create-home-dialogue .type{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:-webkit-box;display:-moz-box;display:box;cursor:pointer;padding:4px 8px;background-color:#fbfbfb;border:solid 1px #f2f2f2;margin:8px;margin-top:0}#create-home-dialogue .type:hover{background-color:#666;color:#fff}#create-home-dialogue .type.selected{background-color:#10b2fe;color:#fff}#publishing-dialogue{min-height:200px;max-height:90%;position:relative;display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal}#publishing-dialogue .change-list{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:50%}#publishing-dialogue .change-list#changes{border-right:solid 2px #000}#publishing-dialogue .change-list .actions{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-align:center;-webkit-box-align:center;-moz-box-align:center;color:#666;background-color:#f2f2f2;padding:4px 8px}#publishing-dialogue .change-list .actions div{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}#publishing-dialogue .change-list .actions .button{padding-left:8px;padding-right:8px}#publishing-dialogue .change-list .change-sets{overflow:auto}#publishing-dialogue .change-list .change-sets .instructions{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std";color:#999;text-align:center;position:relative;padding-top:50px}#publishing-dialogue .publish-up-to-date{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;left:0;right:0;top:0;bottom:0;margin:60px 200px 60px 200px;text-align:center;background-color:#333;opacity:0.95;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","FrutigerLTStd-Light","Frutiger LT Std";font-size:24px;padding-top:24px;color:#fff}#publishing-dialogue .change-set{cursor:pointer;padding:8px 8px 0 8px}#publishing-dialogue .change-set .inner{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:-webkit-box;display:-moz-box;display:box;border:solid 3px transparent;background-color:#fbfbfb;border:solid 1px #f2f2f2}#publishing-dialogue .change-set .pages{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}#publishing-dialogue .change-set .pages .title{padding:4px 8px;color:#333}#publishing-dialogue .change-set .pages .title + .title{border-top:solid 1px #f2f2f2}#publishing-dialogue .change-set .pages .url{font-size:10px;color:#666}#publishing-dialogue .change-set .add{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;display:-webkit-box;display:-moz-box;display:box;box-pack:center;-webkit-box-pack:center;-moz-box-pack:center;box-align:center;-webkit-box-align:center;-moz-box-align:center;width:64px;background-color:#f2f2f2;position:relative;color:#999}#publishing-dialogue .change-set .add span{font-size:40px;position:relative;top:-5px}#publishing-dialogue .change-set .add:hover{background-color:#10b2fe;color:#fff}#publishing-dialogue .change-set .titles a{display:block;margin-bottom:2px}#publishing-dialogue .change-set .titles a span{font-size:11px;margin-left:1em}#publishing-dialogue .change-set:hover{border-color:#10b2fe}#editing{z-index:1001}#editing .button{background-color:#42ab06}#editing .field-group-bg{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;margin:8px;top:0px;bottom:0px}#editing .field-group-bg.text{left:0;right:343px}#editing .field-group-bg.image{left:629px;right:0}#editing input[type="submit"]{visibility:hidden;position:absolute;width:0;height:0}#editing .field-group{position:relative;z-index:1010;float:left;padding:8px}#editing .field-group .field + .field{margin-top:8px}#editing .field-group .name{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#d1d1d1;display:block;height:24px;padding-left:8px;padding-top:6px}#editing .field-group .value{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;border:solid 2px transparent;padding:6px;background-color:white}#editing .field-group .value textarea,#editing .field-group .value input[type="text"]{font-family:"Lucida Grande";font-size:11px;line-height:14px;outline:none}#editing .field-group .value input[type="file"]{visibility:hidden;position:absolute;width:0;height:0}#editing .field-group .value textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;width:100%;padding-right:64px}#editing .field-group .value input[type="text"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:none;display:block;font-weight:bold}#editing .field-group .field.focus .name{background-color:#42ab06;color:white}#editing .field-group .field.focus .value{border-color:#42ab06}#editing .field-group.image{width:327px}#editing .field-group.image .field .value{position:relative;min-height:70px}#editing .field-group.image .field .value img{max-width:50%}#editing .field-group.image .field .value img.empty{width:50%;height:100px}#editing .field-group.image .field .value .actions{margin:8px;margin-left:0;position:absolute;top:0;right:0;bottom:0;width:109px}#editing .field-group.image .field .value .actions .button{display:block}#editing .field-group.image .field .value .actions .button.clear{color:#5b5b5b;background-color:#d1d1d1;position:absolute;bottom:0;width:100%}#editing .field-group.image .field .value .landscape img{max-width:100%;max-height:50%}#editing .field-group.image .field .value .landscape .actions{width:auto;display:block;margin:8px 0 0 0;position:relative}#editing .field-group.image .field .value .landscape .actions .button{display:inline-block;width:109px}#editing .field-group.image .field .value .landscape .actions .button.clear{position:static}#editing .field-group.image .field .value .landscape .actions .button.change{position:absolute;right:0}#status-bar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;height:32px;bottom:0;left:0;right:0;background-color:#cccccc;z-index:100000}#status-bar #progress-container{position:relative;top:12px;font-size:10px;color:#888888}#status-bar #progress-container #progress-bars{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;width:50%;height:8px;border:solid 1px #151515}#status-bar #progress-container #progress-bars .bar,#status-bar #progress-container #progress-bars #editing #url-panel,#editing #status-bar #progress-container #progress-bars #url-panel,#status-bar #progress-container #progress-bars #editing #content-panel .tabs .tab,#editing #content-panel .tabs #status-bar #progress-container #progress-bars .tab,#status-bar #progress-container #progress-bars #editing #content-panel #content-wrapper .field-wrap .field.edit .name,#editing #content-panel #content-wrapper .field-wrap .field.edit #status-bar #progress-container #progress-bars .name,#status-bar #progress-container #progress-bars #editing #content-panel #content-wrapper .field-wrap .field.edit .value input.input,#editing #content-panel #content-wrapper .field-wrap .field.edit .value #status-bar #progress-container #progress-bars input.input,#status-bar #progress-container #progress-bars #editing #content-panel #content-wrapper .page-entry-link h3,#editing #content-panel #content-wrapper .page-entry-link #status-bar #progress-container #progress-bars h3{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:8px;padding:0;background-color:black;position:absolute;top:0;left:0;opacity:0.7}#status-bar #progress-container #progress-bars #progress-individual{opacity:0.3}#status-bar #progress-container #progress-bars #progress-total{background-color:#fff}#status-bar #progress-container #progress-name{position:absolute;right:16px;top:-1px;text-align:right}#status-bar #progress-container #progress-stats{position:absolute;left:50%;top:-1px;margin-left:10px}#script-load-splash{background:url("/@spontaneous/static/splash.png") 0 0 no-repeat;width:318px;height:43px;position:relative;margin:0 auto;top:150px}#script-load-splash #script-load-progress{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;position:relative;left:-31px;top:64px;border:solid 1px #ddd;padding:1px;width:380px;height:4px}#script-load-splash #script-load-progress div{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#ddd;height:4px}#script-load-splash #script-load-progress.synchronous{border:none;color:#ddd;top:44px;left:47px}#script-load-splash.loaded{background-position:0 -80px}.icon-wrap{overflow:hidden;position:relative}.icon-wrap img{position:relative}.pop-over{display:inline-block;background-color:#222;margin:0px;-webkit-padding-start:0;-moz-padding-start:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;opacity:0px;z-index:1000000}.pop-over > div{margin:0px 8px 8px 8px !important;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.pop-over > header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;position:relative;padding:8px 8px 8px 8px}.pop-over > header > h3{text-transform:none;margin:0px;margin-bottom:0;color:white;font-size:14px;line-height:22px;display:block;text-align:center;font-weight:normal}.pop-over header .button{min-width:50px}.pop-over .po-button.back{position:relative;padding-left:5px;margin-left:8px}.pop-over .back.black > .pointer{background-image:-webkit-gradient(linear, left top, right bottom, from(#7d828c), color-stop(0.5, #303749), color-stop(0.5, #121a2e), to(#121a2e));border-left:solid 1px rgba(79,79,79,0.75);border:solid 1px rgba(79,79,79,0.75);-webkit-border-radius:6px 0 6px 0;-moz-border-radius:6px 0 6px 0;border-radius:6px 0 6px 0;height:19px;width:19px;display:inline-block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-mask-image:-webkit-gradient(linear, left bottom, right top, from(#000), color-stop(0.5, #000), color-stop(0.5, transparent), to(transparent));position:absolute;left:-7px;top:1px;-webkit-background-clip:content;-moz-background-clip:content;background-clip:content}.pop-over .back:hover .pointer,.pop-over .back.hover .pointer{background-image:-webkit-gradient(linear, left top, right bottom, from(#4286f5), color-stop(0.5, #4286f5), color-stop(0.5, #194fdb), to(#194fdb))}.pop-over .button{min-width:100px}.pop-over .button.close,.pop-over .button.cancel{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#404040;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d4d4d), to(#333));background-image:-moz-linear-gradient(top, #4d4d4d, #333);color:white !important;min-width:50px}.pop-over .button.close:hover,.pop-over .button.cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.pop-over .po-button.forward{position:relative;padding-right:5px;margin-right:8px}.pop-over .forward.black > .pointer{background-image:-webkit-gradient(linear, left top, right bottom, from(#7d828c), color-stop(0.5, #303749), color-stop(0.5, #121a2e), to(#121a2e));border-left:solid 1px rgba(79,79,79,0.75);border:solid 1px rgba(79,79,79,0.75);border-top-left-radius:6px;border-bottom-right-radius:6px;height:19px;width:19px;display:inline-block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-mask-image:-webkit-gradient(linear, right top, left bottom, from(#000), color-stop(0.5, #000), color-stop(0.5, transparent), to(transparent));position:absolute;right:-7px;top:1px;-webkit-background-clip:content;-moz-background-clip:content;background-clip:content}.pop-over .forward:hover > .pointer,.pop-over .forward.hover > .pointer{background-image:-webkit-gradient(linear, left top, right bottom, from(#4286f5), color-stop(0.5, #4286f5), color-stop(0.5, #194fdb), to(#194fdb))}.pop-over header{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-align:stretch;-webkit-box-align:stretch;-moz-box-align:stretch}.pop-over .menuHandle{position:absolute;top:-14px;left:8px;height:30px !important;width:30px;border:solid 2px #4f4f4f;border-bottom:none;border-right:none;background-color:#404040 !important;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);-webkit-mask-image:-webkit-gradient(linear, left top, right bottom, from(#000), color-stop(0.5, #000), color-stop(0.5, transparent), to(transparent))}.pop-over .hide{-webkit-transform:translate3d(-1000px, 0px);-moz-transform:translate3d(-1000px, 0px);transform:translate3d(-1000px, 0px)}.pop-over .show{-webkit-transform:translate3d(0px, 0px);-moz-transform:translate3d(0px, 0px);transform:translate3d(0px, 0px)}.pop-over .fade-in{-webkit-transition:opacity 0.25s ease-in-out;-moz-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;opacity:1}.pop-over .fade-out{-webkit-transition:opacity 0.25s ease-in-out;-moz-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;opacity:0}.pop-over ul.dropdown-menu-basic,.pop-over .dropdown-menu-basic li{margin:0px;padding:0px;list-style:none}.pop-over .dropdown-menu-basic li{border-bottom:1px solid #666666;font-size:18px !important;line-height:36px;padding:0px 8px}.pop-over .dropdown-menu-basic li:hover,.pop-over .dropdown-menu-basic li.hover{background-image:-webkit-gradient(linear, left top, left bottom, from(#4286f5), to(#194fdb));color:white}.pop-over .dropdown-menu-basic li:first-of-type{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px}.pop-over .dropdown-menu-basic li:last-of-type{-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px}.pop-over .buttons{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify}.pop-over .buttons a{display:block}.pop-over .pop-insert-link p{margin-top:0;margin-bottom:8px}.pop-over .pop-insert-link label{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:block;background-color:#404040;color:#fff;padding:0}.pop-over .pop-insert-link label span{display:block;padding:4px 0 4px 4px}.pop-over .pop-insert-link input,.pop-over .pop-insert-link textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;border:none;display:block;outline:none;width:100%;padding:4px;margin:0}.pop-over .link-page-browser{margin-bottom:8px}.pop-over .link-page-browser label{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.pop-over .link-page-browser .page-list{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;background-color:#fff;padding:8px 0}.pop-over .link-page-browser .page-list .page{cursor:pointer;color:#333;text-transform:none;padding:4px 4px;padding-right:80px;position:relative;font-size:11px;border-bottom:solid 1px #eee}.pop-over .link-page-browser .page-list .page:last-child{border-bottom:none}.pop-over .link-page-browser .page-list .page:hover{background-color:#999;color:#fff}.pop-over .link-page-browser .page-list .page.active{background-color:#10b2fe;color:white}.pop-over .link-page-browser .page-list .page.active span:hover{background-color:#01a6f3}.pop-over .link-page-browser .page-list .page span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:block;position:absolute;right:0;top:0;bottom:0;font-size:16px;line-height:13px;font-weight:normal;width:80px;margin:2px;background:url("/@spontaneous/static/page-browser-next.png") right 1px no-repeat}.pop-over .link-page-browser .page-list .page span:hover{background-position:right -39px;background-color:#8d8d8d}.pop-over .link-page-browser .page-list .page span:active{background-color:#10b2fe}.pop-over .link-page-browser .page-ancestors{background-color:#4d4d4d}.pop-over .link-page-browser .page-ancestors ul{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;margin:0;padding:0;padding:4px}.pop-over .link-page-browser .page-ancestors ul li{font-size:10px;text-transform:none;cursor:pointer}.pop-over .link-page-browser .page-ancestors ul li,.pop-over .link-page-browser .page-ancestors ul li a{color:#ccc}.pop-over .link-page-browser .page-ancestors ul li span{display:inline-block;color:#777;margin:0 2px;padding:0}.pop-over .link-page-browser .page-ancestors ul li:hover a{color:#fff}.pop-over .link-page-browser .page-ancestors ul li:active a{color:#10b2fe}.pop-over #popover-delete{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify}.pop-over #popover-delete a.ok{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important;display:block}.pop-over #popover-delete a.ok:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.pop-over #popover-delete a.cancel{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#404040;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d4d4d), to(#333));background-image:-moz-linear-gradient(top, #4d4d4d, #333);color:white !important;display:block}.pop-over #popover-delete a.cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.pop-over #popover-delete a{max-width:100px}.editing-panel{z-index:1001;background:url(/@spontaneous/static/editing-texture-1.png) repeat}.editing-panel .editing-fields{display:-webkit-box;display:-moz-box;display:box;box-align:horizontal;-webkit-box-align:horizontal;-moz-box-align:horizontal;padding:8px}.editing-panel .editing-toolbar{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;background-color:rgba(0,0,0,0.2);padding:4px 16px}.editing-panel .editing-toolbar .indent{position:absolute;top:0;right:0;left:0;height:6px}.editing-panel .editing-toolbar.bottom .indent{top:auto;bottom:0}.editing-panel .editing-toolbar .buttons{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify;width:621px}.editing-panel .editing-toolbar .buttons .save,.editing-panel .editing-toolbar .buttons .cancel{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#10b2fe;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bafe), to(#01a6f3));background-image:-moz-linear-gradient(top, #29bafe, #01a6f3);color:white !important}.editing-panel .editing-toolbar .buttons .save:hover,.editing-panel .editing-toolbar .buttons .cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.editing-panel .editing-toolbar .buttons .cancel{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;text-align:center;height:17px;padding-top:2px;font-weight:bold;display:inline-block;text-decoration:none;background-color:#444;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#515151), to(#373737));background-image:-moz-linear-gradient(top, #515151, #373737);color:white !important}.editing-panel .editing-toolbar .buttons .cancel:hover{background-color:#ff6c03 !important;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6c03), to(#e96100));background-image:-moz-linear-gradient(top, #ff6c03, #e96100);color:white !important}.editing-panel .editing-toolbar .buttons .save,.editing-panel .editing-toolbar .buttons .cancel{display:block;width:128px}.editing-panel .editing-toolbar.bottom{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.editing-panel .editing-toolbar.bottom .buttons{padding-top:0}.editing-panel .field-group-bg{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;margin:8px;top:0px;bottom:0px}.editing-panel .field-group-bg.text{left:0;right:343px}.editing-panel .field-group-bg.image{left:629px;right:0}.editing-panel input[type="submit"]{visibility:hidden;position:absolute;width:0;height:0}.editing-panel .field-group{position:relative;z-index:1010;float:left;padding:8px}.editing-panel .field-group .field + .field{margin-top:8px}.editing-panel .field-group .name{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,0.2);color:#fff;display:block;height:16px;padding-left:8px;padding-top:2px}.editing-panel .field-group .name .comment{font-weight:normal;text-transform:none;margin-left:8px}.editing-panel .field-group .value{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;border:solid 2px transparent;padding:6px;background-color:white;opacity:0.8}.editing-panel .field-group .value textarea,.editing-panel .field-group .value input[type="text"]{font-family:"Lucida Grande";font-size:11px;line-height:14px;outline:none}.editing-panel .field-group .value input[type="file"]{visibility:hidden;position:absolute;width:0;height:0}.editing-panel .field-group .value textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;width:100%;padding-right:64px;resize:vertical}.editing-panel .field-group .value input[type="text"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:none;display:block;font-weight:bold}.editing-panel .field-group .field.focus .name{background-color:rgba(0,0,0,0.6);color:white}.editing-panel .field-group .field.focus .name .comment{color:white}.editing-panel .field-group .field.focus .value{border-color:#fff;background-color:#fff;opacity:1}.editing-panel .field-group.text{width:621px}.editing-panel.depth-2 .editing-fields{padding:0;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical}.editing-panel.depth-2 .editing-toolbar{padding-left:8px;padding-right:8px}.editing-panel.depth-2 .editing-toolbar .buttons{width:100%}.editing-panel.depth-2 .field-group.text{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.editing-panel.depth-2 .field-group.image{padding:8px}.editing-panel .field-group.image{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:8px 0}.editing-panel .field-group.image .field{display:inline-block;vertical-align:top;min-width:100px;margin-right:8px;margin-bottom:8px;margin-top:0;margin-left:0}.editing-panel .field-group.image .field .name{background-color:rgba(0,0,0,0.6)}.editing-panel .field-group.image .field .value{opacity:1}.editing-panel .field-group.image .field .value{position:relative;min-height:70px;text-align:center}.editing-panel .field-group.image .field .value img{max-width:200px;cursor:pointer}.editing-panel .field-group.image .field .value img:hover{outline:solid 1px #10b2fe}.editing-panel .field-group.image .field .value img.empty{width:50%;height:100px}.editing-panel .field-group.image .field .value .image-drop{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2;position:absolute;top:0;right:0;bottom:0;left:0}.editing-panel .field-group.image .field .value .image-drop.drop-active,.editing-panel .field-group.image .field .value .image-drop:hover{border:solid 1px #10b2fe}.editing-panel .field-group.image .field .value .actions{margin:0px;margin-left:0;position:absolute;top:0;right:0;width:60px}.editing-panel .field-group.image .field .value .actions .button{display:block}.editing-panel .field-group.image .field .value .actions .button.clear{color:#5b5b5b;background-color:#d1d1d1;width:100%}.editing-panel .field-group.image .field .value .info{position:absolute;left:0;right:0;bottom:0;padding:8px;opacity:0.7;color:black;padding-left:4px;padding-top:2px;background-color:#efefef;text-transform:none;display:-webkit-box;display:-moz-box;display:box;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical}.editing-panel .field-group.image .field .value .info .filename{word-wrap:break-word}.editing-panel .field-group.image .field .value .info .sizes{padding-top:4px;display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify}.editing-panel .field-group.image .field .value .landscape img{max-width:200px}.editing-panel .field-group.image .field .value .landscape .actions{width:auto;display:block;margin:8px 0 0 0;position:relative}.editing-panel .field-group.image .field .value .landscape .actions .button{display:inline-block;width:109px}.editing-panel .field-group.image .field .value .landscape .actions .button.clear{position:static}.editing-panel .field-group.image .field .value .landscape .actions .button.change{position:absolute;right:0}.clearfix:after,#top:after,.fields-preview:after,.fields-preview-text li:after,.fields-preview-image:after,#page-slots.slots .slot-tabs:after,#page-slots.slots .slot-entries .entry-wrap:after,#page-slots.slots .slot-entries .entry-wrap .entry-inner:after,#page-slots.slots .slot-entries .entry-wrap .slots .slot-tabs:after,#editing:after,.editing-panel .editing-fields:after,#editing #content-panel .tabs:after,#editing #content-panel #content-wrapper .facet-allowed .type-list:after{content:".";display:block;height:0;clear:both;visibility:hidden}.bar,#editing #url-panel,#editing #content-panel .tabs .tab,#editing #content-panel #content-wrapper .field-wrap .field.edit .name,#editing #content-panel #content-wrapper .field-wrap .field.edit .value input.input,#editing #content-panel #content-wrapper .page-entry-link h3{height:23px;padding-top:11px}.border-box,#editing #content-panel #content-wrapper .field-wrap .field.edit .value input.input{-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box}#editing{position:absolute;top:0;left:0;right:0;bottom:0}#editing #url-panel{background-color:#e0e0e0;padding-left:10px;position:absolute;top:0;left:0;right:0}#editing #function-panel{position:absolute;top:34px;left:0;right:0;height:34px}#editing #content-panel{position:absolute;top:85px;left:0;right:0;bottom:0;overflow:auto;padding:0 10px;padding-bottom:100px}#editing #content-panel .tabs{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;background-color:#d7d7d7;list-style:none;height:34px}#editing #content-panel .tabs .tab:first-child{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px}#editing #content-panel .tabs .tab{display:block;float:left;padding-left:10px;min-width:130px;border-right:solid 1px #c5c5c5;cursor:pointer}#editing #content-panel .tabs .tab:hover{background-color:#10b2fe}#editing #content-panel .tabs .tab.active{background-color:#c5c5c5;font-weight:bold}#editing #content-panel #content-wrapper{border-top:solid 1px #cecece;background-color:#e0e0e0}#editing #content-panel #content-wrapper .field-wrap .edit,#editing #content-panel #content-wrapper .field-wrap .preview{padding:10px;background-color:#cecece}#editing #content-panel #content-wrapper .field-wrap .field{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%}#editing #content-panel #content-wrapper .field-wrap .field .name,#editing #content-panel #content-wrapper .field-wrap .field .value{display:table-cell}#editing #content-panel #content-wrapper .field-wrap .field .name{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-bottom:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;vertical-align:top;font-weight:bold;width:150px;padding-right:10px;text-align:right}#editing #content-panel #content-wrapper .field-wrap .field .value{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;padding-left:10px}#editing #content-panel #content-wrapper .field-wrap .field.edit .name{background-color:#aaa}#editing #content-panel #content-wrapper .field-wrap .field.edit .name.active{background-color:#10b2fe;color:#fff}#editing #content-panel #content-wrapper .field-wrap .field.edit .value{padding-top:0;padding-bottom:0;padding-right:0;padding-left:0px;position:relative}#editing #content-panel #content-wrapper .field-wrap .field.edit .value input.input{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;display:block;position:relative;left:0;width:100%;height:34px;border:solid 2px #10b2fe;outline:none;padding-left:10px;vertical-align:top}#editing #content-panel #content-wrapper .field-wrap .field.edit .value input.input:focus{border-color:#10b2fe}#editing #content-panel #content-wrapper .field-wrap .field + .field{margin-top:10px}#editing #content-panel #content-wrapper .facet-contents-wrap .facet-contents-wrap .facet-drag-bar{display:none}#editing #content-panel #content-wrapper .facet-contents-wrap .editing .facet-contents-wrap .facet-drag-bar{display:block}#editing #content-panel #content-wrapper .facet.depth-1 .facet-contents-wrap{background-color:#d7d7d7}#editing #content-panel #content-wrapper .facet.depth-2{background-color:#e0e0e0}#editing #content-panel #content-wrapper .facet.depth-2 .field-wrap .preview{background-color:#fff}#editing #content-panel #content-wrapper .facet.depth-2 .field-wrap .edit{background-color:#e0e0e0}#editing #content-panel #content-wrapper .facet.depth-2 .facet-contents-wrap{background-color:#e0e0e0}#editing #content-panel #content-wrapper .facet.depth-1 > .facet-bottom-bar{-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;background-color:#e0e0e0}#editing #content-panel #content-wrapper .facet-allowed{background-color:#cecece;padding:0}#editing #content-panel #content-wrapper .facet-allowed .type-list{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;padding-left:10px;padding-right:10px;padding-bottom:6px}#editing #content-panel #content-wrapper .facet-allowed .type-list a{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;float:left;min-width:95px;padding:7px 6px 0 6px;height:21px;background-color:#d7d7d7;margin-top:6px}#editing #content-panel #content-wrapper .facet-allowed .type-list a:hover{background-color:#10b2fe;color:#fff}#editing #content-panel #content-wrapper .facet-allowed .type-list a + a{margin-left:6px}#editing #content-panel #content-wrapper .page-entry-link h3{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#e0e0e0;margin-bottom:10px;font-size:150%;padding-left:10px}#editing #content-panel #content-wrapper .page-entry-link h3 a{font-weight:normal}#editing #content-panel #content-wrapper .facet-contents-wrap{padding:10px}#editing #content-panel #content-wrapper .facet-contents-wrap .facet-drag-bar{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;height:24px;background-color:#c5c5c5}#editing #content-panel #content-wrapper .facet-contents-wrap .facet{margin-top:20px}#editing #content-panel #content-wrapper .facet-contents-wrap .page .field-wrap{padding-bottom:10px}#editing #content-panel #content-wrapper .depth-2 .facet-contents-wrap{background-color:#cecece}#editing #content-panel #content-wrapper .facet-bottom-bar{-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;height:10px;background-color:#d7d7d7}#page-fields .editing-panel .editing-fields,#page-fields .editing-panel .editing-toolbar,.box-fields .editing-panel .editing-fields,.box-fields .editing-panel .editing-toolbar{padding-left:64px;padding-right:64px}#page-fields .editing-panel .field-group.text,.box-fields .editing-panel .field-group.text{padding-left:0}.box-fields .editing-panel .editing-toolbar.bottom .indent{opacity:0.2}.field .markdown-editor .md-toolbar{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;background-color:rgba(0,0,0,0.2)}.field .markdown-editor .md-toolbar a{color:#999;display:block;border:solid 1px transparent;padding:2px 6px;cursor:pointer}.field .markdown-editor .md-toolbar a.active{background-color:#ccc}.field .markdown-editor .md-toolbar a:hover{background-color:#999}.field .markdown-editor .md-toolbar a + a{margin-left:10px}.field.focus .markdown-editor .md-toolbar{background-color:rgba(0,0,0,0.6)}.field.focus .markdown-editor .md-toolbar a{color:#333}#conflicted-fields-dialogue .instructions{text-transform:none;margin:0;background-color:#f2f2f2;color:#666;padding:8px}#conflicted-fields-dialogue .differences{display:-webkit-box;display:-moz-box;display:box}#conflicted-fields-dialogue .diff{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:11px;width:50%;padding:8px 8px;border:solid 2px #f2f2f2;cursor:pointer}#conflicted-fields-dialogue .diff.selected{border-color:#10b2fe}#conflicted-fields-dialogue .diff ins{background-color:#deffdd;text-decoration:none}#conflicted-fields-dialogue .diff del{background-color:#fedddd;text-decoration:line-through}#conflicted-fields-dialogue .diff .para{color:#ccc}#conflicted-fields-dialogue .labels .diff{border:none;background-color:#fbfbfb;padding-top:5px;padding-bottom:5px}#conflicted-fields-dialogue .image-field-conflict.changes .diff{display:-webkit-box;display:-moz-box;display:box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-pack:center;-webkit-box-pack:center;-moz-box-pack:center;box-align:center;-webkit-box-align:center;-moz-box-align:center}#conflicted-fields-dialogue .image-field-conflict.changes .diff img{max-height:500px;max-width:100%;display:block}#add-alias-dialogue .instructions{margin:0;background-color:#f2f2f2;color:#666;padding:4px 8px}#add-alias-dialogue .type{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:-webkit-box;display:-moz-box;display:box;cursor:pointer;padding:4px 8px;background-color:#fbfbfb;border:solid 1px #f2f2f2;margin:8px;margin-bottom:0}#add-alias-dialogue .type:hover{background-color:#666;color:#fff}#add-alias-dialogue .type.selected{background-color:#10b2fe;color:#fff}a.developer.source{color:rgba(255,255,255,0.6)}a.developer.source:hover{color:#fff}

data/application/css/v2.scss

@@ -91,12 +91,12 @@ img.missing {
 				padding-top: 0px;
 				padding-right: 25px;
 				height: 31px;
-				color: #888888;
+				color: #ccc;
 				font-weight: bold;
 				width: 100%;
 			}
 			select.unselected {
-				color: #555555;
+				color: #888;
 				font-weight: normal;
 				font-style: italic;
 				max-width: 80px;
@@ -104,7 +104,8 @@ img.missing {
 			a {
 				@include box-sizing;
 				cursor: pointer;
-				color: #888888;
+				// color: #888888;
+				color: #ddd;
 				height: 31px;
 				padding-top: 9px;
 				display: block;
@@ -117,6 +118,7 @@ img.missing {
 		}
 		li.root a {
 			background-image: none;
+			padding-right: 5px;
 		}
 		li:first-child {
 			background-image: url("/@spontaneous/static/spontaneous.png"), url("/@spontaneous/static/location-arrow.png");
@@ -395,7 +397,7 @@ img.missing {
 	margin-right: 16px;
 	li {
 		@extend .clearfix;
-		border-bottom: solid 1px #cccccc;
+		border-bottom: solid 1px $entry-background-colour;
 		padding-top: 3px;
 		padding-bottom: 3px;
 		display: block;
@@ -556,6 +558,8 @@ img.missing {
 .fields-preview-text + .fields-preview-image {}
 
 #page-slots.slots {
+	height: 100%;
+
 	.slot-tabs {
 		@extend .clearfix;
 		height: 32px;
@@ -587,7 +591,8 @@ img.missing {
 			border-right-color: $highlight;
 			.down {
 				@include down-arrow("/@spontaneous/static/orange-down-arrow.png", 7px);
-				z-index: 1;
+				z-index: 100;
+				display: none;
 			}
 		}
 		li:first-child {
@@ -607,6 +612,7 @@ img.missing {
 		@extend .container-padding;
 		@include vertical-gradient(#eeeeee, #dddddd);
     @include display-box;
+		border-top: solid 1px #CCC;
     position:relative;
 		padding-top: 12px;
 		padding-bottom: 5px;
@@ -614,7 +620,7 @@ img.missing {
       position: absolute;
       left: 0;
       right: 0;
-      top: 0;
+      top: -1px;
       bottom: 0;
       border-style: solid;
       border-width: 2px;
@@ -644,37 +650,83 @@ img.missing {
 	.slot-addable {
 		@extend .container-padding;
 		@include box-sizing;
-		@include vertical-gradient(#dddddd, #eeeeee);
+		// @include vertical-gradient($slot-addable-colour, $entry-background-colour);
+		background: url("/@spontaneous/static/diagonal-texture.png");
 		border-top: solid 1px #cccccc;
+		text-align: center;
 		height: 40px;
-		padding-top: 10px;
+		padding-top: 8px;
 		position: relative;
 		a {
 			@include button;
 			padding-right: 16px;
 			padding-left: 16px;
+			margin-right: 4px;
+			margin-left: 4px;
 		}
 		// a:hover {
 		//   background-color: $highlight;
 		//   color: white;
 		// }
 		a + a {
-			margin-left: 8px;
 		}
     .alias {
       font-style: italic;
     }
 		.down {
 			@include down-arrow("/@spontaneous/static/slot-down-arrow.png", 18px);
+			display: none;
+		}
+	}
+	.slot-addable.floating {
+		// @include vertical-gradient($entry-background-colour, $slot-addable-colour);
+		// @include corners;
+		// margin-top: 10px;
+		background: none;
+		// margin-left: $container-padding;
+		// margin-right: $container-padding;
+		border-top: 0;
+		padding-left: 10px;
+		padding-right: 10px;
+		padding-top: 5px;
+		text-align: center;
+		background: url("/@spontaneous/static/plus-box.png") 10px 7px no-repeat;
+
+		.down {
+			display: none;
+			// background-image: url("/@spontaneous/static/slot-up-arrow.png");
+			// bottom: auto;
+			// top: -18px;
 		}
 	}
+	.slot-instructions {
+		@include header;
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: $container-padding;
+		display: none;
+		text-align: center;
+		color: #ccc;
+	}
 	.slot-addable.drop-active {
 		outline: solid 2px $action;
 	}
+	.slot-content.empty {
+		.slot-instructions {
+			display: block;
+		}
+		.slot-addable.bottom {
+			// display: none;
+		}
+	}
 }
 
+
 #page-slots.slots .slot-entries {
 	padding-top: 32px;
+	padding-bottom: 50%;
+	position: relative;
 	.fields-preview {
 		@include rounded;
 		padding: 4px;
@@ -686,66 +738,82 @@ img.missing {
 		position: relative;
 		margin-left: $container-padding;
 		margin-right: $container-padding;
-
     .entry-contents {
       @include rounded;
-      background-color: gray;
-      padding: 1px;
-      padding-top: $title-bar-height + 4px;
+      background-color: $entry-background-colour;
+      padding: 2px;
+      // padding-top: $title-bar-height + 4px;
     }
     .entry-spacer {
       height: $container-padding/2;
+			position: relative;
     }
+		.entry-spacer.add-entry {
+			background: url("/@spontaneous/static/diagonal-texture.png");
+			margin: 0 4px;
+			cursor: pointer;
+		}
 		.entry-inner {
 			@extend .clearfix;
 			@include rounded;
-			background-color: gray;
+			// background-color: gray;
 			// padding: $unit;
 			position: relative;
 		}
 		.title-bar {
-			@include vertical-gradient(gray + #111111, gray);
+			// @include vertical-gradient(gray + #111111, gray);
       @include box-sizing;
-			@include rounded-top;
+			@include rounded-right;
       @extend .interface;
+			$title-bar-width: 20px;
+
+			// background-color: rgba($entry-background-colour, 0.6);
+			background-color: transparent;
+
+
+			width: $title-bar-width;
       color: rgba(255, 255, 255, 0.4);
       padding-top: 4px;
-      padding-left: $unit/2 + 2px;
+      // padding-left: $unit/2 + 2px;
       text-transform: none;
       font-weight: normal;
 			cursor: ns-resize;
 			position: absolute;
-			left: 0;
-			right: 0;
-			top: 0;
-			height: $title-bar-height;
+			left: auto;
+			right: -$title-bar-width;
+			// top: $unit/2;
+			top: -3px;
+			// height: $title-bar-height;
+			height: auto;
 			.actions {
+				@include display-box;
+				@include box-orient(vertical);
 				@include rounded-bottom;
-				background-color: rgba(0, 0, 0, 0.2);
-				position: absolute;
-				top: 0;
-				right: $unit/2;
+				// background-color: rgba(0, 0, 0, 0.2);
+				// position: absolute;
+				top: $unit/2;
+				// right: $unit/2;
 				a {
-					background: url("/@spontaneous/static/item-buttons.png") 0 0 no-repeat;
-					display: inline-block;
+					background: url("/@spontaneous/static/item-buttons-highlight.png") 0 0 no-repeat;
+					display: block;
 					width: 15px;
 					height: 15px;
-					position: relative;
-					top: 4px;
+					// position: relative;
+					// top: 4px;
 					cursor: pointer;
-					padding: 0 10px;
+					// padding: 0 10px;
 				}
 				.delete {
-					background-position: -54px 0;
+					background-position: -61px 0;
 				}
 				.delete:hover {
-					background-position: -54px -20px;
+					background-position: -61px -20px;
 				}
 				.visibility {
-					background-position: -25px 0;
+					background-position: -32px 0;
 				}
 				.visibility:hover {
-					background-position: -25px -20px;
+					background-position: -32px -20px;
 				}
 			}
 		}
@@ -789,7 +857,7 @@ img.missing {
 			z-index: 1;
 		}
 		.white-bg {
-			@include corners(0, 0, 0, $corner-radius);
+			@include corners($corner-radius - 1, 0, 0, $corner-radius - 1);
 			border-width: 2px;
 			border-color: transparent;
 			border-style: solid;
@@ -803,7 +871,9 @@ img.missing {
 			left: auto;
 			width: 40%;
 			right: 0;
-			background-color: #6b6b6b;
+			// background-color: #6b6b6b;
+			background-color: $entry-background-colour;
+
 			margin-left: 0;
 		}
 		.entry {
@@ -857,9 +927,10 @@ img.missing {
 					padding-left: 8px;
 					padding-top: 6px;
 					cursor: pointer;
-					border-right: solid 1px #565656;
-					background-color: #6b6b6b;
-					color: #f2f2f2;
+					border-right: solid 1px darken($slot-addable-colour, 15%);
+					background-color: darken($slot-addable-colour, 10%);
+					color: #666666;
+					// color: #f2f2f2;
 				}
 				li:first-child {
 					// @include rounded-top-left;
@@ -870,18 +941,23 @@ img.missing {
 					position: relative;
 					border-right: none;
 				}
-				li.active:hover, li.active {
-					background: #565656 none;
-					border-right: solid 1px #565656;
-					color: white;
-				}
 				li:hover {
 					background-color: $highlight;
 					border-right-color: $highlight;
+					color: #fff;
+				}
+				li.active:hover, li.active {
+					background: $slot-addable-colour none;
+					border-right: solid 1px darken($slot-addable-colour, 0%);
+					// color: white;
+					color: #666666;
 				}
 				li:hover + li:nth-child(4) {
 					border-left-color: $highlight;
 				}
+				li:last-child {
+					border-right: none;
+				}
 				li .down {
 					display: none;
 				}
@@ -891,7 +967,9 @@ img.missing {
 				@include box-sizing;
 				border: none;
 				background: none;
-				background-color: #565656;
+				// background-color: #565656;
+				// background-color: (darken($entry-background-colour, 10%));
+				background-color: $slot-addable-colour;
 				height: 33px;
 				padding: $unit 8px 0 8px;
 				a {
@@ -919,10 +997,10 @@ img.missing {
 			.entry-wrap.depth-2 {
 				// padding-top: $title-bar-height + ($unit/2);
 				margin-left: $unit;
-				margin-right: $unit;
+				margin-right: 20px;
 				margin-bottom: $unit;
 				.white-bg {
-          @include rounded(0 0 $radius $radius);
+          @include rounded($radius - 1);
 					width: auto;
 					right: 0;
 				}
@@ -931,11 +1009,15 @@ img.missing {
 				}
         .entry-contents {
           // padding: $unit/2 $unit/2;
-          // padding: 0;
+          padding: 0;
         }
         .entry-spacer {
           height: $unit;
         }
+				&:last-child .entry-spacer {
+					outline: solid 1px red;
+					display: none;
+				}
 				.entry {
 					@include rounded;
 					width: 100%;
@@ -970,11 +1052,18 @@ img.missing {
 			}
 		}
     .alias-target {
+			@include rounded-top;
       padding: $unit/2;
       background-color: #444;
       color: white;
       font-size: 14px;
       font-style: italic;
+			&.no-fields {
+				@include rounded;
+			}
+			&:hover {
+				color: $highlight;
+			}
       .icon-wrap, a {
         display: inline-block;
         vertical-align: top;
@@ -986,7 +1075,8 @@ img.missing {
     }
     &.no-boxes {
       .white-bg {
-        @include rounded(0 0 $radius $radius);
+        // @include rounded(0 0 $radius $radius);
+				@include rounded($radius - 1);
         right: 0;
       }
       .grey-bg {
@@ -1013,12 +1103,16 @@ img.missing {
 	.entry-wrap.hidden {
 		opacity: 0.4 !important;
 	}
+	.entry-wrap.editing.hidden {
+		opacity: 1 !important;
+	}
   .entry-wrap.page {
     .white-bg {
 			@include corners(0, 0, $corner-radius, $corner-radius);
       right: 0;
     }
     .page-title {
+			@include rounded-top;
       background-color: #444;
       padding: $unit/2;
       a {
@@ -1034,7 +1128,7 @@ img.missing {
       }
     }
   }
-	.entry-wrap.ui-sortable-helper .entry-contents {
+	.entry-wrap.ui-sortable-helper > .entry-contents {
 		@extend .shadow;
 	}
 	.entry-wrap.boxes.depth-1 .entry {