motion-prime 0.5.6 → 0.5.7

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    NWRjNTUxZWEzMTQzYjA3YTQ1ZjY4YmU2ZDdlZGQ3OGY1MzQ0NzJhYw==
+    OGY4ZTYxMzFiMWVjNjA2ZGFmNTVlNzIxYjAwOTMzZjc3OTdhNzU3NQ==
   data.tar.gz: !binary |-
-    MDAyNzdlMjM1N2U0Mzk2MmFhNzJmZTM1OGRhNGVmMjBjMjEzZTkwYQ==
+    M2ZmNGQ3OTY1MzZmMjViNDQyNzljYmZiMTdkYWY0ZGM1YzQ4OThkOA==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    MDFlYjZhYjMxOTM0NjIxMTYzZDQ3ZjA5M2ZkMTQzMTYyMmFmY2QzOWFlODU4
-    MTc1YTRmYjBhNjA0NDA0N2I5MjA0Y2U0ZWYxMzZmMjIyZWJkYWIzYjkxYWVj
-    ZmZjOTdkMGMxNTFiZWE5NGI4YTA2MDg3NjM5YTY4YmNiMTJjNzM=
+    YzUyNzliMGNhYjIyMjEyNDdhN2FkNmNhYTdiOWIwNzc0ZDhlMTFjMzc1ZTRm
+    NDgzZmFlN2UxYzYwMzZjNmNjMGEwNjdmOWY2ZmRhNDdiNjM5MDA1YjQwYTdk
+    OTY2NzFmYmNhMzdhMTIyNzY4YWE1NmUyNjY3OTBmYmU0MDM0Yzk=
   data.tar.gz: !binary |-
-    N2FlNDdlYjQzZDUyZjVlZTZiNjA1MDA1ZGI4MjI5M2Q1ZjFkMzY5ZmI5OTVi
-    YjA3ZmU0NzNlN2E0YjI0ZTYyMjQ2NGJlOTliMDE0OTM2Mjg2NmExODljZDBk
-    ZmRiYTRiMGE4N2RkZTc3MmI1MjlhNGY1NjVjMDU1OTJlYWNmOWY=
+    MWQ2MGIyMzhhODk5MThmZmY5YzY2MGI2MDMyZjJhNmE5NjQ5MTE5ZTg0MDcz
+    MTA1YTQ5OWNiODA5NGEzZjg5MDc1Y2ZjOGJhNTI1MzIwODA2ZjY4MzgxM2Yy
+    NTcwNDNmOWQ5ODQ5YzYzMjgyYzJjNjAzMGM0Y2ZhODk2M2QzZjI=

data/CHANGELOG.md

@@ -1,3 +1,8 @@
+=== 0.5.7
+* Improve store save.
+* Improve model dirty.
+* Support time attribute for model.
+
 === 0.5.6
 * sending "title" in options is not supported now. use dsl with Proc for that.
 * ability to open root screen with animation.

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    motion-prime (0.5.6)
+    motion-prime (0.5.7)
       bubble-wrap
       cocoapods
       methadone

data/README.md

@@ -1,4 +1,4 @@
-# MotionPrime [![Build Status](https://travis-ci.org/droidlabs/motion-prime.png)](https://travis-ci.org/droidlabs/motion-prime) [![Code Climate](https://codeclimate.com/github/droidlabs/motion-prime.png)](https://codeclimate.com/github/droidlabs/motion-prime) [![Roadchange](http://roadchange.com/droidlabs/motion-prime/badge.png)](http://roadchange.com/droidlabs/motion-prime) 
+# MotionPrime [![Build Status](https://travis-ci.org/droidlabs/motion-prime.png)](https://travis-ci.org/droidlabs/motion-prime) [![Code Climate](https://codeclimate.com/github/droidlabs/motion-prime.png)](https://codeclimate.com/github/droidlabs/motion-prime) [![Roadchange](https://roadchange.com/droidlabs/motion-prime/badge.png)](https://roadchange.com/droidlabs/motion-prime) 
 
 ![Prime](https://s3-us-west-2.amazonaws.com/webmate/assets/prime.jpg)
 
@@ -75,6 +75,11 @@ MotionPrime is yet another framework written on RubyMotion for creating really f
 
 * [Simple to-do app](https://github.com/droidlabs/prime_sample_todo)
 
+## Documentation
+
+* [Getting Started](http://prime.droidlabs.pro/)
+* [RubyDoc](http://rubydoc.info/gems/motion-prime/)
+
 ## Contributing
 
 1. Fork it
@@ -83,14 +88,14 @@ MotionPrime is yet another framework written on RubyMotion for creating really f
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create new Pull Request
 
-## Help with Documentation
+## Help us with documentation
 
 We are using [Docco](http://jashkenas.github.io/docco/) to generate documentation.
 
 Please install the tool and run this to update documentation:
 
 ```
-$ cd doc && docco code/*.rb
+$ cd doc && docco code/*.rb --layout linear
 ```
 
 ## Thanks for using MotionPrime!

data/bin/prime

@@ -27,7 +27,7 @@ class App
   def self.create(name)
     return puts "Usage: prime new <appname>" unless name.to_s.length > 0
     info "Creating new MotionPrime iOS app: #{name}"
-    sh "motion create --template=git@github.com:droidlabs/motion-prime.git #{name}"
+    sh "motion create #{name} --template=motion-prime"
     info "Command: bundle instal"
     sh "cd ./#{name} & bundle install"
     info "Command: pod setup"

data/doc/code/getting_started.rb

@@ -1,5 +1,33 @@
+# ** Why MotionPrime? **
+
+# Did you ever notice that table views in your RubyMotion application scrolls not smoothly?
+#
+# Let's see why:
+#
+# ![MotionPrime](https://s3.amazonaws.com/motionprime/prime.png)
+#
+# Each table cell will create 5 UIViews inside and it's very slow operation for mobile device.
+# The main feature of MotionPrime is that it creates abstraction layer for "elements" in screen.
+# If it's possible in current context, MotionPrime will draw elements directly in table cell using CoreGraphics.
+# Just add 'label' element to the section:
+
+class MySection < Prime::Section
+  element :greeting, text: 'Hello World', type: :label
+end 
+
+# It will be rendered 5 times faster in iPhone 4/4s for cells containing 5 elements.
+#
+# You can force it to use UIView instead of CoreGraphics:
+
+class MySection < Prime::Section
+  element :greeting, text: 'Hello World', type: :label, as: :view
+end 
+
+# MotionPrime contains other features to improve application performance, but performance is not the only feature.
+#
+# So let's get started.
+
 # **1. Install required tools.**
----
 
 # * Ruby 1.9.3 or newer.
 $ rvm install 2.0.0
@@ -7,11 +35,16 @@ $ rvm install 2.0.0
 # * RubyMotion.
 Visit http://www.rubymotion.com
 
-# **2. Create application delegate.**
+# **2. Create MotionPrime project.**
+
+$ gem install motion-prime
+$ prime new hello
+
+# **3. Create application delegate.**
 #
-# You should rewrite the `on_load` method, which will be runned after starting application.
+# E.g. `hello/app/app_delegate.rb`
 #
-# NOTE: you should always use AppDelegate class name.
+# Inherit `AppDelegate` class from `Prime::BaseAppDelegate` and rewrite the `on_load` method, which will be runned after starting application.
 
 class AppDelegate < Prime::BaseAppDelegate
   def on_load(app, options)
@@ -19,11 +52,12 @@ class AppDelegate < Prime::BaseAppDelegate
   end
 end
 
-# **3. Create the main screen.**
+# **4. Create the main screen.**
 #
-# You should rewrite the `render` method, which will be runned after first opening screen.
+# E.g. `hello/app/screens/home.rb`
+#
+# Inherit screen from `Prime::Screen` and rewrite the `render` method, which will be runned after first opening screen.
 #
-# NOTE: it's recommended to use instance variables for sections, e.g. `@main_section` instead of `main_section`.
 
 class MainScreen < Prime::Screen
   title 'Main screen'
@@ -34,18 +68,22 @@ class MainScreen < Prime::Screen
   end
 end
 
-# **4. Create your first section.**
+# **5. Create your first section.**
+#
+# E.g. `hello/app/sections/home/section.rb`
 #
 # "Section" is something like helper, which contains "Elements".
 #
 # Each element will be added to the parent screen when you run `section.render`
 
-class MyProfileSection < Prime::Section
+class HomeSection < Prime::Section
   element :title, text: "Hello World"
   element :avatar, image: "images/avatar.png", type: :image
 end
 
-# **5. Create your first stylesheet file.**
+# **6. Create your first stylesheet file.**
+#
+# E.g. `hello/app/styles/home.rb`
 #
 # Styles will be applied to each element in section.
 # The simplest rule by default is: `:section-name_:element-name`.
@@ -61,4 +99,8 @@ end
 
 Prime::Styles.define :my_profile do
   style :title, width: 300, height: 20
-end
+end
+
+# ** Next **
+#
+# [Read more about Screens](screens.html)

data/doc/code/models.rb

@@ -0,0 +1,32 @@
+# ** What is a Model? **
+#
+# "Model" will help you to store any information in database and sync this information with server.
+
+# ** Create a model. **
+#
+# Just inherit it from `Prime::Model`.
+
+class Event < Prime::Model
+end
+
+# ** Add some attributes to model. **
+#
+# E.g. we want event to have title and description.
+
+class Event < Prime::Model
+  attribute :title
+  attribute :description
+end
+
+# ** Create some item. **
+#
+# This event will be saved to database and accessible after restart of application.
+
+event = Event.create(
+  title: 'MotionPrime release.',
+  description: 'Check out new features.'
+)
+
+# ** Retrieve all events **
+
+Event.all

data/doc/code/screens.rb

@@ -3,7 +3,6 @@
 # "Screen" is the most common class in MotionPrime, you can create entire application using only "Screens".
 # Generally it's just a "UIViewController" wrapper with some syntax sugar. 
 # For RubyOnRails developers the nearest analogy would be "Controllers".
----
 
 # ** Create a screen. **
 #
@@ -27,7 +26,6 @@ end
 # 
 # Title will be used in screen's navigation controller and will be shown on top of screen.
 #
-# NOTE: screen should be created with enabled navigation (see "Initialize screen" block).
 
 class FooScreen < Prime::Screen
   title 'Foo screen'
@@ -44,12 +42,13 @@ end
 # Available options:
 # * `:navigation`. When this options is true, screen will be created with navigation support: it will allow adding title and left/right buttons.
 # This option is true by default.
-
-def open_foo_screen
-  foo_screen = FooScreen.new(navigation: false)
+class AppDelegate < Prime::BaseAppDelegate
+  def on_load(application, launch_options)
+    foo_screen = FooScreen.new(navigation: false)
+  end
 end
 
-# ** Open screen: using app delegate. **
+# ** Open screen: from app delegate. **
 
 # Opening screen using app delegate is the most basic way, you would use it at least on app load.
 #
@@ -61,27 +60,34 @@ end
 # * `:sidebar`. Send `Prime::Screen` instance to this option if you want to create root screen with sidebar. 
 # Value of this options will be used as sidebar controller. 
 # NOTE: you should install some gem providing sidebar functionality, e.g. 'prime_reside_menu'
-
-def open_foo_screen
-  foo_screen = FooScreen.new
-  sidebar = MySidebar.new(navigation: false)
-  app_delegate.open_screen foo_screen, sidebar: sidebar
+class AppDelegate < Prime::BaseAppDelegate
+  def on_load(application, launch_options)
+    foo_screen = FooScreen.new
+    sidebar = MySidebar.new(navigation: false)
+    app_delegate.open_screen foo_screen, sidebar: sidebar
+  end
 end
 
-# ** Open screen: using parent screen. **
+# ** Open screen: from parent screen. **
 
 # Opening screen using parent screen is usefull if you want to create inherited screen. 
 # Parent screen should have been initialized with navigation support.
-
-def open_second_screen
-  second_screen = SecondScreen.new(navigation: true)
-  foo_screen.open_screen second_screen
+class FooScreen < Prime::Screen
+  def render
+    second_screen = SecondScreen.new(navigation: true)
+    foo_screen.open_screen second_screen
+  end
 end
 
 # ** Open screen: using short version. **
 
 # Opening screen using short syntax available both for opening via app delegate and via parent screen.
+class AppDelegate < Prime::BaseAppDelegate
+  def on_load(application, launch_options)
+    open_screen :foo_bar, sidebar: true
+  end
+end
 
-foo_screen.open_screen :hello_world
-app_delegate.open_screen :foo_bar, sidebar: true
-
+# ** Next **
+#
+# [Read more about Sections](sections.html)

data/doc/code/sections.rb

@@ -8,7 +8,6 @@
 # That way increases application speed (especially on Table elements) by 5-10 times.
 #
 # Let's get started.
----
 
 # ** Create a section. **
 #
@@ -20,7 +19,9 @@ end
 # ** Add some elements to the section. **
 #
 # Each element should have name and type: "image", "label", "button", etc. 
+#
 # When you send `:text` option, type will be "label" by default.
+#
 # When you send `:image` option, type will be "image" by default.
 
 class FooSection < Prime::Section
@@ -29,9 +30,9 @@ class FooSection < Prime::Section
   element :cheer, type: :button
 end
 
-# ** Render Section in Screen **
+# ** Render Section to Screen **
 # 
-# NOTE: You must send "screen" option on section initialization.
+# NOTE: it's recommended to use instance variables for sections, e.g. `@main_section` instead of `main_section`.
 
 class FooScreen < Prime::Screen
   def render
@@ -39,3 +40,26 @@ class FooScreen < Prime::Screen
     @main_section.render
   end
 end
+
+# ** Add some styles for section **
+# 
+# Generally styles are just attributes of UIView elements.
+#
+# Let's style the UILabel element (:welcome label element we added above.)
+#
+# We send :foo parameter to `define`, because we have section named `foo` (FooSection) 
+# and :welcome parameter to `style`, because the name of element is `welcome`.
+#
+Prime::Styles.define :foo do
+  style :welcome,
+    text_color: :black,
+    top: 100,
+    width: 320,
+    left: 20,
+    font: proc { :system.uifont(20) },
+    size_to_fit: true,
+end
+
+# ** Next **
+#
+# [Read more about Models](models.html)

data/doc/docs/docco.css

@@ -30,85 +30,132 @@
     font-style: normal;
 }
 
-/*--------------------- Layout ----------------------------*/
-html { height: 100%; }
-body {
-  font-family: "aller-light";
-  font-size: 14px;
-  line-height: 18px;
-  color: #30404f;
-  margin: 0; padding: 0;
-  height:100%;
+@font-face {
+    font-family: 'fleurons';
+    src: url('public/fonts/fleurons.eot');
+    src: url('public/fonts/fleurons.eot?#iefix') format('embedded-opentype'),
+         url('public/fonts/fleurons.woff') format('woff'),
+         url('public/fonts/fleurons.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
 }
-#container { min-height: 100%; }
 
-a {
-  color: #000;
-}
+/*--------------------- Base Styles ----------------------------*/
 
-b, strong {
-  font-weight: normal;
-  font-family: "aller-bold";
+body {
+  font-family: "aller-light";
+  background: url('public/images/gray.png') #fff;
+  background-size: 322px;
+  margin: 0;
 }
 
-p, ul, ol {
-  margin: 15px 0 0px;
+hr {
+  height: 1px;
+  background: #ddd;
+  border: 0;
 }
 
 h1, h2, h3, h4, h5, h6 {
   color: #112233;
-  line-height: 1em;
   font-weight: normal;
   font-family: "novecento-bold";
   text-transform: uppercase;
-  margin: 30px 0 15px 0;
+  line-height: 1em;
+  margin-top: 50px;
 }
+  h1 {
+    margin: 0;
+    text-align: center;
+  }
+  h2 {
+    font-size: 1.3em;
+  }
+  h1:after {
+    content: "8";
+    display: block;
+    font-family: "fleurons";
+    color: #999;
+    font-size: 80px;
+    padding: 10px 0 25px;
+  }
 
-h1 {
-  margin-top: 40px;
+a {
+  color: #000;
 }
 
-hr {
-  border: 0;
-  background: 1px solid #ddd;
-  height: 1px;
-  margin: 20px 0;
+b, strong {
+  font-weight: normal;
+  font-family: "aller-bold";
 }
 
-pre, tt, code {
-  font-size: 12px; line-height: 16px;
-  font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
-  margin: 0; padding: 0;
+blockquote {
+  border-left: 5px solid #ccc;
+  margin-left: 0;
+  padding: 1px 0 1px 1em;
 }
-  .annotation pre {
-    display: block;
+  .page blockquote p {
+    font-family: Menlo, Consolas, Monaco, monospace;
+    font-size: 14px; line-height: 19px;
+    color: #999;
+    margin: 10px 0 0;
+    white-space: pre-wrap;
+  }
+
+pre, tt, code {
+  font-family: Menlo, Consolas, Monaco, monospace;
+  font-size: 12px;
+  display: inline-block;
+  border: 1px solid #EAEAEA;
+  background: #f8f8f8;
+  color: #555;
+  padding: 0 5px;
+  line-height: 20px;
+}
+  .page pre {
     margin: 0;
-    padding: 7px 10px;
+    width: 608px;
+    padding: 10px 15px;
     background: #fcfcfc;
     -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.1);
     -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
     box-shadow:         inset 0 0 10px rgba(0,0,0,0.1);
     overflow-x: auto;
   }
-    .annotation pre code {
+    .page pre code {
       border: 0;
       padding: 0;
       background: transparent;
     }
 
-
-blockquote {
-  border-left: 5px solid #ccc;
-  margin: 0;
-  padding: 1px 0 1px 1em;
+.fleur {
+  font-family: "fleurons";
+  font-size: 100px;
+  text-align: center;
+  margin: 40px 0;
+  color: #ccc;
 }
-  .sections blockquote p {
-    font-family: Menlo, Consolas, Monaco, monospace;
-    font-size: 12px; line-height: 16px;
-    color: #999;
-    margin: 10px 0 0;
-    white-space: pre-wrap;
+
+/*--------------------- Layout ----------------------------*/
+
+.container {
+  width: 760px;
+  margin: 0 auto;
+  background: #fff;
+  background: rgba(255,255,255, 0.4);
+  overflow: hidden;
+}
+  .page {
+    width: 640px;
+    padding: 30px;
+    margin: 30px;
+    background: #fff;
+    font-size: 17px;
+    line-height: 26px;
   }
+    .page p {
+      color: #30404f;
+      margin: 26px 0;
+    }
 
 ul.sections {
   list-style: none;
@@ -116,249 +163,39 @@ ul.sections {
   margin:0;
 }
 
-/*
-  Force border-box so that % widths fit the parent
-  container without overlap because of margin/padding.
-
-  More Info : http://www.quirksmode.org/css/box.html
-*/
-ul.sections > li > div {
-  -moz-box-sizing: border-box;    /* firefox */
-  -ms-box-sizing: border-box;     /* ie */
-  -webkit-box-sizing: border-box; /* webkit */
-  -khtml-box-sizing: border-box;  /* konqueror */
-  box-sizing: border-box;         /* css3 */
+.page li p {
+  margin: 12px 0;
 }
 
-
-/*---------------------- Jump Page -----------------------------*/
-#jump_to, #jump_page {
-  margin: 0;
-  background: white;
-  -webkit-box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777;
-  -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;
-  font: 16px Arial;
-  cursor: pointer;
-  text-align: right;
-  list-style: none;
-}
-
-#jump_to a {
-  text-decoration: none;
-}
-
-#jump_to a.large {
-  display: none;
-}
-#jump_to a.small {
-  font-size: 22px;
-  font-weight: bold;
-  color: #676767;
+.toc {
+  max-height: 0;
+  overflow: hidden;
+  text-align: center;
+  font-size: 13px;
+  line-height: 20px;
+  -moz-transition: max-height 1s;
+  -webkit-transition: max-height 1s;
+  transition: max-height 1s;
 }
-
-#jump_to, #jump_wrapper {
-  position: fixed;
-  right: 0; top: 0;
-  padding: 10px 15px;
-  margin:0;
-}
-
-#jump_wrapper {
-  display: none;
-  padding:0;
-}
-
-#jump_to:hover #jump_wrapper {
-  display: block;
-}
-
-#jump_page {
-  padding: 5px 0 3px;
-  margin: 0 0 25px 25px;
-}
-
-#jump_page .source {
-  display: block;
-  padding: 15px;
-  text-decoration: none;
-  border-top: 1px solid #eee;
-}
-
-#jump_page .source:hover {
-  background: #f5f5ff;
-}
-
-#jump_page .source:first-child {
-}
-
-/*---------------------- Low resolutions (> 320px) ---------------------*/
-@media only screen and (min-width: 320px) {
-  .pilwrap { display: none; }
-
-  ul.sections > li > div {
-    display: block;
-    padding:5px 10px 0 10px;
-  }
-
-  ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
-    padding-left: 30px;
-  }
-
-  ul.sections > li > div.content {
-    background: #f5f5ff;
-    overflow-x:auto;
-    -webkit-box-shadow: inset 0 0 5px #e5e5ee;
-    box-shadow: inset 0 0 5px #e5e5ee;
-    border: 1px solid #dedede;
-    margin:5px 10px 5px 10px;
-    padding-bottom: 5px;
-  }
-
-  ul.sections > li > div.annotation pre {
-    margin: 7px 0 7px;
-    padding-left: 15px;
-  }
-
-  ul.sections > li > div.annotation p tt, .annotation code {
-    background: #f8f8ff;
-    border: 1px solid #dedede;
-    font-size: 12px;
-    padding: 0 0.2em;
-  }
-}
-
-/*----------------------  (> 481px) ---------------------*/
-@media only screen and (min-width: 481px) {
-  #container {
-    position: relative;
-  }
-  body {
-    background-color: #F5F5FF;
-    font-size: 15px;
-    line-height: 21px;
-  }
-  pre, tt, code {
-    line-height: 18px;
-  }
-  p, ul, ol {
-    margin: 0 0 15px;
-  }
-
-
-  #jump_to {
-    padding: 5px 10px;
+  .header:hover .toc {
+    max-height: 500px;
   }
-  #jump_wrapper {
-    padding: 0;
+  .toc h3 {
+    margin-top: 20px;
   }
-  #jump_to, #jump_page {
-    font: 10px Arial;
-    text-transform: uppercase;
-  }
-  #jump_page .source {
-    padding: 5px 10px;
-  }
-  #jump_to a.large {
-    display: inline-block;
-  }
-  #jump_to a.small {
-    display: none;
-  }
-
-
-
-  #background {
-    position: absolute;
-    top: 0; bottom: 0;
-    width: 350px;
-    background: #fff;
-    border-right: 1px solid #e5e5ee;
-    z-index: -1;
-  }
-
-  ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
-    padding-left: 40px;
-  }
-
-  ul.sections > li {
-    white-space: nowrap;
-  }
-
-  ul.sections > li > div {
+  .toc ol {
+    margin: 0 0 20px 0;
     display: inline-block;
-  }
-
-  ul.sections > li > div.annotation {
-    max-width: 350px;
-    min-width: 350px;
-    min-height: 5px;
-    padding: 13px;
-    overflow-x: hidden;
-    white-space: normal;
-    vertical-align: top;
     text-align: left;
+    list-style-type: upper-roman;
   }
-  ul.sections > li > div.annotation pre {
-    margin: 15px 0 15px;
-    padding-left: 15px;
-  }
-
-  ul.sections > li > div.content {
-    padding: 13px;
-    vertical-align: top;
-    background: #f5f5ff;
-    border: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-  }
-
-  .pilwrap {
-    position: relative;
-    display: inline;
-  }
-
-  .pilcrow {
-    font: 12px Arial;
-    text-decoration: none;
-    color: #454545;
-    position: absolute;
-    top: 3px; left: -20px;
-    padding: 1px 2px;
-    opacity: 0;
-    -webkit-transition: opacity 0.2s linear;
-  }
-    .for-h1 .pilcrow {
-      top: 47px;
-    }
-    .for-h2 .pilcrow, .for-h3 .pilcrow, .for-h4 .pilcrow {
-      top: 35px;
+    .toc li {
+      font-family: 'novecento-bold';
     }
+      .toc li a {
+        font-family: 'aller-light';
+      }
 
-  ul.sections > li > div.annotation:hover .pilcrow {
-    opacity: 1;
-  }
-}
-
-/*---------------------- (> 1025px) ---------------------*/
-@media only screen and (min-width: 1025px) {
-
-  body {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  #background {
-    width: 525px;
-  }
-  ul.sections > li > div.annotation {
-    max-width: 525px;
-    min-width: 525px;
-    padding: 10px 25px 1px 50px;
-  }
-  ul.sections > li > div.content {
-    padding: 9px 15px 16px 25px;
-  }
-}
 
 /*---------------------- Syntax Highlighting -----------------------------*/